@maggioli-design-system/mds-accordion-timer-item 3.10.2 → 3.10.3

package/dist/cjs/{index-e153727a.js → index-0f3ba599.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'mds-accordion-timer-item';
-const BUILD = /* mds-accordion-timer-item */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* mds-accordion-timer-item */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.21.0 | MIT Licensed | https://stenciljs.com
@@ -860,6 +860,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
     );
   }
+  const elm = hostRef.$hostElement$ ;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
@@ -869,6 +870,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
         scheduleUpdate(hostRef, false);
       }
@@ -880,7 +893,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback ) {
+  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (Cstr.watchers && !cmpMeta.$watchers$) {
+      cmpMeta.$watchers$ = Cstr.watchers;
+    }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -963,6 +979,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+        }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
       }
@@ -978,6 +997,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
       endNewInstance();
     } else {
       Cstr = elm.constructor;
@@ -1074,6 +1096,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
+      var _a2;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1089,6 +1112,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$attrsToReflect$ = [];
       }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
         // StencilLazyHost

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e153727a.js');
+const index = require('./index-0f3ba599.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-accordion-timer-item.cjs",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]}]]]], options);
+  return index.bootstrapLazy([["mds-accordion-timer-item.cjs",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/mds-accordion-timer-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e153727a.js');
+const index = require('./index-0f3ba599.js');
 
 const miBaselineKeyboardArrowDown = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>`;
 
@@ -13,6 +13,7 @@ const MdsAccordionTimerItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.clickSelectEvent = index.createEvent(this, "mdsAccordionTimerItemClickSelect", 7);
+        this.selectEvent = index.createEvent(this, "mdsAccordionTimerItemSelect", 7);
         this.selectedMouseEnterEvent = index.createEvent(this, "mdsAccordionTimerItemMouseEnterSelect", 7);
         this.selectedMouseLeaveEvent = index.createEvent(this, "mdsAccordionTimerItemMouseLeaveSelect", 7);
         /**
@@ -43,10 +44,19 @@ const MdsAccordionTimerItem = class {
         this.progress = 0;
         this.uuid = 0;
     }
+    handleSelected(newValue) {
+        this.progress = 0;
+        if (newValue) {
+            this.selectEvent.emit({ selected: this.selected, uuid: this.uuid });
+        }
+    }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { key: '9666c1af6081ba157218583b0c5cd3c819fa9c0a', class: "row" }, index.h("mds-progress", { key: '8a2b2cd58d22206a02ba36c951238ba31eb1dca5', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), index.h("div", { key: 'dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5', class: "accordion" }, index.h("button", { key: '608a961e3b15dc480a45f1c22ec3c83d83aa590b', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { key: 'cc91fbab8fa96df59a39680edaf2c5742c5565ea', typography: this.typography, part: "label" }, this.description), index.h("mds-text", { key: '36b97232d257a40ae7f50039009766ccb4b34a81', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: 'b55e4706a60870e6b3d03b5f2d90c04d3e4580e1', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), index.h("div", { key: '4735a20ffc00844e027df1468fd0476b911b7e60', class: "content", id: "content" }, index.h("div", { key: 'e6a1e64638bf9420ce8c0d59857e660ab9240f39', class: "content-expander", part: "content", role: "region" }, index.h("slot", { key: 'fea26587f0c4589f8b207dda75e616e806f9299f' })))))));
+        return (index.h(index.Host, { key: 'f363f2d7c13c1d90e95dd8c5a14c5fa8c63980bc', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { key: '606bb44e9fa98419f8fd9f9420dd62e3064fcc5a', class: "row" }, index.h("mds-progress", { key: '3e363d027812a2eb9cff973d3ea81f326314035d', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), index.h("div", { key: '4ae292499722ce850948fa3949f40e172fd92a14', class: "accordion" }, index.h("button", { key: '4a1ab0cf5bd58fc2c70a17e9ba6d99c09d2009f1', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, index.h("mds-text", { key: 'bf254974e6152d598d0226ccca0a428287a9d5ab', typography: this.typography, part: "label" }, this.description), index.h("mds-text", { key: 'd37052b637bcba6a12ced512aa7b88f17563abe2', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: '15be1fe70aac8dfe600beca7ab22b6aeac45d7bf', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), index.h("div", { key: '3cd4cbe8f3148a751b6eb05efa6f450ed93f30c3', class: "content", id: "content" }, index.h("div", { key: '09f3a4f2248f23a33c36633405f9424df5f1c081', class: "content-expander", part: "content", role: "region" }, index.h("slot", { key: 'cd89c775566559a3ba66204faa9dfb382e21db7f' })))))));
     }
+    static get watchers() { return {
+        "selected": ["handleSelected"]
+    }; }
 };
 MdsAccordionTimerItem.style = MdsAccordionTimerItemStyle0;
 

package/dist/cjs/mds-accordion-timer-item.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e153727a.js');
+const index = require('./index-0f3ba599.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-accordion-timer-item.cjs",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]}]]]], options);
+  return index.bootstrapLazy([["mds-accordion-timer-item.cjs",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js

@@ -37,9 +37,15 @@ export class MdsAccordionTimerItem {
         this.progress = 0;
         this.uuid = 0;
     }
+    handleSelected(newValue) {
+        this.progress = 0;
+        if (newValue) {
+            this.selectEvent.emit({ selected: this.selected, uuid: this.uuid });
+        }
+    }
     render() {
         var _a;
-        return (h(Host, { key: '3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '9666c1af6081ba157218583b0c5cd3c819fa9c0a', class: "row" }, h("mds-progress", { key: '8a2b2cd58d22206a02ba36c951238ba31eb1dca5', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: 'dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5', class: "accordion" }, h("button", { key: '608a961e3b15dc480a45f1c22ec3c83d83aa590b', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'cc91fbab8fa96df59a39680edaf2c5742c5565ea', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '36b97232d257a40ae7f50039009766ccb4b34a81', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: 'b55e4706a60870e6b3d03b5f2d90c04d3e4580e1', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '4735a20ffc00844e027df1468fd0476b911b7e60', class: "content", id: "content" }, h("div", { key: 'e6a1e64638bf9420ce8c0d59857e660ab9240f39', class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'fea26587f0c4589f8b207dda75e616e806f9299f' })))))));
+        return (h(Host, { key: 'f363f2d7c13c1d90e95dd8c5a14c5fa8c63980bc', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '606bb44e9fa98419f8fd9f9420dd62e3064fcc5a', class: "row" }, h("mds-progress", { key: '3e363d027812a2eb9cff973d3ea81f326314035d', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: '4ae292499722ce850948fa3949f40e172fd92a14', class: "accordion" }, h("button", { key: '4a1ab0cf5bd58fc2c70a17e9ba6d99c09d2009f1', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'bf254974e6152d598d0226ccca0a428287a9d5ab', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: 'd37052b637bcba6a12ced512aa7b88f17563abe2', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '15be1fe70aac8dfe600beca7ab22b6aeac45d7bf', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '3cd4cbe8f3148a751b6eb05efa6f450ed93f30c3', class: "content", id: "content" }, h("div", { key: '09f3a4f2248f23a33c36633405f9424df5f1c081', class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'cd89c775566559a3ba66204faa9dfb382e21db7f' })))))));
     }
     static get is() { return "mds-accordion-timer-item"; }
     static get encapsulation() { return "shadow"; }
@@ -191,6 +197,27 @@ export class MdsAccordionTimerItem {
                         }
                     }
                 }
+            }, {
+                "method": "selectEvent",
+                "name": "mdsAccordionTimerItemSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits when the accordion is changed from code"
+                },
+                "complexType": {
+                    "original": "MdsAccordionTimerItemEventDetail",
+                    "resolved": "MdsAccordionTimerItemEventDetail",
+                    "references": {
+                        "MdsAccordionTimerItemEventDetail": {
+                            "location": "import",
+                            "path": "./meta/event-detail",
+                            "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail"
+                        }
+                    }
+                }
             }, {
                 "method": "selectedMouseEnterEvent",
                 "name": "mdsAccordionTimerItemMouseEnterSelect",
@@ -235,4 +262,10 @@ export class MdsAccordionTimerItem {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "selected",
+                "methodName": "handleSelected"
+            }];
+    }
 }

package/dist/components/mds-accordion-timer-item.js

@@ -11,6 +11,7 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccord
         this.__registerHost();
         this.__attachShadow();
         this.clickSelectEvent = createEvent(this, "mdsAccordionTimerItemClickSelect", 7);
+        this.selectEvent = createEvent(this, "mdsAccordionTimerItemSelect", 7);
         this.selectedMouseEnterEvent = createEvent(this, "mdsAccordionTimerItemMouseEnterSelect", 7);
         this.selectedMouseLeaveEvent = createEvent(this, "mdsAccordionTimerItemMouseLeaveSelect", 7);
         /**
@@ -41,10 +42,19 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccord
         this.progress = 0;
         this.uuid = 0;
     }
+    handleSelected(newValue) {
+        this.progress = 0;
+        if (newValue) {
+            this.selectEvent.emit({ selected: this.selected, uuid: this.uuid });
+        }
+    }
     render() {
         var _a;
-        return (h(Host, { key: '3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '9666c1af6081ba157218583b0c5cd3c819fa9c0a', class: "row" }, h("mds-progress", { key: '8a2b2cd58d22206a02ba36c951238ba31eb1dca5', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: 'dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5', class: "accordion" }, h("button", { key: '608a961e3b15dc480a45f1c22ec3c83d83aa590b', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'cc91fbab8fa96df59a39680edaf2c5742c5565ea', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '36b97232d257a40ae7f50039009766ccb4b34a81', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: 'b55e4706a60870e6b3d03b5f2d90c04d3e4580e1', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '4735a20ffc00844e027df1468fd0476b911b7e60', class: "content", id: "content" }, h("div", { key: 'e6a1e64638bf9420ce8c0d59857e660ab9240f39', class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'fea26587f0c4589f8b207dda75e616e806f9299f' })))))));
+        return (h(Host, { key: 'f363f2d7c13c1d90e95dd8c5a14c5fa8c63980bc', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '606bb44e9fa98419f8fd9f9420dd62e3064fcc5a', class: "row" }, h("mds-progress", { key: '3e363d027812a2eb9cff973d3ea81f326314035d', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: '4ae292499722ce850948fa3949f40e172fd92a14', class: "accordion" }, h("button", { key: '4a1ab0cf5bd58fc2c70a17e9ba6d99c09d2009f1', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'bf254974e6152d598d0226ccca0a428287a9d5ab', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: 'd37052b637bcba6a12ced512aa7b88f17563abe2', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '15be1fe70aac8dfe600beca7ab22b6aeac45d7bf', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '3cd4cbe8f3148a751b6eb05efa6f450ed93f30c3', class: "content", id: "content" }, h("div", { key: '09f3a4f2248f23a33c36633405f9424df5f1c081', class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'cd89c775566559a3ba66204faa9dfb382e21db7f' })))))));
     }
+    static get watchers() { return {
+        "selected": ["handleSelected"]
+    }; }
     static get style() { return MdsAccordionTimerItemStyle0; }
 }, [1, "mds-accordion-timer-item", {
         "typography": [1],
@@ -53,6 +63,8 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccord
         "duration": [514],
         "progress": [2],
         "uuid": [2]
+    }, undefined, {
+        "selected": ["handleSelected"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-17T17:45:59",
+  "timestamp": "2024-10-18T15:59:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",
@@ -261,6 +261,26 @@
           "composed": true,
           "docs": "Emits when the accordion is hovered by the mouse",
           "docsTags": []
+        },
+        {
+          "event": "mdsAccordionTimerItemSelect",
+          "detail": "MdsAccordionTimerItemEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "MdsAccordionTimerItemEventDetail",
+            "resolved": "MdsAccordionTimerItemEventDetail",
+            "references": {
+              "MdsAccordionTimerItemEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail",
+                "id": "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the accordion is changed from code",
+          "docsTags": []
         }
       ],
       "listeners": [],

package/dist/esm/{index-b53929ab.js → index-340223f3.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'mds-accordion-timer-item';
-const BUILD = /* mds-accordion-timer-item */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* mds-accordion-timer-item */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.21.0 | MIT Licensed | https://stenciljs.com
@@ -838,6 +838,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
     );
   }
+  const elm = hostRef.$hostElement$ ;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
@@ -847,6 +848,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
         scheduleUpdate(hostRef, false);
       }
@@ -858,7 +871,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback ) {
+  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (Cstr.watchers && !cmpMeta.$watchers$) {
+      cmpMeta.$watchers$ = Cstr.watchers;
+    }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -941,6 +957,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+        }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
       }
@@ -956,6 +975,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
       endNewInstance();
     } else {
       Cstr = elm.constructor;
@@ -1052,6 +1074,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
+      var _a2;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1067,6 +1090,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$attrsToReflect$ = [];
       }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
         // StencilLazyHost

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-b53929ab.js';
-export { s as setNonce } from './index-b53929ab.js';
+import { b as bootstrapLazy } from './index-340223f3.js';
+export { s as setNonce } from './index-340223f3.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]}]]]], options);
+  return bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/mds-accordion-timer-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-b53929ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-340223f3.js';
 
 const miBaselineKeyboardArrowDown = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>`;
 
@@ -9,6 +9,7 @@ const MdsAccordionTimerItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.clickSelectEvent = createEvent(this, "mdsAccordionTimerItemClickSelect", 7);
+        this.selectEvent = createEvent(this, "mdsAccordionTimerItemSelect", 7);
         this.selectedMouseEnterEvent = createEvent(this, "mdsAccordionTimerItemMouseEnterSelect", 7);
         this.selectedMouseLeaveEvent = createEvent(this, "mdsAccordionTimerItemMouseLeaveSelect", 7);
         /**
@@ -39,10 +40,19 @@ const MdsAccordionTimerItem = class {
         this.progress = 0;
         this.uuid = 0;
     }
+    handleSelected(newValue) {
+        this.progress = 0;
+        if (newValue) {
+            this.selectEvent.emit({ selected: this.selected, uuid: this.uuid });
+        }
+    }
     render() {
         var _a;
-        return (h(Host, { key: '3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '9666c1af6081ba157218583b0c5cd3c819fa9c0a', class: "row" }, h("mds-progress", { key: '8a2b2cd58d22206a02ba36c951238ba31eb1dca5', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: 'dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5', class: "accordion" }, h("button", { key: '608a961e3b15dc480a45f1c22ec3c83d83aa590b', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'cc91fbab8fa96df59a39680edaf2c5742c5565ea', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '36b97232d257a40ae7f50039009766ccb4b34a81', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: 'b55e4706a60870e6b3d03b5f2d90c04d3e4580e1', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '4735a20ffc00844e027df1468fd0476b911b7e60', class: "content", id: "content" }, h("div", { key: 'e6a1e64638bf9420ce8c0d59857e660ab9240f39', class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'fea26587f0c4589f8b207dda75e616e806f9299f' })))))));
+        return (h(Host, { key: 'f363f2d7c13c1d90e95dd8c5a14c5fa8c63980bc', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '606bb44e9fa98419f8fd9f9420dd62e3064fcc5a', class: "row" }, h("mds-progress", { key: '3e363d027812a2eb9cff973d3ea81f326314035d', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: '4ae292499722ce850948fa3949f40e172fd92a14', class: "accordion" }, h("button", { key: '4a1ab0cf5bd58fc2c70a17e9ba6d99c09d2009f1', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'bf254974e6152d598d0226ccca0a428287a9d5ab', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: 'd37052b637bcba6a12ced512aa7b88f17563abe2', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '15be1fe70aac8dfe600beca7ab22b6aeac45d7bf', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '3cd4cbe8f3148a751b6eb05efa6f450ed93f30c3', class: "content", id: "content" }, h("div", { key: '09f3a4f2248f23a33c36633405f9424df5f1c081', class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'cd89c775566559a3ba66204faa9dfb382e21db7f' })))))));
     }
+    static get watchers() { return {
+        "selected": ["handleSelected"]
+    }; }
 };
 MdsAccordionTimerItem.style = MdsAccordionTimerItemStyle0;
 

package/dist/esm/mds-accordion-timer-item.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b53929ab.js';
-export { s as setNonce } from './index-b53929ab.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-340223f3.js';
+export { s as setNonce } from './index-340223f3.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]}]]]], options);
+  return bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]]], options);
 });

package/dist/esm-es5/index-340223f3.js

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function o(e){try{u(n.next(e))}catch(e){i(e)}}function s(e){try{u(n["throw"](e))}catch(e){i(e)}}function u(e){e.done?t(e.value):a(e.value).then(o,s)}u((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return u([e,r])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(t=0)),t)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){t.label=s[1];break}if(s[0]===6&&t.label<i[1]){t.label=i[1];i=s;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(s);break}if(i[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,a=r.length,i;n<a;n++){if(i||!(n in r)){if(!i)i=Array.prototype.slice.call(r,0,n);i[n]=r[n]}}return e.concat(i||Array.prototype.slice.call(r))};var NAMESPACE="mds-accordion-timer-item";var BUILD={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:false,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:true,hydratedClass:false,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:false,lifecycleDOMEvents:false,member:true,method:false,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:false,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:true,vdomXlink:false,watchCallback:true};var __defProp=Object.defineProperty;var __export=function(e,r){for(var t in r)__defProp(e,t,{get:r[t],enumerable:true})};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,r){return hostRefs.set(r.t=e,r)};var registerHost=function(e,r){var t={i:0,$hostElement$:e,o:r,u:new Map};{t.l=new Promise((function(e){return t.v=e}));e["s-p"]=[];e["s-rc"]=[]}return hostRefs.set(e,t)};var isMemberInElement=function(e,r){return r in e};var consoleError=function(e,r){return(0,console.error)(e,r)};var cmpModules=new Map;var loadModule=function(e,r,t){var n=e.p.replace(/-/g,"_");var a=e.m;if(!a){return void 0}var i=cmpModules.get(a);if(i){return i[n]}if(!t||!BUILD.hotModuleReplacement){var o=function(e){cmpModules.set(a,e);return e[n]};switch(a){case"mds-accordion-timer-item":return import("./mds-accordion-timer-item.entry.js").then(o,consoleError)}}return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[n]}),consoleError)};var styles=new Map;var HYDRATED_CSS="{visibility:hidden}[hydrated]{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={i:0,h:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,t,n){return e.addEventListener(r,t,n)},rel:function(e,r,t,n){return e.removeEventListener(r,t,n)},ce:function(e,r){return new CustomEvent(e,r)}};var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queuePending=false;var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,r){return function(t){e.push(t);if(!queuePending){queuePending=true;if(r&&plt.i&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var r,t,n;return(n=(t=(r=e.head)==null?void 0:r.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?n:void 0}var result_exports={};__export(result_exports,{err:function(){return err},map:function(){return map},ok:function(){return ok},unwrap:function(){return unwrap},unwrapErr:function(){return unwrapErr}});var ok=function(e){return{isOk:true,isErr:false,value:e}};var err=function(e){return{isOk:false,isErr:true,value:e}};function map(e,r){if(e.isOk){var t=r(e.value);if(t instanceof Promise){return t.then((function(e){return ok(e)}))}else{return ok(t)}}if(e.isErr){var n=e.value;return err(n)}throw"should never get here"}var unwrap=function(e){if(e.isOk){return e.value}else{throw e.value}};var unwrapErr=function(e){if(e.isErr){return e.value}else{throw e.value}};var createTime=function(e,r){if(r===void 0){r=""}{return function(){return}}};var uniqueTime=function(e,r){{return function(){return}}};var h=function(e,r){var t=[];for(var n=2;n<arguments.length;n++){t[n-2]=arguments[n]}var a=null;var i=null;var o=false;var s=false;var u=[];var l=function(r){for(var t=0;t<r.length;t++){a=r[t];if(Array.isArray(a)){l(a)}else if(a!=null&&typeof a!=="boolean"){if(o=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(o&&s){u[u.length-1].S+=a}else{u.push(o?newVNode(null,a):a)}s=o}}};l(t);if(r){if(r.key){i=r.key}{var f=r.className||r.class;if(f){r.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}var c=newVNode(e,null);c._=r;if(u.length>0){c.T=u}{c.C=i}return c};var newVNode=function(e,r){var t={i:0,A:e,S:r,k:null,T:null};{t._=null}{t.C=null}return t};var Host={};var isHost=function(e){return e&&e.A===Host};var parsePropertyValue=function(e,r){if(e!=null&&!isComplexType(e)){if(r&4){return e==="false"?false:e===""||!!e}if(r&2){return parseFloat(e)}if(r&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,r,t){var n=getElement(e);return{emit:function(e){return emitEvent(n,r,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}};var emitEvent=function(e,r,t){var n=plt.ce(r,t);e.dispatchEvent(n);return n};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,r,t){var n=styles.get(e);if(supportsConstructableStylesheets&&t){n=n||new CSSStyleSheet;if(typeof n==="string"){n=r}else{n.replaceSync(r)}}else{n=r}styles.set(e,n)};var addStyle=function(e,r,t){var n;var a=getScopeId(r);var i=styles.get(a);e=e.nodeType===11?e:doc;if(i){if(typeof i==="string"){e=e.head||e;var o=rootAppliedStyles.get(e);var s=void 0;if(!o){rootAppliedStyles.set(e,o=new Set)}if(!o.has(a)){{s=doc.createElement("style");s.innerHTML=i;var u=(n=plt.R)!=null?n:queryNonceMetaTagContent(doc);if(u!=null){s.setAttribute("nonce",u)}if(!(r.i&1)){if(e.nodeName==="HEAD"){var l=e.querySelectorAll("link[rel=preconnect]");var f=l.length>0?l[l.length-1].nextSibling:document.querySelector("style");e.insertBefore(s,f)}else if("host"in e){e.prepend(s)}else{e.append(s)}}if(r.i&1&&e.nodeName!=="HEAD"){e.insertBefore(s,null)}}if(r.i&4){s.innerHTML+=SLOT_FB_CSS}if(o){o.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var attachStyles=function(e){var r=e.o;var t=e.$hostElement$;var n=r.i;var a=createTime("attachStyles",r.p);var i=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(n&10&&n&2){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var getScopeId=function(e,r){return"sc-"+e.p};var setAccessor=function(e,r,t,n,a,i){if(t!==n){var o=isMemberInElement(e,r);var s=r.toLowerCase();if(r==="class"){var u=e.classList;var l=parseClassList(t);var f=parseClassList(n);u.remove.apply(u,l.filter((function(e){return e&&!f.includes(e)})));u.add.apply(u,f.filter((function(e){return e&&!l.includes(e)})))}else if(r==="key");else if(!o&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(isMemberInElement(win,s)){r=s.slice(2)}else{r=s[2]+r.slice(3)}if(t||n){var c=r.endsWith(CAPTURE_EVENT_SUFFIX);r=r.replace(CAPTURE_EVENT_REGEX,"");if(t){plt.rel(e,r,t,c)}if(n){plt.ael(e,r,n,c)}}}else{var v=isComplexType(n);if((o||v&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(r==="list"){o=false}else if(t==null||e[r]!=d){if(typeof e.__lookupSetter__(r)==="function"){e[r]=d}else{e.setAttribute(r,d)}}}else{e[r]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(r)===""){{e.removeAttribute(r)}}}else if((!o||i&4||a)&&!v){n=n===true?"":n;{e.setAttribute(r,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,r,t){var n=r.k.nodeType===11&&r.k.host?r.k.host:r.k;var a=e&&e._||EMPTY_OBJ;var i=r._||EMPTY_OBJ;{for(var o=0,s=sortedAttrNames(Object.keys(a));o<s.length;o++){var u=s[o];if(!(u in i)){setAccessor(n,u,a[u],void 0,t,r.i)}}}for(var l=0,f=sortedAttrNames(Object.keys(i));l<f.length;l++){var u=f[l];setAccessor(n,u,a[u],i[u],t,r.i)}};function sortedAttrNames(e){return e.includes("ref")?__spreadArray(__spreadArray([],e.filter((function(e){return e!=="ref"})),true),["ref"],false):e}var scopeId;var hostTagName;var useNativeShadowDom=false;var isSvgMode=false;var createElm=function(e,r,t,n){var a=r.T[t];var i=0;var o;var s;if(a.S!==null){o=a.k=doc.createTextNode(a.S)}else{o=a.k=doc.createElement(!useNativeShadowDom&&BUILD.slotRelocation&&a.i&2?"slot-fb":a.A);{updateElement(null,a,isSvgMode)}var u=o.getRootNode();var l=!u.querySelector("body");if(!l&&BUILD.scoped&&isDef(scopeId)&&o["s-si"]!==scopeId){o.classList.add(o["s-si"]=scopeId)}if(a.T){for(i=0;i<a.T.length;++i){s=createElm(e,a,i);if(s){o.appendChild(s)}}}}o["s-hn"]=hostTagName;return o};var addVnodes=function(e,r,t,n,a,i){var o=e;var s;if(o.shadowRoot&&o.tagName===hostTagName){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){s=createElm(null,t,a);if(s){n[a].k=s;insertBefore(o,s,r)}}}};var removeVnodes=function(e,r,t){for(var n=r;n<=t;++n){var a=e[n];if(a){var i=a.k;if(i){i.remove()}}}};var updateChildren=function(e,r,t,n,a){if(a===void 0){a=false}var i=0;var o=0;var s=0;var u=0;var l=r.length-1;var f=r[0];var c=r[l];var v=n.length-1;var d=n[0];var p=n[v];var m;var h;while(i<=l&&o<=v){if(f==null){f=r[++i]}else if(c==null){c=r[--l]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(isSameVnode(f,d,a)){patch(f,d,a);f=r[++i];d=n[++o]}else if(isSameVnode(c,p,a)){patch(c,p,a);c=r[--l];p=n[--v]}else if(isSameVnode(f,p,a)){patch(f,p,a);insertBefore(e,f.k,c.k.nextSibling);f=r[++i];p=n[--v]}else if(isSameVnode(c,d,a)){patch(c,d,a);insertBefore(e,c.k,f.k);c=r[--l];d=n[++o]}else{s=-1;{for(u=i;u<=l;++u){if(r[u]&&r[u].C!==null&&r[u].C===d.C){s=u;break}}}if(s>=0){h=r[s];if(h.A!==d.A){m=createElm(r&&r[o],t,s)}else{patch(h,d,a);r[s]=void 0;m=h.k}d=n[++o]}else{m=createElm(r&&r[o],t,o);d=n[++o]}if(m){{insertBefore(f.k.parentNode,m,f.k)}}}}if(i>l){addVnodes(e,n[v+1]==null?null:n[v+1].k,t,n,o,v)}else if(o>v){removeVnodes(r,i,l)}};var isSameVnode=function(e,r,t){if(t===void 0){t=false}if(e.A===r.A){if(!t){return e.C===r.C}return true}return false};var patch=function(e,r,t){if(t===void 0){t=false}var n=r.k=e.k;var a=e.T;var i=r.T;var o=r.A;var s=r.S;if(s===null){{if(o==="slot"&&!useNativeShadowDom);else{updateElement(e,r,isSvgMode)}}if(a!==null&&i!==null){updateChildren(n,a,r,i,t)}else if(i!==null){if(e.S!==null){n.textContent=""}addVnodes(n,null,r,i,0,i.length-1)}else if(!t&&BUILD.updatable&&a!==null){removeVnodes(a,0,a.length-1)}}else if(e.S!==s){n.data=s}};var insertBefore=function(e,r,t){var n=e==null?void 0:e.insertBefore(r,t);return n};var renderVdom=function(e,r,t){if(t===void 0){t=false}var n=e.$hostElement$;var a=e.o;var i=e.D||newVNode(null,null);var o=isHost(r)?r:h(null,null,r);hostTagName=n.tagName;if(a.N){o._=o._||{};a.N.map((function(e){var r=e[0],t=e[1];return o._[t]=n[r]}))}if(t&&o._){for(var s=0,u=Object.keys(o._);s<u.length;s++){var l=u[s];if(n.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o._[l]=n[l]}}}o.A=null;o.i|=4;e.D=o;o.k=i.k=n.shadowRoot||n;{scopeId=n["s-sc"]}useNativeShadowDom=(a.i&1)!==0;patch(i,o,t)};var attachToAncestor=function(e,r){if(r&&!e.M&&r["s-p"]){r["s-p"].push(new Promise((function(r){return e.M=r})))}};var scheduleUpdate=function(e,r){{e.i|=16}if(e.i&4){e.i|=512;return}attachToAncestor(e,e.L);var t=function(){return dispatchHooks(e,r)};return writeTask(t)};var dispatchHooks=function(e,r){var t=e.$hostElement$;var n=createTime("scheduleUpdate",e.o.p);var a=e.t;if(!a){throw new Error("Can't render component <".concat(t.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var i;n();return enqueue(i,(function(){return updateComponent(e,a,r)}))};var enqueue=function(e,r){return isPromisey(e)?e.then(r).catch((function(e){console.error(e);r()})):r()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,r,t){return __awaiter(void 0,void 0,void 0,(function(){var n,a,i,o,s,u,l;return __generator(this,(function(f){a=e.$hostElement$;i=createTime("update",e.o.p);o=a["s-rc"];if(t){attachStyles(e)}s=createTime("render",e.o.p);{callRender(e,r,a,t)}if(o){o.map((function(e){return e()}));a["s-rc"]=void 0}s();i();{u=(n=a["s-p"])!=null?n:[];l=function(){return postUpdateComponent(e)};if(u.length===0){l()}else{Promise.all(u).then(l);e.i|=4;u.length=0}}return[2]}))}))};var callRender=function(e,r,t,n){try{r=r.render();{e.i&=~16}{e.i|=2}{{{renderVdom(e,r,n)}}}}catch(r){consoleError(r,e.$hostElement$)}return null};var postUpdateComponent=function(e){var r=e.o.p;var t=e.$hostElement$;var n=createTime("postUpdate",r);var a=e.L;if(!(e.i&64)){e.i|=64;{addHydratedFlag(t)}n();{e.v(t);if(!a){appDidLoad()}}}else{n()}{if(e.M){e.M();e.M=void 0}if(e.i&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.i&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var addHydratedFlag=function(e){var r;return e.setAttribute((r=BUILD.hydratedSelectorName)!=null?r:"hydrated","")};var getValue=function(e,r){return getHostRef(e).u.get(r)};var setValue=function(e,r,t,n){var a=getHostRef(e);if(!a){throw new Error("Couldn't find host element for \"".concat(n.p,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).'))}var i=a.$hostElement$;var o=a.u.get(r);var s=a.i;var u=a.t;t=parsePropertyValue(t,n.P[r][0]);var l=Number.isNaN(o)&&Number.isNaN(t);var f=t!==o&&!l;if((!(s&8)||o===void 0)&&f){a.u.set(r,t);if(u){if(n.$&&s&128){var c=n.$[r];if(c){c.map((function(e){try{u[e](t,o,r)}catch(e){consoleError(e,i)}}))}}if((s&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,r,t){var n,a;var i=e.prototype;if(r.P||(r.$||e.watchers)){if(e.watchers&&!r.$){r.$=e.watchers}var o=Object.entries((n=r.P)!=null?n:{});o.map((function(e){var n=e[0],a=e[1][0];if(a&31||t&2&&a&32){Object.defineProperty(i,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,r)},configurable:true,enumerable:true})}}));if(t&1){var s=new Map;i.attributeChangedCallback=function(e,t,n){var a=this;plt.jmp((function(){var o;var u=s.get(e);if(a.hasOwnProperty(u)){n=a[u];delete a[u]}else if(i.hasOwnProperty(u)&&typeof a[u]==="number"&&a[u]==n){return}else if(u==null){var l=getHostRef(a);var f=l==null?void 0:l.i;if(f&&!(f&8)&&f&128&&n!==t){var c=l.t;var v=(o=r.$)==null?void 0:o[e];v==null?void 0:v.forEach((function(r){if(c[r]!=null){c[r].call(c,n,t,e)}}))}return}a[u]=n===null&&typeof a[u]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((a=r.$)!=null?a:{}),true),o.filter((function(e){var r=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],n=e[1];var a;var i=n[1]||t;s.set(i,t);if(n[0]&512){(a=r.N)==null?void 0:a.push([t,i])}return i})),true)))}}return e};var initializeComponent=function(e,r,t,n){return __awaiter(void 0,void 0,void 0,(function(){var n,a,i,o,s,u,l,f,c,v,d;return __generator(this,(function(p){switch(p.label){case 0:if(!((r.i&32)===0))return[3,6];r.i|=32;a=t.m;if(!a)return[3,4];i=loadModule(t);if(!(i&&"then"in i))return[3,2];o=uniqueTime();return[4,i];case 1:n=p.sent();o();return[3,3];case 2:n=i;p.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.p,"#").concat(r.U,'" was not found'))}if(!n.isProxied){{t.$=n.watchers}proxyComponent(n,t,2);n.isProxied=true}s=createTime("createInstance",t.p);{r.i|=8}try{new n(r)}catch(e){consoleError(e)}{r.i&=~8}{r.i|=128}s();return[3,5];case 4:n=e.constructor;u=e.localName;customElements.whenDefined(u).then((function(){return r.i|=128}));p.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}f=getScopeId(t);if(!styles.has(f)){c=createTime("registerStyles",t.p);registerStyle(f,l,!!(t.i&1));c()}}p.label=6;case 6:v=r.L;d=function(){return scheduleUpdate(r,true)};if(v&&v["s-rc"]){v["s-rc"].push(d)}else{d()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.i&1)===0){var r=getHostRef(e);var t=r.o;var n=createTime("connectedCallback",t.p);if(!(r.i&1)){r.i|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){attachToAncestor(r,r.L=a);break}}}if(t.P){Object.entries(t.P).map((function(r){var t=r[0],n=r[1][0];if(n&31&&e.hasOwnProperty(t)){var a=e[t];delete e[t];e[t]=a}}))}{initializeComponent(e,r,t)}}else{if(r==null?void 0:r.t);else if(r==null?void 0:r.l){r.l.then((function(){return fireConnectedCallback()}))}}n()}};var disconnectInstance=function(e){};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((plt.i&1)===0){r=getHostRef(e);if(r==null?void 0:r.t);else if(r==null?void 0:r.l){r.l.then((function(){return disconnectInstance()}))}}return[2]}))}))};var bootstrapLazy=function(e,r){if(r===void 0){r={}}var t;var n=createTime();var a=[];var i=r.exclude||[];var o=win.customElements;var s=doc.head;var u=s.querySelector("meta[charset]");var l=doc.createElement("style");var f=[];var c;var v=true;Object.assign(plt,r);plt.h=new URL(r.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(r){var t;var n={i:r[0],p:r[1],P:r[2],V:r[3]};if(n.i&4){d=true}{n.P=r[2]}{n.N=[]}{n.$=(t=r[4])!=null?t:{}}var s=n.p;var u=function(e){__extends(r,e);function r(r){var t=e.call(this,r)||this;t.hasRegisteredEventListeners=false;r=t;registerHost(r,n);if(n.i&1){{if(!r.shadowRoot){{r.attachShadow({mode:"open"})}}else{if(r.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(n.p,"! Mode is set to ").concat(r.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return t}r.prototype.connectedCallback=function(){var e=this;getHostRef(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(c){clearTimeout(c);c=null}if(v){f.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};r.prototype.componentOnReady=function(){return getHostRef(this).l};return r}(HTMLElement);n.m=e[0];if(!i.includes(s)&&!o.get(s)){a.push(s);o.define(s,proxyComponent(u,n,1))}}))}));if(a.length>0){if(d){l.textContent+=SLOT_FB_CSS}{l.textContent+=a.sort()+HYDRATED_CSS}if(l.innerHTML.length){l.setAttribute("data-styles","");var p=(t=plt.R)!=null?t:queryNonceMetaTagContent(doc);if(p!=null){l.setAttribute("nonce",p)}s.insertBefore(l,u?u.nextSibling:s.firstChild)}}v=false;if(f.length){f.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return c=setTimeout(appDidLoad,30)}))}}n()};var setNonce=function(e){return plt.R=e};export{Host as H,bootstrapLazy as b,createEvent as c,h,promiseResolve as p,registerInstance as r,setNonce as s};

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{c(r.next(t))}catch(t){o(t)}}function u(t){try{c(r["throw"](t))}catch(t){o(t)}}function c(t){t.done?n(t.value):i(t.value).then(a,u)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return c([t,e])}}function c(u){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(n=0)),n)try{if(r=1,i&&(o=u[0]&2?i["return"]:u[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,u[1])).done)return o;if(i=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];i=0}finally{r=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-b53929ab.js";export{s as setNonce}from"./index-b53929ab.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(t,e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]}]]]],e)]}}))}))};export{defineCustomElements};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,c)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(t){return u([e,t])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;i=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){n.label=c[1];break}if(c[0]===6&&n.label<o[1]){n.label=o[1];o=c;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(c);break}if(o[2])n.ops.pop();n.trys.pop();continue}c=t.call(e,n)}catch(e){c=[6,e];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-340223f3.js";export{s as setNonce}from"./index-340223f3.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]},null,{selected:["handleSelected"]}]]]],t)]}}))}))};export{defineCustomElements};

package/dist/esm-es5/mds-accordion-timer-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b53929ab.js";var miBaselineKeyboardArrowDown='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var mdsAccordionTimerItemCss='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.focus-bounce {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.focus-bounce--focused,\n  .focus-bounce:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-item-progress-bar-color: Sets the color of the progress bar when the item is selected\n * @prop --mds-accordion-timer-item-progress-bar-background: Sets the background-color of the progress bar when the item is selected\n * @prop --mds-accordion-timer-item-color: Sets the text color of the component\n * @prop --mds-accordion-timer-item-progress-bar-thickness: Sets thickness of the progress bar\n * @prop --mds-accordion-timer-item-duration: Sets the transition duration of open/close animation\n */\n\n:host {\n\n  --mds-accordion-timer-item-progress-bar-color: var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-timer-item-progress-bar-background: var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));\n  --mds-accordion-timer-item-progress-bar-thickness: var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);\n  --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 500ms);\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)));\n  display: grid;\n  position: relative;\n  -webkit-transition-duration: var(--mds-accordion-timer-item-duration);\n  transition-duration: var(--mds-accordion-timer-item-duration);\n}\n\n.row {\n  gap: 1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.accordion {\n  display: grid;\n}\n\n.progress-bar {\n\n  --mds-progress-color: var(--mds-accordion-timer-item-progress-bar-color);\n  --mds-progress-background: var(--mds-accordion-timer-item-progress-bar-background);\n  --mds-progress-thickness: var(--mds-accordion-timer-item-progress-bar-thickness);\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n}\n\n.action {\n  gap: 1rem;\n  border-radius: 0.75rem;\n\n  background-color: transparent;\n  border: 0;\n  color: inherit;\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-timer-item-duration);\n  transition-duration: var(--mds-accordion-timer-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: currentcolor;\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected]:not([selected="false"]) ) .action {\n  cursor: auto;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n  opacity: 1;\n\n  grid-template-rows: 1fr;\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: 0s;\n    }\n  }\n}\n';var MdsAccordionTimerItemStyle0=mdsAccordionTimerItemCss;var MdsAccordionTimerItem=function(){function n(n){var t=this;registerInstance(this,n);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){t.selected=!t.selected;t.progress=0;if(t.selected){t.clickSelectEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseEnter=function(){if(t.selected){t.selectedMouseEnterEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseLeave=function(){if(t.selected){t.selectedMouseLeaveEvent.emit({selected:t.selected,uuid:t.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.duration=undefined;this.progress=0;this.uuid=0}n.prototype.render=function(){var n;return h(Host,{key:"3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{key:"9666c1af6081ba157218583b0c5cd3c819fa9c0a",class:"row"},h("mds-progress",{key:"8a2b2cd58d22206a02ba36c951238ba31eb1dca5",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),h("div",{key:"dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5",class:"accordion"},h("button",{key:"608a961e3b15dc480a45f1c22ec3c83d83aa590b","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{key:"cc91fbab8fa96df59a39680edaf2c5742c5565ea",typography:this.typography,part:"label"},this.description),h("mds-text",{key:"36b97232d257a40ae7f50039009766ccb4b34a81","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"b55e4706a60870e6b3d03b5f2d90c04d3e4580e1",class:"svg icon",innerHTML:miBaselineKeyboardArrowDown}))),h("div",{key:"4735a20ffc00844e027df1468fd0476b911b7e60",class:"content",id:"content"},h("div",{key:"e6a1e64638bf9420ce8c0d59857e660ab9240f39",class:"content-expander",part:"content",role:"region"},h("slot",{key:"fea26587f0c4589f8b207dda75e616e806f9299f"}))))))};return n}();MdsAccordionTimerItem.style=MdsAccordionTimerItemStyle0;export{MdsAccordionTimerItem as mds_accordion_timer_item};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-340223f3.js";var miBaselineKeyboardArrowDown='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var mdsAccordionTimerItemCss='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n.focus-bounce {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.focus-bounce--focused,\n  .focus-bounce:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.svg {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.svg svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-item-progress-bar-color: Sets the color of the progress bar when the item is selected\n * @prop --mds-accordion-timer-item-progress-bar-background: Sets the background-color of the progress bar when the item is selected\n * @prop --mds-accordion-timer-item-color: Sets the text color of the component\n * @prop --mds-accordion-timer-item-progress-bar-thickness: Sets thickness of the progress bar\n * @prop --mds-accordion-timer-item-duration: Sets the transition duration of open/close animation\n */\n\n:host {\n\n  --mds-accordion-timer-item-progress-bar-color: var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-timer-item-progress-bar-background: var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));\n  --mds-accordion-timer-item-progress-bar-thickness: var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);\n  --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 500ms);\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)));\n  display: grid;\n  position: relative;\n  -webkit-transition-duration: var(--mds-accordion-timer-item-duration);\n  transition-duration: var(--mds-accordion-timer-item-duration);\n}\n\n.row {\n  gap: 1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.accordion {\n  display: grid;\n}\n\n.progress-bar {\n\n  --mds-progress-color: var(--mds-accordion-timer-item-progress-bar-color);\n  --mds-progress-background: var(--mds-accordion-timer-item-progress-bar-background);\n  --mds-progress-thickness: var(--mds-accordion-timer-item-progress-bar-thickness);\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n}\n\n.action {\n  gap: 1rem;\n  border-radius: 0.75rem;\n\n  background-color: transparent;\n  border: 0;\n  color: inherit;\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-timer-item-duration);\n  transition-duration: var(--mds-accordion-timer-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: currentcolor;\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n}\n\n:host( [selected]:not([selected="false"]) ) .action {\n  cursor: auto;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n  opacity: 1;\n\n  grid-template-rows: 1fr;\n}\n\n.static {\n  position: static;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: 0s;\n    }\n  }\n}\n';var MdsAccordionTimerItemStyle0=mdsAccordionTimerItemCss;var MdsAccordionTimerItem=function(){function n(n){var t=this;registerInstance(this,n);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectEvent=createEvent(this,"mdsAccordionTimerItemSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){t.selected=!t.selected;t.progress=0;if(t.selected){t.clickSelectEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseEnter=function(){if(t.selected){t.selectedMouseEnterEvent.emit({selected:t.selected,uuid:t.uuid})}};this.mouseLeave=function(){if(t.selected){t.selectedMouseLeaveEvent.emit({selected:t.selected,uuid:t.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.duration=undefined;this.progress=0;this.uuid=0}n.prototype.handleSelected=function(n){this.progress=0;if(n){this.selectEvent.emit({selected:this.selected,uuid:this.uuid})}};n.prototype.render=function(){var n;return h(Host,{key:"f363f2d7c13c1d90e95dd8c5a14c5fa8c63980bc",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{key:"606bb44e9fa98419f8fd9f9420dd62e3064fcc5a",class:"row"},h("mds-progress",{key:"3e363d027812a2eb9cff973d3ea81f326314035d",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),h("div",{key:"4ae292499722ce850948fa3949f40e172fd92a14",class:"accordion"},h("button",{key:"4a1ab0cf5bd58fc2c70a17e9ba6d99c09d2009f1","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{key:"bf254974e6152d598d0226ccca0a428287a9d5ab",typography:this.typography,part:"label"},this.description),h("mds-text",{key:"d37052b637bcba6a12ced512aa7b88f17563abe2","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"15be1fe70aac8dfe600beca7ab22b6aeac45d7bf",class:"svg icon",innerHTML:miBaselineKeyboardArrowDown}))),h("div",{key:"3cd4cbe8f3148a751b6eb05efa6f450ed93f30c3",class:"content",id:"content"},h("div",{key:"09f3a4f2248f23a33c36633405f9424df5f1c081",class:"content-expander",part:"content",role:"region"},h("slot",{key:"cd89c775566559a3ba66204faa9dfb382e21db7f"}))))))};Object.defineProperty(n,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return n}();MdsAccordionTimerItem.style=MdsAccordionTimerItemStyle0;export{MdsAccordionTimerItem as mds_accordion_timer_item};