@maggioli-design-system/mds-accordion-timer-item 3.9.4 → 3.10.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ 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],"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]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -39,12 +39,13 @@ const MdsAccordionTimerItem = class {
         this.typography = 'h5';
         this.selected = false;
         this.description = undefined;
+        this.duration = undefined;
         this.progress = 0;
         this.uuid = 0;
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '057509f615b5fc211fe7810ace289fb7d4a06c85', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, index.h("div", { key: 'd581e13cef1321804a460b5617ecf9f70e13db07', class: "row" }, index.h("mds-progress", { key: 'cbc0d98914814785e6c6d24b203315aeb18ad457', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), index.h("div", { key: '6ed126898607b75cf26b4280b8bc611505dbc10b', class: "accordion" }, index.h("button", { key: 'f6ec33b3741e977d9c00d1abca63793e34620b4b', "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: 'f3b985187ce70797f20998708fcad1319ef74dde', typography: this.typography, part: "label" }, this.description), index.h("mds-text", { key: '8313bdcaf64999540b93b21ea0fe67103869d62c', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, index.h("i", { key: '8f0c78ca8361932254c08478711558eb307c316d', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), index.h("div", { key: '94019895dfa31303bea05e5b0d8104e5782404b4', class: "content", id: "content" }, index.h("div", { key: 'd18c4307b002cdc09208922759e58bc9ff7380fe', class: "content-expander", part: "content" }, index.h("slot", { key: 'b1cec58872202f74f09f71d19279c87bf4e3dfd9' })))))));
+        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: '6ded043b63fca24db7cf974251858d7d794e7fd9', class: "content-expander", part: "content" }, index.h("slot", { key: 'f855b620cd8515fc619e5b4de6f9d683c4677f7e' })))))));
     }
 };
 MdsAccordionTimerItem.style = MdsAccordionTimerItemStyle0;

package/dist/cjs/mds-accordion-timer-item.cjs.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],"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]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -3,8 +3,9 @@ import { Host, h } from "@stencil/core";
 /**
  * @slot default - Add content like `text string`, `HTML elements` or `components` to this slot
  * @part content - the content wrapper of the `default` slot
- * @part label - The text label of the component
  * @part icon - The arrow icon of the component
+ * @part label - The text label of the component
+ * @part progress - The progress bar of the component
  */
 export class MdsAccordionTimerItem {
     constructor() {
@@ -32,12 +33,13 @@ export class MdsAccordionTimerItem {
         this.typography = 'h5';
         this.selected = false;
         this.description = undefined;
+        this.duration = undefined;
         this.progress = 0;
         this.uuid = 0;
     }
     render() {
         var _a;
-        return (h(Host, { key: '057509f615b5fc211fe7810ace289fb7d4a06c85', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: 'd581e13cef1321804a460b5617ecf9f70e13db07', class: "row" }, h("mds-progress", { key: 'cbc0d98914814785e6c6d24b203315aeb18ad457', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { key: '6ed126898607b75cf26b4280b8bc611505dbc10b', class: "accordion" }, h("button", { key: 'f6ec33b3741e977d9c00d1abca63793e34620b4b', "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: 'f3b985187ce70797f20998708fcad1319ef74dde', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '8313bdcaf64999540b93b21ea0fe67103869d62c', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '8f0c78ca8361932254c08478711558eb307c316d', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '94019895dfa31303bea05e5b0d8104e5782404b4', class: "content", id: "content" }, h("div", { key: 'd18c4307b002cdc09208922759e58bc9ff7380fe', class: "content-expander", part: "content" }, h("slot", { key: 'b1cec58872202f74f09f71d19279c87bf4e3dfd9' })))))));
+        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: '6ded043b63fca24db7cf974251858d7d794e7fd9', class: "content-expander", part: "content" }, h("slot", { key: 'f855b620cd8515fc619e5b4de6f9d683c4677f7e' })))))));
     }
     static get is() { return "mds-accordion-timer-item"; }
     static get encapsulation() { return "shadow"; }
@@ -112,6 +114,23 @@ export class MdsAccordionTimerItem {
                 "attribute": "description",
                 "reflect": false
             },
+            "duration": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the duration of the single component when selected, it overrides the global duration of itself only"
+                },
+                "attribute": "duration",
+                "reflect": true
+            },
             "progress": {
                 "type": "number",
                 "mutable": false,

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

@@ -12,6 +12,10 @@ export default {
             type: { name: 'boolean' },
             description: 'Specifies if the accordion item is selected or not',
         },
+        duration: {
+            type: { name: 'number' },
+            description: 'Specifies the duration of the single component when selected, it overrides the global duration of itself only',
+        },
         progress: {
             control: { type: 'range', step: 0.01, min: 0, max: 1 },
             type: { name: 'number' },

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

@@ -37,18 +37,20 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccord
         this.typography = 'h5';
         this.selected = false;
         this.description = undefined;
+        this.duration = undefined;
         this.progress = 0;
         this.uuid = 0;
     }
     render() {
         var _a;
-        return (h(Host, { key: '057509f615b5fc211fe7810ace289fb7d4a06c85', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: 'd581e13cef1321804a460b5617ecf9f70e13db07', class: "row" }, h("mds-progress", { key: 'cbc0d98914814785e6c6d24b203315aeb18ad457', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { key: '6ed126898607b75cf26b4280b8bc611505dbc10b', class: "accordion" }, h("button", { key: 'f6ec33b3741e977d9c00d1abca63793e34620b4b', "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: 'f3b985187ce70797f20998708fcad1319ef74dde', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '8313bdcaf64999540b93b21ea0fe67103869d62c', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '8f0c78ca8361932254c08478711558eb307c316d', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '94019895dfa31303bea05e5b0d8104e5782404b4', class: "content", id: "content" }, h("div", { key: 'd18c4307b002cdc09208922759e58bc9ff7380fe', class: "content-expander", part: "content" }, h("slot", { key: 'b1cec58872202f74f09f71d19279c87bf4e3dfd9' })))))));
+        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: '6ded043b63fca24db7cf974251858d7d794e7fd9', class: "content-expander", part: "content" }, h("slot", { key: 'f855b620cd8515fc619e5b4de6f9d683c4677f7e' })))))));
     }
     static get style() { return MdsAccordionTimerItemStyle0; }
 }, [1, "mds-accordion-timer-item", {
         "typography": [1],
         "selected": [516],
         "description": [1],
+        "duration": [514],
         "progress": [2],
         "uuid": [2]
     }]);

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-16T13:11:17",
+  "timestamp": "2024-10-17T13:56:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",
@@ -20,13 +20,17 @@
           "name": "part",
           "text": "content - the content wrapper of the `default` slot"
         },
+        {
+          "name": "part",
+          "text": "icon - The arrow icon of the component"
+        },
         {
           "name": "part",
           "text": "label - The text label of the component"
         },
         {
           "name": "part",
-          "text": "icon - The arrow icon of the component"
+          "text": "progress - The progress bar of the component"
         }
       ],
       "usage": {},
@@ -52,6 +56,30 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "duration",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "duration",
+          "reflectToAttr": true,
+          "docs": "Specifies the duration of the single component when selected, it overrides the global duration of itself only",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "progress",
           "type": "number",
@@ -281,6 +309,10 @@
         {
           "name": "label",
           "docs": "The text label of the component"
+        },
+        {
+          "name": "progress",
+          "docs": "The progress bar of the component"
         }
       ],
       "dependents": [],

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ 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],"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]}]]]], options);
 };
 
 export { defineCustomElements };

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

@@ -35,12 +35,13 @@ const MdsAccordionTimerItem = class {
         this.typography = 'h5';
         this.selected = false;
         this.description = undefined;
+        this.duration = undefined;
         this.progress = 0;
         this.uuid = 0;
     }
     render() {
         var _a;
-        return (h(Host, { key: '057509f615b5fc211fe7810ace289fb7d4a06c85', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: 'd581e13cef1321804a460b5617ecf9f70e13db07', class: "row" }, h("mds-progress", { key: 'cbc0d98914814785e6c6d24b203315aeb18ad457', class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical" }), h("div", { key: '6ed126898607b75cf26b4280b8bc611505dbc10b', class: "accordion" }, h("button", { key: 'f6ec33b3741e977d9c00d1abca63793e34620b4b', "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: 'f3b985187ce70797f20998708fcad1319ef74dde', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '8313bdcaf64999540b93b21ea0fe67103869d62c', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '8f0c78ca8361932254c08478711558eb307c316d', class: "svg icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '94019895dfa31303bea05e5b0d8104e5782404b4', class: "content", id: "content" }, h("div", { key: 'd18c4307b002cdc09208922759e58bc9ff7380fe', class: "content-expander", part: "content" }, h("slot", { key: 'b1cec58872202f74f09f71d19279c87bf4e3dfd9' })))))));
+        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: '6ded043b63fca24db7cf974251858d7d794e7fd9', class: "content-expander", part: "content" }, h("slot", { key: 'f855b620cd8515fc619e5b4de6f9d683c4677f7e' })))))));
     }
 };
 MdsAccordionTimerItem.style = MdsAccordionTimerItemStyle0;

package/dist/esm/mds-accordion-timer-item.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],"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]}]]]], options);
 });

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{u(r.next(t))}catch(t){o(t)}}function c(t){try{u(r["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):i(t.value).then(a,c)}u((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:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return u([t,e])}}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=e.call(t,n)}catch(t){c=[6,t];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-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],progress:[2],uuid:[2]}]]]],e)]}}))}))};export{defineCustomElements};
+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};

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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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.progress=0;this.uuid=0}n.prototype.render=function(){var n;return h(Host,{key:"057509f615b5fc211fe7810ace289fb7d4a06c85",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{key:"d581e13cef1321804a460b5617ecf9f70e13db07",class:"row"},h("mds-progress",{key:"cbc0d98914814785e6c6d24b203315aeb18ad457",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical"}),h("div",{key:"6ed126898607b75cf26b4280b8bc611505dbc10b",class:"accordion"},h("button",{key:"f6ec33b3741e977d9c00d1abca63793e34620b4b","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:"f3b985187ce70797f20998708fcad1319ef74dde",typography:this.typography,part:"label"},this.description),h("mds-text",{key:"8313bdcaf64999540b93b21ea0fe67103869d62c","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"8f0c78ca8361932254c08478711558eb307c316d",class:"svg icon",innerHTML:miBaselineKeyboardArrowDown}))),h("div",{key:"94019895dfa31303bea05e5b0d8104e5782404b4",class:"content",id:"content"},h("div",{key:"d18c4307b002cdc09208922759e58bc9ff7380fe",class:"content-expander",part:"content"},h("slot",{key:"b1cec58872202f74f09f71d19279c87bf4e3dfd9"}))))))};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-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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:"6ded043b63fca24db7cf974251858d7d794e7fd9",class:"content-expander",part:"content"},h("slot",{key:"f855b620cd8515fc619e5b4de6f9d683c4677f7e"}))))))};return n}();MdsAccordionTimerItem.style=MdsAccordionTimerItemStyle0;export{MdsAccordionTimerItem as mds_accordion_timer_item};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,e,n){function i(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,o){function a(t){try{s(n.next(t))}catch(t){o(t)}}function c(t){try{s(n["throw"](t))}catch(t){o(t)}}function s(t){t.done?e(t.value):i(t.value).then(a,c)}s((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,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(t){return function(r){return s([t,r])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(e=0)),e)try{if(n=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:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){e.label=c[1];break}if(c[0]===6&&e.label<o[1]){e.label=o[1];o=c;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(c);break}if(o[2])e.ops.pop();e.trys.pop();continue}c=r.call(t,e)}catch(t){c=[6,t];i=0}finally{n=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{p as promiseResolve,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 patchBrowser=function(){var t=import.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return promiseResolve(r)};patchBrowser().then((function(t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,globalScripts()];case 1:r.sent();return[2,bootstrapLazy([["mds-accordion-timer-item",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],t)]}}))}))}));
+var __awaiter=this&&this.__awaiter||function(t,r,e,n){function i(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,o){function a(t){try{s(n.next(t))}catch(t){o(t)}}function c(t){try{s(n["throw"](t))}catch(t){o(t)}}function s(t){t.done?e(t.value):i(t.value).then(a,c)}s((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,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(t){return function(r){return s([t,r])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(e=0)),e)try{if(n=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:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){e.label=c[1];break}if(c[0]===6&&e.label<o[1]){e.label=o[1];o=c;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(c);break}if(o[2])e.ops.pop();e.trys.pop();continue}c=r.call(t,e)}catch(t){c=[6,t];i=0}finally{n=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{p as promiseResolve,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 patchBrowser=function(){var t=import.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return promiseResolve(r)};patchBrowser().then((function(t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,globalScripts()];case 1:r.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]}]]]],t)]}}))}))}));

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

@@ -1 +1 @@
-import{p as r,b as e}from"./p-0fba0302.js";export{s as setNonce}from"./p-0fba0302.js";import{g as o}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await o(),e([["p-025026d8",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],s))));
+import{p as r,b as o}from"./p-0fba0302.js";export{s as setNonce}from"./p-0fba0302.js";import{g as t}from"./p-e1255160.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),r(o)})().then((async r=>(await t(),o([["p-90968b6b",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]}]]]],r))));

package/dist/mds-accordion-timer-item/p-0ebb48b0.system.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,u){function c(t){try{a(r.next(t))}catch(t){u(t)}}function o(t){try{a(r["throw"](t))}catch(t){u(t)}}function a(t){t.done?e(t.value):i(t.value).then(c,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,c;return c={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,o[0]&&(e=0)),e)try{if(r=1,i&&(u=o[0]&2?i["return"]:o[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,o[1])).done)return u;if(i=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){e.label=o[1];break}if(o[0]===6&&e.label<u[1]){e.label=u[1];u=o;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(o);break}if(u[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9974040b.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var u=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};u().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-8eb8befa.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,u){function o(t){try{a(r.next(t))}catch(t){u(t)}}function c(t){try{a(r["throw"](t))}catch(t){u(t)}}function a(t){t.done?e(t.value):i(t.value).then(o,c)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(n){return a([t,n])}}function a(c){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(e=0)),e)try{if(r=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){e.label=c[1];break}if(c[0]===6&&e.label<u[1]){e.label=u[1];u=c;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(c);break}if(u[2])e.ops.pop();e.trys.pop();continue}c=n.call(t,e)}catch(t){c=[6,t];i=0}finally{r=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-9974040b.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var u=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};u().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-b9499805.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]}]]]],n)]}}))}))}))}}}));

package/dist/mds-accordion-timer-item/p-90968b6b.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as o,H as i}from"./p-0fba0302.js";const r=class{constructor(o){n(this,o),this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})},this.typography="h5",this.selected=!1,this.description=void 0,this.duration=void 0,this.progress=0,this.uuid=0}render(){var n;return o(i,{key:"3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},o("div",{key:"9666c1af6081ba157218583b0c5cd3c819fa9c0a",class:"row"},o("mds-progress",{key:"8a2b2cd58d22206a02ba36c951238ba31eb1dca5",class:"progress-bar",progress:Number(null===(n=this.progress)||void 0===n?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),o("div",{key:"dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5",class:"accordion"},o("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"},o("mds-text",{key:"cc91fbab8fa96df59a39680edaf2c5742c5565ea",typography:this.typography,part:"label"},this.description),o("mds-text",{key:"36b97232d257a40ae7f50039009766ccb4b34a81","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},o("i",{key:"b55e4706a60870e6b3d03b5f2d90c04d3e4580e1",class:"svg icon",innerHTML:'<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>'}))),o("div",{key:"4735a20ffc00844e027df1468fd0476b911b7e60",class:"content",id:"content"},o("div",{key:"6ded043b63fca24db7cf974251858d7d794e7fd9",class:"content-expander",part:"content"},o("slot",{key:"f855b620cd8515fc619e5b4de6f9d683c4677f7e"}))))))}};r.style="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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";export{r as mds_accordion_timer_item}

package/dist/mds-accordion-timer-item/{p-8eb8befa.system.entry.js → p-b9499805.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-9974040b.system.js"],(function(n){"use strict";var t,o,i,r;return{setters:[function(n){t=n.r;o=n.c;i=n.h;r=n.H}],execute:function(){var e='<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 a="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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 l=a;var c=n("mds_accordion_timer_item",function(){function n(n){var i=this;t(this,n);this.clickSelectEvent=o(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=o(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=o(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){i.selected=!i.selected;i.progress=0;if(i.selected){i.clickSelectEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseEnter=function(){if(i.selected){i.selectedMouseEnterEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseLeave=function(){if(i.selected){i.selectedMouseLeaveEvent.emit({selected:i.selected,uuid:i.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.progress=0;this.uuid=0}n.prototype.render=function(){var n;return i(r,{key:"057509f615b5fc211fe7810ace289fb7d4a06c85",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},i("div",{key:"d581e13cef1321804a460b5617ecf9f70e13db07",class:"row"},i("mds-progress",{key:"cbc0d98914814785e6c6d24b203315aeb18ad457",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical"}),i("div",{key:"6ed126898607b75cf26b4280b8bc611505dbc10b",class:"accordion"},i("button",{key:"f6ec33b3741e977d9c00d1abca63793e34620b4b","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"f3b985187ce70797f20998708fcad1319ef74dde",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"8313bdcaf64999540b93b21ea0fe67103869d62c","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"8f0c78ca8361932254c08478711558eb307c316d",class:"svg icon",innerHTML:e}))),i("div",{key:"94019895dfa31303bea05e5b0d8104e5782404b4",class:"content",id:"content"},i("div",{key:"d18c4307b002cdc09208922759e58bc9ff7380fe",class:"content-expander",part:"content"},i("slot",{key:"b1cec58872202f74f09f71d19279c87bf4e3dfd9"}))))))};return n}());c.style=l}}}));
+System.register(["./p-9974040b.system.js"],(function(n){"use strict";var t,o,r,i;return{setters:[function(n){t=n.r;o=n.c;r=n.h;i=n.H}],execute:function(){var a='<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 e="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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 l=e;var c=n("mds_accordion_timer_item",function(){function n(n){var r=this;t(this,n);this.clickSelectEvent=o(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=o(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=o(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){r.selected=!r.selected;r.progress=0;if(r.selected){r.clickSelectEvent.emit({selected:r.selected,uuid:r.uuid})}};this.mouseEnter=function(){if(r.selected){r.selectedMouseEnterEvent.emit({selected:r.selected,uuid:r.uuid})}};this.mouseLeave=function(){if(r.selected){r.selectedMouseLeaveEvent.emit({selected:r.selected,uuid:r.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 r(i,{key:"3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{key:"9666c1af6081ba157218583b0c5cd3c819fa9c0a",class:"row"},r("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"}),r("div",{key:"dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5",class:"accordion"},r("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"},r("mds-text",{key:"cc91fbab8fa96df59a39680edaf2c5742c5565ea",typography:this.typography,part:"label"},this.description),r("mds-text",{key:"36b97232d257a40ae7f50039009766ccb4b34a81","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},r("i",{key:"b55e4706a60870e6b3d03b5f2d90c04d3e4580e1",class:"svg icon",innerHTML:a}))),r("div",{key:"4735a20ffc00844e027df1468fd0476b911b7e60",class:"content",id:"content"},r("div",{key:"6ded043b63fca24db7cf974251858d7d794e7fd9",class:"content-expander",part:"content"},r("slot",{key:"f855b620cd8515fc619e5b4de6f9d683c4677f7e"}))))))};return n}());c.style=l}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-16T13:11:17",
+  "timestamp": "2024-10-17T13:56:09",
   "compiler": {
     "name": "node",
     "version": "20.10.0"
@@ -99,24 +99,24 @@
           "./dist/mds-accordion-timer-item/index.esm.js",
           "./dist/mds-accordion-timer-item/mds-accordion-timer-item.esm.js",
           "./dist/mds-accordion-timer-item/mds-accordion-timer-item.js",
-          "./dist/mds-accordion-timer-item/p-025026d8.entry.js",
           "./dist/mds-accordion-timer-item/p-0ebb48b0.system.js",
           "./dist/mds-accordion-timer-item/p-0fba0302.js",
           "./dist/mds-accordion-timer-item/p-50ea2036.system.js",
           "./dist/mds-accordion-timer-item/p-56ba5cbf.system.js",
-          "./dist/mds-accordion-timer-item/p-8eb8befa.system.entry.js",
+          "./dist/mds-accordion-timer-item/p-90968b6b.entry.js",
           "./dist/mds-accordion-timer-item/p-9974040b.system.js",
+          "./dist/mds-accordion-timer-item/p-b9499805.system.entry.js",
           "./dist/mds-accordion-timer-item/p-e1255160.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer-item.esm.js",
           "./www/build/mds-accordion-timer-item.js",
-          "./www/build/p-025026d8.entry.js",
           "./www/build/p-0ebb48b0.system.js",
           "./www/build/p-0fba0302.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-8eb8befa.system.entry.js",
+          "./www/build/p-90968b6b.entry.js",
           "./www/build/p-9974040b.system.js",
+          "./www/build/p-b9499805.system.entry.js",
           "./www/build/p-e1255160.js"
         ]
       },
@@ -150,12 +150,12 @@
         "components": [
           "mds-accordion-timer-item"
         ],
-        "bundleId": "p-025026d8",
-        "fileName": "p-025026d8.entry.js",
+        "bundleId": "p-90968b6b",
+        "fileName": "p-90968b6b.entry.js",
         "imports": [
           "p-0fba0302.js"
         ],
-        "originalByteSize": 14013
+        "originalByteSize": 14066
       }
     ],
     "esm": [
@@ -169,7 +169,7 @@
         "imports": [
           "index-b53929ab.js"
         ],
-        "originalByteSize": 14017
+        "originalByteSize": 14070
       }
     ],
     "es5": [
@@ -183,7 +183,7 @@
         "imports": [
           "index-b53929ab.js"
         ],
-        "originalByteSize": 14017
+        "originalByteSize": 14070
       }
     ],
     "system": [
@@ -192,12 +192,12 @@
         "components": [
           "mds-accordion-timer-item"
         ],
-        "bundleId": "p-8eb8befa.system",
-        "fileName": "p-8eb8befa.system.entry.js",
+        "bundleId": "p-b9499805.system",
+        "fileName": "p-b9499805.system.entry.js",
         "imports": [
           "p-9974040b.system.js"
         ],
-        "originalByteSize": 14481
+        "originalByteSize": 14540
       }
     ],
     "commonjs": [
@@ -211,7 +211,7 @@
         "imports": [
           "index-e153727a.js"
         ],
-        "originalByteSize": 14141
+        "originalByteSize": 14194
       }
     ]
   },
@@ -237,13 +237,17 @@
             "name": "part",
             "text": "content - the content wrapper of the `default` slot"
           },
+          {
+            "name": "part",
+            "text": "icon - The arrow icon of the component"
+          },
           {
             "name": "part",
             "text": "label - The text label of the component"
           },
           {
             "name": "part",
-            "text": "icon - The arrow icon of the component"
+            "text": "progress - The progress bar of the component"
           }
         ],
         "text": ""
@@ -394,6 +398,25 @@
           },
           "internal": false
         },
+        {
+          "name": "duration",
+          "type": "number",
+          "attribute": "duration",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Specifies the duration of the single component when selected, it overrides the global duration of itself only"
+          },
+          "internal": false
+        },
         {
           "name": "progress",
           "type": "number",
@@ -518,6 +541,25 @@
               },
               "internal": false
             },
+            {
+              "name": "duration",
+              "type": "number",
+              "attribute": "duration",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "number",
+                "resolved": "number | undefined",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Specifies the duration of the single component when selected, it overrides the global duration of itself only"
+              },
+              "internal": false
+            },
             {
               "name": "progress",
               "type": "number",
@@ -694,13 +736,17 @@
                 "name": "part",
                 "text": "content - the content wrapper of the `default` slot"
               },
+              {
+                "name": "part",
+                "text": "icon - The arrow icon of the component"
+              },
               {
                 "name": "part",
                 "text": "label - The text label of the component"
               },
               {
                 "name": "part",
-                "text": "icon - The arrow icon of the component"
+                "text": "progress - The progress bar of the component"
               }
             ],
             "text": ""
@@ -761,6 +807,7 @@
             "class",
             "progress",
             "direction",
+            "part",
             "aria-controls",
             "aria-expanded",
             "id",
@@ -768,7 +815,6 @@
             "role",
             "tabindex",
             "typography",
-            "part",
             "aria-hidden",
             "innerHTML"
           ],
@@ -781,6 +827,7 @@
             "slot"
           ],
           "htmlParts": [
+            "progress",
             "label",
             "icon",
             "content"

package/dist/types/components/mds-accordion-timer-item/mds-accordion-timer-item.d.ts

@@ -4,8 +4,9 @@ import { TypographyTitleType } from '@type/typography';
 /**
  * @slot default - Add content like `text string`, `HTML elements` or `components` to this slot
  * @part content - the content wrapper of the `default` slot
- * @part label - The text label of the component
  * @part icon - The arrow icon of the component
+ * @part label - The text label of the component
+ * @part progress - The progress bar of the component
  */
 export declare class MdsAccordionTimerItem {
     /**
@@ -20,6 +21,10 @@ export declare class MdsAccordionTimerItem {
      * Specifies the title shown when the accordion is closed or opened
      */
     readonly description: string;
+    /**
+     * Specifies the duration of the single component when selected, it overrides the global duration of itself only
+     */
+    readonly duration?: number;
     /**
      * A value between 0 and 100 that rapresents the status progress
      */

package/dist/types/components/mds-accordion-timer-item/test/mds-accordion-timer-item.stories.d.ts

@@ -13,6 +13,12 @@ declare const _default: {
             };
             description: string;
         };
+        duration: {
+            type: {
+                name: string;
+            };
+            description: string;
+        };
         progress: {
             control: {
                 type: string;

package/dist/types/components.d.ts

@@ -15,6 +15,10 @@ export namespace Components {
           * Specifies the title shown when the accordion is closed or opened
          */
         "description": string;
+        /**
+          * Specifies the duration of the single component when selected, it overrides the global duration of itself only
+         */
+        "duration"?: number;
         /**
           * A value between 0 and 100 that rapresents the status progress
          */
@@ -67,6 +71,10 @@ declare namespace LocalJSX {
           * Specifies the title shown when the accordion is closed or opened
          */
         "description": string;
+        /**
+          * Specifies the duration of the single component when selected, it overrides the global duration of itself only
+         */
+        "duration"?: number;
         /**
           * Emits when the accordion is clicked by the mouse
          */

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-16T12:59:03",
+  "timestamp": "2024-10-17T13:40:24",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",
@@ -21,13 +21,17 @@
           "name": "part",
           "text": "content - the content wrapper of the `default` slot"
         },
+        {
+          "name": "part",
+          "text": "icon - The arrow icon of the component"
+        },
         {
           "name": "part",
           "text": "label - The text label of the component"
         },
         {
           "name": "part",
-          "text": "icon - The arrow icon of the component"
+          "text": "progress - The progress bar of the component"
         }
       ],
       "usage": {},
@@ -53,6 +57,30 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "duration",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "duration",
+          "reflectToAttr": true,
+          "docs": "Specifies the duration of the single component when selected, it overrides the global duration of itself only",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "progress",
           "type": "number",
@@ -282,6 +310,10 @@
         {
           "name": "label",
           "docs": "The text label of the component"
+        },
+        {
+          "name": "progress",
+          "docs": "The progress bar of the component"
         }
       ],
       "dependents": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-accordion-timer-item",
-  "version": "3.9.4",
+  "version": "3.10.0",
   "description": "mds-accordion-timer-item is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -9,13 +9,14 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 
 ## Properties
 
-| Property                   | Attribute     | Description                                                             | Type                                                       | Default     |
-| -------------------------- | ------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
-| `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or opened        | `string`                                                   | `undefined` |
-| `progress`                 | `progress`    | A value between 0 and 100 that rapresents the status progress           | `number`                                                   | `0`         |
-| `selected`                 | `selected`    | Specifies if the accordion item is opened or not                        | `boolean`                                                  | `false`     |
-| `typography`               | `typography`  | Specifies the typography of the element                                 | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'`      |
-| `uuid`                     | `uuid`        | Used automatically by MdsAccordionTimer wrapper to handle it's siblings | `number`                                                   | `0`         |
+| Property                   | Attribute     | Description                                                                                                   | Type                                                       | Default     |
+| -------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
+| `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or opened                                              | `string`                                                   | `undefined` |
+| `duration`                 | `duration`    | Specifies the duration of the single component when selected, it overrides the global duration of itself only | `number \| undefined`                                      | `undefined` |
+| `progress`                 | `progress`    | A value between 0 and 100 that rapresents the status progress                                                 | `number`                                                   | `0`         |
+| `selected`                 | `selected`    | Specifies if the accordion item is opened or not                                                              | `boolean`                                                  | `false`     |
+| `typography`               | `typography`  | Specifies the typography of the element                                                                       | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'`      |
+| `uuid`                     | `uuid`        | Used automatically by MdsAccordionTimer wrapper to handle it's siblings                                       | `number`                                                   | `0`         |
 
 
 ## Events
@@ -29,9 +30,19 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 
 ## Slots
 
-| Slot        | Description                                                                   |
-| ----------- | ----------------------------------------------------------------------------- |
-| `"default"` | Add content like `text string`, `HTML elements` or `components` to this slot. |
+| Slot        | Description                                                                  |
+| ----------- | ---------------------------------------------------------------------------- |
+| `"default"` | Add content like `text string`, `HTML elements` or `components` to this slot |
+
+
+## Shadow Parts
+
+| Part         | Description                               |
+| ------------ | ----------------------------------------- |
+| `"content"`  | the content wrapper of the `default` slot |
+| `"icon"`     | The arrow icon of the component           |
+| `"label"`    | The text label of the component           |
+| `"progress"` | The progress bar of the component         |
 
 
 ## CSS Custom Properties

package/src/components/mds-accordion-timer-item/mds-accordion-timer-item.tsx

@@ -6,8 +6,9 @@ import { TypographyTitleType } from '@type/typography'
 /**
  * @slot default - Add content like `text string`, `HTML elements` or `components` to this slot
  * @part content - the content wrapper of the `default` slot
- * @part label - The text label of the component
  * @part icon - The arrow icon of the component
+ * @part label - The text label of the component
+ * @part progress - The progress bar of the component
  */
 
 @Component({
@@ -32,6 +33,11 @@ export class MdsAccordionTimerItem {
    */
   @Prop() readonly description!: string
 
+  /**
+   * Specifies the duration of the single component when selected, it overrides the global duration of itself only
+   */
+  @Prop({ reflect: true }) readonly duration?: number
+
   /**
    * A value between 0 and 100 that rapresents the status progress
    */
@@ -85,7 +91,7 @@ export class MdsAccordionTimerItem {
     return (
       <Host onMouseEnter={this.mouseEnter} onMouseLeave={this.mouseLeave}>
         <div class="row">
-          <mds-progress class="progress-bar" progress={Number(this.progress?.toFixed(2))} direction="vertical" />
+          <mds-progress class="progress-bar" progress={Number(this.progress?.toFixed(2))} direction="vertical" part="progress"/>
           <div class="accordion">
             <button aria-controls="content" aria-expanded={this.selected ? 'true' : 'false'} class="action focus-bounce" id="action" onClick={this.toggle} role="button" tabindex="0">
               <mds-text typography={this.typography} part="label">{this.description}</mds-text>

package/src/components/mds-accordion-timer-item/readme.md

@@ -7,13 +7,14 @@
 
 ## Properties
 
-| Property                   | Attribute     | Description                                                             | Type                                                       | Default     |
-| -------------------------- | ------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
-| `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or opened        | `string`                                                   | `undefined` |
-| `progress`                 | `progress`    | A value between 0 and 100 that rapresents the status progress           | `number`                                                   | `0`         |
-| `selected`                 | `selected`    | Specifies if the accordion item is opened or not                        | `boolean`                                                  | `false`     |
-| `typography`               | `typography`  | Specifies the typography of the element                                 | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'`      |
-| `uuid`                     | `uuid`        | Used automatically by MdsAccordionTimer wrapper to handle it's siblings | `number`                                                   | `0`         |
+| Property                   | Attribute     | Description                                                                                                   | Type                                                       | Default     |
+| -------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
+| `description` _(required)_ | `description` | Specifies the title shown when the accordion is closed or opened                                              | `string`                                                   | `undefined` |
+| `duration`                 | `duration`    | Specifies the duration of the single component when selected, it overrides the global duration of itself only | `number \| undefined`                                      | `undefined` |
+| `progress`                 | `progress`    | A value between 0 and 100 that rapresents the status progress                                                 | `number`                                                   | `0`         |
+| `selected`                 | `selected`    | Specifies if the accordion item is opened or not                                                              | `boolean`                                                  | `false`     |
+| `typography`               | `typography`  | Specifies the typography of the element                                                                       | `"action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6"` | `'h5'`      |
+| `uuid`                     | `uuid`        | Used automatically by MdsAccordionTimer wrapper to handle it's siblings                                       | `number`                                                   | `0`         |
 
 
 ## Events
@@ -34,11 +35,12 @@
 
 ## Shadow Parts
 
-| Part        | Description                               |
-| ----------- | ----------------------------------------- |
-| `"content"` | the content wrapper of the `default` slot |
-| `"icon"`    | The arrow icon of the component           |
-| `"label"`   | The text label of the component           |
+| Part         | Description                               |
+| ------------ | ----------------------------------------- |
+| `"content"`  | the content wrapper of the `default` slot |
+| `"icon"`     | The arrow icon of the component           |
+| `"label"`    | The text label of the component           |
+| `"progress"` | The progress bar of the component         |
 
 
 ## CSS Custom Properties

package/src/components/mds-accordion-timer-item/test/mds-accordion-timer-item.stories.tsx

@@ -13,6 +13,10 @@ export default {
       type: { name: 'boolean' },
       description: 'Specifies if the accordion item is selected or not',
     },
+    duration: {
+      type: { name: 'number' },
+      description: 'Specifies the duration of the single component when selected, it overrides the global duration of itself only',
+    },
     progress: {
       control: { type: 'range', step: 0.01, min: 0, max: 1 },
       type: { name: 'number' },

package/src/components.d.ts

@@ -15,6 +15,10 @@ export namespace Components {
           * Specifies the title shown when the accordion is closed or opened
          */
         "description": string;
+        /**
+          * Specifies the duration of the single component when selected, it overrides the global duration of itself only
+         */
+        "duration"?: number;
         /**
           * A value between 0 and 100 that rapresents the status progress
          */
@@ -67,6 +71,10 @@ declare namespace LocalJSX {
           * Specifies the title shown when the accordion is closed or opened
          */
         "description": string;
+        /**
+          * Specifies the duration of the single component when selected, it overrides the global duration of itself only
+         */
+        "duration"?: number;
         /**
           * Emits when the accordion is clicked by the mouse
          */

package/www/build/mds-accordion-timer-item.esm.js

@@ -1 +1 @@
-import{p as r,b as e}from"./p-0fba0302.js";export{s as setNonce}from"./p-0fba0302.js";import{g as o}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await o(),e([["p-025026d8",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],s))));
+import{p as r,b as o}from"./p-0fba0302.js";export{s as setNonce}from"./p-0fba0302.js";import{g as t}from"./p-e1255160.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),r(o)})().then((async r=>(await t(),o([["p-90968b6b",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]}]]]],r))));

package/www/build/p-0ebb48b0.system.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,u){function c(t){try{a(r.next(t))}catch(t){u(t)}}function o(t){try{a(r["throw"](t))}catch(t){u(t)}}function a(t){t.done?e(t.value):i(t.value).then(c,o)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,c;return c={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function o(t){return function(n){return a([t,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,o[0]&&(e=0)),e)try{if(r=1,i&&(u=o[0]&2?i["return"]:o[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,o[1])).done)return u;if(i=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){e.label=o[1];break}if(o[0]===6&&e.label<u[1]){e.label=u[1];u=o;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(o);break}if(u[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-9974040b.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var u=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};u().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-8eb8befa.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,u){function o(t){try{a(r.next(t))}catch(t){u(t)}}function c(t){try{a(r["throw"](t))}catch(t){u(t)}}function a(t){t.done?e(t.value):i(t.value).then(o,c)}a((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(n){return a([t,n])}}function a(c){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(e=0)),e)try{if(r=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){e.label=c[1];break}if(c[0]===6&&e.label<u[1]){e.label=u[1];u=c;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(c);break}if(u[2])e.ops.pop();e.trys.pop();continue}c=n.call(t,e)}catch(t){c=[6,t];i=0}finally{r=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-9974040b.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var u=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};u().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-b9499805.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]}]]]],n)]}}))}))}))}}}));

package/www/build/p-90968b6b.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as o,H as i}from"./p-0fba0302.js";const r=class{constructor(o){n(this,o),this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})},this.typography="h5",this.selected=!1,this.description=void 0,this.duration=void 0,this.progress=0,this.uuid=0}render(){var n;return o(i,{key:"3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},o("div",{key:"9666c1af6081ba157218583b0c5cd3c819fa9c0a",class:"row"},o("mds-progress",{key:"8a2b2cd58d22206a02ba36c951238ba31eb1dca5",class:"progress-bar",progress:Number(null===(n=this.progress)||void 0===n?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),o("div",{key:"dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5",class:"accordion"},o("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"},o("mds-text",{key:"cc91fbab8fa96df59a39680edaf2c5742c5565ea",typography:this.typography,part:"label"},this.description),o("mds-text",{key:"36b97232d257a40ae7f50039009766ccb4b34a81","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},o("i",{key:"b55e4706a60870e6b3d03b5f2d90c04d3e4580e1",class:"svg icon",innerHTML:'<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>'}))),o("div",{key:"4735a20ffc00844e027df1468fd0476b911b7e60",class:"content",id:"content"},o("div",{key:"6ded043b63fca24db7cf974251858d7d794e7fd9",class:"content-expander",part:"content"},o("slot",{key:"f855b620cd8515fc619e5b4de6f9d683c4677f7e"}))))))}};r.style="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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";export{r as mds_accordion_timer_item}

package/www/build/{p-8eb8befa.system.entry.js → p-b9499805.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-9974040b.system.js"],(function(n){"use strict";var t,o,i,r;return{setters:[function(n){t=n.r;o=n.c;i=n.h;r=n.H}],execute:function(){var e='<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 a="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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 l=a;var c=n("mds_accordion_timer_item",function(){function n(n){var i=this;t(this,n);this.clickSelectEvent=o(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=o(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=o(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){i.selected=!i.selected;i.progress=0;if(i.selected){i.clickSelectEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseEnter=function(){if(i.selected){i.selectedMouseEnterEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseLeave=function(){if(i.selected){i.selectedMouseLeaveEvent.emit({selected:i.selected,uuid:i.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.progress=0;this.uuid=0}n.prototype.render=function(){var n;return i(r,{key:"057509f615b5fc211fe7810ace289fb7d4a06c85",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},i("div",{key:"d581e13cef1321804a460b5617ecf9f70e13db07",class:"row"},i("mds-progress",{key:"cbc0d98914814785e6c6d24b203315aeb18ad457",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical"}),i("div",{key:"6ed126898607b75cf26b4280b8bc611505dbc10b",class:"accordion"},i("button",{key:"f6ec33b3741e977d9c00d1abca63793e34620b4b","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"f3b985187ce70797f20998708fcad1319ef74dde",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"8313bdcaf64999540b93b21ea0fe67103869d62c","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"8f0c78ca8361932254c08478711558eb307c316d",class:"svg icon",innerHTML:e}))),i("div",{key:"94019895dfa31303bea05e5b0d8104e5782404b4",class:"content",id:"content"},i("div",{key:"d18c4307b002cdc09208922759e58bc9ff7380fe",class:"content-expander",part:"content"},i("slot",{key:"b1cec58872202f74f09f71d19279c87bf4e3dfd9"}))))))};return n}());c.style=l}}}));
+System.register(["./p-9974040b.system.js"],(function(n){"use strict";var t,o,r,i;return{setters:[function(n){t=n.r;o=n.c;r=n.h;i=n.H}],execute:function(){var a='<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 e="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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 l=e;var c=n("mds_accordion_timer_item",function(){function n(n){var r=this;t(this,n);this.clickSelectEvent=o(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=o(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=o(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){r.selected=!r.selected;r.progress=0;if(r.selected){r.clickSelectEvent.emit({selected:r.selected,uuid:r.uuid})}};this.mouseEnter=function(){if(r.selected){r.selectedMouseEnterEvent.emit({selected:r.selected,uuid:r.uuid})}};this.mouseLeave=function(){if(r.selected){r.selectedMouseLeaveEvent.emit({selected:r.selected,uuid:r.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 r(i,{key:"3d16a68df5dd7ffbef52eeeb32d4d2ea6c6bda5e",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{key:"9666c1af6081ba157218583b0c5cd3c819fa9c0a",class:"row"},r("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"}),r("div",{key:"dd629e5e7f5194412afd0dfc7d3ca7f7ac04a1b5",class:"accordion"},r("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"},r("mds-text",{key:"cc91fbab8fa96df59a39680edaf2c5742c5565ea",typography:this.typography,part:"label"},this.description),r("mds-text",{key:"36b97232d257a40ae7f50039009766ccb4b34a81","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},r("i",{key:"b55e4706a60870e6b3d03b5f2d90c04d3e4580e1",class:"svg icon",innerHTML:a}))),r("div",{key:"4735a20ffc00844e027df1468fd0476b911b7e60",class:"content",id:"content"},r("div",{key:"6ded043b63fca24db7cf974251858d7d794e7fd9",class:"content-expander",part:"content"},r("slot",{key:"f855b620cd8515fc619e5b4de6f9d683c4677f7e"}))))))};return n}());c.style=l}}}));

package/dist/mds-accordion-timer-item/p-025026d8.entry.js

@@ -1 +0,0 @@
-import{r as n,c as t,h as o,H as i}from"./p-0fba0302.js";const r=class{constructor(o){n(this,o),this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})},this.typography="h5",this.selected=!1,this.description=void 0,this.progress=0,this.uuid=0}render(){var n;return o(i,{key:"057509f615b5fc211fe7810ace289fb7d4a06c85",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},o("div",{key:"d581e13cef1321804a460b5617ecf9f70e13db07",class:"row"},o("mds-progress",{key:"cbc0d98914814785e6c6d24b203315aeb18ad457",class:"progress-bar",progress:Number(null===(n=this.progress)||void 0===n?void 0:n.toFixed(2)),direction:"vertical"}),o("div",{key:"6ed126898607b75cf26b4280b8bc611505dbc10b",class:"accordion"},o("button",{key:"f6ec33b3741e977d9c00d1abca63793e34620b4b","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},o("mds-text",{key:"f3b985187ce70797f20998708fcad1319ef74dde",typography:this.typography,part:"label"},this.description),o("mds-text",{key:"8313bdcaf64999540b93b21ea0fe67103869d62c","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},o("i",{key:"8f0c78ca8361932254c08478711558eb307c316d",class:"svg icon",innerHTML:'<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>'}))),o("div",{key:"94019895dfa31303bea05e5b0d8104e5782404b4",class:"content",id:"content"},o("div",{key:"d18c4307b002cdc09208922759e58bc9ff7380fe",class:"content-expander",part:"content"},o("slot",{key:"b1cec58872202f74f09f71d19279c87bf4e3dfd9"}))))))}};r.style="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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";export{r as mds_accordion_timer_item}

package/www/build/p-025026d8.entry.js

@@ -1 +0,0 @@
-import{r as n,c as t,h as o,H as i}from"./p-0fba0302.js";const r=class{constructor(o){n(this,o),this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})},this.typography="h5",this.selected=!1,this.description=void 0,this.progress=0,this.uuid=0}render(){var n;return o(i,{key:"057509f615b5fc211fe7810ace289fb7d4a06c85",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},o("div",{key:"d581e13cef1321804a460b5617ecf9f70e13db07",class:"row"},o("mds-progress",{key:"cbc0d98914814785e6c6d24b203315aeb18ad457",class:"progress-bar",progress:Number(null===(n=this.progress)||void 0===n?void 0:n.toFixed(2)),direction:"vertical"}),o("div",{key:"6ed126898607b75cf26b4280b8bc611505dbc10b",class:"accordion"},o("button",{key:"f6ec33b3741e977d9c00d1abca63793e34620b4b","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},o("mds-text",{key:"f3b985187ce70797f20998708fcad1319ef74dde",typography:this.typography,part:"label"},this.description),o("mds-text",{key:"8313bdcaf64999540b93b21ea0fe67103869d62c","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},o("i",{key:"8f0c78ca8361932254c08478711558eb307c316d",class:"svg icon",innerHTML:'<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>'}))),o("div",{key:"94019895dfa31303bea05e5b0d8104e5782404b4",class:"content",id:"content"},o("div",{key:"d18c4307b002cdc09208922759e58bc9ff7380fe",class:"content-expander",part:"content"},o("slot",{key:"b1cec58872202f74f09f71d19279c87bf4e3dfd9"}))))))}};r.style="@-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:host( [selected] ) .action {\n  cursor: auto;\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] ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected] ) .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";export{r as mds_accordion_timer_item}