@vonage/vivid 3.53.0 → 3.55.0

package/shared/icon.js

@@ -1,5 +1,5 @@
 import { _ as _curry1, a as _curry2, b as _has } from './_has.js';
-import { F as FoundationElement, a as attr, o as observable, v as volatile } from './index.js';
+import { a as attr, F as FoundationElement, o as observable, v as volatile } from './index.js';
 
 function _arity(n, fn) {
   /* eslint-disable no-unused-vars */
@@ -92,8 +92,6 @@ var identity =
 /*#__PURE__*/
 _curry1(_identity);
 
-const identity$1 = identity;
-
 /**
  * Creates a new function that, when invoked, caches the result of calling `fn`
  * for a given argument set and returns the result. Subsequent calls to the
@@ -140,10 +138,26 @@ _curry2(function memoizeWith(mFn, fn) {
   });
 });
 
-const memoizeWith$1 = memoizeWith;
-
 const ICONS_BASE_URL = "https://icon.resources.vonage.com";
-const ICONS_VERSION = "4.5.3";
+const ICONS_VERSION = "4.5.6";
+
+const numberConverter = {
+  toView(value) {
+    if (value === void 0) {
+      return null;
+    }
+    return value.toString();
+  },
+  fromView(value) {
+    if (typeof value === "string") {
+      value = parseFloat(value.toString());
+    }
+    if (typeof value !== "number") {
+      return void 0;
+    }
+    return isNaN(value) || !isFinite(value) ? void 0 : value;
+  }
+};
 
 const PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
     <g>
@@ -184,8 +198,8 @@ const extractSvg = (response) => {
 const loadSvg = (iconId) => fetch(baseUrlTemplate([iconId, "svg"].join("."), ICONS_VERSION)).then(
   extractSvg
 );
-const resolveIcon = memoizeWith$1(
-  identity$1,
+const resolveIcon = memoizeWith(
+  identity,
   (iconId = "") => iconId.trim() ? loadSvg(iconId) : Promise.resolve("")
 );
 class Icon extends FoundationElement {
@@ -221,7 +235,7 @@ __decorateClass([
   attr
 ], Icon.prototype, "connotation", 2);
 __decorateClass([
-  attr
+  attr({ converter: numberConverter })
 ], Icon.prototype, "size", 2);
 __decorateClass([
   observable
@@ -236,4 +250,4 @@ __decorateClass([
   volatile
 ], Icon.prototype, "iconUrl", 1);
 
-export { Icon as I, memoizeWith$1 as m };
+export { Icon as I, memoizeWith as m };

package/shared/index.cjs

@@ -1685,8 +1685,20 @@ function reduceBehaviors(styles) {
         return prev.concat(curr);
     }, null);
 }
+/**
+ * A Symbol that can be added to a CSSStyleSheet to cause it to be prepended (rather than appended) to adoptedStyleSheets.
+ * @public
+ */
+const prependToAdoptedStyleSheetsSymbol = Symbol("prependToAdoptedStyleSheets");
+function separateSheetsToPrepend(sheets) {
+    const prepend = [];
+    const append = [];
+    sheets.forEach(x => (x[prependToAdoptedStyleSheetsSymbol] ? prepend : append).push(x));
+    return { prepend, append };
+}
 let addAdoptedStyleSheets = (target, sheets) => {
-    target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...sheets];
+    const { prepend, append } = separateSheetsToPrepend(sheets);
+    target.adoptedStyleSheets = [...prepend, ...target.adoptedStyleSheets, ...append];
 };
 let removeAdoptedStyleSheets = (target, sheets) => {
     target.adoptedStyleSheets = target.adoptedStyleSheets.filter((x) => sheets.indexOf(x) === -1);
@@ -1701,7 +1713,9 @@ if (DOM.supportsAdoptedStyleSheets) {
         document.adoptedStyleSheets.push();
         document.adoptedStyleSheets.splice();
         addAdoptedStyleSheets = (target, sheets) => {
-            target.adoptedStyleSheets.push(...sheets);
+            const { prepend, append } = separateSheetsToPrepend(sheets);
+            target.adoptedStyleSheets.splice(0, 0, ...prepend);
+            target.adoptedStyleSheets.push(...append);
         };
         removeAdoptedStyleSheets = (target, sheets) => {
             for (const sheet of sheets) {
@@ -4011,6 +4025,7 @@ class ConstructableStyleSheetTarget extends QueuedStyleSheetTarget {
     constructor(source) {
         super();
         const sheet = new CSSStyleSheet();
+        sheet[prependToAdoptedStyleSheetsSymbol] = true;
         this.target = sheet.cssRules[sheet.insertRule(":host{}")].style;
         source.$fastController.addStyles(ElementStyles.create([sheet]));
     }
@@ -4447,23 +4462,7 @@ class DesignTokenNode {
                 if (token) {
                     // Notify any token subscribers
                     token.notify(this.target);
-                    if (DesignTokenImpl.isCSSDesignToken(token)) {
-                        const parent = this.parent;
-                        const reflecting = this.isReflecting(token);
-                        if (parent) {
-                            const parentValue = parent.get(token);
-                            const sourceValue = source.get(token);
-                            if (parentValue !== sourceValue && !reflecting) {
-                                this.reflectToCSS(token);
-                            }
-                            else if (parentValue === sourceValue && reflecting) {
-                                this.stopReflectToCSS(token);
-                            }
-                        }
-                        else if (!reflecting) {
-                            this.reflectToCSS(token);
-                        }
-                    }
+                    this.updateCSSTokenReflection(source, token);
                 }
             },
         };
@@ -4537,6 +4536,25 @@ class DesignTokenNode {
     get parent() {
         return childToParent.get(this) || null;
     }
+    updateCSSTokenReflection(source, token) {
+        if (DesignTokenImpl.isCSSDesignToken(token)) {
+            const parent = this.parent;
+            const reflecting = this.isReflecting(token);
+            if (parent) {
+                const parentValue = parent.get(token);
+                const sourceValue = source.get(token);
+                if (parentValue !== sourceValue && !reflecting) {
+                    this.reflectToCSS(token);
+                }
+                else if (parentValue === sourceValue && reflecting) {
+                    this.stopReflectToCSS(token);
+                }
+            }
+            else if (!reflecting) {
+                this.reflectToCSS(token);
+            }
+        }
+    }
     /**
      * Checks if a token has been assigned an explicit value the node.
      * @param token - the token to check.
@@ -4702,6 +4720,7 @@ class DesignTokenNode {
             return;
         }
         this.hydrate(token, this.getRaw(token));
+        this.updateCSSTokenReflection(this.store, token);
     }
     /**
      * Hydrates a token with a DesignTokenValue, making retrieval available.

package/shared/index.js

@@ -1683,8 +1683,20 @@ function reduceBehaviors(styles) {
         return prev.concat(curr);
     }, null);
 }
+/**
+ * A Symbol that can be added to a CSSStyleSheet to cause it to be prepended (rather than appended) to adoptedStyleSheets.
+ * @public
+ */
+const prependToAdoptedStyleSheetsSymbol = Symbol("prependToAdoptedStyleSheets");
+function separateSheetsToPrepend(sheets) {
+    const prepend = [];
+    const append = [];
+    sheets.forEach(x => (x[prependToAdoptedStyleSheetsSymbol] ? prepend : append).push(x));
+    return { prepend, append };
+}
 let addAdoptedStyleSheets = (target, sheets) => {
-    target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...sheets];
+    const { prepend, append } = separateSheetsToPrepend(sheets);
+    target.adoptedStyleSheets = [...prepend, ...target.adoptedStyleSheets, ...append];
 };
 let removeAdoptedStyleSheets = (target, sheets) => {
     target.adoptedStyleSheets = target.adoptedStyleSheets.filter((x) => sheets.indexOf(x) === -1);
@@ -1699,7 +1711,9 @@ if (DOM.supportsAdoptedStyleSheets) {
         document.adoptedStyleSheets.push();
         document.adoptedStyleSheets.splice();
         addAdoptedStyleSheets = (target, sheets) => {
-            target.adoptedStyleSheets.push(...sheets);
+            const { prepend, append } = separateSheetsToPrepend(sheets);
+            target.adoptedStyleSheets.splice(0, 0, ...prepend);
+            target.adoptedStyleSheets.push(...append);
         };
         removeAdoptedStyleSheets = (target, sheets) => {
             for (const sheet of sheets) {
@@ -4009,6 +4023,7 @@ class ConstructableStyleSheetTarget extends QueuedStyleSheetTarget {
     constructor(source) {
         super();
         const sheet = new CSSStyleSheet();
+        sheet[prependToAdoptedStyleSheetsSymbol] = true;
         this.target = sheet.cssRules[sheet.insertRule(":host{}")].style;
         source.$fastController.addStyles(ElementStyles.create([sheet]));
     }
@@ -4445,23 +4460,7 @@ class DesignTokenNode {
                 if (token) {
                     // Notify any token subscribers
                     token.notify(this.target);
-                    if (DesignTokenImpl.isCSSDesignToken(token)) {
-                        const parent = this.parent;
-                        const reflecting = this.isReflecting(token);
-                        if (parent) {
-                            const parentValue = parent.get(token);
-                            const sourceValue = source.get(token);
-                            if (parentValue !== sourceValue && !reflecting) {
-                                this.reflectToCSS(token);
-                            }
-                            else if (parentValue === sourceValue && reflecting) {
-                                this.stopReflectToCSS(token);
-                            }
-                        }
-                        else if (!reflecting) {
-                            this.reflectToCSS(token);
-                        }
-                    }
+                    this.updateCSSTokenReflection(source, token);
                 }
             },
         };
@@ -4535,6 +4534,25 @@ class DesignTokenNode {
     get parent() {
         return childToParent.get(this) || null;
     }
+    updateCSSTokenReflection(source, token) {
+        if (DesignTokenImpl.isCSSDesignToken(token)) {
+            const parent = this.parent;
+            const reflecting = this.isReflecting(token);
+            if (parent) {
+                const parentValue = parent.get(token);
+                const sourceValue = source.get(token);
+                if (parentValue !== sourceValue && !reflecting) {
+                    this.reflectToCSS(token);
+                }
+                else if (parentValue === sourceValue && reflecting) {
+                    this.stopReflectToCSS(token);
+                }
+            }
+            else if (!reflecting) {
+                this.reflectToCSS(token);
+            }
+        }
+    }
     /**
      * Checks if a token has been assigned an explicit value the node.
      * @param token - the token to check.
@@ -4700,6 +4718,7 @@ class DesignTokenNode {
             return;
         }
         this.hydrate(token, this.getRaw(token));
+        this.updateCSSTokenReflection(this.store, token);
     }
     /**
      * Hydrates a token with a DesignTokenValue, making retrieval available.

package/shared/index2.cjs

@@ -7,16 +7,15 @@ const classNames = require('./class-names.cjs');
 const when = require('./when.cjs');
 const locales_enUS = require('../locales/en-US.cjs');
 
-const messageStyles = ".message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}\n";
+const messageStyles = ".sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}";
 
 var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
 var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+  var result = void 0 ;
   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)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp$1(target, key, result);
   return result;
 };
@@ -24,15 +23,15 @@ class FormElementHelperText {
 }
 __decorateClass$1([
   index.attr({ attribute: "helper-text" })
-], FormElementHelperText.prototype, "helperText", 2);
+], FormElementHelperText.prototype, "helperText");
 __decorateClass$1([
   index.observable
-], FormElementHelperText.prototype, "_helperTextSlottedContent", 2);
+], FormElementHelperText.prototype, "_helperTextSlottedContent");
 class FormElementSuccessText {
 }
 __decorateClass$1([
   index.attr({ attribute: "success-text" })
-], FormElementSuccessText.prototype, "successText", 2);
+], FormElementSuccessText.prototype, "successText");
 class FormElementCharCount {
   constructor() {
     this.charCount = false;
@@ -43,7 +42,7 @@ __decorateClass$1([
     attribute: "char-count",
     mode: "boolean"
   })
-], FormElementCharCount.prototype, "charCount", 2);
+], FormElementCharCount.prototype, "charCount");
 function formElements(constructor) {
   let currentPrototype = constructor.prototype;
   while (currentPrototype) {
@@ -118,10 +117,10 @@ function formElements(constructor) {
   }
   __decorateClass$1([
     index.attr
-  ], Decorated.prototype, "label", 2);
+  ], Decorated.prototype, "label");
   __decorateClass$1([
     index.observable
-  ], Decorated.prototype, "errorValidationMessage", 2);
+  ], Decorated.prototype, "errorValidationMessage");
   return Decorated;
 }
 const feedback = {
@@ -131,17 +130,20 @@ const feedback = {
     slot: {
       name: "helper-text",
       slottedContentProperty: "_helperTextSlottedContent"
-    }
+    },
+    role: "none"
   },
   error: {
     messageProperty: "errorValidationMessage",
     className: "error",
-    iconType: "info-line"
+    iconType: "info-line",
+    role: "status"
   },
   success: {
     messageProperty: "successText",
     className: "success",
-    iconType: "check-circle-line"
+    iconType: "check-circle-line",
+    role: "none"
   }
 };
 const isFeedbackAvailable = (config, x) => Boolean(
@@ -178,10 +180,14 @@ function getFeedbackTypeTemplate(context, config, shouldShow) {
 				>${messageTemplate}</slot
 		  >` : messageTemplate;
   return index.html`<div
-		class="${(x) => classNames.classNames("message", `${config.className}-message`, [
-    "message--visible",
-    shouldShow(x)
-  ])}"
+		class="${(x) => classNames.classNames(
+    "message",
+    `${config.className}-message`,
+    ["message--visible", config.role === "status" || shouldShow(x)],
+    ["sr-only", !shouldShow(x)]
+  )}"
+		role="${config.role}"
+		aria-atomic="false"
 	>
 		${when.when(
     (x) => shouldShow(x) && config.iconType,
@@ -192,16 +198,15 @@ function getFeedbackTypeTemplate(context, config, shouldShow) {
 }
 function errorText(constructor) {
   class Decorated extends constructor {
+    #blockValidateCalls = false;
     constructor(...args) {
       super(...args);
-      this.#blockValidateCalls = false;
       this._validate = this.validate;
       this.validate = () => {
         if (!this.#blockValidateCalls)
           this._validate();
       };
     }
-    #blockValidateCalls;
     errorTextChanged(_, newErrorText) {
       if (newErrorText) {
         this.#forceCustomError(newErrorText);
@@ -222,18 +227,17 @@ function errorText(constructor) {
   }
   __decorateClass$1([
     index.attr({ attribute: "error-text" })
-  ], Decorated.prototype, "errorText", 2);
+  ], Decorated.prototype, "errorText");
   return Decorated;
 }
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   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)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -244,7 +248,7 @@ class CurrentLocale {
 }
 __decorateClass([
   index.observable
-], CurrentLocale.prototype, "locale", 2);
+], CurrentLocale.prototype, "locale");
 const currentLocale = new CurrentLocale();
 const setLocale = (locale) => {
   currentLocale.locale = locale;

package/shared/index2.js

@@ -5,16 +5,15 @@ import { c as classNames } from './class-names.js';
 import { w as when } from './when.js';
 import enUS from '../locales/en-US.js';
 
-const messageStyles = ".message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}\n";
+const messageStyles = ".sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.message{display:none;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message--visible{display:flex}.message-text{color:var(--vvd-color-canvas-text)}.helper-message .message-text{color:var(--_low-ink-color)}.message-icon{font-size:16px}.success-message .message-icon{color:var(--vvd-color-success-500)}.error-message .message-icon{color:var(--vvd-color-alert-500)}";
 
 var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
 var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+  var result = void 0 ;
   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)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp$1(target, key, result);
   return result;
 };
@@ -22,15 +21,15 @@ class FormElementHelperText {
 }
 __decorateClass$1([
   attr({ attribute: "helper-text" })
-], FormElementHelperText.prototype, "helperText", 2);
+], FormElementHelperText.prototype, "helperText");
 __decorateClass$1([
   observable
-], FormElementHelperText.prototype, "_helperTextSlottedContent", 2);
+], FormElementHelperText.prototype, "_helperTextSlottedContent");
 class FormElementSuccessText {
 }
 __decorateClass$1([
   attr({ attribute: "success-text" })
-], FormElementSuccessText.prototype, "successText", 2);
+], FormElementSuccessText.prototype, "successText");
 class FormElementCharCount {
   constructor() {
     this.charCount = false;
@@ -41,7 +40,7 @@ __decorateClass$1([
     attribute: "char-count",
     mode: "boolean"
   })
-], FormElementCharCount.prototype, "charCount", 2);
+], FormElementCharCount.prototype, "charCount");
 function formElements(constructor) {
   let currentPrototype = constructor.prototype;
   while (currentPrototype) {
@@ -116,10 +115,10 @@ function formElements(constructor) {
   }
   __decorateClass$1([
     attr
-  ], Decorated.prototype, "label", 2);
+  ], Decorated.prototype, "label");
   __decorateClass$1([
     observable
-  ], Decorated.prototype, "errorValidationMessage", 2);
+  ], Decorated.prototype, "errorValidationMessage");
   return Decorated;
 }
 const feedback = {
@@ -129,17 +128,20 @@ const feedback = {
     slot: {
       name: "helper-text",
       slottedContentProperty: "_helperTextSlottedContent"
-    }
+    },
+    role: "none"
   },
   error: {
     messageProperty: "errorValidationMessage",
     className: "error",
-    iconType: "info-line"
+    iconType: "info-line",
+    role: "status"
   },
   success: {
     messageProperty: "successText",
     className: "success",
-    iconType: "check-circle-line"
+    iconType: "check-circle-line",
+    role: "none"
   }
 };
 const isFeedbackAvailable = (config, x) => Boolean(
@@ -176,10 +178,14 @@ function getFeedbackTypeTemplate(context, config, shouldShow) {
 				>${messageTemplate}</slot
 		  >` : messageTemplate;
   return html`<div
-		class="${(x) => classNames("message", `${config.className}-message`, [
-    "message--visible",
-    shouldShow(x)
-  ])}"
+		class="${(x) => classNames(
+    "message",
+    `${config.className}-message`,
+    ["message--visible", config.role === "status" || shouldShow(x)],
+    ["sr-only", !shouldShow(x)]
+  )}"
+		role="${config.role}"
+		aria-atomic="false"
 	>
 		${when(
     (x) => shouldShow(x) && config.iconType,
@@ -190,16 +196,15 @@ function getFeedbackTypeTemplate(context, config, shouldShow) {
 }
 function errorText(constructor) {
   class Decorated extends constructor {
+    #blockValidateCalls = false;
     constructor(...args) {
       super(...args);
-      this.#blockValidateCalls = false;
       this._validate = this.validate;
       this.validate = () => {
         if (!this.#blockValidateCalls)
           this._validate();
       };
     }
-    #blockValidateCalls;
     errorTextChanged(_, newErrorText) {
       if (newErrorText) {
         this.#forceCustomError(newErrorText);
@@ -220,18 +225,17 @@ function errorText(constructor) {
   }
   __decorateClass$1([
     attr({ attribute: "error-text" })
-  ], Decorated.prototype, "errorText", 2);
+  ], Decorated.prototype, "errorText");
   return Decorated;
 }
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   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)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -242,7 +246,7 @@ class CurrentLocale {
 }
 __decorateClass([
   observable
-], CurrentLocale.prototype, "locale", 2);
+], CurrentLocale.prototype, "locale");
 const currentLocale = new CurrentLocale();
 const setLocale = (locale) => {
   currentLocale.locale = locale;

package/shared/listbox.cjs

@@ -993,13 +993,12 @@ index.__decorate([
 ], ListboxElement.prototype, "size", void 0);
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   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)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -1058,13 +1057,13 @@ class Listbox extends ListboxElement {
 }
 __decorateClass([
   index.attr
-], Listbox.prototype, "appearance", 2);
+], Listbox.prototype, "appearance");
 __decorateClass([
   index.attr
-], Listbox.prototype, "orientation", 2);
+], Listbox.prototype, "orientation");
 __decorateClass([
   index.attr
-], Listbox.prototype, "shape", 2);
+], Listbox.prototype, "shape");
 
 exports.DelegatesARIAListbox = DelegatesARIAListbox;
 exports.Listbox = Listbox;

package/shared/listbox.js

@@ -991,13 +991,12 @@ __decorate([
 ], ListboxElement.prototype, "size", void 0);
 
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0 ;
   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)
+      result = (decorator(target, key, result) ) || result;
+  if (result)
     __defProp(target, key, result);
   return result;
 };
@@ -1056,12 +1055,12 @@ class Listbox extends ListboxElement {
 }
 __decorateClass([
   attr
-], Listbox.prototype, "appearance", 2);
+], Listbox.prototype, "appearance");
 __decorateClass([
   attr
-], Listbox.prototype, "orientation", 2);
+], Listbox.prototype, "orientation");
 __decorateClass([
   attr
-], Listbox.prototype, "shape", 2);
+], Listbox.prototype, "shape");
 
 export { DelegatesARIAListbox as D, ListboxElement as L, Listbox as a, Listbox$1 as b };