@heartlandone/vega 2.84.0 → 2.86.0

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

@@ -9,13 +9,13 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const component = require('./component-1e352960.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a07e3de0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
-const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
+const vegaEventId = require('./vega-event-id-d9994eb3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const translationSlimmer = require('./translation-slimmer-3cd7d3b2.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f3979a03.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
@@ -35,14 +35,14 @@ require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-b8f6f27b.js');
-require('./internal-vega-event-manager-6b74b3af.js');
+require('./internal-vega-event-manager-7e0d966d.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.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;
@@ -98,20 +98,33 @@ class ColorSwatchPickerRenderer extends globalSlimmerRegistry.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 (index.h("div", { ref: (el) => (this.containerRef = el), class: "swatch-picker-container" },
       index.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" },
         index.h("div", { slot: "popover-content" },
           index.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" })),
         index.h("vega-box", { slot: "popover", class: "swatch-popover-content", width: "min-content" },
-          index.h("div", null,
-            this.colorSwatchInputRenderer.render(),
-            this.colorSwatchGridRenderer.render(),
-            this.renderButtonGroup()))),
+          index.h("vega-flex", { gap: "size-16" },
+            hasLeftSlot && (index.h("div", { ref: (el) => (this.leftContainerRef = el) })),
+            hasLeftSlot && (index.h("div", null,
+              index.h("vega-divider", { direction: "vertical" }))),
+            index.h("div", null,
+              this.colorSwatchInputRenderer.render(),
+              this.colorSwatchGridRenderer.render(),
+              this.renderButtonGroup())))),
       index.h("vega-field-label", { label: this.label, disabled: this.disabled, isFieldRequired: this.required })));
   }
   renderButtonGroup() {
@@ -120,41 +133,47 @@ class ColorSwatchPickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("vega-button-link", { ref: this.registerButtonClickHandler, "data-action-type": "apply", label: this.translationSlimmer.t('Apply'), size: "small" })));
   }
 }
-__decorate$5([
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], ColorSwatchPickerRenderer.prototype, "host", void 0);
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "value", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "internalColor", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "label", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "required", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ColorSwatchPickerRenderer.prototype, "isPopoverOpen", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "disabled", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "showClearButton", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "colorSwatchGridRenderer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "colorSwatchInputRenderer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "colorSwatchPickerValueController", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerRenderer.prototype, "translationSlimmer", void 0);
+__decorate$6([
+  globalSlimmerRegistry.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;
@@ -197,16 +216,16 @@ class ColorSwatchGridRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return color1 === color2;
   }
 }
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "colors", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "internalColor", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "swatchGridColumns", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchGridRenderer.prototype, "colorSwatchPickerValueController", void 0);
 
@@ -214,7 +233,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;
@@ -270,29 +289,29 @@ class ColorSwatchInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
   });
 })();
 ColorSwatchInputRenderer.DEFAULT_INPUT_ICON = 'hexColorIcon';
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "internalColor", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "showInput", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "inputPlaceholder", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "inputPrefixIcon", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "colorSwatchPickerValueController", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchInputRenderer.prototype, "colorSwatchPickerColorFormatController", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.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;
@@ -336,26 +355,26 @@ class ColorSwatchPickerValueController extends globalSlimmerRegistry.VegaSlimmer
     });
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerValueController.prototype, "host", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ColorSwatchPickerValueController.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ColorSwatchPickerValueController.prototype, "internalColor", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerValueController.prototype, "changeEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], ColorSwatchPickerValueController.prototype, "initializeInternalColor", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.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;
@@ -406,19 +425,136 @@ class ColorSwatchPickerColorFormatController extends globalSlimmerRegistry.VegaS
   }
 }
 ColorSwatchPickerColorFormatController.DEFAULT_INPUT_FORMATTER = 'hexColorFormatter';
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerColorFormatController.prototype, "inputFormatter", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerColorFormatController.prototype, "internalColor", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], ColorSwatchPickerColorFormatController.prototype, "colorSwatchPickerValueController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.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 globalSlimmerRegistry.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);
+        index.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;
+        index.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([
+  globalSlimmerRegistry.MapToComponentField()
+], PopoverNestedSlotProjectionSlimmer.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
+], PopoverNestedSlotProjectionSlimmer.prototype, "detectSlot", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
+], PopoverNestedSlotProjectionSlimmer.prototype, "appendSlotContent", null);
+__decorate$1([
+  globalSlimmerRegistry.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) {
@@ -452,6 +588,7 @@ const VegaColorSwatchPicker = class {
       touchableAreaGetter: () => [],
     });
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
+    this.leftSlotProjection = new PopoverNestedSlotProjectionSlimmer('swatch-picker-left', () => this.colorSwatchPickerRenderer.getLeftContainerRef());
     this.colorSwatchPickerRenderer = new ColorSwatchPickerRenderer();
     this.colorSwatchGridRenderer = new ColorSwatchGridRenderer();
     this.colorSwatchInputRenderer = new ColorSwatchInputRenderer();
@@ -550,6 +687,7 @@ const VegaColorSwatchPicker = class {
      *   within the color swatch picker popover.
      *
      * @vegaVersion 2.84.0
+     * @defaultValue hexColorIcon
      */
     this.inputPrefixIcon = ColorSwatchInputRenderer.DEFAULT_INPUT_ICON;
     /**
@@ -566,6 +704,7 @@ const VegaColorSwatchPicker = class {
      * Applies only when `showInput` is set to `true`.
      *
      * @vegaVersion 2.84.0
+     * @defaultValue hexColorFormatter
      */
     this.inputFormatter = ColorSwatchPickerColorFormatController.DEFAULT_INPUT_FORMATTER;
   }
@@ -601,6 +740,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaColorSwatchPicker.prototype, "translationSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaColorSwatchPicker.prototype, "leftSlotProjection", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaColorSwatchPicker.prototype, "colorSwatchPickerRenderer", void 0);

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

@@ -8,9 +8,9 @@ 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-a5ef2038.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-6b74b3af.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
-const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-7e0d966d.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
+const vegaEventId = require('./vega-event-id-d9994eb3.js');
 const translationSlimmer = require('./translation-slimmer-3cd7d3b2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
@@ -203,16 +203,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/cjs/vega-combo-box.cjs.entry.js

@@ -9,9 +9,9 @@ const typeGuard = require('./type-guard-2e97fc56.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-a07e3de0.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-58bbc5fc.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-ecca412d.js');
-const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f3979a03.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
+const vegaEventId = require('./vega-event-id-d9994eb3.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-a5ef2038.js');
@@ -37,7 +37,7 @@ require('./try-get-document-c0ebd39a.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-b8f6f27b.js');
-require('./internal-vega-event-manager-6b74b3af.js');
+require('./internal-vega-event-manager-7e0d966d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');