@maggioli-design-system/mds-accordion-timer 3.0.0 → 3.2.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-02T09:55:44",
+  "timestamp": "2023-03-14T14:54:29",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -30,15 +30,15 @@
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
           "./dist/collection/interface/input-value.js",
-          "./dist/collection/types/autocomplete.js",
-          "./dist/collection/types/button.js",
-          "./dist/collection/types/floating-ui.js",
-          "./dist/collection/types/form-rel.js",
-          "./dist/collection/types/input-text-type.js",
-          "./dist/collection/types/input-value-type.js",
-          "./dist/collection/types/loading.js",
-          "./dist/collection/types/typography.js",
-          "./dist/collection/types/variant.js"
+          "./dist/collection/type/autocomplete.js",
+          "./dist/collection/type/button.js",
+          "./dist/collection/type/floating-ui.js",
+          "./dist/collection/type/form-rel.js",
+          "./dist/collection/type/input-text-type.js",
+          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/loading.js",
+          "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant.js"
         ]
       },
       {
@@ -55,17 +55,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-d958b818.js",
+          "./dist/cjs/index-b99075ba.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-timer.cjs.entry.js",
           "./dist/cjs/mds-accordion-timer.cjs.js",
-          "./dist/esm-es5/index-22b73a3a.js",
+          "./dist/esm-es5/index-bd689d6a.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-timer.entry.js",
           "./dist/esm-es5/mds-accordion-timer.js",
-          "./dist/esm/index-22b73a3a.js",
+          "./dist/esm/index-bd689d6a.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-accordion-timer.entry.js",
@@ -75,21 +75,21 @@
           "./dist/mds-accordion-timer/index.esm.js",
           "./dist/mds-accordion-timer/mds-accordion-timer.esm.js",
           "./dist/mds-accordion-timer/mds-accordion-timer.js",
-          "./dist/mds-accordion-timer/p-118bf4e5.system.entry.js",
-          "./dist/mds-accordion-timer/p-3face4e0.system.js",
+          "./dist/mds-accordion-timer/p-2bfbd758.system.entry.js",
+          "./dist/mds-accordion-timer/p-4620ac30.system.js",
+          "./dist/mds-accordion-timer/p-5029b85d.system.js",
           "./dist/mds-accordion-timer/p-50ea2036.system.js",
-          "./dist/mds-accordion-timer/p-9084d19f.js",
-          "./dist/mds-accordion-timer/p-c6d75694.system.js",
-          "./dist/mds-accordion-timer/p-f44da2be.entry.js",
+          "./dist/mds-accordion-timer/p-8d875f1d.entry.js",
+          "./dist/mds-accordion-timer/p-a7b74010.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer.esm.js",
           "./www/build/mds-accordion-timer.js",
-          "./www/build/p-118bf4e5.system.entry.js",
-          "./www/build/p-3face4e0.system.js",
+          "./www/build/p-2bfbd758.system.entry.js",
+          "./www/build/p-4620ac30.system.js",
+          "./www/build/p-5029b85d.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-9084d19f.js",
-          "./www/build/p-c6d75694.system.js",
-          "./www/build/p-f44da2be.entry.js"
+          "./www/build/p-8d875f1d.entry.js",
+          "./www/build/p-a7b74010.js"
         ]
       },
       {
@@ -122,12 +122,12 @@
         "components": [
           "mds-accordion-timer"
         ],
-        "bundleId": "p-f44da2be",
-        "fileName": "p-f44da2be.entry.js",
+        "bundleId": "p-8d875f1d",
+        "fileName": "p-8d875f1d.entry.js",
         "imports": [
-          "p-9084d19f.js"
+          "p-a7b74010.js"
         ],
-        "originalByteSize": 3432
+        "originalByteSize": 3512
       }
     ],
     "esm": [
@@ -139,9 +139,9 @@
         "bundleId": "mds-accordion-timer",
         "fileName": "mds-accordion-timer.entry.js",
         "imports": [
-          "index-22b73a3a.js"
+          "index-bd689d6a.js"
         ],
-        "originalByteSize": 3436
+        "originalByteSize": 3516
       }
     ],
     "es5": [
@@ -153,9 +153,9 @@
         "bundleId": "mds-accordion-timer",
         "fileName": "mds-accordion-timer.entry.js",
         "imports": [
-          "index-22b73a3a.js"
+          "index-bd689d6a.js"
         ],
-        "originalByteSize": 3436
+        "originalByteSize": 3516
       }
     ],
     "system": [
@@ -164,12 +164,12 @@
         "components": [
           "mds-accordion-timer"
         ],
-        "bundleId": "p-118bf4e5.system",
-        "fileName": "p-118bf4e5.system.entry.js",
+        "bundleId": "p-2bfbd758.system",
+        "fileName": "p-2bfbd758.system.entry.js",
         "imports": [
-          "p-3face4e0.system.js"
+          "p-5029b85d.system.js"
         ],
-        "originalByteSize": 4378
+        "originalByteSize": 4458
       }
     ],
     "commonjs": [
@@ -181,9 +181,9 @@
         "bundleId": "mds-accordion-timer.cjs",
         "fileName": "mds-accordion-timer.cjs.entry.js",
         "imports": [
-          "index-d958b818.js"
+          "index-b99075ba.js"
         ],
-        "originalByteSize": 3483
+        "originalByteSize": 3563
       }
     ]
   },
@@ -207,8 +207,8 @@
       "excludeFromCollection": false,
       "events": [
         {
-          "name": "itemActivated",
-          "method": "itemActivated",
+          "name": "mdsAccordionTimerChange",
+          "method": "changeEvent",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -217,8 +217,8 @@
             "text": "Emits when the accordion changes it's item"
           },
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "void",
+            "resolved": "void",
             "references": {}
           },
           "internal": false
@@ -229,20 +229,20 @@
       "legacyContext": [],
       "listeners": [
         {
-          "name": "activeClicked",
+          "name": "mdsAccordionTimerItemClickSelect",
           "method": "onClickActive",
           "capture": false,
           "passive": false
         },
         {
-          "name": "activeMouseEnter",
-          "method": "onMouseEnterActive",
+          "name": "mdsAccordionTimerItemMouseEnterSelect",
+          "method": "onMouseEnterSelect",
           "capture": false,
           "passive": false
         },
         {
-          "name": "activeMouseLeave",
-          "method": "onMouseLeaveActive",
+          "name": "mdsAccordionTimerItemMouseLeaveSelect",
+          "method": "onMouseLeaveSelect",
           "capture": false,
           "passive": false
         }
@@ -321,28 +321,28 @@
           "methods": [],
           "listeners": [
             {
-              "name": "activeClicked",
+              "name": "mdsAccordionTimerItemClickSelect",
               "method": "onClickActive",
               "capture": false,
               "passive": false
             },
             {
-              "name": "activeMouseEnter",
-              "method": "onMouseEnterActive",
+              "name": "mdsAccordionTimerItemMouseEnterSelect",
+              "method": "onMouseEnterSelect",
               "capture": false,
               "passive": false
             },
             {
-              "name": "activeMouseLeave",
-              "method": "onMouseLeaveActive",
+              "name": "mdsAccordionTimerItemMouseLeaveSelect",
+              "method": "onMouseLeaveSelect",
               "capture": false,
               "passive": false
             }
           ],
           "events": [
             {
-              "name": "itemActivated",
-              "method": "itemActivated",
+              "name": "mdsAccordionTimerChange",
+              "method": "changeEvent",
               "bubbles": true,
               "cancelable": true,
               "composed": true,
@@ -351,8 +351,8 @@
                 "text": "Emits when the accordion changes it's item"
               },
               "complexType": {
-                "original": "number",
-                "resolved": "number",
+                "original": "void",
+                "resolved": "void",
                 "references": {}
               },
               "internal": false
@@ -395,7 +395,7 @@
           "hasComponentWillRenderFn": false,
           "hasComponentDidRenderFn": false,
           "hasComponentDidUnloadFn": false,
-          "hasConnectedCallbackFn": true,
+          "hasConnectedCallbackFn": false,
           "hasDisconnectedCallbackFn": true,
           "hasElement": false,
           "hasEvent": true,
@@ -450,7 +450,7 @@
   ],
   "componentGraph": {
     "sc-mds-accordion-timer": [
-      "p-9084d19f.js"
+      "p-a7b74010.js"
     ]
   },
   "sourceGraph": {
@@ -472,15 +472,15 @@
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
     "./src/interface/input-value.ts": [],
-    "./src/types/autocomplete.ts": [],
-    "./src/types/button.ts": [],
-    "./src/types/floating-ui.ts": [],
-    "./src/types/form-rel.ts": [],
-    "./src/types/input-text-type.ts": [],
-    "./src/types/input-value-type.ts": [],
-    "./src/types/loading.ts": [],
-    "./src/types/typography.ts": [],
-    "./src/types/variant.ts": []
+    "./src/type/autocomplete.ts": [],
+    "./src/type/button.ts": [],
+    "./src/type/floating-ui.ts": [],
+    "./src/type/form-rel.ts": [],
+    "./src/type/input-text-type.ts": [],
+    "./src/type/input-value-type.ts": [],
+    "./src/type/loading.ts": [],
+    "./src/type/typography.ts": [],
+    "./src/type/variant.ts": []
   },
   "collections": []
 }

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

@@ -3,9 +3,9 @@ export declare class MdsAccordionTimer {
   private timer;
   private timeChecker;
   private timeStarted;
-  private activeItemDurationTime;
+  private selectedItemDurationTime;
   private children;
-  private activeItem;
+  private selectedItem;
   private element;
   time: number;
   /**
@@ -15,23 +15,22 @@ export declare class MdsAccordionTimer {
   /**
    * Emits when the accordion changes it's item
    */
-  itemActivated: EventEmitter<number>;
+  changeEvent: EventEmitter<void>;
   componentDidLoad(): void;
   private clearIntervals;
-  connectedCallback(): void;
   disconnectedCallback(): void;
   private progress;
   private addTimeListener;
   private beginningTime;
   private remainingTime;
-  private setActiveItem;
+  private setSelectedItem;
   private startNext;
   private startTimer;
   private playTimer;
   private pauseTimer;
   private stopTimer;
   onClickActive(event: CustomEvent<string>): void;
-  onMouseEnterActive(): void;
-  onMouseLeaveActive(): void;
+  onMouseEnterSelect(): void;
+  onMouseLeaveSelect(): void;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -37,7 +37,7 @@ declare namespace LocalJSX {
         /**
           * Emits when the accordion changes it's item
          */
-        "onItemActivated"?: (event: MdsAccordionTimerCustomEvent<number>) => void;
+        "onMdsAccordionTimerChange"?: (event: MdsAccordionTimerCustomEvent<void>) => void;
     }
     interface IntrinsicElements {
         "mds-accordion-timer": MdsAccordionTimer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-accordion-timer",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "description": "mds-accordion-timer 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",
@@ -23,7 +23,7 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-accordion-timer-item": "^3.0.0",
+    "@maggioli-design-system/mds-accordion-timer-item": "^3.1.0",
     "@maggioli-design-system/styles": "^11.2.1",
     "@stencil/core": "^2.22.2"
   },

package/readme.md

@@ -14,9 +14,9 @@
 
 ## Events
 
-| Event           | Description                                | Type                  |
-| --------------- | ------------------------------------------ | --------------------- |
-| `itemActivated` | Emits when the accordion changes it's item | `CustomEvent<number>` |
+| Event                     | Description                                | Type                |
+| ------------------------- | ------------------------------------------ | ------------------- |
+| `mdsAccordionTimerChange` | Emits when the accordion changes it's item | `CustomEvent<void>` |
 
 
 ----------------------------------------------

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

@@ -10,9 +10,9 @@ export class MdsAccordionTimer {
   private timer: number
   private timeChecker: number
   private timeStarted: number
-  private activeItemDurationTime: number
+  private selectedItemDurationTime: number
   private children: NodeListOf<HTMLMdsAccordionTimerItemElement>
-  private activeItem: HTMLMdsAccordionTimerItemElement
+  private selectedItem: HTMLMdsAccordionTimerItemElement
   @Element() private element: HTMLMdsAccordionTimerElement
 
   @State() time = 0
@@ -25,16 +25,20 @@ export class MdsAccordionTimer {
   /**
    * Emits when the accordion changes it's item
    */
-  @Event() itemActivated: EventEmitter<number>
+  @Event({ eventName: 'mdsAccordionTimerChange' }) changeEvent: EventEmitter<void>
 
   componentDidLoad (): void {
     this.children = this.element.querySelectorAll<HTMLMdsAccordionTimerItemElement>('mds-accordion-timer-item')
     this.children.forEach((item, key) => {
       item.uuid = key
-      if (item.active) {
-        this.activeItem = item
+      if (item.selected) {
+        this.selectedItem = item
       }
     })
+
+    if (this.selectedItem !== undefined) {
+      this.startTimer()
+    }
   }
 
   private clearIntervals = (): void => {
@@ -44,10 +48,6 @@ export class MdsAccordionTimer {
     this.timeChecker = null
   }
 
-  connectedCallback (): void {
-    this.startTimer()
-  }
-
   disconnectedCallback (): void {
     this.stopTimer()
     this.clearIntervals()
@@ -60,11 +60,11 @@ export class MdsAccordionTimer {
   private addTimeListener = (): void => {
     this.timeChecker = window.setInterval(() => {
       const progress = this.progress()
-      if (this.activeItem !== undefined) {
-        this.activeItem.progress = progress
+      if (this.selectedItem !== undefined) {
+        this.selectedItem.progress = progress
       }
       if (progress === 1) {
-        this.activeItem.progress = 0
+        this.selectedItem.progress = 0
         this.startNext()
       }
     }, 100)
@@ -76,32 +76,32 @@ export class MdsAccordionTimer {
   }
 
   private remainingTime = (): number => {
-    const remainingTime:number = this.activeItemDurationTime - ( (new Date()).getTime() - this.timeStarted )
+    const remainingTime:number = this.selectedItemDurationTime - ( (new Date()).getTime() - this.timeStarted )
     return remainingTime >= 0 ? remainingTime : 0
   }
 
-  private setActiveItem = (uuid: number): void => {
+  private setSelectedItem = (uuid: number): void => {
     this.children.forEach((item, key) => {
       if (key === uuid) {
-        item.active = true
-        this.activeItem = item
-        this.itemActivated.emit(uuid)
+        item.selected = true
+        this.selectedItem = item
+        this.changeEvent.emit()
       } else {
-        item.active = false
+        item.selected = false
       }
     })
   }
 
   private startNext = (): void => {
-    const nextUuid = this.activeItem.uuid + 1 > this.children.length - 1 ? 0 : this.activeItem.uuid + 1
-    this.setActiveItem(nextUuid)
+    const nextUuid = this.selectedItem.uuid + 1 > this.children.length - 1 ? 0 : this.selectedItem.uuid + 1
+    this.setSelectedItem(nextUuid)
     this.startTimer()
   }
 
   private startTimer = (): void => {
     this.clearIntervals()
     this.time = this.beginningTime()
-    this.activeItemDurationTime = this.duration
+    this.selectedItemDurationTime = this.duration
     this.addTimeListener()
   }
 
@@ -112,7 +112,7 @@ export class MdsAccordionTimer {
 
   private pauseTimer = (): void => {
     this.clearIntervals()
-    this.activeItemDurationTime = this.remainingTime()
+    this.selectedItemDurationTime = this.remainingTime()
   }
 
   private stopTimer = (): void => {
@@ -120,9 +120,9 @@ export class MdsAccordionTimer {
     this.time = null
   }
 
-  @Listen('activeClicked')
+  @Listen('mdsAccordionTimerItemClickSelect')
   onClickActive (event: CustomEvent<string>): void {
-    if (event.detail === this.activeItem.description) {
+    if (this.selectedItem && event.detail === this.selectedItem.description) {
       return
     }
     let selectedUuid: number
@@ -132,18 +132,18 @@ export class MdsAccordionTimer {
         selectedUuid = item.uuid
       }
     })
-    this.setActiveItem(selectedUuid)
+    this.setSelectedItem(selectedUuid)
     this.startTimer()
     this.pauseTimer()
   }
 
-  @Listen('activeMouseEnter')
-  onMouseEnterActive (): void {
+  @Listen('mdsAccordionTimerItemMouseEnterSelect')
+  onMouseEnterSelect (): void {
     this.pauseTimer()
   }
 
-  @Listen('activeMouseLeave')
-  onMouseLeaveActive (): void {
+  @Listen('mdsAccordionTimerItemMouseLeaveSelect')
+  onMouseLeaveSelect (): void {
     if (this.timeChecker === null) {
       this.playTimer()
     }

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

@@ -14,9 +14,9 @@
 
 ## Events
 
-| Event           | Description                                | Type                  |
-| --------------- | ------------------------------------------ | --------------------- |
-| `itemActivated` | Emits when the accordion changes it's item | `CustomEvent<number>` |
+| Event                     | Description                                | Type                |
+| ------------------------- | ------------------------------------------ | ------------------- |
+| `mdsAccordionTimerChange` | Emits when the accordion changes it's item | `CustomEvent<void>` |
 
 
 ----------------------------------------------

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

@@ -14,7 +14,7 @@ export default {
 const Template = args =>
   <div>
     <mds-accordion-timer {...args}>
-      <mds-accordion-timer-item active description="Blipbug">
+      <mds-accordion-timer-item description="Blipbug">
         <mds-text>Blipbug presenta delle fattezze riconducibili agli insetti nello stadio pre-crisalide. Il suo corpo si sviluppa in lunghezza, ed è formato principalmente da tre parti: la sua grande testa, il suo collo (molto simile ad un collare), e il corpo vero e proprio. La prima di queste è suddivisa in una parte color crema e una parte color denim; dello stesso colore sono le appenidici a forma di "V" che si trovano sopra e ai lati della testa. I suoi occhi sono enormi e grigi, ed hanno delle sottilissime sopracciglia sopra di essi. Il suo "collare", anch'esso color denim, presenta delle "setole" giallo sabbia, con le quali percepisce i segnali esterni: stesso colore si presenta nel segmento centrale della sua parte inferiore, dove sono presenti un primo paio di zampe crema. Il segmento superiore del corpo è bianco e ospita delle zampe anteriori color crema, ed infine, la parte finale, o la "coda", è color denim e finisce con un'appendice a "V" un po' piú grossa.</mds-text>
       </mds-accordion-timer-item>
       <mds-accordion-timer-item description="Drednaw">

package/src/components.d.ts

@@ -37,7 +37,7 @@ declare namespace LocalJSX {
         /**
           * Emits when the accordion changes it's item
          */
-        "onItemActivated"?: (event: MdsAccordionTimerCustomEvent<number>) => void;
+        "onMdsAccordionTimerChange"?: (event: MdsAccordionTimerCustomEvent<void>) => void;
     }
     interface IntrinsicElements {
         "mds-accordion-timer": MdsAccordionTimer;

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-9084d19f.js";export{s as setNonce}from"./p-9084d19f.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-f44da2be",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"activeClicked","onClickActive"],[0,"activeMouseEnter","onMouseEnterActive"],[0,"activeMouseLeave","onMouseLeaveActive"]]]]]],e)));
+import{p as e,b as o}from"./p-a7b74010.js";export{s as setNonce}from"./p-a7b74010.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-8d875f1d",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e)));

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

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-c6d75694.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-4620ac30.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/www/build/p-2bfbd758.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-5029b85d.system.js"],(function(e){"use strict";var t,i,n,r,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;r=e.H;s=e.g}],execute:function(){var c=":host{display:block}";var o=e("mds_accordion_timer",function(){function e(e){var n=this;t(this,e);this.changeEvent=i(this,"mdsAccordionTimerChange",7);this.clearIntervals=function(){window.clearInterval(n.timer);window.clearInterval(n.timeChecker);n.timer=null;n.timeChecker=null};this.progress=function(){return Math.abs(n.remainingTime()/n.duration-1)};this.addTimeListener=function(){n.timeChecker=window.setInterval((function(){var e=n.progress();if(n.selectedItem!==undefined){n.selectedItem.progress=e}if(e===1){n.selectedItem.progress=0;n.startNext()}}),100)};this.beginningTime=function(){n.timeStarted=(new Date).getTime();return n.timeStarted};this.remainingTime=function(){var e=n.selectedItemDurationTime-((new Date).getTime()-n.timeStarted);return e>=0?e:0};this.setSelectedItem=function(e){n.children.forEach((function(t,i){if(i===e){t.selected=true;n.selectedItem=t;n.changeEvent.emit()}else{t.selected=false}}))};this.startNext=function(){var e=n.selectedItem.uuid+1>n.children.length-1?0:n.selectedItem.uuid+1;n.setSelectedItem(e);n.startTimer()};this.startTimer=function(){n.clearIntervals();n.time=n.beginningTime();n.selectedItemDurationTime=n.duration;n.addTimeListener()};this.playTimer=function(){n.beginningTime();n.addTimeListener()};this.pauseTimer=function(){n.clearIntervals();n.selectedItemDurationTime=n.remainingTime()};this.stopTimer=function(){n.clearIntervals();n.time=null};this.time=0;this.duration=1e4}e.prototype.componentDidLoad=function(){var e=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(t,i){t.uuid=i;if(t.selected){e.selectedItem=t}}));if(this.selectedItem!==undefined){this.startTimer()}};e.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};e.prototype.onClickActive=function(e){if(this.selectedItem&&e.detail===this.selectedItem.description){return}var t;this.children.forEach((function(i){i.progress=0;if(i.description===e.detail){t=i.uuid}}));this.setSelectedItem(t);this.startTimer();this.pauseTimer()};e.prototype.onMouseEnterSelect=function(){this.pauseTimer()};e.prototype.onMouseLeaveSelect=function(){if(this.timeChecker===null){this.playTimer()}};e.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());o.style=c}}}));

package/www/build/p-4620ac30.system.js

@@ -0,0 +1 @@
+System.register(["./p-5029b85d.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-2bfbd758.system",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e)}))}}}));