@vonage/vivid 4.2.0 → 4.3.0

package/shared/definition42.js

@@ -43,38 +43,23 @@ const inverseLerp = (a, b, value) => limit(0, 1, (value - a) / (b - a));
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  member.set(obj, value);
-  return value;
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _isInternalValueUpdate, _updateValues, updateValues_fn, _applyStep, applyStep_fn, _updateFormValue, updateFormValue_fn, _thumbs, thumbs_get, _thumbConstraints, thumbConstraints_get, _draggingThumb, _updateThumbPositions, updateThumbPositions_fn, _thumbTrackEndOffset, thumbTrackEndOffset_fn, _calculateValueFromMouseEvent, calculateValueFromMouseEvent_fn, _roundToNearestStep, roundToNearestStep_fn, _registerThumbListeners, registerThumbListeners_fn, _unregisterThumbListeners, unregisterThumbListeners_fn, _onThumbMousedown, _onThumbKeydown, _registerDragHandlers, registerDragHandlers_fn, _unregisterDragListeners, unregisterDragListeners_fn, _onDragMove, _onDragEnd;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _isInternalValueUpdate, _RangeSlider_instances, updateValues_fn, applyStep_fn, updateFormValue_fn, thumbs_get, thumbConstraints_get, _draggingThumb, updateThumbPositions_fn, thumbTrackEndOffset_fn, calculateValueFromMouseEvent_fn, roundToNearestStep_fn, registerThumbListeners_fn, unregisterThumbListeners_fn, _onThumbMousedown, _onThumbKeydown, registerDragHandlers_fn, unregisterDragListeners_fn, _onDragMove, _onDragEnd;
 const Direction = {
   Increment: 1,
   Decrement: -1
@@ -82,20 +67,7 @@ const Direction = {
 let RangeSlider = class extends FormAssociatedRangeSlider {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _updateValues);
-    __privateAdd(this, _applyStep);
-    __privateAdd(this, _updateFormValue);
-    __privateAdd(this, _thumbs);
-    __privateAdd(this, _thumbConstraints);
-    __privateAdd(this, _updateThumbPositions);
-    __privateAdd(this, _thumbTrackEndOffset);
-    __privateAdd(this, _calculateValueFromMouseEvent);
-    __privateAdd(this, _roundToNearestStep);
-    // --- Event handling ---
-    __privateAdd(this, _registerThumbListeners);
-    __privateAdd(this, _unregisterThumbListeners);
-    __privateAdd(this, _registerDragHandlers);
-    __privateAdd(this, _unregisterDragListeners);
+    __privateAdd(this, _RangeSlider_instances);
     // --- Start & end values ---
     __privateAdd(this, _isInternalValueUpdate, false);
     this.start = "";
@@ -135,27 +107,27 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
       }
       target.focus();
       __privateSet(this, _draggingThumb, target === this._startThumbEl ? "start" : "end");
-      __privateMethod(this, _registerDragHandlers, registerDragHandlers_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, registerDragHandlers_fn).call(this);
     });
     __privateAdd(this, _onThumbKeydown, (e) => {
       const thumb = e.target === this._startThumbEl ? "start" : "end";
       if (e.key === keyHome) {
         e.preventDefault();
-        __privateMethod(this, _updateValues, updateValues_fn).call(this, { [thumb]: `${__privateGet(this, _thumbConstraints, thumbConstraints_get)[thumb].min}` });
+        __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, { [thumb]: `${__privateGet(this, _RangeSlider_instances, thumbConstraints_get)[thumb].min}` });
       } else if (e.key === keyEnd) {
         e.preventDefault();
-        __privateMethod(this, _updateValues, updateValues_fn).call(this, { [thumb]: `${__privateGet(this, _thumbConstraints, thumbConstraints_get)[thumb].max}` });
+        __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, { [thumb]: `${__privateGet(this, _RangeSlider_instances, thumbConstraints_get)[thumb].max}` });
       } else if (!e.shiftKey) {
         switch (e.key) {
           case keyArrowRight:
           case keyArrowDown:
             e.preventDefault();
-            __privateMethod(this, _applyStep, applyStep_fn).call(this, thumb, Direction.Increment);
+            __privateMethod(this, _RangeSlider_instances, applyStep_fn).call(this, thumb, Direction.Increment);
             break;
           case keyArrowLeft:
           case keyArrowUp:
             e.preventDefault();
-            __privateMethod(this, _applyStep, applyStep_fn).call(this, thumb, Direction.Decrement);
+            __privateMethod(this, _RangeSlider_instances, applyStep_fn).call(this, thumb, Direction.Decrement);
             break;
         }
       }
@@ -165,14 +137,14 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
         return;
       }
       const sourceEvent = "TouchEvent" in window && e instanceof TouchEvent ? e.touches[0] : e;
-      const value = __privateMethod(this, _calculateValueFromMouseEvent, calculateValueFromMouseEvent_fn).call(this, sourceEvent);
-      __privateMethod(this, _updateValues, updateValues_fn).call(this, {
-        [__privateGet(this, _draggingThumb)]: `${__privateMethod(this, _roundToNearestStep, roundToNearestStep_fn).call(this, __privateGet(this, _draggingThumb), value)}`
+      const value = __privateMethod(this, _RangeSlider_instances, calculateValueFromMouseEvent_fn).call(this, sourceEvent);
+      __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, {
+        [__privateGet(this, _draggingThumb)]: `${__privateMethod(this, _RangeSlider_instances, roundToNearestStep_fn).call(this, __privateGet(this, _draggingThumb), value)}`
       });
     });
     __privateAdd(this, _onDragEnd, () => {
       __privateSet(this, _draggingThumb, false);
-      __privateMethod(this, _unregisterDragListeners, unregisterDragListeners_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, unregisterDragListeners_fn).call(this);
     });
   }
   /**
@@ -182,10 +154,10 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
     this.currentStart = this.start;
     if (!__privateGet(this, _isInternalValueUpdate)) {
       this.dirtyValue = true;
-      __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, updateFormValue_fn).call(this);
     }
     if (this.$fastController.isConnected) {
-      __privateMethod(this, _updateThumbPositions, updateThumbPositions_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, updateThumbPositions_fn).call(this);
     }
   }
   /**
@@ -221,10 +193,10 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
     this.currentEnd = this.end;
     if (!__privateGet(this, _isInternalValueUpdate)) {
       this.dirtyValue = true;
-      __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, updateFormValue_fn).call(this);
     }
     if (this.$fastController.isConnected) {
-      __privateMethod(this, _updateThumbPositions, updateThumbPositions_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, updateThumbPositions_fn).call(this);
     }
   }
   /**
@@ -258,7 +230,7 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
    */
   orientationChanged() {
     if (this.$fastController.isConnected) {
-      __privateMethod(this, _updateThumbPositions, updateThumbPositions_fn).call(this);
+      __privateMethod(this, _RangeSlider_instances, updateThumbPositions_fn).call(this);
     }
   }
   // --- Form handling ---
@@ -267,10 +239,10 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
    */
   nameChanged(previous, next) {
     super.nameChanged(previous, next);
-    __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+    __privateMethod(this, _RangeSlider_instances, updateFormValue_fn).call(this);
   }
   formResetCallback() {
-    __privateMethod(this, _updateValues, updateValues_fn).call(this, {
+    __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, {
       start: this.initialStart ?? this.min.toString(),
       end: this.initialEnd ?? this.max.toString()
     });
@@ -279,17 +251,17 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
   // --- Lifecycle ---
   connectedCallback() {
     super.connectedCallback();
-    __privateMethod(this, _updateValues, updateValues_fn).call(this, {
+    __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, {
       start: this.start || this.initialStart || this.min.toString(),
       end: this.end || this.initialEnd || this.max.toString()
     }, false);
-    __privateMethod(this, _registerThumbListeners, registerThumbListeners_fn).call(this);
-    __privateMethod(this, _updateThumbPositions, updateThumbPositions_fn).call(this);
+    __privateMethod(this, _RangeSlider_instances, registerThumbListeners_fn).call(this);
+    __privateMethod(this, _RangeSlider_instances, updateThumbPositions_fn).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    __privateMethod(this, _unregisterThumbListeners, unregisterThumbListeners_fn).call(this);
-    __privateMethod(this, _unregisterDragListeners, unregisterDragListeners_fn).call(this);
+    __privateMethod(this, _RangeSlider_instances, unregisterThumbListeners_fn).call(this);
+    __privateMethod(this, _RangeSlider_instances, unregisterDragListeners_fn).call(this);
   }
   /**
    * @internal
@@ -298,20 +270,20 @@ let RangeSlider = class extends FormAssociatedRangeSlider {
     if (this.disabled || __privateGet(this, _draggingThumb)) {
       return;
     }
-    const value = __privateMethod(this, _calculateValueFromMouseEvent, calculateValueFromMouseEvent_fn).call(this, e);
+    const value = __privateMethod(this, _RangeSlider_instances, calculateValueFromMouseEvent_fn).call(this, e);
     const startDistance = Math.abs(value - Number(this.start));
     const endDistance = Math.abs(value - Number(this.end));
     const thumb = startDistance < endDistance || startDistance === endDistance && value < Number(this.start) ? "start" : "end";
-    __privateMethod(this, _updateValues, updateValues_fn).call(this, {
-      [thumb]: `${__privateMethod(this, _roundToNearestStep, roundToNearestStep_fn).call(this, thumb, value)}`
+    __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, {
+      [thumb]: `${__privateMethod(this, _RangeSlider_instances, roundToNearestStep_fn).call(this, thumb, value)}`
     });
     __privateSet(this, _draggingThumb, thumb);
-    __privateGet(this, _thumbs, thumbs_get)[thumb].focus();
-    __privateMethod(this, _registerDragHandlers, registerDragHandlers_fn).call(this);
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].focus();
+    __privateMethod(this, _RangeSlider_instances, registerDragHandlers_fn).call(this);
   }
 };
 _isInternalValueUpdate = new WeakMap();
-_updateValues = new WeakSet();
+_RangeSlider_instances = new WeakSet();
 updateValues_fn = function({ start, end }, emitEvents = true) {
   if (start === this.start) {
     start = void 0;
@@ -341,15 +313,13 @@ updateValues_fn = function({ start, end }, emitEvents = true) {
     this.$emit("change");
     this.dirtyValue = true;
   }
-  __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+  __privateMethod(this, _RangeSlider_instances, updateFormValue_fn).call(this);
 };
-_applyStep = new WeakSet();
 applyStep_fn = function(thumb, direction) {
-  __privateMethod(this, _updateValues, updateValues_fn).call(this, {
-    [thumb]: __privateMethod(this, _roundToNearestStep, roundToNearestStep_fn).call(this, thumb, Number(this[thumb]) + direction * this.step).toString()
+  __privateMethod(this, _RangeSlider_instances, updateValues_fn).call(this, {
+    [thumb]: __privateMethod(this, _RangeSlider_instances, roundToNearestStep_fn).call(this, thumb, Number(this[thumb]) + direction * this.step).toString()
   });
 };
-_updateFormValue = new WeakSet();
 updateFormValue_fn = function() {
   if (!this.name) {
     this.setFormValue(null);
@@ -360,14 +330,12 @@ updateFormValue_fn = function() {
     this.setFormValue(formData);
   }
 };
-_thumbs = new WeakSet();
 thumbs_get = function() {
   return {
     start: this._startThumbEl,
     end: this._endThumbEl
   };
 };
-_thumbConstraints = new WeakSet();
 thumbConstraints_get = function() {
   return {
     start: { min: this.min, max: this.endAsNumber },
@@ -375,21 +343,18 @@ thumbConstraints_get = function() {
   };
 };
 _draggingThumb = new WeakMap();
-_updateThumbPositions = new WeakSet();
 updateThumbPositions_fn = function() {
-  const startOffsetPct = __privateMethod(this, _thumbTrackEndOffset, thumbTrackEndOffset_fn).call(this, this.startAsNumber);
-  const endOffsetPct = __privateMethod(this, _thumbTrackEndOffset, thumbTrackEndOffset_fn).call(this, this.endAsNumber);
+  const startOffsetPct = __privateMethod(this, _RangeSlider_instances, thumbTrackEndOffset_fn).call(this, this.startAsNumber);
+  const endOffsetPct = __privateMethod(this, _RangeSlider_instances, thumbTrackEndOffset_fn).call(this, this.endAsNumber);
   const [dirProp, dimProp] = this.orientation === Orientation.horizontal ? ["right", "width"] : ["bottom", "height"];
   const transition = `transition: ${__privateGet(this, _draggingThumb) ? "none" : "all 0.2s ease"};`;
   this._startThumbCss = `${dirProp}: ${startOffsetPct}%; ${transition}`;
   this._endThumbCss = `${dirProp}: ${endOffsetPct}%; ${transition}`;
   this._selectedRangeCss = `${dirProp}: ${endOffsetPct}%; ${dimProp}: ${startOffsetPct - endOffsetPct}%; ${transition}`;
 };
-_thumbTrackEndOffset = new WeakSet();
 thumbTrackEndOffset_fn = function(value) {
   return (1 - inverseLerp(this.min, this.max, value)) * 100;
 };
-_calculateValueFromMouseEvent = new WeakSet();
 calculateValueFromMouseEvent_fn = function(e) {
   const trackClientRect = this._trackEl.getBoundingClientRect();
   const [minPos, maxPos, valuePos] = this.orientation === Orientation.horizontal ? [
@@ -403,39 +368,37 @@ calculateValueFromMouseEvent_fn = function(e) {
   ];
   return lerp(this.min, this.max, inverseLerp(minPos, maxPos, valuePos));
 };
-_roundToNearestStep = new WeakSet();
 roundToNearestStep_fn = function(thumb, value) {
   return limit(
-    __privateGet(this, _thumbConstraints, thumbConstraints_get)[thumb].min,
-    __privateGet(this, _thumbConstraints, thumbConstraints_get)[thumb].max,
+    __privateGet(this, _RangeSlider_instances, thumbConstraints_get)[thumb].min,
+    __privateGet(this, _RangeSlider_instances, thumbConstraints_get)[thumb].max,
     roundToStepValue(value - this.min, this.step) + this.min
   );
 };
-_registerThumbListeners = new WeakSet();
+// --- Event handling ---
 registerThumbListeners_fn = function() {
   for (const thumb of ["start", "end"]) {
-    __privateGet(this, _thumbs, thumbs_get)[thumb].addEventListener("keydown", __privateGet(this, _onThumbKeydown));
-    __privateGet(this, _thumbs, thumbs_get)[thumb].addEventListener(
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].addEventListener("keydown", __privateGet(this, _onThumbKeydown));
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].addEventListener(
       "mousedown",
       __privateGet(this, _onThumbMousedown),
       { passive: true }
     );
-    __privateGet(this, _thumbs, thumbs_get)[thumb].addEventListener(
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].addEventListener(
       "touchstart",
       __privateGet(this, _onThumbMousedown),
       { passive: true }
     );
   }
 };
-_unregisterThumbListeners = new WeakSet();
 unregisterThumbListeners_fn = function() {
   for (const thumb of ["start", "end"]) {
-    __privateGet(this, _thumbs, thumbs_get)[thumb].removeEventListener("keydown", __privateGet(this, _onThumbKeydown));
-    __privateGet(this, _thumbs, thumbs_get)[thumb].removeEventListener(
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].removeEventListener("keydown", __privateGet(this, _onThumbKeydown));
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].removeEventListener(
       "mousedown",
       __privateGet(this, _onThumbMousedown)
     );
-    __privateGet(this, _thumbs, thumbs_get)[thumb].removeEventListener(
+    __privateGet(this, _RangeSlider_instances, thumbs_get)[thumb].removeEventListener(
       "touchstart",
       __privateGet(this, _onThumbMousedown)
     );
@@ -443,7 +406,6 @@ unregisterThumbListeners_fn = function() {
 };
 _onThumbMousedown = new WeakMap();
 _onThumbKeydown = new WeakMap();
-_registerDragHandlers = new WeakSet();
 registerDragHandlers_fn = function() {
   window.addEventListener("mousemove", __privateGet(this, _onDragMove), { passive: true });
   window.addEventListener("touchmove", __privateGet(this, _onDragMove), { passive: true });
@@ -451,7 +413,6 @@ registerDragHandlers_fn = function() {
   window.addEventListener("touchend", __privateGet(this, _onDragEnd));
   window.document.addEventListener("mouseleave", __privateGet(this, _onDragEnd));
 };
-_unregisterDragListeners = new WeakSet();
 unregisterDragListeners_fn = function() {
   window.removeEventListener("mouseup", __privateGet(this, _onDragEnd));
   window.document.removeEventListener("mouseleave", __privateGet(this, _onDragEnd));

package/shared/definition43.cjs

@@ -2,7 +2,7 @@
 
 const index = require('./index.cjs');
 const definition = require('./definition63.cjs');
-const definition$2 = require('./definition27.cjs');
+const definition$3 = require('./definition27.cjs');
 const definition$1 = require('./definition36.cjs');
 const affix = require('./affix.cjs');
 const index$1 = require('./index2.cjs');
@@ -14,6 +14,7 @@ const formAssociated = require('./form-associated.cjs');
 const select_options = require('./select.options.cjs');
 const strings = require('./strings.cjs');
 const keyCodes = require('./key-codes.cjs');
+const definition$2 = require('./definition11.cjs');
 const ref = require('./ref.cjs');
 const when = require('./when.cjs');
 const slotted = require('./slotted.cjs');
@@ -516,7 +517,7 @@ index.__decorate([
 applyMixins.applyMixins(DelegatesARIASelect, listbox.DelegatesARIAListbox);
 applyMixins.applyMixins(Select$1, startEnd.StartEnd, DelegatesARIASelect);
 
-const styles = ":host(:focus-visible){outline:none}:host{display:inline-flex;flex-direction:column;gap:4px;--_low-ink-color: var(--vvd-color-neutral-600);--focus-stroke-gap-color: transparent}:host([disabled]){--_low-ink-color: var(--vvd-color-neutral-400);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);contain:inline-size;font:var(--vvd-typography-base)}.control{display:flex;align-items:center;justify-content:space-between;border-radius:var(--_select-control-border-radius);background-color:var(--_appearance-color-fill);block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:8px;padding-inline:16px;transition:box-shadow .2s,background-color .2s}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.error):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.control:where(.error):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.control:where(.success):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.control:where(.success):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-select-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-select-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-select-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-select-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-select-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-select-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-select-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-select-accent-fierce, var(--vvd-color-neutral-700))}.control-wrapper{position:relative}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.control:not(.shape-pill){--_select-control-border-radius: 8px}.control.shape-pill{--_select-control-border-radius: 24px}:host(:focus-visible) .control{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}.listbox{display:flex;max-height:var(--select-height, 408px);flex-direction:column;padding:4px;gap:2px;overflow-y:auto}:host([multiple]:focus-visible) .listbox{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));border-radius:8px}.chevron{display:flex;flex-shrink:0;font:var(--vvd-typography-base-extended);transform:rotate(0);transition:transform .2s}:host([aria-expanded=true]) .chevron{transform:rotate(180deg)}.selected-value{display:flex;overflow:hidden;flex-grow:1;align-items:center;column-gap:12px;white-space:nowrap}.selected-value .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis}.control.shows-placeholder .selected-value .text{color:var(--vvd-color-neutral-600)}.selected-value slot[name=icon]{flex:0 0 20px;font-size:20px;line-height:1}.control.has-meta .selected-value{padding-inline-end:8px}.feedback-wrapper{display:contents}::part(popup-base){inline-size:max-content;min-inline-size:var(--_select-fixed-width, 100%)}:host([multiple]) ::part(popup-base){position:static}";
+const styles = ".chevron{display:flex;flex-shrink:0;font:var(--vvd-typography-base-extended);transform:rotate(0);transition:transform .2s}:host([aria-expanded=true]) .chevron{transform:rotate(180deg)}:host(:focus-visible){outline:none}:host{display:inline-flex;flex-direction:column;gap:4px;--_low-ink-color: var(--vvd-color-neutral-600);--focus-stroke-gap-color: transparent}:host([disabled]){--_low-ink-color: var(--vvd-color-neutral-400);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);contain:inline-size;font:var(--vvd-typography-base)}.control{display:flex;align-items:center;justify-content:space-between;border-radius:var(--_select-control-border-radius);background-color:var(--_appearance-color-fill);block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:8px;padding-inline:16px;transition:box-shadow .2s,background-color .2s}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.error):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.control:where(.error):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.control:where(.success):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.control:where(.success):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-select-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-select-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-select-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-select-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-select-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-select-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-select-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-select-accent-fierce, var(--vvd-color-neutral-700))}.control-wrapper{position:relative}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.control:not(.shape-pill){--_select-control-border-radius: 8px}.control.shape-pill{--_select-control-border-radius: 24px}:host(:focus-visible) .control{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}.listbox{display:flex;max-height:var(--select-height, 408px);flex-direction:column;padding:4px;gap:2px;overflow-y:auto}:host([multiple]:focus-visible) .listbox{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));border-radius:8px}.selected-value{display:flex;overflow:hidden;flex-grow:1;align-items:center;column-gap:12px;white-space:nowrap}.selected-value .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis}.control.shows-placeholder .selected-value .text{color:var(--vvd-color-neutral-600)}.selected-value slot[name=icon]{flex:0 0 20px;font-size:20px;line-height:1}.control.has-meta .selected-value{padding-inline-end:8px}.feedback-wrapper{display:contents}::part(popup-base){inline-size:max-content;min-inline-size:var(--_select-fixed-width, 100%)}:host([multiple]) ::part(popup-base){position:static}";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -525,8 +526,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let Select = class extends Select$1 {
@@ -642,6 +642,7 @@ function renderPlaceholder(context) {
 }
 function selectValue(context) {
   const affixIconTemplate = affix.affixIconTemplateFactory(context);
+  const chevronTemplate = definition$2.chevronTemplateFactory(context);
   return index.html` <div
 		class="control ${getStateClasses}"
 		${ref.ref("_anchor")}
@@ -653,7 +654,7 @@ function selectValue(context) {
 			<span class="text">${(x) => x.displayValue}</span>
 			<slot name="meta" ${slotted.slotted("metaSlottedContent")}></slot>
 		</div>
-		<span class="chevron">${() => affixIconTemplate("chevron-down-line")}</span>
+		${chevronTemplate}
 	</div>`;
 }
 function setFixedDropdownVarWidth(x) {
@@ -739,7 +740,7 @@ const selectDefinition = Select.compose({
 const selectRegistries = [
   selectDefinition(),
   ...definition.popupRegistries,
-  ...definition$2.iconRegistries,
+  ...definition$3.iconRegistries,
   ...definition$1.listboxOptionRegistries
 ];
 const registerSelect = index.registerFactory(selectRegistries);

package/shared/definition43.js

@@ -12,6 +12,7 @@ import { F as FormAssociated } from './form-associated.js';
 import { S as SelectPosition } from './select.options.js';
 import { u as uniqueId } from './strings.js';
 import { c as keyTab, b as keyEscape, k as keyEnter, d as keyEnd, g as keyHome, a as keySpace, f as keyArrowDown, e as keyArrowUp } from './key-codes.js';
+import { c as chevronTemplateFactory } from './definition11.js';
 import { r as ref } from './ref.js';
 import { w as when } from './when.js';
 import { s as slotted } from './slotted.js';
@@ -514,7 +515,7 @@ __decorate([
 applyMixins(DelegatesARIASelect, DelegatesARIAListbox);
 applyMixins(Select$1, StartEnd, DelegatesARIASelect);
 
-const styles = ":host(:focus-visible){outline:none}:host{display:inline-flex;flex-direction:column;gap:4px;--_low-ink-color: var(--vvd-color-neutral-600);--focus-stroke-gap-color: transparent}:host([disabled]){--_low-ink-color: var(--vvd-color-neutral-400);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);contain:inline-size;font:var(--vvd-typography-base)}.control{display:flex;align-items:center;justify-content:space-between;border-radius:var(--_select-control-border-radius);background-color:var(--_appearance-color-fill);block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:8px;padding-inline:16px;transition:box-shadow .2s,background-color .2s}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.error):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.control:where(.error):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.control:where(.success):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.control:where(.success):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-select-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-select-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-select-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-select-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-select-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-select-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-select-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-select-accent-fierce, var(--vvd-color-neutral-700))}.control-wrapper{position:relative}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.control:not(.shape-pill){--_select-control-border-radius: 8px}.control.shape-pill{--_select-control-border-radius: 24px}:host(:focus-visible) .control{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}.listbox{display:flex;max-height:var(--select-height, 408px);flex-direction:column;padding:4px;gap:2px;overflow-y:auto}:host([multiple]:focus-visible) .listbox{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));border-radius:8px}.chevron{display:flex;flex-shrink:0;font:var(--vvd-typography-base-extended);transform:rotate(0);transition:transform .2s}:host([aria-expanded=true]) .chevron{transform:rotate(180deg)}.selected-value{display:flex;overflow:hidden;flex-grow:1;align-items:center;column-gap:12px;white-space:nowrap}.selected-value .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis}.control.shows-placeholder .selected-value .text{color:var(--vvd-color-neutral-600)}.selected-value slot[name=icon]{flex:0 0 20px;font-size:20px;line-height:1}.control.has-meta .selected-value{padding-inline-end:8px}.feedback-wrapper{display:contents}::part(popup-base){inline-size:max-content;min-inline-size:var(--_select-fixed-width, 100%)}:host([multiple]) ::part(popup-base){position:static}";
+const styles = ".chevron{display:flex;flex-shrink:0;font:var(--vvd-typography-base-extended);transform:rotate(0);transition:transform .2s}:host([aria-expanded=true]) .chevron{transform:rotate(180deg)}:host(:focus-visible){outline:none}:host{display:inline-flex;flex-direction:column;gap:4px;--_low-ink-color: var(--vvd-color-neutral-600);--focus-stroke-gap-color: transparent}:host([disabled]){--_low-ink-color: var(--vvd-color-neutral-400);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);contain:inline-size;font:var(--vvd-typography-base)}.control{display:flex;align-items:center;justify-content:space-between;border-radius:var(--_select-control-border-radius);background-color:var(--_appearance-color-fill);block-size:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);gap:8px;padding-inline:16px;transition:box-shadow .2s,background-color .2s}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.error):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.control:where(.error):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.control:where(.success):where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.control:where(.success):where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.control{--_connotation-color-primary: var(--vvd-select-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-select-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-select-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-select-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-select-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-select-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-select-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-select-accent-fierce, var(--vvd-color-neutral-700))}.control-wrapper{position:relative}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.control:not(.shape-pill){--_select-control-border-radius: 8px}.control.shape-pill{--_select-control-border-radius: 24px}:host(:focus-visible) .control{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}.listbox{display:flex;max-height:var(--select-height, 408px);flex-direction:column;padding:4px;gap:2px;overflow-y:auto}:host([multiple]:focus-visible) .listbox{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px));border-radius:8px}.selected-value{display:flex;overflow:hidden;flex-grow:1;align-items:center;column-gap:12px;white-space:nowrap}.selected-value .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis}.control.shows-placeholder .selected-value .text{color:var(--vvd-color-neutral-600)}.selected-value slot[name=icon]{flex:0 0 20px;font-size:20px;line-height:1}.control.has-meta .selected-value{padding-inline-end:8px}.feedback-wrapper{display:contents}::part(popup-base){inline-size:max-content;min-inline-size:var(--_select-fixed-width, 100%)}:host([multiple]) ::part(popup-base){position:static}";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -523,8 +524,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let Select = class extends Select$1 {
@@ -640,6 +640,7 @@ function renderPlaceholder(context) {
 }
 function selectValue(context) {
   const affixIconTemplate = affixIconTemplateFactory(context);
+  const chevronTemplate = chevronTemplateFactory(context);
   return html` <div
 		class="control ${getStateClasses}"
 		${ref("_anchor")}
@@ -651,7 +652,7 @@ function selectValue(context) {
 			<span class="text">${(x) => x.displayValue}</span>
 			<slot name="meta" ${slotted("metaSlottedContent")}></slot>
 		</div>
-		<span class="chevron">${() => affixIconTemplate("chevron-down-line")}</span>
+		${chevronTemplate}
 	</div>`;
 }
 function setFixedDropdownVarWidth(x) {

package/shared/definition44.cjs

@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class SelectableBox extends index.FoundationElement {
@@ -33,11 +32,9 @@ class SelectableBox extends index.FoundationElement {
    * @internal
    */
   _handleCheckedChange() {
-    if (this.controlType === "radio" && this.checked)
-      return;
+    if (this.controlType === "radio" && this.checked) return;
     this.checked = !this.checked;
-    if (this.clickableBox || this.clickable)
-      this.$emit("change");
+    if (this.clickableBox || this.clickable) this.$emit("change");
   }
   /**
    * @internal
@@ -85,8 +82,7 @@ const getClasses = ({
   ["readonly", !clickableBox && !clickable]
 );
 function handleControlChange(x) {
-  if (!x.clickableBox)
-    x._handleCheckedChange();
+  if (!x.clickableBox) x._handleCheckedChange();
 }
 function checkbox(context) {
   const checkboxTag = context.tagFor(definition.Checkbox);

package/shared/definition44.js

@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class SelectableBox extends FoundationElement {
@@ -31,11 +30,9 @@ class SelectableBox extends FoundationElement {
    * @internal
    */
   _handleCheckedChange() {
-    if (this.controlType === "radio" && this.checked)
-      return;
+    if (this.controlType === "radio" && this.checked) return;
     this.checked = !this.checked;
-    if (this.clickableBox || this.clickable)
-      this.$emit("change");
+    if (this.clickableBox || this.clickable) this.$emit("change");
   }
   /**
    * @internal
@@ -83,8 +80,7 @@ const getClasses = ({
   ["readonly", !clickableBox && !clickable]
 );
 function handleControlChange(x) {
-  if (!x.clickableBox)
-    x._handleCheckedChange();
+  if (!x.clickableBox) x._handleCheckedChange();
 }
 function checkbox(context) {
   const checkboxTag = context.tagFor(Checkbox);

package/shared/definition45.cjs

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class SideDrawer extends index.FoundationElement {

package/shared/definition45.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class SideDrawer extends FoundationElement {

package/shared/definition46.cjs

@@ -492,8 +492,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Slider extends Slider$1 {

package/shared/definition46.js

@@ -490,8 +490,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class Slider extends Slider$1 {

package/shared/definition47.cjs

@@ -15,8 +15,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class SplitButton extends index.FoundationElement {

package/shared/definition47.js

@@ -13,8 +13,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result)
-    __defProp(target, key, result);
+  if (result) __defProp(target, key, result);
   return result;
 };
 class SplitButton extends FoundationElement {