@heartlandone/vega 2.80.0 → 2.82.0

package/dist/cjs/vega-checkbox_2.cjs.entry.js

@@ -9,23 +9,23 @@ const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-a8d13f4c.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2631c381.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
@@ -36,8 +36,8 @@ require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');

package/dist/cjs/vega-chip.cjs.entry.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
-const ui = require('./ui-9e8c9732.js');
-const designToken = require('./design-token-3f9589eb.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
+const ui = require('./ui-ae4ee13d.js');
+const designToken = require('./design-token-93070bb8.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-require('./type-guard-d760850a.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+require('./type-guard-3ec852d7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
 require('./number-4816603d.js');
@@ -27,11 +27,12 @@ require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
+require('./state-border-formatter-4e5e4ed0.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-a3a60da4.js');
+require('./dom-node-subject-observer-factory-9110cb94.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
@@ -217,7 +218,7 @@ const VegaChip = class {
   renderIcon(icon) {
     return (index.h("vega-icon", { icon: icon, size: icon === 'close'
         ? VegaChip.closeIconSizeMap[this.currentSize]
-        : VegaChip.iconSizeMap[this.currentSize] }));
+        : VegaChip.iconSizeMap[this.currentSize], color: icon !== 'close' ? this.iconColor : undefined }));
   }
   renderDot() {
     const size = VegaChip.iconSizeMap[this.currentSize];

package/dist/cjs/vega-code-block.cjs.entry.js

@@ -8,19 +8,19 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const codeBlock = require('./code-block-71a330a1.js');
-const ui = require('./ui-9e8c9732.js');
+const codeBlock = require('./code-block-b1f8aded.js');
+const ui = require('./ui-ae4ee13d.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const object = require('./object-b53e9416.js');
-const translationSlimmer = require('./translation-slimmer-c069ca84.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-fd077a6c.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-99fbd1f2.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const timer = require('./timer-5f33058b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
@@ -28,20 +28,21 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./observer-f49483e8.js');
 require('./string-39438062.js');
-require('./type-guard-d760850a.js');
+require('./type-guard-3ec852d7.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./static-subject-title-5829a298.js');
-require('./dark-mode-style-controller-3a04af3d.js');
+require('./dark-mode-style-controller-bd765afb.js');
+require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-592b4052.js');
-require('./internal-vega-event-manager-cc0f511c.js');
-require('./range-fa15d524.js');
-require('./keyboard-manager-slimmer-68cff676.js');
-require('./keyboard-manager-9dbbb0d4.js');
+require('./internal-vega-event-manager-fef893bf.js');
+require('./range-5bd6d72b.js');
+require('./keyboard-manager-slimmer-879ff4f3.js');
+require('./keyboard-manager-5ed6c472.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-1e352960.js');
-const ui = require('./ui-9e8c9732.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const ui = require('./ui-ae4ee13d.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
@@ -19,9 +19,9 @@ require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-a3a60da4.js');
-require('./vega-internal-event-id-a1837fa2.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./dom-node-subject-observer-factory-9110cb94.js');
+require('./vega-internal-event-id-87014e4f.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
@@ -32,8 +32,8 @@ require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
+require('./internal-vega-event-manager-fef893bf.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -62,7 +62,7 @@ const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaColorPickerCss = ":host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .color-picker-inline-items.selected{border-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host .color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .color-picker-inline-items:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));box-shadow:0px 0px 0px 1px rgba(var(--v-bg-primary, 252, 252, 252, 1)) inset;border:1px solid rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}";
+const vegaColorPickerCss = ":host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .color-picker-inline-items.selected{border-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host .color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .color-picker-inline-items:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));box-shadow:0px 0px 0px 1px rgba(var(--v-bg-primary, 252, 252, 252, 1)) inset;border:1px solid rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -175,8 +175,22 @@ const VegaColorPicker = class {
      * @vegaVersion 2.30.0
      */
     this.isInline = false;
+    /**
+     * Specifies the maximum number of color swatches displayed per row.
+     *
+     * When the number of `colors` exceeds `columns`, the remaining swatches
+     *    wrap to additional rows. For example, `columns={5}` with 10 colors
+     *    renders 2 rows of 5 swatches.
+     *
+     * Defaults to `8` to preserve the original single-row layout for the
+     *    default 8-color palette.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.columns = 8;
     this.renderColorPickerContainer = () => {
-      return (index.h("div", { class: ui.arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, index.h("vega-flex", { direction: "row", gap: "size-8", alignItems: "center" }, this.colors.map((color) => {
+      const columns = this.getValidColumns();
+      return (index.h("div", { class: ui.arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, index.h("vega-flex", { direction: "row", gap: "size-8", alignItems: "center", style: { maxWidth: `${columns * 34 - 8}px` } }, this.colors.map((color) => {
         const selected = this.value === color;
         return (index.h("div", { id: color, class: { 'color-picker-inline-items': true, 'selected': selected }, ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
             backgroundColor: color,
@@ -216,6 +230,10 @@ const VegaColorPicker = class {
   renderLabelDom() {
     return (index.h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, label: this.label }));
   }
+  getValidColumns() {
+    const flooredColumns = Math.floor(this.columns);
+    return Number.isFinite(flooredColumns) && flooredColumns > 0 ? flooredColumns : 1;
+  }
   // W3C Recommendations for color contrast rules, please check the following link for more details:
   // https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
   isDarkColorCheckmark(bgColor, lightColor = '#fcfcfc', darkColor = '#203645') {

package/dist/cjs/vega-color-swatch.cjs.entry.js

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-58ea899e.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const component = require('./component-1e352960.js');
+const tinycolorPolyfill = require('./tinycolor-polyfill-502efaa8.js');
+const accessibility = require('./accessibility-bfa227f6.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const translationSlimmer = require('./translation-slimmer-d0c77ad2.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
+require('./dom-node-subject-observer-factory-9110cb94.js');
+require('./observer-f49483e8.js');
+require('./ui-ae4ee13d.js');
+require('./try-get-document-c0ebd39a.js');
+require('./internal-translation-controller-fb1532f4.js');
+require('./static-subject-title-5829a298.js');
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Renderer slimmer for vega-color-swatch.
+ */
+class VegaColorSwatchRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Handler for click event on the swatch. It will emit the click event to the parent component if the swatch is not disabled.
+     *
+     * @param {MouseEvent} e The click event.
+     */
+    this.handleClick = (e) => {
+      if (this.disabled) {
+        e.stopPropagation();
+        return;
+      }
+      // Prevent the click event from bubbling up to avoid duplicate events if the event semantics namespace is not 'vega'.
+      if (internalVegaEventManager.internalVegaEventManager.getSemantics(this.host).namespace !== 'vega') {
+        e.stopPropagation();
+      }
+      this.clickEventEmitter.emit();
+    };
+  }
+  /**
+   * Render function for the slimmer. It will be called by the component to render the content.
+   *
+   * @returns {HTMLElement} The rendered content.
+   */
+  render() {
+    const isClearView = this.variant === 'clear';
+    const colorExists = !isClearView && !!this.color;
+    return (index.h("div", { class: {
+        'vega-color-swatch-container': true,
+        [`size-${this.size}`]: true,
+        [`shape-${this.shape}`]: true,
+        'swatch-clear': isClearView,
+      }, role: "button", "aria-label": this.getAriaLabel(), "aria-disabled": this.disabled ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onClick: this.handleClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+      index.h("div", { class: "swatch" },
+        colorExists && index.h("span", { class: "color-fill", style: this.getFillColorStyles() }),
+        isClearView && index.h("span", { class: "clear-line" }),
+        this.selected && !isClearView && (index.h("vega-icon", { class: "check-icon", icon: "checkmark", size: "size-16", color: this.getCheckMarkColor() }))),
+      this.label && this.renderLabel()));
+  }
+  renderLabel() {
+    return (index.h("vega-font", { class: "swatch-label", variant: "font-field-value", color: this.disabled ? 'text-disabled' : 'text-primary' }, this.label));
+  }
+  /**
+   * Get the appropriate aria-label for the swatch based on the provided props.
+   *
+   * @returns {string} The aria-label for the swatch.
+   */
+  getAriaLabel() {
+    if (this.label)
+      return this.label;
+    if (this.variant === 'clear')
+      return this.translationSlimmer.t('Clear color');
+    if (this.color)
+      return this.translationSlimmer.t('Color {0}', this.color);
+    return this.translationSlimmer.t('Color swatch');
+  }
+  /**
+   * Get the fill color styles for the swatch.
+   *
+   * @returns {Record<string, string>} The styles for the swatch fill.
+   */
+  getFillColorStyles() {
+    const styles = {};
+    if (this.color) {
+      styles.backgroundColor = this.color;
+    }
+    return styles;
+  }
+  /**
+   * The check mark color will automatically adjust to maintain contrast against the swatch color. If no color is provided, it defaults to 'text-primary'.
+   *
+   * @returns {TextColorsTokenType} The appropriate check mark color.
+   */
+  getCheckMarkColor() {
+    if (!this.color)
+      return 'text-primary';
+    const textBlack = 'text-black';
+    const textWhite = 'text-white';
+    const isColorDark = new tinycolorPolyfill.TinyColorPolyfill(this.color).isDark();
+    return isColorDark ? textWhite : textBlack;
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "variant", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "label", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "color", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "selected", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "size", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "disabled", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "shape", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "clickEventEmitter", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "translationSlimmer", void 0);
+
+const vegaColorSwatchCss = ":host{display:inline-block;vertical-align:middle}.vega-color-swatch-container{display:flex;flex-direction:row;align-items:center;border-radius:4px}.swatch{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:relative;flex-shrink:0;overflow:hidden}.shape-basket .swatch{border-radius:8px}.shape-block .swatch{border-radius:0px}.check-icon{position:relative;z-index:1}.swatch-clear .swatch{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}.swatch-clear .swatch .clear-line{position:absolute;width:141%;height:0;border-top-width:1px;border-left-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1));transform:rotate(-45deg);transform-origin:center}.color-fill{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.size-extra-small .swatch{width:24px;height:24px;min-width:24px}.size-extra-small.shape-basket .swatch{border-radius:4px}.size-small .swatch{width:40px;height:40px;min-width:40px}.size-small.shape-basket{border-radius:8px}.size-medium .swatch{width:48px;height:48px;min-width:48px}.size-medium.shape-basket{border-radius:8px}@media (hover: hover){:host(:not(.disabled)) .swatch:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(:not(.disabled)) .swatch-clear .swatch:hover{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}:host(:not(.disabled)) .swatch-clear .swatch:hover .clear-line{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}}.vega-color-swatch-container:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-color-swatch-container:focus-visible .swatch{border-width:1px;border-style:solid;border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-color-swatch-container:focus-visible.swatch-clear{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-color-swatch-container:focus-visible.swatch-clear .swatch{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}.vega-color-swatch-container:focus-visible.swatch-clear .swatch .clear-line{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}:host(:not(.disabled)) .vega-color-swatch-container{cursor:pointer}:host(.disabled) .vega-color-swatch-container{cursor:not-allowed}:host(.disabled) .swatch{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));pointer-events:none}:host(.disabled) .swatch .color-fill,:host(.disabled) .swatch .check-icon{opacity:0.5}:host(.disabled) .swatch .label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .swatch .clear-line{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.swatch-label{margin-left:8px}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaColorSwatch = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
+    this.vegaColorSwatchRenderer = new VegaColorSwatchRenderer();
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorSwatch, vegaEventId.VegaClick);
+    /**
+     * Specifies the CSS color value for the swatch (e.g. '#841AC1', 'rgb(15, 137, 82)', 'rgba(15, 137, 82, 0.5)').
+     * Applies only when `variant` is set to 'swatch'.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.color = '';
+    /**
+     * Indicates whether the swatch is currently selected. When selected, a check mark is shown, and its color automatically adjusts to maintain contrast against the swatch color.
+     *
+     * @vegaVersion 2.82.0
+     */
+    // eslint-disable-next-line @stencil/strict-mutable
+    this.selected = false;
+    /**
+     * Specifies the label or title for the swatch.
+     *    It provides descriptive text that helps identify the purpose or content expected in the swatch.
+     
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.label = '';
+    /**
+     * Specifies the size of the swatch.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.size = 'small';
+    /**
+     * Specifies whether the swatch is disabled.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.disabled = false;
+    /**
+     * Specifies the visual style and prominence of the swatch.
+     *    It determines how the swatch will be presented to the user.
+     * - 'swatch': Displays the color fill.
+     * - 'clear': Displays a diagonal line to indicate no color (clear selection).
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.variant = 'swatch';
+    /**
+     * Controls the outer shape of the swatch.
+     * - 'basket': Rounded corners for spaced layouts.
+     * - 'block': Square corners for dense or flush layouts.
+     *
+     * @vegaVersion 2.82.0
+     */
+    this.shape = 'basket';
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+        disabled: this.disabled,
+      } }, this.vegaColorSwatchRenderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaColorSwatch.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "translationSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "vegaColorSwatchRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "clickEventEmitter", void 0);
+VegaColorSwatch.style = vegaColorSwatchCss;
+
+exports.vega_color_swatch = VegaColorSwatch;

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -5,28 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0f3a028e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-9b7095a4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const index$1 = require('./index-592b4052.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
-const ui = require('./ui-9e8c9732.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-879ff4f3.js');
+const ui = require('./ui-ae4ee13d.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9f58a4e4.js');
+require('./internal-translation-controller-fb1532f4.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
@@ -36,12 +36,12 @@ require('./breakpoints-1cc2c4c6.js');
 require('./try-get-document-c0ebd39a.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-f728e068.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./keyboard-manager-9dbbb0d4.js');
+require('./keyboard-manager-5ed6c472.js');
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {