@heartlandone/vega 2.84.0 → 2.86.0

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

@@ -1,24 +1,24 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
+import { h, f as forceUpdate, 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 { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9a0f8c54.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { b as VegaPopoverShow, c as VegaPopoverHide, a as VegaClick, i as VegaChange, H as VegaBlur } from './vega-event-id-5841d1d3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-18711776.js';
+import { c as VegaPopoverShow, b as VegaPopoverHide, a as VegaClick, i as VegaChange, H as VegaBlur } from './vega-event-id-a6ccca66.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { T as TranslationSlimmer } from './translation-slimmer-5e2bff5f.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-f65e2452.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './ui-b7600a48.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-194bac82.js';
+import './vega-internal-event-id-db974a0d.js';
 import './internal-translation-controller-d7dee4a0.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
@@ -30,15 +30,15 @@ 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-090c500a.js';
-import './internal-vega-event-manager-bed71930.js';
+import './sub-state-observer-slimmer-2adbbe00.js';
+import './internal-vega-event-manager-7cdf3c28.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (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;
@@ -94,20 +94,33 @@ class ColorSwatchPickerRenderer extends VegaSlimmer {
   getContainerRef() {
     return this.containerRef;
   }
+  /**
+   * Gets the reference to the left container element inside the popover.
+   *
+   * @returns {HTMLDivElement} The left container element.
+   */
+  getLeftContainerRef() {
+    return this.leftContainerRef;
+  }
   render() {
+    const hasLeftSlot = this.leftSlotProjection.hasSlot();
     return (h("div", { ref: (el) => (this.containerRef = el), class: "swatch-picker-container" },
       h("vega-popover", { ref: (el) => {
           this.popoverRef = el;
           this.handlePopoverShow();
           this.handlePopoverHide();
-        }, class: "swatch-popover", alignment: "start", trigger: "click" },
+        }, class: "swatch-popover", alignment: "center", isScreenPosition: true, trigger: "click" },
         h("div", { slot: "popover-content" },
           h("vega-color-swatch", { class: "swatch-picker-trigger", "aria-expanded": this.isPopoverOpen ? 'true' : 'false', "aria-haspopup": "dialog", disabled: this.disabled, color: this.value, size: "small" })),
         h("vega-box", { slot: "popover", class: "swatch-popover-content", width: "min-content" },
-          h("div", null,
-            this.colorSwatchInputRenderer.render(),
-            this.colorSwatchGridRenderer.render(),
-            this.renderButtonGroup()))),
+          h("vega-flex", { gap: "size-16" },
+            hasLeftSlot && (h("div", { ref: (el) => (this.leftContainerRef = el) })),
+            hasLeftSlot && (h("div", null,
+              h("vega-divider", { direction: "vertical" }))),
+            h("div", null,
+              this.colorSwatchInputRenderer.render(),
+              this.colorSwatchGridRenderer.render(),
+              this.renderButtonGroup())))),
       h("vega-field-label", { label: this.label, disabled: this.disabled, isFieldRequired: this.required })));
   }
   renderButtonGroup() {
@@ -116,41 +129,47 @@ class ColorSwatchPickerRenderer extends VegaSlimmer {
       h("vega-button-link", { ref: this.registerButtonClickHandler, "data-action-type": "apply", label: this.translationSlimmer.t('Apply'), size: "small" })));
   }
 }
-__decorate$5([
+__decorate$6([
+  MapToComponentField()
+], ColorSwatchPickerRenderer.prototype, "host", void 0);
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "value", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "internalColor", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "label", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "required", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField({ writable: true })
 ], ColorSwatchPickerRenderer.prototype, "isPopoverOpen", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "disabled", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "showClearButton", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "colorSwatchGridRenderer", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "colorSwatchInputRenderer", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "colorSwatchPickerValueController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "translationSlimmer", void 0);
+__decorate$6([
+  MapToComponentField()
+], ColorSwatchPickerRenderer.prototype, "leftSlotProjection", void 0);
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
@@ -193,16 +212,16 @@ class ColorSwatchGridRenderer extends VegaSlimmer {
     return color1 === color2;
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "colors", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "internalColor", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "swatchGridColumns", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "colorSwatchPickerValueController", void 0);
 
@@ -210,7 +229,7 @@ const Hashtag = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M188.7 32.5c13 2.6 21.4 15.2 18.8 28.2L192.5 136h111l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8s21.4 15.2 18.8 28.2L352.5 136H424c13.3 0 24 10.7 24 24s-10.7 24-24 24H342.9L314.1 328H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H304.5l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L255.5 376h-111l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L95.5 376H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h81.1l28.8-144H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h87.5l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8zM182.9 184L154.1 328h111l28.8-144h-111z"/></svg>`,
 };
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (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;
@@ -266,29 +285,29 @@ class ColorSwatchInputRenderer extends VegaSlimmer {
   });
 })();
 ColorSwatchInputRenderer.DEFAULT_INPUT_ICON = 'hexColorIcon';
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "internalColor", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "showInput", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "inputPlaceholder", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "inputPrefixIcon", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "colorSwatchPickerValueController", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "colorSwatchPickerColorFormatController", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "translationSlimmer", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (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;
@@ -332,26 +351,26 @@ class ColorSwatchPickerValueController extends VegaSlimmer {
     });
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], ColorSwatchPickerValueController.prototype, "host", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField({ writable: true })
 ], ColorSwatchPickerValueController.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField({ writable: true })
 ], ColorSwatchPickerValueController.prototype, "internalColor", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], ColorSwatchPickerValueController.prototype, "changeEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('componentWillLoad')
 ], ColorSwatchPickerValueController.prototype, "initializeInternalColor", null);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('watchValue')
 ], ColorSwatchPickerValueController.prototype, "listenToValueChange", null);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (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;
@@ -402,19 +421,136 @@ class ColorSwatchPickerColorFormatController extends VegaSlimmer {
   }
 }
 ColorSwatchPickerColorFormatController.DEFAULT_INPUT_FORMATTER = 'hexColorFormatter';
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ColorSwatchPickerColorFormatController.prototype, "inputFormatter", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ColorSwatchPickerColorFormatController.prototype, "internalColor", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], ColorSwatchPickerColorFormatController.prototype, "colorSwatchPickerValueController", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('watchInputFormatter')
 ], ColorSwatchPickerColorFormatController.prototype, "updateTheColor", null);
 
+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;
+};
+/**
+ * Projects a light-DOM slot element into a container that lives inside a `vega-popover`'s `popover` slot.
+ *
+ * Why this slimmer exists:
+ * `vega-popover` appends its `popover` slot content to a different shadow root (the appender), which breaks
+ * normal slot projection for any extra slots declared inside that popover content. To support customization
+ * via additional slots (e.g. a left-side panel), the host component must imperatively move the slot element
+ * into the rendered container on every render, and observe DOM mutations to keep the projection in sync when
+ * consumers add, replace, or remove the slot at runtime.
+ *
+ * Usage:
+ * 1. Inject this slimmer into the component with the slot name and a getter returning the container ref.
+ * 2. Call `hasSlot()` in the renderer to conditionally render the container wrapper.
+ *
+ * Lifecycle:
+ * - `componentWillLoad`: capture the current slot element and set up observers.
+ * - `componentDidRender`: append the slot element into the container when needed.
+ * - `disconnectedCallback`: disconnect observers.
+ */
+class PopoverNestedSlotProjectionSlimmer extends VegaSlimmer {
+  constructor(slotName, getContainerRef) {
+    super();
+    this.slotElement = null;
+    /**
+     * Syncs the stored slot reference with dynamic light-DOM additions or replacements.
+     */
+    this.syncSlotElementFromHost = () => {
+      var _a;
+      const newSlotElement = this.host.querySelector(this.slotSelector());
+      if (newSlotElement) {
+        this.slotElement = newSlotElement;
+        (_a = this.getContainerRef()) === null || _a === void 0 ? void 0 : _a.replaceChildren(newSlotElement);
+        forceUpdate(this.host);
+      }
+    };
+    /**
+     * Syncs the stored slot reference when the appended slot element is removed from the container.
+     */
+    this.syncRemovedSlotElement = () => {
+      if (this.slotElement && !this.slotElement.isConnected) {
+        this.slotElement = null;
+        forceUpdate(this.host);
+      }
+    };
+    this.slotName = slotName;
+    this.getContainerRef = getContainerRef;
+  }
+  /**
+   * Returns whether the host currently has a matching slot element.
+   *
+   * @returns {boolean} True if a slot element is present.
+   */
+  hasSlot() {
+    return !!this.slotElement;
+  }
+  /**
+   * Captures the current slot element from the host's light DOM and initializes the mutation observers
+   * that keep the projection in sync with runtime changes.
+   */
+  detectSlot() {
+    this.slotElement = this.host.querySelector(this.slotSelector());
+    this.hostMutationObserver = new MutationObserver(this.syncSlotElementFromHost);
+    this.hostMutationObserver.observe(this.host, { childList: true });
+    this.containerMutationObserver = new MutationObserver(this.syncRemovedSlotElement);
+  }
+  /**
+   * Appends the slot element into the container after each render. The popover moves its `popover` slot
+   * content into a different shadow root, so normal slot projection cannot keep the nested slot attached.
+   */
+  appendSlotContent() {
+    const container = this.getContainerRef();
+    if (container) {
+      this.containerMutationObserver.observe(container, { childList: true });
+    }
+    if (this.slotElement && container && this.slotElement.parentElement !== container) {
+      container.appendChild(this.slotElement);
+    }
+  }
+  /**
+   * Disconnects the mutation observers when the component is removed from the DOM.
+   */
+  cleanup() {
+    if (this.hostMutationObserver) {
+      this.hostMutationObserver.disconnect();
+    }
+    if (this.containerMutationObserver) {
+      this.containerMutationObserver.disconnect();
+    }
+  }
+  /**
+   * Builds the CSS selector for the configured slot name.
+   *
+   * @returns {string} The attribute selector string.
+   */
+  slotSelector() {
+    return `[slot="${this.slotName}"]`;
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], PopoverNestedSlotProjectionSlimmer.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentMethod('componentWillLoad')
+], PopoverNestedSlotProjectionSlimmer.prototype, "detectSlot", null);
+__decorate$1([
+  MapToComponentMethod('componentDidRender')
+], PopoverNestedSlotProjectionSlimmer.prototype, "appendSlotContent", null);
+__decorate$1([
+  MapToComponentMethod('disconnectedCallback')
+], PopoverNestedSlotProjectionSlimmer.prototype, "cleanup", null);
+
 const vegaColorSwatchPickerCss = ":host{display:inline-block}.swatch-picker-container{display:flex;flex-direction:row;align-items:center;gap:8px}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch-container):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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){.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){.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){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -448,6 +584,7 @@ const VegaColorSwatchPicker = class {
       touchableAreaGetter: () => [],
     });
     this.translationSlimmer = new TranslationSlimmer();
+    this.leftSlotProjection = new PopoverNestedSlotProjectionSlimmer('swatch-picker-left', () => this.colorSwatchPickerRenderer.getLeftContainerRef());
     this.colorSwatchPickerRenderer = new ColorSwatchPickerRenderer();
     this.colorSwatchGridRenderer = new ColorSwatchGridRenderer();
     this.colorSwatchInputRenderer = new ColorSwatchInputRenderer();
@@ -546,6 +683,7 @@ const VegaColorSwatchPicker = class {
      *   within the color swatch picker popover.
      *
      * @vegaVersion 2.84.0
+     * @defaultValue hexColorIcon
      */
     this.inputPrefixIcon = ColorSwatchInputRenderer.DEFAULT_INPUT_ICON;
     /**
@@ -562,6 +700,7 @@ const VegaColorSwatchPicker = class {
      * Applies only when `showInput` is set to `true`.
      *
      * @vegaVersion 2.84.0
+     * @defaultValue hexColorFormatter
      */
     this.inputFormatter = ColorSwatchPickerColorFormatController.DEFAULT_INPUT_FORMATTER;
   }
@@ -597,6 +736,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaColorSwatchPicker.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaColorSwatchPicker.prototype, "leftSlotProjection", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaColorSwatchPicker.prototype, "colorSwatchPickerRenderer", void 0);

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

@@ -4,9 +4,9 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { T as TinyColorPolyfill } from './tinycolor-polyfill-7be0eb93.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-524cabd2.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-bed71930.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-18711776.js';
-import { a as VegaClick } from './vega-event-id-5841d1d3.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-7cdf3c28.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
+import { a as VegaClick } from './vega-event-id-a6ccca66.js';
 import { T as TranslationSlimmer } from './translation-slimmer-5e2bff5f.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
@@ -199,16 +199,16 @@ const VegaColorSwatch = class {
     /**
      * 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).
+     * - `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.
+     * - `basket`: Rounded corners for spaced layouts.
+     * - `block`: Square corners for dense or flush layouts.
      *
      * @vegaVersion 2.82.0
      */

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

@@ -4,15 +4,15 @@ import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7
 import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-adc244fd.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-9a0f8c54.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-f65e2452.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-18711776.js';
-import { p as VegaCreate, v as VegaDropdownHide, V as VegaDropdownClick, g as VegaClose, i as VegaChange, q as VegaSearch } from './vega-event-id-5841d1d3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
+import { p as VegaCreate, v as VegaDropdownHide, V as VegaDropdownClick, g as VegaClose, i as VegaChange, q as VegaSearch } from './vega-event-id-a6ccca66.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-524cabd2.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { l as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-194bac82.js';
+import { l as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-db974a0d.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-3891ee20.js';
 import { f as findParent } from './ui-b7600a48.js';
@@ -32,8 +32,8 @@ import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-090c500a.js';
-import './internal-vega-event-manager-bed71930.js';
+import './sub-state-observer-slimmer-2adbbe00.js';
+import './internal-vega-event-manager-7cdf3c28.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';