@maggioli-design-system/mds-accordion-timer-item 3.0.1 → 3.1.0

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

@@ -18,17 +18,17 @@ const MdsAccordionTimerItem = class {
      */
     this.toggle = () => {
       if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+        this.clickSelectEvent.emit({ selected: this.selected });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected });
       }
     };
     this.typography = 'h5';

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

@@ -7,17 +7,17 @@ export class MdsAccordionTimerItem {
      */
     this.toggle = () => {
       if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+        this.clickSelectEvent.emit({ selected: this.selected });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected });
       }
     };
     this.typography = 'h5';
@@ -150,9 +150,14 @@ export class MdsAccordionTimerItem {
           "text": "Emits when the accordion is clicked by the mouse"
         },
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsAccordionTimerItemEventDetail",
+          "resolved": "MdsAccordionTimerItemEventDetail",
+          "references": {
+            "MdsAccordionTimerItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
       }, {
         "method": "selectedMouseEnterEvent",
@@ -165,9 +170,14 @@ export class MdsAccordionTimerItem {
           "text": "Emits when the accordion is hovered by the mouse"
         },
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsAccordionTimerItemEventDetail",
+          "resolved": "MdsAccordionTimerItemEventDetail",
+          "references": {
+            "MdsAccordionTimerItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
       }, {
         "method": "selectedMouseLeaveEvent",
@@ -180,9 +190,14 @@ export class MdsAccordionTimerItem {
           "text": "Emits when the accordion is hovered by the mouse"
         },
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsAccordionTimerItemEventDetail",
+          "resolved": "MdsAccordionTimerItemEventDetail",
+          "references": {
+            "MdsAccordionTimerItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
       }];
   }

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

@@ -0,0 +1 @@
+export {};

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

@@ -16,17 +16,17 @@ const MdsAccordionTimerItem$1 = /*@__PURE__*/ proxyCustomElement(class extends H
      */
     this.toggle = () => {
       if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+        this.clickSelectEvent.emit({ selected: this.selected });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected });
       }
     };
     this.typography = 'h5';

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

@@ -14,17 +14,17 @@ const MdsAccordionTimerItem = class {
      */
     this.toggle = () => {
       if (!this.selected) {
-        this.clickSelectEvent.emit(this.description);
+        this.clickSelectEvent.emit({ selected: this.selected });
       }
     };
     this.mouseEnter = () => {
       if (this.selected) {
-        this.selectedMouseEnterEvent.emit(this.description);
+        this.selectedMouseEnterEvent.emit({ selected: this.selected });
       }
     };
     this.mouseLeave = () => {
       if (this.selected) {
-        this.selectedMouseLeaveEvent.emit(this.description);
+        this.selectedMouseLeaveEvent.emit({ selected: this.selected });
       }
     };
     this.typography = 'h5';

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-5d57a2db.js";var mdsAccordionTimerItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var t=this;registerInstance(this,o);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){if(!t.selected){t.clickSelectEvent.emit(t.description)}};this.mouseEnter=function(){if(t.selected){t.selectedMouseEnterEvent.emit(t.description)}};this.mouseLeave=function(){if(t.selected){t.selectedMouseLeaveEvent.emit(t.description)}};this.typography="h5";this.selected=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-5d57a2db.js";var mdsAccordionTimerItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var MdsAccordionTimerItem=function(){function o(o){var t=this;registerInstance(this,o);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){if(!t.selected){t.clickSelectEvent.emit({selected:t.selected})}};this.mouseEnter=function(){if(t.selected){t.selectedMouseEnterEvent.emit({selected:t.selected})}};this.mouseLeave=function(){if(t.selected){t.selectedMouseLeaveEvent.emit({selected:t.selected})}};this.typography="h5";this.selected=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return h(Host,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{class:"row"},h("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),h("div",{class:"accordion"},h("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{typography:this.typography},this.description)),h("div",{class:"contents",id:"contents"},h("slot",null)))))};return o}();MdsAccordionTimerItem.style=mdsAccordionTimerItemCss;export{MdsAccordionTimerItem as mds_accordion_timer_item};

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

@@ -1 +1 @@
-import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-d9d46207",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));
+import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-01cf1d74",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));

package/dist/mds-accordion-timer-item/p-01cf1d74.entry.js

@@ -0,0 +1 @@
+import{r as o,c as i,h as t,H as r}from"./p-96e23db0.js";const e=class{constructor(t){o(this,t),this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected||this.clickSelectEvent.emit({selected:this.selected})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected})},this.typography="h5",this.selected=void 0,this.description=void 0,this.progress=0,this.uuid=0}render(){return t(r,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{class:"row"},t("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),t("div",{class:"accordion"},t("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{typography:this.typography},this.description)),t("div",{class:"contents",id:"contents"},t("slot",null)))))}};e.style="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";export{e as mds_accordion_timer_item}

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

@@ -1 +1 @@
-System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-98fadc92.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}}));
+System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-bde98e1c.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}}));

package/dist/mds-accordion-timer-item/{p-98fadc92.system.entry.js → p-bde98e1c.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-0df2a96d.system.js"],(function(o){"use strict";var t,i,r,e;return{setters:[function(o){t=o.r;i=o.c;r=o.h;e=o.H}],execute:function(){var n="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var s=o("mds_accordion_timer_item",function(){function o(o){var r=this;t(this,o);this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){if(!r.selected){r.clickSelectEvent.emit(r.description)}};this.mouseEnter=function(){if(r.selected){r.selectedMouseEnterEvent.emit(r.description)}};this.mouseLeave=function(){if(r.selected){r.selectedMouseLeaveEvent.emit(r.description)}};this.typography="h5";this.selected=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return r(e,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))};return o}());s.style=n}}}));
+System.register(["./p-0df2a96d.system.js"],(function(o){"use strict";var t,i,r,e;return{setters:[function(o){t=o.r;i=o.c;r=o.h;e=o.H}],execute:function(){var n="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var s=o("mds_accordion_timer_item",function(){function o(o){var r=this;t(this,o);this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){if(!r.selected){r.clickSelectEvent.emit({selected:r.selected})}};this.mouseEnter=function(){if(r.selected){r.selectedMouseEnterEvent.emit({selected:r.selected})}};this.mouseLeave=function(){if(r.selected){r.selectedMouseLeaveEvent.emit({selected:r.selected})}};this.typography="h5";this.selected=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return r(e,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))};return o}());s.style=n}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-09T10:42:59",
+  "timestamp": "2023-03-14T15:08:53",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -9,15 +9,16 @@
     "fsNamespace": "mds-accordion-timer-item",
     "components": 1,
     "entries": 1,
-    "bundles": 65,
+    "bundles": 66,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 24,
+        "files": 25,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js",
+          "./dist/collection/components/mds-accordion-timer-item/meta/event-detail.js",
           "./dist/collection/components/mds-accordion-timer-item/test/mds-accordion-timer-item.stories.js",
           "./dist/collection/dictionary/autocomplete.js",
           "./dist/collection/dictionary/button.js",
@@ -75,21 +76,21 @@
           "./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-01cf1d74.entry.js",
           "./dist/mds-accordion-timer-item/p-09486400.system.js",
           "./dist/mds-accordion-timer-item/p-0df2a96d.system.js",
           "./dist/mds-accordion-timer-item/p-50ea2036.system.js",
           "./dist/mds-accordion-timer-item/p-96e23db0.js",
-          "./dist/mds-accordion-timer-item/p-98fadc92.system.entry.js",
-          "./dist/mds-accordion-timer-item/p-d9d46207.entry.js",
+          "./dist/mds-accordion-timer-item/p-bde98e1c.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer-item.esm.js",
           "./www/build/mds-accordion-timer-item.js",
+          "./www/build/p-01cf1d74.entry.js",
           "./www/build/p-09486400.system.js",
           "./www/build/p-0df2a96d.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-96e23db0.js",
-          "./www/build/p-98fadc92.system.entry.js",
-          "./www/build/p-d9d46207.entry.js"
+          "./www/build/p-bde98e1c.system.entry.js"
         ]
       },
       {
@@ -122,12 +123,12 @@
         "components": [
           "mds-accordion-timer-item"
         ],
-        "bundleId": "p-d9d46207",
-        "fileName": "p-d9d46207.entry.js",
+        "bundleId": "p-01cf1d74",
+        "fileName": "p-01cf1d74.entry.js",
         "imports": [
           "p-96e23db0.js"
         ],
-        "originalByteSize": 6245
+        "originalByteSize": 6278
       }
     ],
     "esm": [
@@ -141,7 +142,7 @@
         "imports": [
           "index-5d57a2db.js"
         ],
-        "originalByteSize": 6249
+        "originalByteSize": 6282
       }
     ],
     "es5": [
@@ -155,7 +156,7 @@
         "imports": [
           "index-5d57a2db.js"
         ],
-        "originalByteSize": 6249
+        "originalByteSize": 6282
       }
     ],
     "system": [
@@ -164,12 +165,12 @@
         "components": [
           "mds-accordion-timer-item"
         ],
-        "bundleId": "p-98fadc92.system",
-        "fileName": "p-98fadc92.system.entry.js",
+        "bundleId": "p-bde98e1c.system",
+        "fileName": "p-bde98e1c.system.entry.js",
         "imports": [
           "p-0df2a96d.system.js"
         ],
-        "originalByteSize": 6683
+        "originalByteSize": 6716
       }
     ],
     "commonjs": [
@@ -183,7 +184,7 @@
         "imports": [
           "index-6fcb2864.js"
         ],
-        "originalByteSize": 6355
+        "originalByteSize": 6388
       }
     ]
   },
@@ -217,9 +218,14 @@
             "text": "Emits when the accordion is clicked by the mouse"
           },
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "MdsAccordionTimerItemEventDetail",
+            "resolved": "MdsAccordionTimerItemEventDetail",
+            "references": {
+              "MdsAccordionTimerItemEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail"
+              }
+            }
           },
           "internal": false
         },
@@ -234,9 +240,14 @@
             "text": "Emits when the accordion is hovered by the mouse"
           },
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "MdsAccordionTimerItemEventDetail",
+            "resolved": "MdsAccordionTimerItemEventDetail",
+            "references": {
+              "MdsAccordionTimerItemEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail"
+              }
+            }
           },
           "internal": false
         },
@@ -251,9 +262,14 @@
             "text": "Emits when the accordion is hovered by the mouse"
           },
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "MdsAccordionTimerItemEventDetail",
+            "resolved": "MdsAccordionTimerItemEventDetail",
+            "references": {
+              "MdsAccordionTimerItemEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail"
+              }
+            }
           },
           "internal": false
         }
@@ -508,9 +524,14 @@
                 "text": "Emits when the accordion is clicked by the mouse"
               },
               "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
+                "original": "MdsAccordionTimerItemEventDetail",
+                "resolved": "MdsAccordionTimerItemEventDetail",
+                "references": {
+                  "MdsAccordionTimerItemEventDetail": {
+                    "location": "import",
+                    "path": "./meta/event-detail"
+                  }
+                }
               },
               "internal": false
             },
@@ -525,9 +546,14 @@
                 "text": "Emits when the accordion is hovered by the mouse"
               },
               "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
+                "original": "MdsAccordionTimerItemEventDetail",
+                "resolved": "MdsAccordionTimerItemEventDetail",
+                "references": {
+                  "MdsAccordionTimerItemEventDetail": {
+                    "location": "import",
+                    "path": "./meta/event-detail"
+                  }
+                }
               },
               "internal": false
             },
@@ -542,9 +568,14 @@
                 "text": "Emits when the accordion is hovered by the mouse"
               },
               "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
+                "original": "MdsAccordionTimerItemEventDetail",
+                "resolved": "MdsAccordionTimerItemEventDetail",
+                "references": {
+                  "MdsAccordionTimerItemEventDetail": {
+                    "location": "import",
+                    "path": "./meta/event-detail"
+                  }
+                }
               },
               "internal": false
             }
@@ -689,6 +720,7 @@
     "./src/common/aria.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-accordion-timer-item/mds-accordion-timer-item.tsx": [],
+    "./src/components/mds-accordion-timer-item/meta/event-detail.ts": [],
     "./src/components/mds-accordion-timer-item/test/mds-accordion-timer-item.stories.tsx": [],
     "./src/dictionary/autocomplete.ts": [],
     "./src/dictionary/button.ts": [],

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { TypographyTitleType } from '@type/typography';
+import { MdsAccordionTimerItemEventDetail } from './meta/event-detail';
 export declare class MdsAccordionTimerItem {
   /**
    * Specifies the typography of the element
@@ -31,14 +32,14 @@ export declare class MdsAccordionTimerItem {
   /**
    * Emits when the accordion is clicked by the mouse
    */
-  clickSelectEvent: EventEmitter<string>;
+  clickSelectEvent: EventEmitter<MdsAccordionTimerItemEventDetail>;
   /**
    * Emits when the accordion is hovered by the mouse
    */
-  selectedMouseEnterEvent: EventEmitter<string>;
+  selectedMouseEnterEvent: EventEmitter<MdsAccordionTimerItemEventDetail>;
   /**
    * Emits when the accordion is hovered by the mouse
    */
-  selectedMouseLeaveEvent: EventEmitter<string>;
+  selectedMouseLeaveEvent: EventEmitter<MdsAccordionTimerItemEventDetail>;
   render(): any;
 }

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

@@ -0,0 +1,3 @@
+export interface MdsAccordionTimerItemEventDetail {
+  selected: boolean;
+}

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { TypographyTitleType } from "@type/typography";
+import { MdsAccordionTimerItemEventDetail } from "./components/mds-accordion-timer-item/meta/event-detail";
 export namespace Components {
     interface MdsAccordionTimerItem {
         /**
@@ -54,15 +55,15 @@ declare namespace LocalJSX {
         /**
           * Emits when the accordion is clicked by the mouse
          */
-        "onMdsAccordionTimerItemClickSelect"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onMdsAccordionTimerItemClickSelect"?: (event: MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMdsAccordionTimerItemMouseEnterSelect"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onMdsAccordionTimerItemMouseEnterSelect"?: (event: MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMdsAccordionTimerItemMouseLeaveSelect"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onMdsAccordionTimerItemMouseLeaveSelect"?: (event: MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>) => void;
         /**
           * A value between 0 and 100 that rapresents the status progress
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-accordion-timer-item",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "mds-accordion-timer-item is a web-component from Maggioli Design System Magma, 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

@@ -18,11 +18,11 @@
 
 ## Events
 
-| Event                                   | Description                                      | Type                  |
-| --------------------------------------- | ------------------------------------------------ | --------------------- |
-| `mdsAccordionTimerItemClickSelect`      | Emits when the accordion is clicked by the mouse | `CustomEvent<string>` |
-| `mdsAccordionTimerItemMouseEnterSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
-| `mdsAccordionTimerItemMouseLeaveSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
+| Event                                   | Description                                      | Type                                            |
+| --------------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
+| `mdsAccordionTimerItemClickSelect`      | Emits when the accordion is clicked by the mouse | `CustomEvent<MdsAccordionTimerItemEventDetail>` |
+| `mdsAccordionTimerItemMouseEnterSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<MdsAccordionTimerItemEventDetail>` |
+| `mdsAccordionTimerItemMouseLeaveSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<MdsAccordionTimerItemEventDetail>` |
 
 
 ## CSS Custom Properties

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

@@ -1,5 +1,6 @@
 import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core'
 import { TypographyTitleType } from '@type/typography'
+import { MdsAccordionTimerItemEventDetail } from './meta/event-detail'
 
 @Component({
   tag: 'mds-accordion-timer-item',
@@ -39,36 +40,36 @@ export class MdsAccordionTimerItem {
    */
   private toggle = () => {
     if (!this.selected) {
-      this.clickSelectEvent.emit(this.description)
+      this.clickSelectEvent.emit({ selected: this.selected })
     }
   }
 
   private mouseEnter = () => {
     if (this.selected) {
-      this.selectedMouseEnterEvent.emit(this.description)
+      this.selectedMouseEnterEvent.emit({ selected: this.selected })
     }
   }
 
   private mouseLeave = () => {
     if (this.selected) {
-      this.selectedMouseLeaveEvent.emit(this.description)
+      this.selectedMouseLeaveEvent.emit({ selected: this.selected })
     }
   }
 
   /**
    * Emits when the accordion is clicked by the mouse
    */
-  @Event({ eventName: 'mdsAccordionTimerItemClickSelect' }) clickSelectEvent: EventEmitter<string>
+  @Event({ eventName: 'mdsAccordionTimerItemClickSelect' }) clickSelectEvent: EventEmitter<MdsAccordionTimerItemEventDetail>
 
   /**
    * Emits when the accordion is hovered by the mouse
    */
-  @Event({ eventName: 'mdsAccordionTimerItemMouseEnterSelect' }) selectedMouseEnterEvent: EventEmitter<string>
+  @Event({ eventName: 'mdsAccordionTimerItemMouseEnterSelect' }) selectedMouseEnterEvent: EventEmitter<MdsAccordionTimerItemEventDetail>
 
   /**
    * Emits when the accordion is hovered by the mouse
    */
-  @Event({ eventName: 'mdsAccordionTimerItemMouseLeaveSelect' }) selectedMouseLeaveEvent: EventEmitter<string>
+  @Event({ eventName: 'mdsAccordionTimerItemMouseLeaveSelect' }) selectedMouseLeaveEvent: EventEmitter<MdsAccordionTimerItemEventDetail>
 
   render () {
     return (

package/src/components/mds-accordion-timer-item/meta/event-detail.ts

@@ -0,0 +1,4 @@
+export interface MdsAccordionTimerItemEventDetail {
+  selected: boolean;
+}
+

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

@@ -18,11 +18,11 @@
 
 ## Events
 
-| Event                                   | Description                                      | Type                  |
-| --------------------------------------- | ------------------------------------------------ | --------------------- |
-| `mdsAccordionTimerItemClickSelect`      | Emits when the accordion is clicked by the mouse | `CustomEvent<string>` |
-| `mdsAccordionTimerItemMouseEnterSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
-| `mdsAccordionTimerItemMouseLeaveSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<string>` |
+| Event                                   | Description                                      | Type                                            |
+| --------------------------------------- | ------------------------------------------------ | ----------------------------------------------- |
+| `mdsAccordionTimerItemClickSelect`      | Emits when the accordion is clicked by the mouse | `CustomEvent<MdsAccordionTimerItemEventDetail>` |
+| `mdsAccordionTimerItemMouseEnterSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<MdsAccordionTimerItemEventDetail>` |
+| `mdsAccordionTimerItemMouseLeaveSelect` | Emits when the accordion is hovered by the mouse | `CustomEvent<MdsAccordionTimerItemEventDetail>` |
 
 
 ## CSS Custom Properties

package/src/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { TypographyTitleType } from "@type/typography";
+import { MdsAccordionTimerItemEventDetail } from "./components/mds-accordion-timer-item/meta/event-detail";
 export namespace Components {
     interface MdsAccordionTimerItem {
         /**
@@ -54,15 +55,15 @@ declare namespace LocalJSX {
         /**
           * Emits when the accordion is clicked by the mouse
          */
-        "onMdsAccordionTimerItemClickSelect"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onMdsAccordionTimerItemClickSelect"?: (event: MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMdsAccordionTimerItemMouseEnterSelect"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onMdsAccordionTimerItemMouseEnterSelect"?: (event: MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>) => void;
         /**
           * Emits when the accordion is hovered by the mouse
          */
-        "onMdsAccordionTimerItemMouseLeaveSelect"?: (event: MdsAccordionTimerItemCustomEvent<string>) => void;
+        "onMdsAccordionTimerItemMouseLeaveSelect"?: (event: MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>) => void;
         /**
           * A value between 0 and 100 that rapresents the status progress
          */

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

@@ -1 +1 @@
-import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-d9d46207",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));
+import{p as e,b as r}from"./p-96e23db0.js";export{s as setNonce}from"./p-96e23db0.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-01cf1d74",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)));

package/www/build/p-01cf1d74.entry.js

@@ -0,0 +1 @@
+import{r as o,c as i,h as t,H as r}from"./p-96e23db0.js";const e=class{constructor(t){o(this,t),this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected||this.clickSelectEvent.emit({selected:this.selected})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected})},this.typography="h5",this.selected=void 0,this.description=void 0,this.progress=0,this.uuid=0}render(){return t(r,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{class:"row"},t("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),t("div",{class:"accordion"},t("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{typography:this.typography},this.description)),t("div",{class:"contents",id:"contents"},t("slot",null)))))}};e.style="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";export{e as mds_accordion_timer_item}

package/www/build/p-09486400.system.js

@@ -1 +1 @@
-System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-98fadc92.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}}));
+System.register(["./p-0df2a96d.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-bde98e1c.system",[[1,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],progress:[2],uuid:[2]}]]]],e)}))}}}));

package/www/build/{p-98fadc92.system.entry.js → p-bde98e1c.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-0df2a96d.system.js"],(function(o){"use strict";var t,i,r,e;return{setters:[function(o){t=o.r;i=o.c;r=o.h;e=o.H}],execute:function(){var n="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var s=o("mds_accordion_timer_item",function(){function o(o){var r=this;t(this,o);this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){if(!r.selected){r.clickSelectEvent.emit(r.description)}};this.mouseEnter=function(){if(r.selected){r.selectedMouseEnterEvent.emit(r.description)}};this.mouseLeave=function(){if(r.selected){r.selectedMouseLeaveEvent.emit(r.description)}};this.typography="h5";this.selected=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return r(e,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))};return o}());s.style=n}}}));
+System.register(["./p-0df2a96d.system.js"],(function(o){"use strict";var t,i,r,e;return{setters:[function(o){t=o.r;i=o.c;r=o.h;e=o.H}],execute:function(){var n="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";var s=o("mds_accordion_timer_item",function(){function o(o){var r=this;t(this,o);this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7);this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){if(!r.selected){r.clickSelectEvent.emit({selected:r.selected})}};this.mouseEnter=function(){if(r.selected){r.selectedMouseEnterEvent.emit({selected:r.selected})}};this.mouseLeave=function(){if(r.selected){r.selectedMouseLeaveEvent.emit({selected:r.selected})}};this.typography="h5";this.selected=undefined;this.description=undefined;this.progress=0;this.uuid=0}o.prototype.render=function(){return r(e,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))};return o}());s.style=n}}}));

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

@@ -1 +0,0 @@
-import{r as o,c as i,h as r,H as t}from"./p-96e23db0.js";const e=class{constructor(r){o(this,r),this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected||this.clickSelectEvent.emit(this.description)},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit(this.description)},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit(this.description)},this.typography="h5",this.selected=void 0,this.description=void 0,this.progress=0,this.uuid=0}render(){return r(t,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))}};e.style="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";export{e as mds_accordion_timer_item}

package/www/build/p-d9d46207.entry.js

@@ -1 +0,0 @@
-import{r as o,c as i,h as r,H as t}from"./p-96e23db0.js";const e=class{constructor(r){o(this,r),this.clickSelectEvent=i(this,"mdsAccordionTimerItemClickSelect",7),this.selectedMouseEnterEvent=i(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=i(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected||this.clickSelectEvent.emit(this.description)},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit(this.description)},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit(this.description)},this.typography="h5",this.selected=void 0,this.description=void 0,this.progress=0,this.uuid=0}render(){return r(t,{onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},r("div",{class:"row"},r("mds-progress",{class:"progress-bar",progress:Number(this.progress.toFixed(2)),direction:"vertical"}),r("div",{class:"accordion"},r("button",{"aria-controls":"contents","aria-expanded":this.selected?"true":"false",class:"action focusable",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},r("mds-text",{typography:this.typography},this.description)),r("div",{class:"contents",id:"contents"},r("slot",null)))))}};e.style="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.contents{display:contents}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-item-progress-bar-thickness:0.25rem;position:relative;display:grid;padding-top:1rem;padding-bottom:1rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);color:var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)))}.row{display:-ms-flexbox;display:flex;gap:1rem}.accordion{display:grid}.progress-bar{-ms-flex-negative:0;flex-shrink:0;--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color);--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background);--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness)}.action{cursor:pointer;border-radius:0.75rem;border-style:none;background-color:transparent;padding:0px;text-align:left}:host([selected]) .action{cursor:auto}.contents{display:grid;height:0px;gap:1rem;overflow:hidden;padding-top:0px;opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}:host([selected]) .contents{height:auto;padding-top:1rem;opacity:1}";export{e as mds_accordion_timer_item}