@heartlandone/vega 2.81.0 → 2.82.0

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

@@ -6,17 +6,17 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.j
 import { t as trashCan } from './trash-can-8819a939.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { h as VegaChange, a as VegaClick, n as VegaRemove } from './vega-event-id-4ede557a.js';
-import { ab as CodeLanguage } from './code-block-cd913077.js';
+import { ab as CodeLanguage } from './code-block-b8be290a.js';
 import { a as arrayToClassString } from './ui-b7600a48.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { y as VegaInternalCodeBlockBlur, x as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-70bd893d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
+import { y as VegaInternalCodeBlockBlur, x as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-194bac82.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
 import { d as deepEqual } from './object-0c277f57.js';
-import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
-import { S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-e595761d.js';
+import { T as TranslationSlimmer } from './translation-slimmer-4faae5a3.js';
+import { S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-10ccf8e6.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { d as debounce } from './timer-9321173b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-9c24d4fc.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
@@ -24,20 +24,21 @@ import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
 import './string-a953eafc.js';
-import './type-guard-f6c9c89d.js';
+import './type-guard-152070e9.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './internal-translation-controller-4fb104b2.js';
 import './static-subject-title-52f93124.js';
-import './dark-mode-style-controller-82e5c1c6.js';
+import './dark-mode-style-controller-e9a6b097.js';
+import './tinycolor-polyfill-7be0eb93.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
 import './index-3b327f29.js';
-import './internal-vega-event-manager-59f5bd47.js';
-import './range-b76edec7.js';
-import './keyboard-manager-slimmer-6109039b.js';
-import './keyboard-manager-c7b125d7.js';
+import './internal-vega-event-manager-8a657bac.js';
+import './range-ed532278.js';
+import './keyboard-manager-slimmer-7eed4734.js';
+import './keyboard-manager-6ea9968b.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';

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

@@ -3,11 +3,11 @@ import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString, h as hexToRGB, c as getHexFromShorthand } from './ui-b7600a48.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-899864a8.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { h as VegaChange } from './vega-event-id-4ede557a.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
@@ -16,8 +16,8 @@ import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dom-node-subject-observer-factory-aca0116e.js';
-import './vega-internal-event-id-70bd893d.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './vega-internal-event-id-194bac82.js';
+import './internal-translation-controller-4fb104b2.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
@@ -28,8 +28,8 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-53643b5c.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './sub-state-observer-slimmer-090c500a.js';
+import './internal-vega-event-manager-8a657bac.js';
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -58,7 +58,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;
@@ -171,8 +171,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 (h("div", { class: arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, h("vega-flex", { direction: "row", gap: "size-8", alignItems: "center" }, this.colors.map((color) => {
+      const columns = this.getValidColumns();
+      return (h("div", { class: arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, 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 (h("div", { id: color, class: { 'color-picker-inline-items': true, 'selected': selected }, ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
             backgroundColor: color,
@@ -212,6 +226,10 @@ const VegaColorPicker = class {
   renderLabelDom() {
     return (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/esm/vega-color-swatch.entry.js

@@ -0,0 +1,241 @@
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { s as sanitizeVegaComponent } from './component-7d906393.js';
+import { T as TinyColorPolyfill } from './tinycolor-polyfill-7be0eb93.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-8a657bac.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
+import { a as VegaClick } from './vega-event-id-4ede557a.js';
+import { T as TranslationSlimmer } from './translation-slimmer-4faae5a3.js';
+import './dynamic-slimmer-90b8af32.js';
+import './change-manager-6a7eb88c.js';
+import './dom-node-subject-observer-factory-aca0116e.js';
+import './observer-3959f9dd.js';
+import './ui-b7600a48.js';
+import './try-get-document-bef0f526.js';
+import './internal-translation-controller-4fb104b2.js';
+import './static-subject-title-52f93124.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 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.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 (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: createEnterKeyHandlerToTriggerClick() },
+      h("div", { class: "swatch" },
+        colorExists && h("span", { class: "color-fill", style: this.getFillColorStyles() }),
+        isClearView && h("span", { class: "clear-line" }),
+        this.selected && !isClearView && (h("vega-icon", { class: "check-icon", icon: "checkmark", size: "size-16", color: this.getCheckMarkColor() }))),
+      this.label && this.renderLabel()));
+  }
+  renderLabel() {
+    return (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(this.color).isDark();
+    return isColorDark ? textWhite : textBlack;
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "variant", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "label", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "color", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "selected", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "size", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "disabled", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "shape", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaColorSwatchRenderer.prototype, "clickEventEmitter", void 0);
+__decorate$1([
+  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) {
+    registerInstance(this, hostRef);
+    this.vegaClick = createEvent(this, "vegaClick", 7);
+    this.click = createEvent(this, "click", 7);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.translationSlimmer = new TranslationSlimmer();
+    this.vegaColorSwatchRenderer = new VegaColorSwatchRenderer();
+    this.clickEventEmitter = createEventEmitSlimmer(VegaColorSwatch, 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 sanitizeVegaComponent(h(Host, { class: {
+        disabled: this.disabled,
+      } }, this.vegaColorSwatchRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaColorSwatch.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "vegaColorSwatchRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaColorSwatch.prototype, "clickEventEmitter", void 0);
+VegaColorSwatch.style = vegaColorSwatchCss;
+
+export { VegaColorSwatch as vega_color_swatch };

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

@@ -1,20 +1,20 @@
 import { h, F as Fragment, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7d906393.js';
-import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-f6c9c89d.js';
+import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-152070e9.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-899864a8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-9c24d4fc.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
 import { o as VegaCreate, u as VegaDropdownHide, V as VegaDropdownClick, f as VegaClose, h as VegaChange, p as VegaSearch } from './vega-event-id-4ede557a.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { l as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-70bd893d.js';
+import { l as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-194bac82.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-6109039b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-7eed4734.js';
 import { f as findParent } from './ui-b7600a48.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
@@ -22,7 +22,7 @@ import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-b08aa9ab.js';
+import './internal-translation-controller-4fb104b2.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
@@ -32,12 +32,12 @@ import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-53643b5c.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './sub-state-observer-slimmer-090c500a.js';
+import './internal-vega-event-manager-8a657bac.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
-import './keyboard-manager-c7b125d7.js';
+import './keyboard-manager-6ea9968b.js';
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {

package/dist/esm/vega-date-picker_2.entry.js

@@ -1,38 +1,38 @@
 import { h, H as Host, F as Fragment, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DateRequiredRule } from './date-required-rule-2b08f32c.js';
-import { a0 as compareIsSameOrBefore, W as isDateStr, a1 as compareIsBefore, a2 as compareIsAfter, a3 as CalendarDate, a4 as buildDatePickerAnnouncement, a5 as MonthPeriod, a6 as isCalendarDateType } from './type-guard-f6c9c89d.js';
+import { D as DateRequiredRule } from './date-required-rule-891a6a57.js';
+import { a0 as compareIsSameOrBefore, P as isDateStr, a1 as compareIsBefore, a2 as compareIsAfter, a3 as CalendarDate, a4 as buildDatePickerAnnouncement, a5 as MonthPeriod, a6 as isCalendarDateType } from './type-guard-152070e9.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-40fcb5c2.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-899864a8.js';
 import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-b7600a48.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { a as VegaClick, s as VegaSelectionChange, r as VegaClear, q as VegaMonthYearChange, P as VegaOpen, f as VegaClose, h as VegaChange, V as VegaDropdownClick, t as VegaDropdownShow, u as VegaDropdownHide } from './vega-event-id-4ede557a.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-4fb104b2.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-a165d316.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-625e17a2.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-6109039b.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-b58891b5.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-33ed3478.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-7eed4734.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-9abc9241.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
-import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-32da9d90.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-9c24d4fc.js';
+import { T as TranslationSlimmer } from './translation-slimmer-4faae5a3.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-df2a2da2.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-5aca1bca.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-cc6a8c3e.js';
-import { z as VegaInternalDatePickerCalendarClear, A as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-70bd893d.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-853a91de.js';
+import { z as VegaInternalDatePickerCalendarClear, A as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-194bac82.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { M as MonthViewGenerator } from './month-view-generator-139ace5a.js';
+import { M as MonthViewGenerator } from './month-view-generator-aaa27fce.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
@@ -42,18 +42,18 @@ import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-53643b5c.js';
+import './sub-state-observer-slimmer-090c500a.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './number-4398f2e1.js';
 import './index-bfc6dfa2.js';
-import './string-format-strategy.abstract-6488031a.js';
-import './wait-for-component-did-render-6980a1a6.js';
-import './keyboard-manager-c7b125d7.js';
-import './internal-vega-event-manager-59f5bd47.js';
+import './string-format-strategy.abstract-0157b3c5.js';
+import './wait-for-component-did-render-30cde59c.js';
+import './keyboard-manager-6ea9968b.js';
+import './internal-vega-event-manager-8a657bac.js';
 import './vega-env-manager-8f8dc473.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
-import './responsive-format-facade-151dbd10.js';
+import './responsive-format-facade-e9926018.js';
 import './pixel-f32c07ce.js';
 
 /**