@vonage/vivid 3.54.0 → 3.56.0

package/select/index.cjs

@@ -1,36 +1,5 @@
 'use strict';
 
 const definition = require('../shared/definition43.cjs');
-require('../shared/index.cjs');
-require('../shared/definition63.cjs');
-require('../shared/definition11.cjs');
-require('../shared/definition27.cjs');
-require('../shared/icon.cjs');
-require('../shared/_has.cjs');
-require('../shared/class-names.cjs');
-require('../shared/when.cjs');
-require('../shared/definition38.cjs');
-require('../shared/base-progress.cjs');
-require('../shared/affix.cjs');
-require('../shared/slotted.cjs');
-require('../shared/button.cjs');
-require('../shared/apply-mixins.cjs');
-require('../shared/form-associated.cjs');
-require('../shared/key-codes.cjs');
-require('../shared/aria-global.cjs');
-require('../shared/start-end.cjs');
-require('../shared/ref.cjs');
-require('../shared/enums.cjs');
-require('../shared/definition62.cjs');
-require('../shared/definition36.cjs');
-require('../shared/dom.cjs');
-require('../shared/index2.cjs');
-require('../locales/en-US.cjs');
-require('../shared/listbox.cjs');
-require('../shared/key-codes2.cjs');
-require('../shared/strings.cjs');
-require('../shared/numbers.cjs');
-require('../shared/applyMixinsWithObservables.cjs');
-require('../shared/select.options.cjs');
 
 definition.registerSelect();

package/select/index.js

@@ -1,34 +1,3 @@
 import { r as registerSelect } from '../shared/definition43.js';
-import '../shared/index.js';
-import '../shared/definition63.js';
-import '../shared/definition11.js';
-import '../shared/definition27.js';
-import '../shared/icon.js';
-import '../shared/_has.js';
-import '../shared/class-names.js';
-import '../shared/when.js';
-import '../shared/definition38.js';
-import '../shared/base-progress.js';
-import '../shared/affix.js';
-import '../shared/slotted.js';
-import '../shared/button.js';
-import '../shared/apply-mixins.js';
-import '../shared/form-associated.js';
-import '../shared/key-codes.js';
-import '../shared/aria-global.js';
-import '../shared/start-end.js';
-import '../shared/ref.js';
-import '../shared/enums.js';
-import '../shared/definition62.js';
-import '../shared/definition36.js';
-import '../shared/dom.js';
-import '../shared/index2.js';
-import '../locales/en-US.js';
-import '../shared/listbox.js';
-import '../shared/key-codes2.js';
-import '../shared/strings.js';
-import '../shared/numbers.js';
-import '../shared/applyMixinsWithObservables.js';
-import '../shared/select.options.js';
 
 registerSelect();

package/selectable-box/index.cjs

@@ -1,23 +1,5 @@
 'use strict';
 
 const definition = require('../shared/definition44.cjs');
-require('../shared/index.cjs');
-require('../shared/definition15.cjs');
-require('../shared/definition27.cjs');
-require('../shared/icon.cjs');
-require('../shared/_has.cjs');
-require('../shared/class-names.cjs');
-require('../shared/when.cjs');
-require('../shared/affix.cjs');
-require('../shared/slotted.cjs');
-require('../shared/index2.cjs');
-require('../locales/en-US.cjs');
-require('../shared/applyMixinsWithObservables.cjs');
-require('../shared/apply-mixins.cjs');
-require('../shared/form-associated.cjs');
-require('../shared/key-codes.cjs');
-require('../shared/definition41.cjs');
-require('../shared/radio.cjs');
-require('../shared/enums.cjs');
 
 definition.registerSelectableBox();

package/selectable-box/index.js

@@ -1,21 +1,3 @@
 import { r as registerSelectableBox } from '../shared/definition44.js';
-import '../shared/index.js';
-import '../shared/definition15.js';
-import '../shared/definition27.js';
-import '../shared/icon.js';
-import '../shared/_has.js';
-import '../shared/class-names.js';
-import '../shared/when.js';
-import '../shared/affix.js';
-import '../shared/slotted.js';
-import '../shared/index2.js';
-import '../locales/en-US.js';
-import '../shared/applyMixinsWithObservables.js';
-import '../shared/apply-mixins.js';
-import '../shared/form-associated.js';
-import '../shared/key-codes.js';
-import '../shared/definition41.js';
-import '../shared/radio.js';
-import '../shared/enums.js';
 
 registerSelectableBox();

package/shared/affix.cjs

@@ -5,13 +5,12 @@ const index = require('./index.cjs');
 const slotted = require('./slotted.cjs');
 
 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;
 };
@@ -19,10 +18,10 @@ class AffixIcon {
 }
 __decorateClass([
   index.attr
-], AffixIcon.prototype, "icon", 2);
+], AffixIcon.prototype, "icon");
 __decorateClass([
   index.attr({ mode: "fromView" })
-], AffixIcon.prototype, "iconSlottedContent", 2);
+], AffixIcon.prototype, "iconSlottedContent");
 class AffixIconWithTrailing extends AffixIcon {
   constructor() {
     super(...arguments);
@@ -34,7 +33,7 @@ __decorateClass([
     mode: "boolean",
     attribute: "icon-trailing"
   })
-], AffixIconWithTrailing.prototype, "iconTrailing", 2);
+], AffixIconWithTrailing.prototype, "iconTrailing");
 const IconWrapper = {
   Slot: false,
   Span: true

package/shared/affix.js

@@ -3,13 +3,12 @@ import { a as attr, h as html } from './index.js';
 import { s as slotted } from './slotted.js';
 
 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;
 };
@@ -17,10 +16,10 @@ class AffixIcon {
 }
 __decorateClass([
   attr
-], AffixIcon.prototype, "icon", 2);
+], AffixIcon.prototype, "icon");
 __decorateClass([
   attr({ mode: "fromView" })
-], AffixIcon.prototype, "iconSlottedContent", 2);
+], AffixIcon.prototype, "iconSlottedContent");
 class AffixIconWithTrailing extends AffixIcon {
   constructor() {
     super(...arguments);
@@ -32,7 +31,7 @@ __decorateClass([
     mode: "boolean",
     attribute: "icon-trailing"
   })
-], AffixIconWithTrailing.prototype, "iconTrailing", 2);
+], AffixIconWithTrailing.prototype, "iconTrailing");
 const IconWrapper = {
   Slot: false,
   Span: true

package/shared/anchored.cjs

@@ -4,54 +4,17 @@ const index = require('./index.cjs');
 const slotted = require('./slotted.cjs');
 
 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;
 };
 function anchored(constructor) {
   class Decorated extends constructor {
-    constructor() {
-      super(...arguments);
-      this.#updateAnchorEl = () => {
-        if (!this.isConnected) {
-          this._anchorEl = void 0;
-          return;
-        }
-        this.#cleanupObserverIfNeeded();
-        let newAnchor = void 0;
-        if (this._slottedAnchor && this._slottedAnchor.length > 0) {
-          newAnchor = this._slottedAnchor[0];
-        } else if (this.anchor instanceof HTMLElement) {
-          newAnchor = this.anchor;
-        } else if (typeof this.anchor === "string") {
-          newAnchor = document.getElementById(this.anchor) ?? void 0;
-          if (!newAnchor) {
-            this.#observeMissingAnchor(this.anchor);
-          }
-        }
-        this._anchorEl = newAnchor;
-      };
-      this.#observeMissingAnchor = (anchorId) => {
-        this.#observer = new MutationObserver(() => {
-          const anchor = document.getElementById(anchorId);
-          if (anchor) {
-            this._anchorEl = anchor;
-            this.#cleanupObserverIfNeeded();
-          }
-        });
-        this.#observer.observe(document.body, { childList: true, subtree: true });
-      };
-      this.#cleanupObserverIfNeeded = () => {
-        this.#observer?.disconnect();
-        this.#observer = void 0;
-      };
-    }
     /**
      * @internal
      */
@@ -72,10 +35,40 @@ function anchored(constructor) {
       );
       this.#updateAnchorEl();
     }
-    #updateAnchorEl;
+    #updateAnchorEl = () => {
+      if (!this.isConnected) {
+        this._anchorEl = void 0;
+        return;
+      }
+      this.#cleanupObserverIfNeeded();
+      let newAnchor = void 0;
+      if (this._slottedAnchor && this._slottedAnchor.length > 0) {
+        newAnchor = this._slottedAnchor[0];
+      } else if (this.anchor instanceof HTMLElement) {
+        newAnchor = this.anchor;
+      } else if (typeof this.anchor === "string") {
+        newAnchor = document.getElementById(this.anchor) ?? void 0;
+        if (!newAnchor) {
+          this.#observeMissingAnchor(this.anchor);
+        }
+      }
+      this._anchorEl = newAnchor;
+    };
     #observer;
-    #observeMissingAnchor;
-    #cleanupObserverIfNeeded;
+    #observeMissingAnchor = (anchorId) => {
+      this.#observer = new MutationObserver(() => {
+        const anchor = document.getElementById(anchorId);
+        if (anchor) {
+          this._anchorEl = anchor;
+          this.#cleanupObserverIfNeeded();
+        }
+      });
+      this.#observer.observe(document.body, { childList: true, subtree: true });
+    };
+    #cleanupObserverIfNeeded = () => {
+      this.#observer?.disconnect();
+      this.#observer = void 0;
+    };
     connectedCallback() {
       super.connectedCallback();
       this.#updateAnchorEl();
@@ -88,13 +81,13 @@ function anchored(constructor) {
   }
   __decorateClass([
     index.attr
-  ], Decorated.prototype, "anchor", 2);
+  ], Decorated.prototype, "anchor");
   __decorateClass([
     index.observable
-  ], Decorated.prototype, "_slottedAnchor", 2);
+  ], Decorated.prototype, "_slottedAnchor");
   __decorateClass([
     index.observable
-  ], Decorated.prototype, "_anchorEl", 2);
+  ], Decorated.prototype, "_anchorEl");
   return Decorated;
 }
 const anchorSlotTemplateFactory = () => index.html`<slot name="anchor" ${slotted.slotted("_slottedAnchor")}></slot>`;

package/shared/anchored.js

@@ -2,54 +2,17 @@ import { a as attr, o as observable, h as html, D as DOM } from './index.js';
 import { s as slotted } from './slotted.js';
 
 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;
 };
 function anchored(constructor) {
   class Decorated extends constructor {
-    constructor() {
-      super(...arguments);
-      this.#updateAnchorEl = () => {
-        if (!this.isConnected) {
-          this._anchorEl = void 0;
-          return;
-        }
-        this.#cleanupObserverIfNeeded();
-        let newAnchor = void 0;
-        if (this._slottedAnchor && this._slottedAnchor.length > 0) {
-          newAnchor = this._slottedAnchor[0];
-        } else if (this.anchor instanceof HTMLElement) {
-          newAnchor = this.anchor;
-        } else if (typeof this.anchor === "string") {
-          newAnchor = document.getElementById(this.anchor) ?? void 0;
-          if (!newAnchor) {
-            this.#observeMissingAnchor(this.anchor);
-          }
-        }
-        this._anchorEl = newAnchor;
-      };
-      this.#observeMissingAnchor = (anchorId) => {
-        this.#observer = new MutationObserver(() => {
-          const anchor = document.getElementById(anchorId);
-          if (anchor) {
-            this._anchorEl = anchor;
-            this.#cleanupObserverIfNeeded();
-          }
-        });
-        this.#observer.observe(document.body, { childList: true, subtree: true });
-      };
-      this.#cleanupObserverIfNeeded = () => {
-        this.#observer?.disconnect();
-        this.#observer = void 0;
-      };
-    }
     /**
      * @internal
      */
@@ -70,10 +33,40 @@ function anchored(constructor) {
       );
       this.#updateAnchorEl();
     }
-    #updateAnchorEl;
+    #updateAnchorEl = () => {
+      if (!this.isConnected) {
+        this._anchorEl = void 0;
+        return;
+      }
+      this.#cleanupObserverIfNeeded();
+      let newAnchor = void 0;
+      if (this._slottedAnchor && this._slottedAnchor.length > 0) {
+        newAnchor = this._slottedAnchor[0];
+      } else if (this.anchor instanceof HTMLElement) {
+        newAnchor = this.anchor;
+      } else if (typeof this.anchor === "string") {
+        newAnchor = document.getElementById(this.anchor) ?? void 0;
+        if (!newAnchor) {
+          this.#observeMissingAnchor(this.anchor);
+        }
+      }
+      this._anchorEl = newAnchor;
+    };
     #observer;
-    #observeMissingAnchor;
-    #cleanupObserverIfNeeded;
+    #observeMissingAnchor = (anchorId) => {
+      this.#observer = new MutationObserver(() => {
+        const anchor = document.getElementById(anchorId);
+        if (anchor) {
+          this._anchorEl = anchor;
+          this.#cleanupObserverIfNeeded();
+        }
+      });
+      this.#observer.observe(document.body, { childList: true, subtree: true });
+    };
+    #cleanupObserverIfNeeded = () => {
+      this.#observer?.disconnect();
+      this.#observer = void 0;
+    };
     connectedCallback() {
       super.connectedCallback();
       this.#updateAnchorEl();
@@ -86,13 +79,13 @@ function anchored(constructor) {
   }
   __decorateClass([
     attr
-  ], Decorated.prototype, "anchor", 2);
+  ], Decorated.prototype, "anchor");
   __decorateClass([
     observable
-  ], Decorated.prototype, "_slottedAnchor", 2);
+  ], Decorated.prototype, "_slottedAnchor");
   __decorateClass([
     observable
-  ], Decorated.prototype, "_anchorEl", 2);
+  ], Decorated.prototype, "_anchorEl");
   return Decorated;
 }
 const anchorSlotTemplateFactory = () => html`<slot name="anchor" ${slotted("_slottedAnchor")}></slot>`;

package/shared/calendar-event.cjs

@@ -3,13 +3,12 @@
 const index = require('./index.cjs');
 
 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;
 };
@@ -18,24 +17,24 @@ class CalendarEvent extends index.FoundationElement {
 }
 __decorateClass([
   index.attr
-], CalendarEvent.prototype, "heading", 2);
+], CalendarEvent.prototype, "heading");
 __decorateClass([
   index.attr
-], CalendarEvent.prototype, "description", 2);
+], CalendarEvent.prototype, "description");
 __decorateClass([
   index.attr
-], CalendarEvent.prototype, "connotation", 2);
+], CalendarEvent.prototype, "connotation");
 __decorateClass([
   index.attr
-], CalendarEvent.prototype, "appearance", 2);
+], CalendarEvent.prototype, "appearance");
 __decorateClass([
   index.attr({ converter: index.nullableNumberConverter, attribute: "overlap-count" })
-], CalendarEvent.prototype, "overlapCount", 2);
+], CalendarEvent.prototype, "overlapCount");
 __decorateClass([
   index.attr({ converter: index.nullableNumberConverter })
-], CalendarEvent.prototype, "start", 2);
+], CalendarEvent.prototype, "start");
 __decorateClass([
   index.attr({ converter: index.nullableNumberConverter })
-], CalendarEvent.prototype, "duration", 2);
+], CalendarEvent.prototype, "duration");
 
 exports.CalendarEvent = CalendarEvent;

package/shared/calendar-event.js

@@ -1,13 +1,12 @@
 import { a as attr, F as FoundationElement, n as nullableNumberConverter } from './index.js';
 
 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;
 };
@@ -16,24 +15,24 @@ class CalendarEvent extends FoundationElement {
 }
 __decorateClass([
   attr
-], CalendarEvent.prototype, "heading", 2);
+], CalendarEvent.prototype, "heading");
 __decorateClass([
   attr
-], CalendarEvent.prototype, "description", 2);
+], CalendarEvent.prototype, "description");
 __decorateClass([
   attr
-], CalendarEvent.prototype, "connotation", 2);
+], CalendarEvent.prototype, "connotation");
 __decorateClass([
   attr
-], CalendarEvent.prototype, "appearance", 2);
+], CalendarEvent.prototype, "appearance");
 __decorateClass([
   attr({ converter: nullableNumberConverter, attribute: "overlap-count" })
-], CalendarEvent.prototype, "overlapCount", 2);
+], CalendarEvent.prototype, "overlapCount");
 __decorateClass([
   attr({ converter: nullableNumberConverter })
-], CalendarEvent.prototype, "start", 2);
+], CalendarEvent.prototype, "start");
 __decorateClass([
   attr({ converter: nullableNumberConverter })
-], CalendarEvent.prototype, "duration", 2);
+], CalendarEvent.prototype, "duration");
 
 export { CalendarEvent as C };

package/shared/definition.cjs

@@ -76,16 +76,15 @@ index.__decorate([
 ], AccordionItem$1.prototype, "id", void 0);
 applyMixins.applyMixins(AccordionItem$1, startEnd.StartEnd);
 
-const styles = ":host{display:flex;box-sizing:border-box;flex-direction:column}.heading-container{margin:0}.heading-button{--focus-stroke-gap-color: transparent;display:flex;width:100%;align-items:center;padding:16px;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;text-align:left}.heading-button{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.heading-button:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button{--_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100))}.heading-button:focus-visible{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))}.heading-button.size-condensed{font:var(--vvd-typography-base-bold);gap:12px}.heading-button:not(.size-condensed){font:var(--vvd-typography-heading-4);gap:16px}.heading-content{flex:auto}.meta{overflow:hidden;max-width:20%;flex-shrink:0;color:var(--vvd-color-neutral-600);text-align:end;text-overflow:ellipsis;white-space:nowrap}.heading-button:not(.size-condensed) .meta{font:var(--vvd-typography-base-bold)}.heading-button.size-condensed .meta{font:var(--vvd-typography-base-condensed-bold)}.region{display:none;padding:8px 32px 24px 16px}.region:not(.size-condensed).padded{padding-inline-start:52px}:host([expanded]) .region{display:block}.region.size-condensed.padded{padding-inline-start:44px}slot[name=icon]{color:var(--vvd-color-neutral-600)}.heading-button:not(.size-condensed) slot[name=icon]{font:inherit}.heading-button.size-condensed slot[name=icon]{font:var(--vvd-typography-base-extended)}:host(:not([icon-trailing])) slot[name=icon]:last-of-type{color:var(--_appearance-color-text)}\n";
+const styles = ":host{display:flex;box-sizing:border-box;flex-direction:column}.heading-container{margin:0}.heading-button{--focus-stroke-gap-color: transparent;display:flex;width:100%;align-items:center;padding:16px;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;text-align:left}.heading-button{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.heading-button:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button{--_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100))}.heading-button:focus-visible{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))}.heading-button.size-condensed{font:var(--vvd-typography-base-extended-bold);gap:12px}.heading-button:not(.size-condensed){font:var(--vvd-typography-heading-4);gap:16px}.heading-content{flex:auto}.meta{overflow:hidden;max-width:20%;flex-shrink:0;color:var(--vvd-color-neutral-600);text-align:end;text-overflow:ellipsis;white-space:nowrap}.heading-button:not(.size-condensed) .meta{font:var(--vvd-typography-base-bold)}.heading-button.size-condensed .meta{font:var(--vvd-typography-base-condensed-bold)}.region{display:none;padding:8px 32px 24px 16px}.region:not(.size-condensed).padded{padding-inline-start:52px}:host([expanded]) .region{display:block}.region.size-condensed.padded{padding-inline-start:44px}slot[name=icon]{color:var(--vvd-color-neutral-600)}.heading-button:not(.size-condensed) slot[name=icon]{font:inherit}.heading-button.size-condensed slot[name=icon]{font:var(--vvd-typography-base-extended)}:host(:not([icon-trailing])) slot[name=icon]:last-of-type{color:var(--_appearance-color-text)}";
 
 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;
 };
@@ -97,16 +96,16 @@ class AccordionItem extends AccordionItem$1 {
 }
 __decorateClass([
   index.attr
-], AccordionItem.prototype, "heading", 2);
+], AccordionItem.prototype, "heading");
 __decorateClass([
   index.attr({ mode: "boolean", attribute: "no-indicator" })
-], AccordionItem.prototype, "noIndicator", 2);
+], AccordionItem.prototype, "noIndicator");
 __decorateClass([
   index.attr
-], AccordionItem.prototype, "meta", 2);
+], AccordionItem.prototype, "meta");
 __decorateClass([
   index.attr
-], AccordionItem.prototype, "size", 2);
+], AccordionItem.prototype, "size");
 applyMixins.applyMixins(AccordionItem, affix.AffixIconWithTrailing);
 
 const header = (context, hTag) => {

package/shared/definition.js

@@ -74,16 +74,15 @@ __decorate([
 ], AccordionItem$1.prototype, "id", void 0);
 applyMixins(AccordionItem$1, StartEnd);
 
-const styles = ":host{display:flex;box-sizing:border-box;flex-direction:column}.heading-container{margin:0}.heading-button{--focus-stroke-gap-color: transparent;display:flex;width:100%;align-items:center;padding:16px;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;text-align:left}.heading-button{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.heading-button:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button{--_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100))}.heading-button:focus-visible{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))}.heading-button.size-condensed{font:var(--vvd-typography-base-bold);gap:12px}.heading-button:not(.size-condensed){font:var(--vvd-typography-heading-4);gap:16px}.heading-content{flex:auto}.meta{overflow:hidden;max-width:20%;flex-shrink:0;color:var(--vvd-color-neutral-600);text-align:end;text-overflow:ellipsis;white-space:nowrap}.heading-button:not(.size-condensed) .meta{font:var(--vvd-typography-base-bold)}.heading-button.size-condensed .meta{font:var(--vvd-typography-base-condensed-bold)}.region{display:none;padding:8px 32px 24px 16px}.region:not(.size-condensed).padded{padding-inline-start:52px}:host([expanded]) .region{display:block}.region.size-condensed.padded{padding-inline-start:44px}slot[name=icon]{color:var(--vvd-color-neutral-600)}.heading-button:not(.size-condensed) slot[name=icon]{font:inherit}.heading-button.size-condensed slot[name=icon]{font:var(--vvd-typography-base-extended)}:host(:not([icon-trailing])) slot[name=icon]:last-of-type{color:var(--_appearance-color-text)}\n";
+const styles = ":host{display:flex;box-sizing:border-box;flex-direction:column}.heading-container{margin:0}.heading-button{--focus-stroke-gap-color: transparent;display:flex;width:100%;align-items:center;padding:16px;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;text-align:left}.heading-button{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.heading-button:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button{--_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100))}.heading-button:focus-visible{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))}.heading-button.size-condensed{font:var(--vvd-typography-base-extended-bold);gap:12px}.heading-button:not(.size-condensed){font:var(--vvd-typography-heading-4);gap:16px}.heading-content{flex:auto}.meta{overflow:hidden;max-width:20%;flex-shrink:0;color:var(--vvd-color-neutral-600);text-align:end;text-overflow:ellipsis;white-space:nowrap}.heading-button:not(.size-condensed) .meta{font:var(--vvd-typography-base-bold)}.heading-button.size-condensed .meta{font:var(--vvd-typography-base-condensed-bold)}.region{display:none;padding:8px 32px 24px 16px}.region:not(.size-condensed).padded{padding-inline-start:52px}:host([expanded]) .region{display:block}.region.size-condensed.padded{padding-inline-start:44px}slot[name=icon]{color:var(--vvd-color-neutral-600)}.heading-button:not(.size-condensed) slot[name=icon]{font:inherit}.heading-button.size-condensed slot[name=icon]{font:var(--vvd-typography-base-extended)}:host(:not([icon-trailing])) slot[name=icon]:last-of-type{color:var(--_appearance-color-text)}";
 
 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;
 };
@@ -95,16 +94,16 @@ class AccordionItem extends AccordionItem$1 {
 }
 __decorateClass([
   attr
-], AccordionItem.prototype, "heading", 2);
+], AccordionItem.prototype, "heading");
 __decorateClass([
   attr({ mode: "boolean", attribute: "no-indicator" })
-], AccordionItem.prototype, "noIndicator", 2);
+], AccordionItem.prototype, "noIndicator");
 __decorateClass([
   attr
-], AccordionItem.prototype, "meta", 2);
+], AccordionItem.prototype, "meta");
 __decorateClass([
   attr
-], AccordionItem.prototype, "size", 2);
+], AccordionItem.prototype, "size");
 applyMixins(AccordionItem, AffixIconWithTrailing);
 
 const header = (context, hTag) => {

package/shared/definition10.cjs

@@ -84,7 +84,7 @@ const breadcrumbTemplate = () => index.html`
 	</nav>
 `;
 
-const styles = ".list{display:flex}\n";
+const styles = ".list{display:flex}";
 
 class Breadcrumb extends Breadcrumb$1 {
 }

package/shared/definition10.js

@@ -82,7 +82,7 @@ const breadcrumbTemplate = () => html`
 	</nav>
 `;
 
-const styles = ".list{display:flex}\n";
+const styles = ".list{display:flex}";
 
 class Breadcrumb extends Breadcrumb$1 {
 }