@maggioli-design-system/mds-accordion-timer 2.2.0 → 3.1.0

package/dist/mds-accordion-timer/p-a7b74010.js

@@ -0,0 +1,2 @@
+let e,t,n=!1;const l=e=>"object"==(e=typeof e)||"function"===e;function o(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const s=(e,t,...n)=>{let o=null,s=!1,r=!1;const i=[],a=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?a(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!l(o))&&(o+=""),s&&r?i[i.length-1].t+=o:i.push(s?c(null,o):o),r=s)};a(n);const u=c(e,null);return u.l=t,i.length>0&&(u.o=i),u},c=(e,t)=>({i:0,u:e,t,m:null,o:null}),r={},i=e=>F(e).h,a=(e,t,n)=>{const l=i(e);return{emit:e=>u(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},u=(e,t,n)=>{const l=z.ce(t,n);return e.dispatchEvent(l),l},f=new WeakMap,d=e=>"sc-"+e.p,m=(t,n,l)=>{const o=n.o[l];let s,c,r=0;if(s=o.m=_.createElement(o.u),null!=e&&s["s-si"]!==e&&s.classList.add(s["s-si"]=e),o.o)for(r=0;r<o.o.length;++r)c=m(t,o,r),c&&s.appendChild(c);return s},h=(e,n,l,o,s,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);s<=c;++s)o[s]&&(r=m(null,l,s),r&&(o[s].m=r,i.insertBefore(r,n)))},p=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.m.remove()},$=(e,t)=>e.u===t.u,y=(e,t)=>{const n=t.m=e.m,l=e.o,o=t.o;null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,c=0,r=t.length-1,i=t[0],a=t[r],u=l.length-1,f=l[0],d=l[u];for(;s<=r&&c<=u;)null==i?i=t[++s]:null==a?a=t[--r]:null==f?f=l[++c]:null==d?d=l[--u]:$(i,f)?(y(i,f),i=t[++s],f=l[++c]):$(a,d)?(y(a,d),a=t[--r],d=l[--u]):$(i,d)?(y(i,d),e.insertBefore(i.m,a.m.nextSibling),i=t[++s],d=l[--u]):$(a,f)?(y(a,f),e.insertBefore(a.m,i.m),a=t[--r],f=l[++c]):(o=m(t&&t[c],n,c),f=l[++c],o&&i.m.parentNode.insertBefore(o,i.m));s>r?h(e,null==l[u+1]?null:l[u+1].m,n,l,c,u):c>u&&p(t,s,r)})(n,l,t,o):null!==o?h(n,null,t,o,0,o.length-1):null!==l&&p(l,0,l.length-1)},b=(e,t)=>{t&&!e.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$=t)))},w=(e,t)=>{if(e.i|=16,!(4&e.i))return b(e,e.v),Z((()=>v(e,t)));e.i|=512},v=(e,t)=>{const n=e.S;return t&&(e.i|=256,e.g&&(e.g.map((([e,t])=>k(n,e,t))),e.g=null)),C(void 0,(()=>S(e,n,t)))},S=async(e,t,n)=>{const l=e.h,s=l["s-rc"];n&&(e=>{const t=e.M,n=e.h,l=t.i,s=((e,t)=>{var n;let l=d(t);const s=D.get(l);if(e=11===e.nodeType?e:_,s)if("string"==typeof s){let t,c=f.get(e=e.head||e);if(c||f.set(e,c=new Set),!c.has(l)){{t=_.createElement("style"),t.innerHTML=s;const l=null!==(n=z.j)&&void 0!==n?n:o(_);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}c&&c.add(l)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);g(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>M(e);0===t.length?n():(Promise.all(t).then(n),e.i|=4,t.length=0)}},g=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const o=n.h,i=n.k||c(null,null),a=(e=>e&&e.u===r)(l)?l:s(null,null,l);t=o.tagName,a.u=null,a.i|=4,n.k=a,a.m=i.m=o.shadowRoot||o,e=o["s-sc"],y(i,a)})(n,l)}catch(e){U(e,n.h)}return null},M=e=>{const t=e.h,n=e.S,l=e.v;64&e.i||(e.i|=64,O(t),k(n,"componentDidLoad"),e.C(t),l||j()),e.$&&(e.$(),e.$=void 0),512&e.i&&Y((()=>w(e,!1))),e.i&=-517},j=()=>{O(_.documentElement),Y((()=>u(V,"appload",{detail:{namespace:"mds-accordion-timer"}})))},k=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){U(e)}},C=(e,t)=>e&&e.then?e.then(t):t(),O=e=>e.setAttribute("hydrated",""),P=(e,t,n)=>{if(t.O){const o=Object.entries(t.O),s=e.prototype;if(o.map((([e,[o]])=>{(31&o||2&n&&32&o)&&Object.defineProperty(s,e,{get(){return((e,t)=>F(this).P.get(t))(0,e)},set(n){((e,t,n,o)=>{const s=F(e),c=s.P.get(t),r=s.i,i=s.S;n=((e,t)=>null==e||l(e)?e:2&t?parseFloat(e):e)(n,o.O[t][0]),8&r&&void 0!==c||n===c||Number.isNaN(c)&&Number.isNaN(n)||(s.P.set(t,n),i&&2==(18&r)&&w(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){z.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=o.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},x=(e,t={})=>{var n;const l=[],s=t.exclude||[],c=V.customElements,r=_.head,i=r.querySelector("meta[charset]"),a=_.createElement("style"),u=[];let f,m=!0;Object.assign(z,t),z.L=new URL(t.resourcesUrl||"./",_.baseURI).href,e.map((e=>{e[1].map((t=>{const n={i:t[0],p:t[1],O:t[2],N:t[3]};n.O=t[2],n.N=t[3];const o=n.p,r=class extends HTMLElement{constructor(e){super(e),R(e=this,n),1&n.i&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),m?u.push(this):z.jmp((()=>(e=>{if(0==(1&z.i)){const t=F(e),n=t.M,l=()=>{};if(1&t.i)E(e,t,n.N);else{t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){b(t,t.v=n);break}}n.O&&Object.entries(n.O).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.i)){{if(t.i|=32,(o=q(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(P(o,n,2),o.isProxied=!0);const e=()=>{};t.i|=8;try{new o(t)}catch(e){U(e)}t.i&=-9,e()}if(o.style){let e=o.style;const t=d(n);if(!D.has(t)){const l=()=>{};((e,t,n)=>{let l=D.get(e);G&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,D.set(e,l)})(t,e,!!(1&n.i)),l()}}}const s=t.v,c=()=>w(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){z.jmp((()=>(()=>{if(0==(1&z.i)){const e=F(this),t=e.S;e.T&&(e.T.map((e=>e())),e.T=void 0),k(t,"disconnectedCallback")}})()))}componentOnReady(){return F(this).A}};n.F=e[0],s.includes(o)||c.get(o)||(l.push(o),c.define(o,P(r,n,1)))}))}));{a.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",a.setAttribute("data-styles","");const e=null!==(n=z.j)&&void 0!==n?n:o(_);null!=e&&a.setAttribute("nonce",e),r.insertBefore(a,i?i.nextSibling:r.firstChild)}m=!1,u.length?u.map((e=>e.connectedCallback())):z.jmp((()=>f=setTimeout(j,30)))},E=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=e,c=L(t,o),r=N(n);z.ael(s,l,c,r),(t.T=t.T||[]).push((()=>z.rel(s,l,c,r)))}))},L=(e,t)=>n=>{try{256&e.i?e.S[t](n):(e.g=e.g||[]).push([t,n])}catch(e){U(e)}},N=e=>0!=(2&e),T=e=>z.j=e,A=new WeakMap,F=e=>A.get(e),H=(e,t)=>A.set(t.S=e,t),R=(e,t)=>{const n={i:0,h:e,M:t,P:new Map};return n.A=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],E(e,n,t.N),A.set(e,n)},U=(e,t)=>(0,console.error)(e,t),W=new Map,q=e=>{const t=e.p.replace(/-/g,"_"),n=e.F,l=W.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(W.set(n,e),e[t])),U)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},D=new Map,V="undefined"!=typeof window?window:{},_=V.document||{head:{}},z={i:0,L:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},B=e=>Promise.resolve(e),G=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),I=[],J=[],K=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&z.i?Y(X):z.raf(X))},Q=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){U(e)}e.length=0},X=()=>{Q(I),Q(J),(n=I.length>0)&&z.raf(X)},Y=e=>B().then(e),Z=K(J,!0);export{r as H,x as b,a as c,i as g,s as h,B as p,H as r,T as s}

package/dist/mds-accordion-timer/p-aae0027a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as h,g as e}from"./p-a7b74010.js";const n=class{constructor(i){t(this,i),this.changeEvent=s(this,"mdsAccordionTimerChange",7),this.clearIntervals=()=>{window.clearInterval(this.timer),window.clearInterval(this.timeChecker),this.timer=null,this.timeChecker=null},this.progress=()=>Math.abs(this.remainingTime()/this.duration-1),this.addTimeListener=()=>{this.timeChecker=window.setInterval((()=>{const t=this.progress();void 0!==this.selectedItem&&(this.selectedItem.progress=t),1===t&&(this.selectedItem.progress=0,this.startNext())}),100)},this.beginningTime=()=>(this.timeStarted=(new Date).getTime(),this.timeStarted),this.remainingTime=()=>{const t=this.selectedItemDurationTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.setSelectedItem=t=>{this.children.forEach(((s,i)=>{i===t?(s.selected=!0,this.selectedItem=s,this.changeEvent.emit(t)):s.selected=!1}))},this.startNext=()=>{this.setSelectedItem(this.selectedItem.uuid+1>this.children.length-1?0:this.selectedItem.uuid+1),this.startTimer()},this.startTimer=()=>{this.clearIntervals(),this.time=this.beginningTime(),this.selectedItemDurationTime=this.duration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.selectedItemDurationTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals(),this.time=null},this.time=0,this.duration=1e4}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,s)=>{t.uuid=s,t.selected&&(this.selectedItem=t)})),void 0!==this.selectedItem&&this.startTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickActive(t){if(this.selectedItem&&t.detail===this.selectedItem.description)return;let s;this.children.forEach((i=>{i.progress=0,i.description===t.detail&&(s=i.uuid)})),this.setSelectedItem(s),this.startTimer(),this.pauseTimer()}onMouseEnterSelect(){this.pauseTimer()}onMouseLeaveSelect(){null===this.timeChecker&&this.playTimer()}render(){return i(h,null,i("slot",null))}get element(){return e(this)}};n.style=":host{display:block}";export{n as mds_accordion_timer}

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-20T18:15:56",
+  "timestamp": "2023-03-09T10:43:18",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -9,13 +9,14 @@
     "fsNamespace": "mds-accordion-timer",
     "components": 1,
     "entries": 1,
-    "bundles": 64,
+    "bundles": 65,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 23,
+        "files": 24,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-accordion-timer/mds-accordion-timer.js",
           "./dist/collection/components/mds-accordion-timer/test/mds-accordion-timer.stories.js",
           "./dist/collection/dictionary/autocomplete.js",
@@ -29,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"
         ]
       },
       {
@@ -54,17 +55,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-6821dfbc.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-5ca2b649.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-5ca2b649.js",
+          "./dist/esm/index-bd689d6a.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-accordion-timer.entry.js",
@@ -74,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-4620ac30.system.js",
+          "./dist/mds-accordion-timer/p-5029b85d.system.js",
           "./dist/mds-accordion-timer/p-50ea2036.system.js",
-          "./dist/mds-accordion-timer/p-59116e2a.system.js",
-          "./dist/mds-accordion-timer/p-5d8e384d.js",
-          "./dist/mds-accordion-timer/p-c4b2aa5c.system.js",
-          "./dist/mds-accordion-timer/p-e66497f2.system.entry.js",
-          "./dist/mds-accordion-timer/p-f0c71bfc.entry.js",
+          "./dist/mds-accordion-timer/p-7df47654.system.entry.js",
+          "./dist/mds-accordion-timer/p-a7b74010.js",
+          "./dist/mds-accordion-timer/p-aae0027a.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer.esm.js",
           "./www/build/mds-accordion-timer.js",
+          "./www/build/p-4620ac30.system.js",
+          "./www/build/p-5029b85d.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-59116e2a.system.js",
-          "./www/build/p-5d8e384d.js",
-          "./www/build/p-c4b2aa5c.system.js",
-          "./www/build/p-e66497f2.system.entry.js",
-          "./www/build/p-f0c71bfc.entry.js"
+          "./www/build/p-7df47654.system.entry.js",
+          "./www/build/p-a7b74010.js",
+          "./www/build/p-aae0027a.entry.js"
         ]
       },
       {
@@ -121,12 +122,12 @@
         "components": [
           "mds-accordion-timer"
         ],
-        "bundleId": "p-f0c71bfc",
-        "fileName": "p-f0c71bfc.entry.js",
+        "bundleId": "p-aae0027a",
+        "fileName": "p-aae0027a.entry.js",
         "imports": [
-          "p-5d8e384d.js"
+          "p-a7b74010.js"
         ],
-        "originalByteSize": 3432
+        "originalByteSize": 3516
       }
     ],
     "esm": [
@@ -138,9 +139,9 @@
         "bundleId": "mds-accordion-timer",
         "fileName": "mds-accordion-timer.entry.js",
         "imports": [
-          "index-5ca2b649.js"
+          "index-bd689d6a.js"
         ],
-        "originalByteSize": 3436
+        "originalByteSize": 3520
       }
     ],
     "es5": [
@@ -152,9 +153,9 @@
         "bundleId": "mds-accordion-timer",
         "fileName": "mds-accordion-timer.entry.js",
         "imports": [
-          "index-5ca2b649.js"
+          "index-bd689d6a.js"
         ],
-        "originalByteSize": 3436
+        "originalByteSize": 3520
       }
     ],
     "system": [
@@ -163,12 +164,12 @@
         "components": [
           "mds-accordion-timer"
         ],
-        "bundleId": "p-e66497f2.system",
-        "fileName": "p-e66497f2.system.entry.js",
+        "bundleId": "p-7df47654.system",
+        "fileName": "p-7df47654.system.entry.js",
         "imports": [
-          "p-59116e2a.system.js"
+          "p-5029b85d.system.js"
         ],
-        "originalByteSize": 4378
+        "originalByteSize": 4462
       }
     ],
     "commonjs": [
@@ -180,9 +181,9 @@
         "bundleId": "mds-accordion-timer.cjs",
         "fileName": "mds-accordion-timer.cjs.entry.js",
         "imports": [
-          "index-6821dfbc.js"
+          "index-b99075ba.js"
         ],
-        "originalByteSize": 3483
+        "originalByteSize": 3567
       }
     ]
   },
@@ -206,8 +207,8 @@
       "excludeFromCollection": false,
       "events": [
         {
-          "name": "itemActivated",
-          "method": "itemActivated",
+          "name": "mdsAccordionTimerChange",
+          "method": "changeEvent",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -228,20 +229,20 @@
       "legacyContext": [],
       "listeners": [
         {
-          "name": "clickActive",
+          "name": "mdsAccordionTimerItemClickSelect",
           "method": "onClickActive",
           "capture": false,
           "passive": false
         },
         {
-          "name": "mouseEnterActive",
-          "method": "onMouseEnterActive",
+          "name": "mdsAccordionTimerItemMouseEnterSelect",
+          "method": "onMouseEnterSelect",
           "capture": false,
           "passive": false
         },
         {
-          "name": "mouseLeaveActive",
-          "method": "onMouseLeaveActive",
+          "name": "mdsAccordionTimerItemMouseLeaveSelect",
+          "method": "onMouseLeaveSelect",
           "capture": false,
           "passive": false
         }
@@ -320,28 +321,28 @@
           "methods": [],
           "listeners": [
             {
-              "name": "clickActive",
+              "name": "mdsAccordionTimerItemClickSelect",
               "method": "onClickActive",
               "capture": false,
               "passive": false
             },
             {
-              "name": "mouseEnterActive",
-              "method": "onMouseEnterActive",
+              "name": "mdsAccordionTimerItemMouseEnterSelect",
+              "method": "onMouseEnterSelect",
               "capture": false,
               "passive": false
             },
             {
-              "name": "mouseLeaveActive",
-              "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,
@@ -394,7 +395,7 @@
           "hasComponentWillRenderFn": false,
           "hasComponentDidRenderFn": false,
           "hasComponentDidUnloadFn": false,
-          "hasConnectedCallbackFn": true,
+          "hasConnectedCallbackFn": false,
           "hasDisconnectedCallbackFn": true,
           "hasElement": false,
           "hasEvent": true,
@@ -449,11 +450,12 @@
   ],
   "componentGraph": {
     "sc-mds-accordion-timer": [
-      "p-5d8e384d.js"
+      "p-a7b74010.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
+    "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-accordion-timer/mds-accordion-timer.tsx": [],
     "./src/components/mds-accordion-timer/test/mds-accordion-timer.stories.tsx": [],
     "./src/dictionary/autocomplete.ts": [],
@@ -461,7 +463,8 @@
     "./src/dictionary/color.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json"
+      "./src/fixtures/icons.json",
+      "./src/fixtures/iconsauce.json"
     ],
     "./src/dictionary/input-text-type.ts": [],
     "./src/dictionary/loading.ts": [],
@@ -469,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/common/keyboard-manager.d.ts

@@ -0,0 +1,11 @@
+export declare class KeyboardManager {
+  private escapeCallback;
+  private elements;
+  private handleClickBehaviorDispatchEvent;
+  private handleEscapeBehaviorDispatchEvent;
+  addElement: (el: HTMLElement, name?: string) => void;
+  attachClickBehavior: (name?: string) => void;
+  detachClickBehavior: (name?: string) => void;
+  attachEscapeBehavior: (callBack: () => void) => void;
+  detachEscapeBehavior: () => void;
+}

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<number>;
   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<number>) => void;
     }
     interface IntrinsicElements {
         "mds-accordion-timer": MdsAccordionTimer;

package/dist/types/dictionary/icon.d.ts

@@ -1,2 +1,3 @@
 declare const iconsDictionary: string[];
-export { iconsDictionary, };
+declare const mggIconsDictionary: string[];
+export { iconsDictionary, mggIconsDictionary, };

package/dist/types/dictionary/typography.d.ts

@@ -1,9 +1,10 @@
 declare const typographyDictionary: string[];
 declare const typographyVariationsDictionary: string[];
+declare const typographyReadingVariationsDictionary: string[];
 declare const typographyMonoDictionary: string[];
 declare const typographyTitleDictionary: string[];
 declare const typographyInfoDictionary: string[];
 declare const typographyReadDictionary: string[];
 declare const typographySmallerDictionary: string[];
 declare const typographyTooltipDictionary: string[];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/types/stencil-public-runtime.d.ts

@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;

package/dist/types/{types → type}/typography.d.ts

@@ -1,5 +1,6 @@
 export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
+export type TypographyReadingVariants = 'info' | 'read';
 export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyReadType = 'caption' | 'detail' | 'paragraph';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-accordion-timer",
-  "version": "2.2.0",
+  "version": "3.1.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,9 +23,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-accordion-timer-item": "^2.1.1",
-    "@maggioli-design-system/styles": "^10.0.1",
-    "@stencil/core": "^2.22.1"
+    "@maggioli-design-system/mds-accordion-timer-item": "^3.0.1",
+    "@maggioli-design-system/styles": "^11.2.1",
+    "@stencil/core": "^2.22.2"
   },
   "license": "MIT",
   "author": {

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<number>` |
 
 
 ----------------------------------------------

package/src/common/keyboard-manager.ts

@@ -0,0 +1,46 @@
+export class KeyboardManager {
+  private escapeCallback: () => void
+  private elements = []
+
+  private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+      (event.target as HTMLElement).click()
+    }
+  }
+
+  private handleEscapeBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Escape' && this.escapeCallback) {
+      this.escapeCallback()
+    }
+  }
+
+  addElement = (el: HTMLElement, name = 'element'): void => {
+    this.elements[name] = el
+  }
+
+  attachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  detachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  attachEscapeBehavior = (callBack: () => void): void => {
+    this.escapeCallback = callBack
+    if (typeof window !== undefined) {
+      window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+
+  detachEscapeBehavior = (): void => {
+    this.escapeCallback = null
+    if (typeof window !== undefined) {
+      window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+}