@vonage/vivid 4.2.0 → 4.4.0

package/shared/definition56.cjs

@@ -16,7 +16,7 @@ const when = require('./when.cjs');
 const repeat = require('./repeat.cjs');
 const classNames = require('./class-names.cjs');
 
-const styles = ":host{display:inline-block}.base,.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;border-top:1px solid var(--vvd-color-neutral-200);gap:8px}.time-pickers{display:flex;overflow:hidden;padding:4px;block-size:188px;gap:4px}.time-pickers .picker{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:0;border-radius:4px;margin:0;gap:4px;inline-size:50px;list-style:none;scrollbar-width:thin}.time-pickers .picker:hover{overflow-y:auto}.time-pickers .picker:after{display:block;flex-shrink:0;block-size:156px;content:\"\"}.time-pickers .picker:focus-visible{--focus-stroke-gap-color: transparent;--focus-inset: -2px;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))}.time-pickers .item{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);inline-size:50px}.time-pickers .item{--_connotation-color-primary: var(--vvd-time-picker-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-firm: var(--vvd-time-picker-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-time-picker-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-time-picker-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-time-picker-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-time-picker-accent-pale, var(--vvd-color-neutral-300))}.time-pickers .item{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.time-pickers .item:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.time-pickers .item:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}";
+const styles = ":host{display:inline-block}.base,.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;border-top:1px solid var(--vvd-color-neutral-200);gap:8px}.time-pickers{display:flex;overflow:hidden;justify-content:center;padding:4px;block-size:188px;gap:4px}.time-pickers .picker{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:0;border-radius:4px;margin:0;gap:4px;inline-size:50px;list-style:none;scrollbar-width:thin}.time-pickers .picker:hover{overflow-y:auto}.time-pickers .picker:after{display:block;flex-shrink:0;block-size:156px;content:\"\"}.time-pickers .picker:focus-visible{--focus-stroke-gap-color: transparent;--focus-inset: -2px;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))}.time-pickers .item{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);inline-size:50px}.time-pickers .item{--_connotation-color-primary: var(--vvd-time-picker-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-firm: var(--vvd-time-picker-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-time-picker-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-time-picker-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-time-picker-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-time-picker-accent-pale, var(--vvd-color-neutral-300))}.time-pickers .item{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.time-pickers .item:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.time-pickers .item:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}";
 
 class _TimePicker extends index.FoundationElement {
 }
@@ -218,33 +218,22 @@ const getMeridiesOptions = (min, max) => {
 
 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 __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _getFocusableEls, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn, _onFocusIn, _onFocusOut, _dismissOnClickOutside, _openPopupIfPossible, openPopupIfPossible_fn, _scrollToItem, scrollToItem_fn;
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _getFocusableEls, _TimePicker_instances, updateValueDueToUserInteraction_fn, _onFocusIn, _onFocusOut, _dismissOnClickOutside, openPopupIfPossible_fn, scrollToItem_fn;
 const ValidTimeFilter = {
   fromView: (value) => {
     if (value && isValidTimeStr(value)) {
@@ -259,9 +248,7 @@ const ValidTimeFilter = {
 let TimePicker = class extends FormAssociatedTimePicker {
   constructor() {
     super();
-    __privateAdd(this, _updateValueDueToUserInteraction);
-    __privateAdd(this, _openPopupIfPossible);
-    __privateAdd(this, _scrollToItem);
+    __privateAdd(this, _TimePicker_instances);
     this.readOnly = false;
     this.minutesStep = null;
     this.secondsStep = null;
@@ -419,11 +406,11 @@ let TimePicker = class extends FormAssociatedTimePicker {
    */
   _onTextFieldChange() {
     if (this._presentationValue === "") {
-      __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, "");
+      __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, "");
       return;
     }
     try {
-      __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, parsePresentationTime(this._presentationValue, this._use12hClock));
+      __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, parsePresentationTime(this._presentationValue, this._use12hClock));
     } catch (_) {
       return;
     }
@@ -451,19 +438,19 @@ let TimePicker = class extends FormAssociatedTimePicker {
     if (this._popupOpen) {
       this._closePopup();
     } else {
-      __privateMethod(this, _openPopupIfPossible, openPopupIfPossible_fn).call(this);
+      __privateMethod(this, _TimePicker_instances, openPopupIfPossible_fn).call(this);
       index.DOM.processUpdates();
       if (this._selectedHour) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "hours", this._selectedHour, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "hours", this._selectedHour, "start");
       }
       if (this._selectedMinute) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "minutes", this._selectedMinute, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "minutes", this._selectedMinute, "start");
       }
       if (this._displaySeconds && this._selectedSecond) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "seconds", this._selectedSecond, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "seconds", this._selectedSecond, "start");
       }
       if (this._use12hClock && this._selectedMeridiem) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "meridies", this._selectedMeridiem, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "meridies", this._selectedMeridiem, "start");
       }
       __privateGet(this, _getFocusableEls).call(this)[0].focus();
     }
@@ -590,8 +577,8 @@ let TimePicker = class extends FormAssociatedTimePicker {
       const newIndex = (newRawIndex + options.length) % options.length;
       const newValue = options[newIndex].value;
       setSelectedValue(newValue);
-      __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, picker, newValue, "nearest");
-      __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, this.value);
+      __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, picker, newValue, "nearest");
+      __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, this.value);
     }
     return true;
   }
@@ -600,8 +587,8 @@ let TimePicker = class extends FormAssociatedTimePicker {
    */
   _onPickerItemClick(picker, setSelectedValue, value) {
     setSelectedValue(value);
-    __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, picker, value, "start");
-    __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, this.value);
+    __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, picker, value, "start");
+    __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, this.value);
     const nextPickerEl = this.shadowRoot.querySelector(
       `#${picker} + .picker`
     );
@@ -622,7 +609,7 @@ let TimePicker = class extends FormAssociatedTimePicker {
    * @internal
    */
   _onClearClick() {
-    __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, "");
+    __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, "");
     this._closePopup();
   }
   // --- Validation ---
@@ -660,7 +647,7 @@ let TimePicker = class extends FormAssociatedTimePicker {
   }
 };
 _getFocusableEls = new WeakMap();
-_updateValueDueToUserInteraction = new WeakSet();
+_TimePicker_instances = new WeakSet();
 updateValueDueToUserInteraction_fn = function(newValue) {
   this.value = newValue;
   this.$emit("change");
@@ -669,13 +656,11 @@ updateValueDueToUserInteraction_fn = function(newValue) {
 _onFocusIn = new WeakMap();
 _onFocusOut = new WeakMap();
 _dismissOnClickOutside = new WeakMap();
-_openPopupIfPossible = new WeakSet();
 openPopupIfPossible_fn = function() {
   if (!this.readOnly) {
     this._popupOpen = true;
   }
 };
-_scrollToItem = new WeakSet();
 scrollToItem_fn = function(picker, selectedValue, position) {
   const element = this.shadowRoot.querySelector(
     `#${picker}-${selectedValue}`

package/shared/definition56.js

@@ -14,7 +14,7 @@ import { w as when } from './when.js';
 import { r as repeat } from './repeat.js';
 import { c as classNames } from './class-names.js';
 
-const styles = ":host{display:inline-block}.base,.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;border-top:1px solid var(--vvd-color-neutral-200);gap:8px}.time-pickers{display:flex;overflow:hidden;padding:4px;block-size:188px;gap:4px}.time-pickers .picker{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:0;border-radius:4px;margin:0;gap:4px;inline-size:50px;list-style:none;scrollbar-width:thin}.time-pickers .picker:hover{overflow-y:auto}.time-pickers .picker:after{display:block;flex-shrink:0;block-size:156px;content:\"\"}.time-pickers .picker:focus-visible{--focus-stroke-gap-color: transparent;--focus-inset: -2px;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))}.time-pickers .item{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);inline-size:50px}.time-pickers .item{--_connotation-color-primary: var(--vvd-time-picker-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-firm: var(--vvd-time-picker-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-time-picker-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-time-picker-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-time-picker-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-time-picker-accent-pale, var(--vvd-color-neutral-300))}.time-pickers .item{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.time-pickers .item:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.time-pickers .item:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}";
+const styles = ":host{display:inline-block}.base,.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;border-top:1px solid var(--vvd-color-neutral-200);gap:8px}.time-pickers{display:flex;overflow:hidden;justify-content:center;padding:4px;block-size:188px;gap:4px}.time-pickers .picker{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:0;border-radius:4px;margin:0;gap:4px;inline-size:50px;list-style:none;scrollbar-width:thin}.time-pickers .picker:hover{overflow-y:auto}.time-pickers .picker:after{display:block;flex-shrink:0;block-size:156px;content:\"\"}.time-pickers .picker:focus-visible{--focus-stroke-gap-color: transparent;--focus-inset: -2px;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))}.time-pickers .item{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);inline-size:50px}.time-pickers .item{--_connotation-color-primary: var(--vvd-time-picker-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-firm: var(--vvd-time-picker-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-time-picker-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-time-picker-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-time-picker-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-time-picker-accent-pale, var(--vvd-color-neutral-300))}.time-pickers .item{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.time-pickers .item:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.time-pickers .item:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.time-pickers .item:where(.selected):where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}";
 
 class _TimePicker extends FoundationElement {
 }
@@ -216,33 +216,22 @@ const getMeridiesOptions = (min, max) => {
 
 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 __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _getFocusableEls, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn, _onFocusIn, _onFocusOut, _dismissOnClickOutside, _openPopupIfPossible, openPopupIfPossible_fn, _scrollToItem, scrollToItem_fn;
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _getFocusableEls, _TimePicker_instances, updateValueDueToUserInteraction_fn, _onFocusIn, _onFocusOut, _dismissOnClickOutside, openPopupIfPossible_fn, scrollToItem_fn;
 const ValidTimeFilter = {
   fromView: (value) => {
     if (value && isValidTimeStr(value)) {
@@ -257,9 +246,7 @@ const ValidTimeFilter = {
 let TimePicker = class extends FormAssociatedTimePicker {
   constructor() {
     super();
-    __privateAdd(this, _updateValueDueToUserInteraction);
-    __privateAdd(this, _openPopupIfPossible);
-    __privateAdd(this, _scrollToItem);
+    __privateAdd(this, _TimePicker_instances);
     this.readOnly = false;
     this.minutesStep = null;
     this.secondsStep = null;
@@ -417,11 +404,11 @@ let TimePicker = class extends FormAssociatedTimePicker {
    */
   _onTextFieldChange() {
     if (this._presentationValue === "") {
-      __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, "");
+      __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, "");
       return;
     }
     try {
-      __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, parsePresentationTime(this._presentationValue, this._use12hClock));
+      __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, parsePresentationTime(this._presentationValue, this._use12hClock));
     } catch (_) {
       return;
     }
@@ -449,19 +436,19 @@ let TimePicker = class extends FormAssociatedTimePicker {
     if (this._popupOpen) {
       this._closePopup();
     } else {
-      __privateMethod(this, _openPopupIfPossible, openPopupIfPossible_fn).call(this);
+      __privateMethod(this, _TimePicker_instances, openPopupIfPossible_fn).call(this);
       DOM.processUpdates();
       if (this._selectedHour) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "hours", this._selectedHour, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "hours", this._selectedHour, "start");
       }
       if (this._selectedMinute) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "minutes", this._selectedMinute, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "minutes", this._selectedMinute, "start");
       }
       if (this._displaySeconds && this._selectedSecond) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "seconds", this._selectedSecond, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "seconds", this._selectedSecond, "start");
       }
       if (this._use12hClock && this._selectedMeridiem) {
-        __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, "meridies", this._selectedMeridiem, "start");
+        __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, "meridies", this._selectedMeridiem, "start");
       }
       __privateGet(this, _getFocusableEls).call(this)[0].focus();
     }
@@ -588,8 +575,8 @@ let TimePicker = class extends FormAssociatedTimePicker {
       const newIndex = (newRawIndex + options.length) % options.length;
       const newValue = options[newIndex].value;
       setSelectedValue(newValue);
-      __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, picker, newValue, "nearest");
-      __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, this.value);
+      __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, picker, newValue, "nearest");
+      __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, this.value);
     }
     return true;
   }
@@ -598,8 +585,8 @@ let TimePicker = class extends FormAssociatedTimePicker {
    */
   _onPickerItemClick(picker, setSelectedValue, value) {
     setSelectedValue(value);
-    __privateMethod(this, _scrollToItem, scrollToItem_fn).call(this, picker, value, "start");
-    __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, this.value);
+    __privateMethod(this, _TimePicker_instances, scrollToItem_fn).call(this, picker, value, "start");
+    __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, this.value);
     const nextPickerEl = this.shadowRoot.querySelector(
       `#${picker} + .picker`
     );
@@ -620,7 +607,7 @@ let TimePicker = class extends FormAssociatedTimePicker {
    * @internal
    */
   _onClearClick() {
-    __privateMethod(this, _updateValueDueToUserInteraction, updateValueDueToUserInteraction_fn).call(this, "");
+    __privateMethod(this, _TimePicker_instances, updateValueDueToUserInteraction_fn).call(this, "");
     this._closePopup();
   }
   // --- Validation ---
@@ -658,7 +645,7 @@ let TimePicker = class extends FormAssociatedTimePicker {
   }
 };
 _getFocusableEls = new WeakMap();
-_updateValueDueToUserInteraction = new WeakSet();
+_TimePicker_instances = new WeakSet();
 updateValueDueToUserInteraction_fn = function(newValue) {
   this.value = newValue;
   this.$emit("change");
@@ -667,13 +654,11 @@ updateValueDueToUserInteraction_fn = function(newValue) {
 _onFocusIn = new WeakMap();
 _onFocusOut = new WeakMap();
 _dismissOnClickOutside = new WeakMap();
-_openPopupIfPossible = new WeakSet();
 openPopupIfPossible_fn = function() {
   if (!this.readOnly) {
     this._popupOpen = true;
   }
 };
-_scrollToItem = new WeakSet();
 scrollToItem_fn = function(picker, selectedValue, position) {
   const element = this.shadowRoot.querySelector(
     `#${picker}-${selectedValue}`

package/shared/definition57.cjs

@@ -10,109 +10,86 @@ const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-ancho
 
 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 __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _ANCHOR_ARIA_LABEL_SUFFIX, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _openIfClosed, _updateListeners, updateListeners_fn, _closeOnClickOutside, _closeOnEscape;
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _ANCHOR_ARIA_LABEL_SUFFIX, _Toggletip_instances, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _openIfClosed, updateListeners_fn, _closeOnClickOutside, _closeOnEscape;
 let Toggletip = class extends index.FoundationElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _setupAnchor);
-    __privateAdd(this, _updateAnchor);
-    __privateAdd(this, _cleanupAnchor);
-    __privateAdd(this, _updateListeners);
+    __privateAdd(this, _Toggletip_instances);
     __privateAdd(this, _ANCHOR_ARIA_LABEL_SUFFIX, " ; Show more information");
     this.alternate = false;
     this.placement = "right";
     this.open = false;
     __privateAdd(this, _openIfClosed, () => {
-      if (!this.open)
-        index.DOM.queueUpdate(() => this.open = true);
+      if (!this.open) index.DOM.queueUpdate(() => this.open = true);
     });
     __privateAdd(this, _closeOnClickOutside, (e) => {
       const clickedOutside = !this.contains(e.target);
       const clickedOnAnchor = this._anchorEl?.contains(e.target);
-      if (clickedOutside || clickedOnAnchor)
-        this.open = false;
+      if (clickedOutside || clickedOnAnchor) this.open = false;
     });
     __privateAdd(this, _closeOnEscape, (e) => {
-      if (e.key === "Escape")
-        this.open = false;
+      if (e.key === "Escape") this.open = false;
     });
   }
   openChanged(oldValue, newValue) {
-    if (oldValue === void 0)
-      return;
+    if (oldValue === void 0) return;
     if (newValue) {
       this.setAttribute("role", "status");
     } else {
       this.removeAttribute("role");
     }
-    __privateMethod(this, _updateListeners, updateListeners_fn).call(this);
+    __privateMethod(this, _Toggletip_instances, updateListeners_fn).call(this);
     if (this._anchorEl) {
-      __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, this._anchorEl);
+      __privateMethod(this, _Toggletip_instances, updateAnchor_fn).call(this, this._anchorEl);
     }
   }
   connectedCallback() {
     super.connectedCallback();
-    __privateMethod(this, _updateListeners, updateListeners_fn).call(this);
+    __privateMethod(this, _Toggletip_instances, updateListeners_fn).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    __privateMethod(this, _updateListeners, updateListeners_fn).call(this);
+    __privateMethod(this, _Toggletip_instances, updateListeners_fn).call(this);
   }
   /**
    * @internal
    */
   _anchorElChanged(oldValue, newValue) {
-    if (oldValue)
-      __privateMethod(this, _cleanupAnchor, cleanupAnchor_fn).call(this, oldValue);
-    if (newValue)
-      __privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
+    if (oldValue) __privateMethod(this, _Toggletip_instances, cleanupAnchor_fn).call(this, oldValue);
+    if (newValue) __privateMethod(this, _Toggletip_instances, setupAnchor_fn).call(this, newValue);
   }
 };
 _ANCHOR_ARIA_LABEL_SUFFIX = new WeakMap();
-_setupAnchor = new WeakSet();
+_Toggletip_instances = new WeakSet();
 setupAnchor_fn = function(a) {
   a.addEventListener("click", __privateGet(this, _openIfClosed), true);
   a.ariaLabel = (a.ariaLabel ?? "") + __privateGet(this, _ANCHOR_ARIA_LABEL_SUFFIX);
-  __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, a);
+  __privateMethod(this, _Toggletip_instances, updateAnchor_fn).call(this, a);
 };
-_updateAnchor = new WeakSet();
 updateAnchor_fn = function(a) {
   a.setAttribute("aria-expanded", this.open.toString());
 };
-_cleanupAnchor = new WeakSet();
 cleanupAnchor_fn = function(a) {
   a.removeEventListener("click", __privateGet(this, _openIfClosed), true);
   if (a.ariaLabel)
     a.ariaLabel = a.ariaLabel.replace(__privateGet(this, _ANCHOR_ARIA_LABEL_SUFFIX), "");
 };
 _openIfClosed = new WeakMap();
-_updateListeners = new WeakSet();
 updateListeners_fn = function() {
   document.removeEventListener("click", __privateGet(this, _closeOnClickOutside));
   document.removeEventListener("keydown", __privateGet(this, _closeOnEscape));

package/shared/definition57.js

@@ -8,109 +8,86 @@ const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-ancho
 
 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 __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _ANCHOR_ARIA_LABEL_SUFFIX, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _openIfClosed, _updateListeners, updateListeners_fn, _closeOnClickOutside, _closeOnEscape;
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _ANCHOR_ARIA_LABEL_SUFFIX, _Toggletip_instances, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _openIfClosed, updateListeners_fn, _closeOnClickOutside, _closeOnEscape;
 let Toggletip = class extends FoundationElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _setupAnchor);
-    __privateAdd(this, _updateAnchor);
-    __privateAdd(this, _cleanupAnchor);
-    __privateAdd(this, _updateListeners);
+    __privateAdd(this, _Toggletip_instances);
     __privateAdd(this, _ANCHOR_ARIA_LABEL_SUFFIX, " ; Show more information");
     this.alternate = false;
     this.placement = "right";
     this.open = false;
     __privateAdd(this, _openIfClosed, () => {
-      if (!this.open)
-        DOM.queueUpdate(() => this.open = true);
+      if (!this.open) DOM.queueUpdate(() => this.open = true);
     });
     __privateAdd(this, _closeOnClickOutside, (e) => {
       const clickedOutside = !this.contains(e.target);
       const clickedOnAnchor = this._anchorEl?.contains(e.target);
-      if (clickedOutside || clickedOnAnchor)
-        this.open = false;
+      if (clickedOutside || clickedOnAnchor) this.open = false;
     });
     __privateAdd(this, _closeOnEscape, (e) => {
-      if (e.key === "Escape")
-        this.open = false;
+      if (e.key === "Escape") this.open = false;
     });
   }
   openChanged(oldValue, newValue) {
-    if (oldValue === void 0)
-      return;
+    if (oldValue === void 0) return;
     if (newValue) {
       this.setAttribute("role", "status");
     } else {
       this.removeAttribute("role");
     }
-    __privateMethod(this, _updateListeners, updateListeners_fn).call(this);
+    __privateMethod(this, _Toggletip_instances, updateListeners_fn).call(this);
     if (this._anchorEl) {
-      __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, this._anchorEl);
+      __privateMethod(this, _Toggletip_instances, updateAnchor_fn).call(this, this._anchorEl);
     }
   }
   connectedCallback() {
     super.connectedCallback();
-    __privateMethod(this, _updateListeners, updateListeners_fn).call(this);
+    __privateMethod(this, _Toggletip_instances, updateListeners_fn).call(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    __privateMethod(this, _updateListeners, updateListeners_fn).call(this);
+    __privateMethod(this, _Toggletip_instances, updateListeners_fn).call(this);
   }
   /**
    * @internal
    */
   _anchorElChanged(oldValue, newValue) {
-    if (oldValue)
-      __privateMethod(this, _cleanupAnchor, cleanupAnchor_fn).call(this, oldValue);
-    if (newValue)
-      __privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
+    if (oldValue) __privateMethod(this, _Toggletip_instances, cleanupAnchor_fn).call(this, oldValue);
+    if (newValue) __privateMethod(this, _Toggletip_instances, setupAnchor_fn).call(this, newValue);
   }
 };
 _ANCHOR_ARIA_LABEL_SUFFIX = new WeakMap();
-_setupAnchor = new WeakSet();
+_Toggletip_instances = new WeakSet();
 setupAnchor_fn = function(a) {
   a.addEventListener("click", __privateGet(this, _openIfClosed), true);
   a.ariaLabel = (a.ariaLabel ?? "") + __privateGet(this, _ANCHOR_ARIA_LABEL_SUFFIX);
-  __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, a);
+  __privateMethod(this, _Toggletip_instances, updateAnchor_fn).call(this, a);
 };
-_updateAnchor = new WeakSet();
 updateAnchor_fn = function(a) {
   a.setAttribute("aria-expanded", this.open.toString());
 };
-_cleanupAnchor = new WeakSet();
 cleanupAnchor_fn = function(a) {
   a.removeEventListener("click", __privateGet(this, _openIfClosed), true);
   if (a.ariaLabel)
     a.ariaLabel = a.ariaLabel.replace(__privateGet(this, _ANCHOR_ARIA_LABEL_SUFFIX), "");
 };
 _openIfClosed = new WeakMap();
-_updateListeners = new WeakSet();
 updateListeners_fn = function() {
   document.removeEventListener("click", __privateGet(this, _closeOnClickOutside));
   document.removeEventListener("keydown", __privateGet(this, _closeOnEscape));