Release v2.19.2: reorganize shared UI modules

src/web/public/css/theme-custom.css

@@ -3944,7 +3944,7 @@ html[data-bs-theme='dark'] .template-field-card .tox .tox-collection {
   text-transform: none;
 }
 
-.api-region-placeholder-section .chip {
+.placeholder-chip {
   padding: 0.2rem 0.45rem;
   border: 1px solid var(--bs-border-color);
   border-radius: 0.3rem;
@@ -3954,12 +3954,12 @@ html[data-bs-theme='dark'] .template-field-card .tox .tox-collection {
   font-size: 0.75rem;
 }
 
-.api-region-placeholder-section .chip:hover {
+.placeholder-chip:hover {
   border-color: var(--bs-secondary-color);
   background: var(--bs-tertiary-bg);
 }
 
-.api-region-placeholder-section .chip:focus-visible {
+.placeholder-chip:focus-visible {
   outline: 2px solid var(--bs-primary);
   outline-offset: 2px;
 }

src/web/public/js/regions/type/time-date.js

@@ -208,7 +208,7 @@
     }
 
     return tokens.map(function (token) {
-      return '<span class="chip">{{' + token + '}}</span>';
+      return '<span class="chip placeholder-chip">{{' + token + '}}</span>';
     }).join('');
   }
 

src/web/public/js/regions/type/timetable.js

@@ -215,7 +215,7 @@
     }
 
     return tokens.map(function (token) {
-      return '<span class="chip">{{' + escapeHtml(token) + '}}</span>';
+      return '<span class="chip placeholder-chip">{{' + escapeHtml(token) + '}}</span>';
     }).join('');
   }
 

src/web/public/js/regions/type/weather.js

@@ -64,14 +64,14 @@
     if (visibleCount >= fields.length) return fields.map(function (field) {
       return window.placeholderChips && typeof window.placeholderChips.renderChip === 'function'
         ? window.placeholderChips.renderChip(field)
-        : '<span class="chip">{{' + escapeHtml(field) + '}}</span>';
+        : '<span class="chip placeholder-chip">{{' + escapeHtml(field) + '}}</span>';
     }).join('');
     var visibleFields = fields.slice(0, visibleCount);
     var overflowFields = fields.slice(visibleFields.length);
     var renderChip = function (field) {
       return window.placeholderChips && typeof window.placeholderChips.renderChip === 'function'
         ? window.placeholderChips.renderChip(field)
-        : '<span class="chip">{{' + escapeHtml(field) + '}}</span>';
+        : '<span class="chip placeholder-chip">{{' + escapeHtml(field) + '}}</span>';
     };
     var visibleMarkup = visibleFields.map(renderChip).join('');
     if (!overflowFields.length) return visibleMarkup;

src/web/public/js/shared/placeholder-chips.js

@@ -98,7 +98,7 @@
     var escapedCopyText = escapeHtml(copyText);
     ensureCopyHandler();
 
-    return '<span class="chip" ' + CHIP_ATTR + '="1" data-copy-text="' + escapedCopyText + '" role="button" tabindex="0" title="Click to copy ' + escapedCopyText + '" aria-label="Copy ' + escapedCopyText + '">' + escapedCopyText + '</span>';
+    return '<span class="chip placeholder-chip" ' + CHIP_ATTR + '="1" data-copy-text="' + escapedCopyText + '" role="button" tabindex="0" title="Click to copy ' + escapedCopyText + '" aria-label="Copy ' + escapedCopyText + '">' + escapedCopyText + '</span>';
   }
 
   function renderChips(tokens) {

src/web/public/js/slides/slide-form-regions.js

@@ -137,7 +137,7 @@ export function createSlideFormRegionHelpers(options) {
     var visibleMarkup = visibleFields.map(function (field) {
       return typeof placeholderChips.renderChip === 'function'
         ? placeholderChips.renderChip(field)
-        : '<span class="chip">{{' + escapeHtml(field) + '}}</span>';
+        : '<span class="chip placeholder-chip">{{' + escapeHtml(field) + '}}</span>';
     }).join('');
     var transformHint = includeTransformHint === false ? '' : '<div class="text-body-secondary small mt-1">Placeholder values support transforms, for example <code>{{title.upper()}}</code>, <code>{{title.title()}}</code>, <code>{{title.lower()}}</code>, <code>{{publishedAt.format("MMM D, YYYY")}}</code>, or <code>{{amount.multiply(10)}}</code>.</div>';
 
@@ -153,7 +153,7 @@ export function createSlideFormRegionHelpers(options) {
         '<div class="d-flex flex-wrap gap-2 mt-1">' + overflowFields.map(function (field) {
           return typeof placeholderChips.renderChip === 'function'
             ? placeholderChips.renderChip(field)
-            : '<span class="chip">{{' + escapeHtml(field) + '}}</span>';
+            : '<span class="chip placeholder-chip">{{' + escapeHtml(field) + '}}</span>';
         }).join('') + '</div>' +
       '</details>';
   }
@@ -226,7 +226,7 @@ export function createSlideFormRegionHelpers(options) {
     var chips = Array.isArray(fieldList) ? fieldList.map(function (field) {
       return typeof placeholderChips.renderChip === 'function'
         ? placeholderChips.renderChip(field)
-        : '<span class="chip">{{' + escapeHtml(field) + '}}</span>';
+        : '<span class="chip placeholder-chip">{{' + escapeHtml(field) + '}}</span>';
     }).join('') : '';
 
     container.innerHTML = chips || '<span class="muted slide-image-file">' + escapeHtml(emptyLabel) + '</span>';