@vonage/vivid 4.1.0 → 4.3.0

package/shared/definition34.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 Note extends FoundationElement {

package/shared/definition35.cjs

@@ -28,29 +28,21 @@ class FormAssociatedNumberField extends formAssociated.FormAssociated(_NumberFie
 
 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 __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 _valueToPresentationValue, valueToPresentationValue_fn, _inputToPresentationValue, inputToPresentationValue_fn, _presentationValueToValue, presentationValueToValue_fn;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+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 _NumberField_instances, valueToPresentationValue_fn, inputToPresentationValue_fn, presentationValueToValue_fn;
 const STEP_DIRECTION = {
   up: 1,
   down: -1
@@ -75,9 +67,7 @@ const validNumber = /^-?((\d*\.\d+)|(\d+))$/;
 let NumberField = class extends FormAssociatedNumberField {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _valueToPresentationValue);
-    __privateAdd(this, _inputToPresentationValue);
-    __privateAdd(this, _presentationValueToValue);
+    __privateAdd(this, _NumberField_instances);
     this.readOnly = false;
     this.autofocus = false;
     // eslint-disable-next-line @nrwl/nx/workspace/no-attribute-default-value
@@ -139,7 +129,7 @@ let NumberField = class extends FormAssociatedNumberField {
       return;
     }
     if (this.control && !this.isUserInput) {
-      this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
+      this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
     }
     super.valueChanged(previous, this.value);
     if (previous !== void 0 && !this.isUserInput) {
@@ -181,7 +171,7 @@ let NumberField = class extends FormAssociatedNumberField {
     super.connectedCallback();
     this.proxy.setAttribute("type", "number");
     this.validate();
-    this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
+    this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
     if (this.autofocus) {
       index.DOM.queueUpdate(() => {
         this.focus();
@@ -202,12 +192,12 @@ let NumberField = class extends FormAssociatedNumberField {
    * @internal
    */
   handleTextInput() {
-    this._presentationValue = __privateMethod(this, _inputToPresentationValue, inputToPresentationValue_fn).call(this, this.control.value);
+    this._presentationValue = __privateMethod(this, _NumberField_instances, inputToPresentationValue_fn).call(this, this.control.value);
     if (this.control.value !== this._presentationValue) {
       this.control.value = this._presentationValue;
     }
     this.isUserInput = true;
-    this.value = __privateMethod(this, _presentationValueToValue, presentationValueToValue_fn).call(this, this._presentationValue);
+    this.value = __privateMethod(this, _NumberField_instances, presentationValueToValue_fn).call(this, this._presentationValue);
     this.isUserInput = false;
   }
   /**
@@ -239,18 +229,16 @@ let NumberField = class extends FormAssociatedNumberField {
     return true;
   }
 };
-_valueToPresentationValue = new WeakSet();
+_NumberField_instances = new WeakSet();
 valueToPresentationValue_fn = function(value) {
   return value.replace(
     ".",
     this.locale.common.useCommaAsDecimalSeparator ? "," : "."
   );
 };
-_inputToPresentationValue = new WeakSet();
 inputToPresentationValue_fn = function(input) {
   return input.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
 };
-_presentationValueToValue = new WeakSet();
 presentationValueToValue_fn = function(presentationValue) {
   const candidate = presentationValue.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
   return validNumber.test(candidate) ? candidate : "";

package/shared/definition35.js

@@ -26,29 +26,21 @@ class FormAssociatedNumberField extends FormAssociated(_NumberField) {
 
 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 __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 _valueToPresentationValue, valueToPresentationValue_fn, _inputToPresentationValue, inputToPresentationValue_fn, _presentationValueToValue, presentationValueToValue_fn;
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+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 _NumberField_instances, valueToPresentationValue_fn, inputToPresentationValue_fn, presentationValueToValue_fn;
 const STEP_DIRECTION = {
   up: 1,
   down: -1
@@ -73,9 +65,7 @@ const validNumber = /^-?((\d*\.\d+)|(\d+))$/;
 let NumberField = class extends FormAssociatedNumberField {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _valueToPresentationValue);
-    __privateAdd(this, _inputToPresentationValue);
-    __privateAdd(this, _presentationValueToValue);
+    __privateAdd(this, _NumberField_instances);
     this.readOnly = false;
     this.autofocus = false;
     // eslint-disable-next-line @nrwl/nx/workspace/no-attribute-default-value
@@ -137,7 +127,7 @@ let NumberField = class extends FormAssociatedNumberField {
       return;
     }
     if (this.control && !this.isUserInput) {
-      this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
+      this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
     }
     super.valueChanged(previous, this.value);
     if (previous !== void 0 && !this.isUserInput) {
@@ -179,7 +169,7 @@ let NumberField = class extends FormAssociatedNumberField {
     super.connectedCallback();
     this.proxy.setAttribute("type", "number");
     this.validate();
-    this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
+    this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
     if (this.autofocus) {
       DOM.queueUpdate(() => {
         this.focus();
@@ -200,12 +190,12 @@ let NumberField = class extends FormAssociatedNumberField {
    * @internal
    */
   handleTextInput() {
-    this._presentationValue = __privateMethod(this, _inputToPresentationValue, inputToPresentationValue_fn).call(this, this.control.value);
+    this._presentationValue = __privateMethod(this, _NumberField_instances, inputToPresentationValue_fn).call(this, this.control.value);
     if (this.control.value !== this._presentationValue) {
       this.control.value = this._presentationValue;
     }
     this.isUserInput = true;
-    this.value = __privateMethod(this, _presentationValueToValue, presentationValueToValue_fn).call(this, this._presentationValue);
+    this.value = __privateMethod(this, _NumberField_instances, presentationValueToValue_fn).call(this, this._presentationValue);
     this.isUserInput = false;
   }
   /**
@@ -237,18 +227,16 @@ let NumberField = class extends FormAssociatedNumberField {
     return true;
   }
 };
-_valueToPresentationValue = new WeakSet();
+_NumberField_instances = new WeakSet();
 valueToPresentationValue_fn = function(value) {
   return value.replace(
     ".",
     this.locale.common.useCommaAsDecimalSeparator ? "," : "."
   );
 };
-_inputToPresentationValue = new WeakSet();
 inputToPresentationValue_fn = function(input) {
   return input.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
 };
-_presentationValueToValue = new WeakSet();
 presentationValueToValue_fn = function(presentationValue) {
   const candidate = presentationValue.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
   return validNumber.test(candidate) ? candidate : "";

package/shared/definition36.cjs

@@ -210,8 +210,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 ListboxOption extends ListboxOption$1 {

package/shared/definition36.js

@@ -208,8 +208,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 ListboxOption extends ListboxOption$1 {

package/shared/definition37.cjs

@@ -19,8 +19,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;
 };
 const MAX_DIGITS_AND_PLACEHOLDERS = 7;
@@ -54,26 +53,20 @@ class Pagination extends index.FoundationElement {
     return new Array(
       this.total < MAX_DIGITS_AND_PLACEHOLDERS ? this.total : MAX_DIGITS_AND_PLACEHOLDERS
     ).fill(0).map((_, i, arr) => {
-      if (i === 0)
-        return 1;
-      if (i === arr.length - 1)
-        return this.total;
+      if (i === 0) return 1;
+      if (i === arr.length - 1) return this.total;
       if (this.selectedIndex !== void 0 && this.total > MAX_DIGITS_AND_PLACEHOLDERS) {
         if (this.selectedIndex < 4) {
-          if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
-            return "...";
+          if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
         }
         if (this.selectedIndex >= 4 && this.selectedIndex <= this.total - 5) {
           if (i > 1 && i < MAX_DIGITS_AND_PLACEHOLDERS - 2)
             return this.selectedIndex + (i - 2);
-          if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
-            return "...";
+          if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
         }
         if (this.selectedIndex > this.total - 5) {
-          if (i > 1)
-            return this.total - (6 - i);
-          if (i === 1)
-            return "...";
+          if (i > 1) return this.total - (6 - i);
+          if (i === 1) return "...";
         }
       }
       return i + 1;
@@ -86,8 +79,7 @@ class Pagination extends index.FoundationElement {
     this.selectedIndex = 0;
   }
   selectedIndexChanged(oldValue, newValue) {
-    if (oldValue === void 0)
-      return;
+    if (oldValue === void 0) return;
     this.$emit("pagination-change", {
       selectedIndex: newValue,
       total: this.total,

package/shared/definition37.js

@@ -17,8 +17,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;
 };
 const MAX_DIGITS_AND_PLACEHOLDERS = 7;
@@ -52,26 +51,20 @@ class Pagination extends FoundationElement {
     return new Array(
       this.total < MAX_DIGITS_AND_PLACEHOLDERS ? this.total : MAX_DIGITS_AND_PLACEHOLDERS
     ).fill(0).map((_, i, arr) => {
-      if (i === 0)
-        return 1;
-      if (i === arr.length - 1)
-        return this.total;
+      if (i === 0) return 1;
+      if (i === arr.length - 1) return this.total;
       if (this.selectedIndex !== void 0 && this.total > MAX_DIGITS_AND_PLACEHOLDERS) {
         if (this.selectedIndex < 4) {
-          if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
-            return "...";
+          if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
         }
         if (this.selectedIndex >= 4 && this.selectedIndex <= this.total - 5) {
           if (i > 1 && i < MAX_DIGITS_AND_PLACEHOLDERS - 2)
             return this.selectedIndex + (i - 2);
-          if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
-            return "...";
+          if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
         }
         if (this.selectedIndex > this.total - 5) {
-          if (i > 1)
-            return this.total - (6 - i);
-          if (i === 1)
-            return "...";
+          if (i > 1) return this.total - (6 - i);
+          if (i === 1) return "...";
         }
       }
       return i + 1;
@@ -84,8 +77,7 @@ class Pagination extends FoundationElement {
     this.selectedIndex = 0;
   }
   selectedIndexChanged(oldValue, newValue) {
-    if (oldValue === void 0)
-      return;
+    if (oldValue === void 0) return;
     this.$emit("pagination-change", {
       selectedIndex: newValue,
       total: this.total,

package/shared/definition38.cjs

@@ -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 ProgressRing extends baseProgress.BaseProgress {

package/shared/definition38.js

@@ -11,8 +11,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 ProgressRing extends BaseProgress {

package/shared/definition39.cjs

@@ -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 Progress extends baseProgress.BaseProgress {

package/shared/definition39.js

@@ -11,8 +11,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 Progress extends BaseProgress {

package/shared/definition4.cjs

@@ -13,7 +13,7 @@ const button = require('./button.cjs');
 const when = require('./when.cjs');
 const classNames = require('./class-names.cjs');
 
-const styles = ".control{position:fixed;z-index:10;border-radius:8px;inline-size:max-content;inset-block-end:0;inset-inline:0 0;margin-block:16px;margin-inline:auto;max-inline-size:var(--alert-max-inline-size, fit-content);min-inline-size:var(--alert-min-inline-size, 420px);transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms,transform .15s cubic-bezier(0,0,.2,1) 0ms}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;inset-inline-end:auto;margin-inline:16px}.control.placement-top-end,.control.placement-bottom-end{inset-inline-start:auto;margin-inline:16px}.control:where(.strategy-static){position:static;margin:0;inline-size:auto}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width <= 768px){.control{min-inline-size:var(--alert-min-inline-size, auto)}}.base{display:flex;align-items:center;padding:16px;border-radius:8px;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);column-gap:16px}.base.connotation-success{--_connotation-color-primary: var(--vvd-alert-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-alert-success-primary-text, var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary: var(--vvd-alert-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-alert-information-primary-text, var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-alert-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-alert-alert-primary-text, var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-alert-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-alert-warning-primary-text, var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-alert-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-alert-announcement-primary-text, var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary: var(--vvd-alert-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-alert-accent-primary-text, var(--vvd-color-canvas))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block-end:4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base slot[name=icon]{flex-shrink:0;color:var(--_appearance-color-fill);font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:8px}";
+const styles = ".control{position:fixed;z-index:10;border-radius:8px;inline-size:max-content;inset-block-end:0;inset-inline:0 0;margin-block:16px;margin-inline:auto;max-inline-size:var(--alert-max-inline-size, fit-content);min-inline-size:var(--alert-min-inline-size, 420px);transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms,transform .15s cubic-bezier(0,0,.2,1) 0ms}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;inset-inline-end:auto;margin-inline:16px}.control.placement-top-end,.control.placement-bottom-end{inset-inline-start:auto;margin-inline:16px}.control:where(.strategy-static){position:static;margin:0;inline-size:auto}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width <= 768px){.control{min-inline-size:var(--alert-min-inline-size, auto)}}.base{display:flex;align-items:center;padding:16px;border-radius:8px;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);column-gap:16px}.base.connotation-success{--_connotation-color-primary: var(--vvd-alert-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-alert-success-primary-text, var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary: var(--vvd-alert-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-alert-information-primary-text, var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-alert-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-alert-alert-primary-text, var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-alert-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-alert-warning-primary-text, var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-alert-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-alert-announcement-primary-text, var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary: var(--vvd-alert-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-alert-accent-primary-text, var(--vvd-color-canvas))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block-end:4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{display:block;margin-top:8px;content:\"\"}.base slot[name=icon]{flex-shrink:0;color:var(--_appearance-color-fill);font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:8px}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -21,8 +21,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;
 };
 const connotationIconMap = /* @__PURE__ */ new Map([
@@ -42,8 +41,7 @@ class Alert extends index.FoundationElement {
     this.timeoutms = 0;
     this.open = false;
     this.#closeOnEscape = (e) => {
-      if (this.removable && e.key === "Escape")
-        this.open = false;
+      if (this.removable && e.key === "Escape") this.open = false;
     };
     this.#onTransitionEnd = () => {
       if (!this.open) {
@@ -56,8 +54,7 @@ class Alert extends index.FoundationElement {
   // timeout to close the alert
   #timeoutID;
   openChanged(oldValue, newValue) {
-    if (oldValue === void 0)
-      return;
+    if (oldValue === void 0) return;
     this.$emit(newValue ? "open" : "close");
     this.#setupTimeout();
     if (newValue) {
@@ -86,8 +83,7 @@ class Alert extends index.FoundationElement {
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    if (this.#timeoutID)
-      clearTimeout(this.#timeoutID);
+    if (this.#timeoutID) clearTimeout(this.#timeoutID);
     this.removeEventListener("keydown", this.#closeOnEscape);
     if (this.controlEl)
       this.controlEl.removeEventListener(
@@ -99,8 +95,7 @@ class Alert extends index.FoundationElement {
     return this.icon || connotationIconMap.get(this.connotation);
   }
   #setupTimeout() {
-    if (this.#timeoutID)
-      clearTimeout(this.#timeoutID);
+    if (this.#timeoutID) clearTimeout(this.#timeoutID);
     if (this.open && this.timeoutms > 0) {
       this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);
     }
@@ -183,8 +178,7 @@ const AlertTemplate = (context) => {
     index.html`<header class="headline">${(x) => x.headline}</header>`
   )}
 					${when.when((x) => x.text, index.html`<div class="main-text">${(x) => x.text}</div>`)}
-					<slot name="main">
-					</slot>
+					<slot name="main"></slot>
 				</div>
 				<slot class="action-items" name="action-items"></slot>
 				${when.when((x) => x.removable, renderDismissButton(buttonTag))}

package/shared/definition4.js

@@ -11,7 +11,7 @@ import { B as Button$1 } from './button.js';
 import { w as when } from './when.js';
 import { c as classNames } from './class-names.js';
 
-const styles = ".control{position:fixed;z-index:10;border-radius:8px;inline-size:max-content;inset-block-end:0;inset-inline:0 0;margin-block:16px;margin-inline:auto;max-inline-size:var(--alert-max-inline-size, fit-content);min-inline-size:var(--alert-min-inline-size, 420px);transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms,transform .15s cubic-bezier(0,0,.2,1) 0ms}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;inset-inline-end:auto;margin-inline:16px}.control.placement-top-end,.control.placement-bottom-end{inset-inline-start:auto;margin-inline:16px}.control:where(.strategy-static){position:static;margin:0;inline-size:auto}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width <= 768px){.control{min-inline-size:var(--alert-min-inline-size, auto)}}.base{display:flex;align-items:center;padding:16px;border-radius:8px;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);column-gap:16px}.base.connotation-success{--_connotation-color-primary: var(--vvd-alert-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-alert-success-primary-text, var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary: var(--vvd-alert-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-alert-information-primary-text, var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-alert-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-alert-alert-primary-text, var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-alert-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-alert-warning-primary-text, var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-alert-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-alert-announcement-primary-text, var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary: var(--vvd-alert-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-alert-accent-primary-text, var(--vvd-color-canvas))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block-end:4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base slot[name=icon]{flex-shrink:0;color:var(--_appearance-color-fill);font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:8px}";
+const styles = ".control{position:fixed;z-index:10;border-radius:8px;inline-size:max-content;inset-block-end:0;inset-inline:0 0;margin-block:16px;margin-inline:auto;max-inline-size:var(--alert-max-inline-size, fit-content);min-inline-size:var(--alert-min-inline-size, 420px);transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms,transform .15s cubic-bezier(0,0,.2,1) 0ms}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;inset-inline-end:auto;margin-inline:16px}.control.placement-top-end,.control.placement-bottom-end{inset-inline-start:auto;margin-inline:16px}.control:where(.strategy-static){position:static;margin:0;inline-size:auto}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width <= 768px){.control{min-inline-size:var(--alert-min-inline-size, auto)}}.base{display:flex;align-items:center;padding:16px;border-radius:8px;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);column-gap:16px}.base.connotation-success{--_connotation-color-primary: var(--vvd-alert-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-alert-success-primary-text, var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary: var(--vvd-alert-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-alert-information-primary-text, var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-alert-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-alert-alert-primary-text, var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-alert-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-alert-warning-primary-text, var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary: var(--vvd-alert-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-alert-announcement-primary-text, var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary: var(--vvd-alert-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-alert-accent-primary-text, var(--vvd-color-canvas))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block-end:4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{display:block;margin-top:8px;content:\"\"}.base slot[name=icon]{flex-shrink:0;color:var(--_appearance-color-fill);font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:8px}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -19,8 +19,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;
 };
 const connotationIconMap = /* @__PURE__ */ new Map([
@@ -40,8 +39,7 @@ class Alert extends FoundationElement {
     this.timeoutms = 0;
     this.open = false;
     this.#closeOnEscape = (e) => {
-      if (this.removable && e.key === "Escape")
-        this.open = false;
+      if (this.removable && e.key === "Escape") this.open = false;
     };
     this.#onTransitionEnd = () => {
       if (!this.open) {
@@ -54,8 +52,7 @@ class Alert extends FoundationElement {
   // timeout to close the alert
   #timeoutID;
   openChanged(oldValue, newValue) {
-    if (oldValue === void 0)
-      return;
+    if (oldValue === void 0) return;
     this.$emit(newValue ? "open" : "close");
     this.#setupTimeout();
     if (newValue) {
@@ -84,8 +81,7 @@ class Alert extends FoundationElement {
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    if (this.#timeoutID)
-      clearTimeout(this.#timeoutID);
+    if (this.#timeoutID) clearTimeout(this.#timeoutID);
     this.removeEventListener("keydown", this.#closeOnEscape);
     if (this.controlEl)
       this.controlEl.removeEventListener(
@@ -97,8 +93,7 @@ class Alert extends FoundationElement {
     return this.icon || connotationIconMap.get(this.connotation);
   }
   #setupTimeout() {
-    if (this.#timeoutID)
-      clearTimeout(this.#timeoutID);
+    if (this.#timeoutID) clearTimeout(this.#timeoutID);
     if (this.open && this.timeoutms > 0) {
       this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);
     }
@@ -181,8 +176,7 @@ const AlertTemplate = (context) => {
     html`<header class="headline">${(x) => x.headline}</header>`
   )}
 					${when((x) => x.text, html`<div class="main-text">${(x) => x.text}</div>`)}
-					<slot name="main">
-					</slot>
+					<slot name="main"></slot>
 				</div>
 				<slot class="action-items" name="action-items"></slot>
 				${when((x) => x.removable, renderDismissButton(buttonTag))}

package/shared/definition40.cjs

@@ -403,8 +403,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 RadioGroup extends RadioGroup$1 {

package/shared/definition40.js

@@ -401,8 +401,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 RadioGroup extends RadioGroup$1 {