@maggioli-design-system/mds-accordion-timer 4.0.0 → 4.0.1

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

@@ -13,7 +13,9 @@ const MdsAccordionTimer = class {
         this.changeEvent = index.createEvent(this, "mdsAccordionTimerChange", 7);
         this.currentDuration = 0;
         this.clearIntervals = () => {
-            window.clearInterval(this.timeChecker);
+            if (typeof window !== 'undefined') {
+                window.clearInterval(this.timeChecker);
+            }
             this.timeChecker = 0;
         };
         this.remainingTime = () => {
@@ -24,16 +26,18 @@ const MdsAccordionTimer = class {
             return Math.abs(this.remainingTime() / this.currentDuration - 1);
         };
         this.addTimeListener = () => {
-            this.timeChecker = window.setInterval(() => {
-                const progress = this.progress();
-                if (this.selectedItem !== undefined) {
-                    this.selectedItem.progress = progress;
-                }
-                if (progress === 1) {
-                    this.selectedItem.progress = 0;
-                    this.startNext();
-                }
-            }, 100);
+            if (typeof window !== 'undefined') {
+                this.timeChecker = window.setInterval(() => {
+                    const progress = this.progress();
+                    if (this.selectedItem !== undefined) {
+                        this.selectedItem.progress = progress;
+                    }
+                    if (progress === 1) {
+                        this.selectedItem.progress = 0;
+                        this.startNext();
+                    }
+                }, 100);
+            }
         };
         this.beginningTime = () => {
             this.timeStarted = (new Date()).getTime();
@@ -138,7 +142,7 @@ const MdsAccordionTimer = class {
         this.playTimer();
     }
     render() {
-        return (index.h(index.Host, { key: '4b2e910a4c4099ecaaf7355c05c4d69a4e2e9d65' }, index.h("slot", { key: '737db21aa1b2b8cbbcf760b715feea1eef8ad5ed' })));
+        return (index.h(index.Host, { key: '9816683b4c8bacb97302685b1f1b45ff8ab1a209' }, index.h("slot", { key: 'b411a4cdbb6f133f871979df4eccd70433567b56' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/common/aria.js

@@ -18,6 +18,22 @@ const setAttributeIfEmpty = (element, attribute, value) => {
     element.setAttribute(attribute, value);
     return value;
 };
+const removeAttributesIf = (element, attribute, valueCheck = 'true', cleanAttributes) => {
+    if (ifAttribute(element, attribute, valueCheck)) {
+        const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes];
+        attributesList.forEach(attributeToRemove => {
+            element.removeAttribute(attributeToRemove);
+        });
+        return true;
+    }
+    return false;
+};
+const ifAttribute = (element, attribute, valueCheck = 'true') => {
+    if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
+        return true;
+    }
+    return false;
+};
 const hashValue = (value) => `${value}-${hash(value)}`;
 const hashRandomValue = (value) => {
     const randomValue = randomInt(1000000);
@@ -26,4 +42,4 @@ const hashRandomValue = (value) => {
     }
     return hash(randomValue.toString());
 };
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

package/dist/collection/common/device.js

@@ -0,0 +1,6 @@
+const isMobileDevice = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    return /android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
+};
+export { isMobileDevice, };

package/dist/collection/common/keyboard-manager.js

@@ -31,13 +31,13 @@ export class KeyboardManager {
         };
         this.attachEscapeBehavior = (callback) => {
             this.escapeCallback = callback;
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }
         };
         this.detachEscapeBehavior = () => {
             this.escapeCallback = () => { return; };
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }
         };

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

@@ -6,7 +6,9 @@ export class MdsAccordionTimer {
     constructor() {
         this.currentDuration = 0;
         this.clearIntervals = () => {
-            window.clearInterval(this.timeChecker);
+            if (typeof window !== 'undefined') {
+                window.clearInterval(this.timeChecker);
+            }
             this.timeChecker = 0;
         };
         this.remainingTime = () => {
@@ -17,16 +19,18 @@ export class MdsAccordionTimer {
             return Math.abs(this.remainingTime() / this.currentDuration - 1);
         };
         this.addTimeListener = () => {
-            this.timeChecker = window.setInterval(() => {
-                const progress = this.progress();
-                if (this.selectedItem !== undefined) {
-                    this.selectedItem.progress = progress;
-                }
-                if (progress === 1) {
-                    this.selectedItem.progress = 0;
-                    this.startNext();
-                }
-            }, 100);
+            if (typeof window !== 'undefined') {
+                this.timeChecker = window.setInterval(() => {
+                    const progress = this.progress();
+                    if (this.selectedItem !== undefined) {
+                        this.selectedItem.progress = progress;
+                    }
+                    if (progress === 1) {
+                        this.selectedItem.progress = 0;
+                        this.startNext();
+                    }
+                }, 100);
+            }
         };
         this.beginningTime = () => {
             this.timeStarted = (new Date()).getTime();
@@ -131,7 +135,7 @@ export class MdsAccordionTimer {
         this.playTimer();
     }
     render() {
-        return (h(Host, { key: '4b2e910a4c4099ecaaf7355c05c4d69a4e2e9d65' }, h("slot", { key: '737db21aa1b2b8cbbcf760b715feea1eef8ad5ed' })));
+        return (h(Host, { key: '9816683b4c8bacb97302685b1f1b45ff8ab1a209' }, h("slot", { key: 'b411a4cdbb6f133f871979df4eccd70433567b56' })));
     }
     static get is() { return "mds-accordion-timer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/dictionary/file-extensions.js

@@ -1,61 +1,119 @@
 const fileExtensionsDictionary = {
-    '7z': { format: 'archive', description: 'Archivio compresso' },
-    ace: { format: 'archive', description: 'Archivio compresso' },
-    ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
-    dart: { format: 'code', description: 'Dart' },
-    db: { format: 'data', description: 'File di database' },
-    default: { format: 'attachment', description: 'Formato sconosciuto' },
-    dmg: { format: 'executable', description: 'Apple Disk Image' },
-    doc: { format: 'text', description: 'Documento Microsoft Word' },
-    docm: { format: 'text', description: 'Documento Microsoft Word' },
-    docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
-    eml: { format: 'email', description: 'E-mail di posta elettronica' },
-    eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
-    exe: { format: 'executable', description: 'File eseguibile Windows' },
-    flac: { format: 'audio', description: 'Audio non compresso' },
-    gif: { format: 'image', description: 'Immagine compressa', preview: true },
-    htm: { format: 'markup', description: 'Pagina web' },
-    heic: { format: 'image', description: 'High Efficiency Image File Format' },
-    html: { format: 'markup', description: 'Pagina web' },
-    jpe: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpg: { format: 'image', description: 'Immagine compressa', preview: true },
-    js: { format: 'code', description: 'JavaScript' },
-    json: { format: 'data', description: 'JavaScript Object Notation' },
-    jsx: { format: 'code', description: 'JavaScript' },
-    m2v: { format: 'video', description: 'Filmato SD' },
-    mp2: { format: 'audio', description: 'Audio compresso' },
-    mp3: { format: 'audio', description: 'Audio compresso' },
-    mp4: { format: 'video', description: 'Filmato HD' },
-    mp4v: { format: 'video', description: 'Filmato HD' },
-    mpeg: { format: 'video', description: 'Filmato SD' },
-    mpg4: { format: 'video', description: 'Filmato SD' },
-    mpg: { format: 'video', description: 'Filmato SD' },
-    mpga: { format: 'audio', description: 'Audio compresso' },
-    odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
-    ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
-    odt: { format: 'text', description: 'File di testo LibreOffice' },
-    pdf: { format: 'document', description: 'Documento Adobe' },
-    php: { format: 'code', description: 'Hypertext Preprocessor' },
-    png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
-    ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
-    rar: { format: 'archive', description: 'Archivio compresso' },
-    rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
-    sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
-    shtml: { format: 'markup', description: 'Pagina web' },
-    svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
-    tar: { format: 'archive', description: 'Archivio non compresso' },
-    tiff: { format: 'image', description: 'Tag Image File Format' },
-    ts: { format: 'code', description: 'TypeScript' },
-    tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
-    txt: { format: 'text', description: 'Documento di testo non formattato' },
-    wav: { format: 'audio', description: 'Audio non compresso' },
-    webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
-    xar: { format: 'archive', description: 'Archivio compresso' },
-    xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    zip: { format: 'archive', description: 'Archivio compresso' },
+    '7z': { format: 'archive', description: 'compressedArchive' },
+    ace: { format: 'archive', description: 'compressedArchive' },
+    ai: { format: 'vector', description: 'fileAI' },
+    dart: { format: 'code', description: 'dart' },
+    db: { format: 'data', description: 'fileDB' },
+    default: { format: 'attachment', description: 'unknown' },
+    dmg: { format: 'executable', description: 'appleDiskImage' },
+    doc: { format: 'text', description: 'documentMS' },
+    docm: { format: 'text', description: 'documentMS' },
+    docx: { format: 'text', description: 'compressedDocumentMS' },
+    eml: { format: 'email', description: 'email' },
+    eps: { format: 'vector', description: 'fileEPS' },
+    exe: { format: 'executable', description: 'fileEXE' },
+    flac: { format: 'audio', description: 'uncompressedAudio' },
+    gif: { format: 'image', description: 'compressedImage', preview: true },
+    htm: { format: 'markup', description: 'documentWeb' },
+    heic: { format: 'image', description: 'imageHEFF' },
+    html: { format: 'markup', description: 'documentWeb' },
+    jpe: { format: 'image', description: 'compressedImage', preview: true },
+    jpeg: { format: 'image', description: 'compressedImage', preview: true },
+    jpg: { format: 'image', description: 'compressedImage', preview: true },
+    js: { format: 'code', description: 'fileJS' },
+    json: { format: 'data', description: 'fileJSON' },
+    jsx: { format: 'code', description: 'fileJS' },
+    m2v: { format: 'video', description: 'videoSD' },
+    mp2: { format: 'audio', description: 'compressedAudio' },
+    mp3: { format: 'audio', description: 'compressedAudio' },
+    mp4: { format: 'video', description: 'videoHD' },
+    mp4v: { format: 'video', description: 'videoHD' },
+    mpeg: { format: 'video', description: 'videoSD' },
+    mpg4: { format: 'video', description: 'videoSD' },
+    mpg: { format: 'video', description: 'videoSD' },
+    mpga: { format: 'audio', description: 'compressedAudio' },
+    odp: { format: 'slide', description: 'slideLO' },
+    ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+    odt: { format: 'text', description: 'documentLO' },
+    pdf: { format: 'document', description: 'documentAdobe' },
+    php: { format: 'code', description: 'filePHP' },
+    png: { format: 'image', description: 'imagePNG', preview: true },
+    ppt: { format: 'slide', description: 'slidePowerPoint' },
+    rar: { format: 'archive', description: 'compressedArchive' },
+    rtf: { format: 'text', description: 'documentRTF' },
+    sass: { format: 'code', description: 'fileSASS' },
+    shtml: { format: 'markup', description: 'documentWeb' },
+    svg: { format: 'vector', description: 'imageSVG', preview: true },
+    tar: { format: 'archive', description: 'uncompressedArchive' },
+    tiff: { format: 'image', description: 'imageTIFF' },
+    ts: { format: 'code', description: 'fileTS' },
+    tsx: { format: 'code', description: 'fileTSX' },
+    txt: { format: 'text', description: 'documentTXT' },
+    wav: { format: 'audio', description: 'uncompressedAudio' },
+    webp: { format: 'image', description: 'imageWEBP', preview: true },
+    xar: { format: 'archive', description: 'compressedArchive' },
+    xls: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    zip: { format: 'archive', description: 'compressedArchive' },
 };
+// const fileExtensionsDictionary: FileExtenstion = {
+//   '7z': { format: 'archive', description: 'Archivio compresso' },
+//   ace: { format: 'archive', description: 'Archivio compresso' },
+//   ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
+//   dart: { format: 'code', description: 'Dart' },
+//   db: { format: 'data', description: 'File di database' },
+//   default: { format: 'attachment', description: 'Formato sconosciuto' },
+//   dmg: { format: 'executable', description: 'Apple Disk Image' },
+//   doc: { format: 'text', description: 'Documento Microsoft Word' },
+//   docm: { format: 'text', description: 'Documento Microsoft Word' },
+//   docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
+//   eml: { format: 'email', description: 'E-mail di posta elettronica' },
+//   eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
+//   exe: { format: 'executable', description: 'File eseguibile Windows' },
+//   flac: { format: 'audio', description: 'Audio non compresso' },
+//   gif: { format: 'image', description: 'Immagine compressa', preview: true },
+//   htm: { format: 'markup', description: 'Pagina web' },
+//   heic: { format: 'image', description: 'High Efficiency Image File Format' },
+//   html: { format: 'markup', description: 'Pagina web' },
+//   jpe: { format: 'image', description: 'Immagine compressa', preview: true },
+//   jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
+//   jpg: { format: 'image', description: 'Immagine compressa', preview: true },
+//   js: { format: 'code', description: 'JavaScript' },
+//   json: { format: 'data', description: 'JavaScript Object Notation' },
+//   jsx: { format: 'code', description: 'JavaScript' },
+//   m2v: { format: 'video', description: 'Filmato SD' },
+//   mp2: { format: 'audio', description: 'Audio compresso' },
+//   mp3: { format: 'audio', description: 'Audio compresso' },
+//   mp4: { format: 'video', description: 'Filmato HD' },
+//   mp4v: { format: 'video', description: 'Filmato HD' },
+//   mpeg: { format: 'video', description: 'Filmato SD' },
+//   mpg4: { format: 'video', description: 'Filmato SD' },
+//   mpg: { format: 'video', description: 'Filmato SD' },
+//   mpga: { format: 'audio', description: 'Audio compresso' },
+//   odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
+//   ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
+//   odt: { format: 'text', description: 'File di testo LibreOffice' },
+//   pdf: { format: 'document', description: 'Documento Adobe' },
+//   php: { format: 'code', description: 'Hypertext Preprocessor' },
+//   png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
+//   ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
+//   rar: { format: 'archive', description: 'Archivio compresso' },
+//   rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
+//   sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
+//   shtml: { format: 'markup', description: 'Pagina web' },
+//   svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
+//   tar: { format: 'archive', description: 'Archivio non compresso' },
+//   tiff: { format: 'image', description: 'Tag Image File Format' },
+//   ts: { format: 'code', description: 'TypeScript' },
+//   tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
+//   txt: { format: 'text', description: 'Documento di testo non formattato' },
+//   wav: { format: 'audio', description: 'Audio non compresso' },
+//   webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
+//   xar: { format: 'archive', description: 'Archivio compresso' },
+//   xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+//   xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+//   zip: { format: 'archive', description: 'Archivio compresso' },
+// }
 const genericMimeToExt = new Map([
     ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
     ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],

package/dist/collection/dictionary/text.js

@@ -1,6 +1,65 @@
+const typographyTagDictionary = [
+    'abbr',
+    'address',
+    'article',
+    'b',
+    'bdo',
+    'blockquote',
+    'cite',
+    'code',
+    'dd',
+    'del',
+    'details',
+    'dfn',
+    'div',
+    'dl',
+    'dt',
+    'em',
+    'figcaption',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'i',
+    'ins',
+    'kbd',
+    'label',
+    'legend',
+    'li',
+    'mark',
+    'ol',
+    'p',
+    'pre',
+    'q',
+    'rb',
+    'rt',
+    'ruby',
+    's',
+    'samp',
+    'small',
+    'span',
+    'strong',
+    'sub',
+    'summary',
+    'sup',
+    'time',
+    'u',
+    'ul',
+    'var',
+];
+const typographyHeadingTagDictionary = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+];
 const truncateDictionary = [
     'all',
     'none',
     'word',
 ];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

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

@@ -11,7 +11,9 @@ const MdsAccordionTimer$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccordionT
         this.changeEvent = createEvent(this, "mdsAccordionTimerChange", 7);
         this.currentDuration = 0;
         this.clearIntervals = () => {
-            window.clearInterval(this.timeChecker);
+            if (typeof window !== 'undefined') {
+                window.clearInterval(this.timeChecker);
+            }
             this.timeChecker = 0;
         };
         this.remainingTime = () => {
@@ -22,16 +24,18 @@ const MdsAccordionTimer$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccordionT
             return Math.abs(this.remainingTime() / this.currentDuration - 1);
         };
         this.addTimeListener = () => {
-            this.timeChecker = window.setInterval(() => {
-                const progress = this.progress();
-                if (this.selectedItem !== undefined) {
-                    this.selectedItem.progress = progress;
-                }
-                if (progress === 1) {
-                    this.selectedItem.progress = 0;
-                    this.startNext();
-                }
-            }, 100);
+            if (typeof window !== 'undefined') {
+                this.timeChecker = window.setInterval(() => {
+                    const progress = this.progress();
+                    if (this.selectedItem !== undefined) {
+                        this.selectedItem.progress = progress;
+                    }
+                    if (progress === 1) {
+                        this.selectedItem.progress = 0;
+                        this.startNext();
+                    }
+                }, 100);
+            }
         };
         this.beginningTime = () => {
             this.timeStarted = (new Date()).getTime();
@@ -136,7 +140,7 @@ const MdsAccordionTimer$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccordionT
         this.playTimer();
     }
     render() {
-        return (h(Host, { key: '4b2e910a4c4099ecaaf7355c05c4d69a4e2e9d65' }, h("slot", { key: '737db21aa1b2b8cbbcf760b715feea1eef8ad5ed' })));
+        return (h(Host, { key: '9816683b4c8bacb97302685b1f1b45ff8ab1a209' }, h("slot", { key: 'b411a4cdbb6f133f871979df4eccd70433567b56' })));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T17:16:08",
+  "timestamp": "2024-12-04T18:05:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",

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

@@ -9,7 +9,9 @@ const MdsAccordionTimer = class {
         this.changeEvent = createEvent(this, "mdsAccordionTimerChange", 7);
         this.currentDuration = 0;
         this.clearIntervals = () => {
-            window.clearInterval(this.timeChecker);
+            if (typeof window !== 'undefined') {
+                window.clearInterval(this.timeChecker);
+            }
             this.timeChecker = 0;
         };
         this.remainingTime = () => {
@@ -20,16 +22,18 @@ const MdsAccordionTimer = class {
             return Math.abs(this.remainingTime() / this.currentDuration - 1);
         };
         this.addTimeListener = () => {
-            this.timeChecker = window.setInterval(() => {
-                const progress = this.progress();
-                if (this.selectedItem !== undefined) {
-                    this.selectedItem.progress = progress;
-                }
-                if (progress === 1) {
-                    this.selectedItem.progress = 0;
-                    this.startNext();
-                }
-            }, 100);
+            if (typeof window !== 'undefined') {
+                this.timeChecker = window.setInterval(() => {
+                    const progress = this.progress();
+                    if (this.selectedItem !== undefined) {
+                        this.selectedItem.progress = progress;
+                    }
+                    if (progress === 1) {
+                        this.selectedItem.progress = 0;
+                        this.startNext();
+                    }
+                }, 100);
+            }
         };
         this.beginningTime = () => {
             this.timeStarted = (new Date()).getTime();
@@ -134,7 +138,7 @@ const MdsAccordionTimer = class {
         this.playTimer();
     }
     render() {
-        return (h(Host, { key: '4b2e910a4c4099ecaaf7355c05c4d69a4e2e9d65' }, h("slot", { key: '737db21aa1b2b8cbbcf760b715feea1eef8ad5ed' })));
+        return (h(Host, { key: '9816683b4c8bacb97302685b1f1b45ff8ab1a209' }, h("slot", { key: 'b411a4cdbb6f133f871979df4eccd70433567b56' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-af411208.js";var mdsAccordionTimerCss="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";var MdsAccordionTimerStyle0=mdsAccordionTimerCss;var MdsAccordionTimer=function(){function t(t){var i=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsAccordionTimerChange",7);this.currentDuration=0;this.clearIntervals=function(){window.clearInterval(i.timeChecker);i.timeChecker=0};this.remainingTime=function(){var t=i.selectedItemRemainingTime-((new Date).getTime()-i.timeStarted);return t>=0?t:0};this.progress=function(){return Math.abs(i.remainingTime()/i.currentDuration-1)};this.addTimeListener=function(){i.timeChecker=window.setInterval((function(){var t=i.progress();if(i.selectedItem!==undefined){i.selectedItem.progress=t}if(t===1){i.selectedItem.progress=0;i.startNext()}}),100)};this.beginningTime=function(){i.timeStarted=(new Date).getTime();return i.timeStarted};this.setSelectedItem=function(t){i.children.forEach((function(n,e){if(e===t){n.selected=true;n.duration?i.currentDuration=n.duration:i.currentDuration=i.duration;i.selectedItem=n;i.changeEvent.emit({index:e})}else{n.selected=false}}))};this.startNext=function(){var t=i.selectedItem.uuid+1>i.children.length-1?0:i.selectedItem.uuid+1;i.setSelectedItem(t);i.startTimer()};this.startTimer=function(){i.clearIntervals();i.time=i.beginningTime();i.selectedItemRemainingTime=i.currentDuration;i.addTimeListener()};this.playTimer=function(){i.beginningTime();i.addTimeListener()};this.pauseTimer=function(){i.clearIntervals();i.selectedItemRemainingTime=i.remainingTime()};this.stopTimer=function(){i.clearIntervals()};this.time=0;this.duration=1e4;this.paused=undefined}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(i,n){i.uuid=n;if(i.selected){i.duration?t.currentDuration=i.duration:t.currentDuration=t.duration;t.selectedItem=i}}));if(this.selectedItem!==undefined){this.startTimer()}if(this.paused){this.pauseTimer()}};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickSelect=function(t){this.clearIntervals();if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer();this.pauseTimer()};t.prototype.onSelect=function(t){this.clearIntervals();this.paused=false;if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer()};t.prototype.onMouseEnterSelect=function(){if(this.paused){return}this.pauseTimer()};t.prototype.onMouseLeaveSelect=function(){if(this.paused){return}if(this.timeChecker===0){this.playTimer()}};t.prototype.handlePaused=function(t){if(t){this.pauseTimer();return}this.playTimer()};t.prototype.render=function(){return h(Host,{key:"4b2e910a4c4099ecaaf7355c05c4d69a4e2e9d65"},h("slot",{key:"737db21aa1b2b8cbbcf760b715feea1eef8ad5ed"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{paused:["handlePaused"]}},enumerable:false,configurable:true});return t}();MdsAccordionTimer.style=MdsAccordionTimerStyle0;export{MdsAccordionTimer as mds_accordion_timer};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-af411208.js";var mdsAccordionTimerCss="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";var MdsAccordionTimerStyle0=mdsAccordionTimerCss;var MdsAccordionTimer=function(){function t(t){var i=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsAccordionTimerChange",7);this.currentDuration=0;this.clearIntervals=function(){if(typeof window!=="undefined"){window.clearInterval(i.timeChecker)}i.timeChecker=0};this.remainingTime=function(){var t=i.selectedItemRemainingTime-((new Date).getTime()-i.timeStarted);return t>=0?t:0};this.progress=function(){return Math.abs(i.remainingTime()/i.currentDuration-1)};this.addTimeListener=function(){if(typeof window!=="undefined"){i.timeChecker=window.setInterval((function(){var t=i.progress();if(i.selectedItem!==undefined){i.selectedItem.progress=t}if(t===1){i.selectedItem.progress=0;i.startNext()}}),100)}};this.beginningTime=function(){i.timeStarted=(new Date).getTime();return i.timeStarted};this.setSelectedItem=function(t){i.children.forEach((function(n,e){if(e===t){n.selected=true;n.duration?i.currentDuration=n.duration:i.currentDuration=i.duration;i.selectedItem=n;i.changeEvent.emit({index:e})}else{n.selected=false}}))};this.startNext=function(){var t=i.selectedItem.uuid+1>i.children.length-1?0:i.selectedItem.uuid+1;i.setSelectedItem(t);i.startTimer()};this.startTimer=function(){i.clearIntervals();i.time=i.beginningTime();i.selectedItemRemainingTime=i.currentDuration;i.addTimeListener()};this.playTimer=function(){i.beginningTime();i.addTimeListener()};this.pauseTimer=function(){i.clearIntervals();i.selectedItemRemainingTime=i.remainingTime()};this.stopTimer=function(){i.clearIntervals()};this.time=0;this.duration=1e4;this.paused=undefined}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(i,n){i.uuid=n;if(i.selected){i.duration?t.currentDuration=i.duration:t.currentDuration=t.duration;t.selectedItem=i}}));if(this.selectedItem!==undefined){this.startTimer()}if(this.paused){this.pauseTimer()}};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickSelect=function(t){this.clearIntervals();if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer();this.pauseTimer()};t.prototype.onSelect=function(t){this.clearIntervals();this.paused=false;if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer()};t.prototype.onMouseEnterSelect=function(){if(this.paused){return}this.pauseTimer()};t.prototype.onMouseLeaveSelect=function(){if(this.paused){return}if(this.timeChecker===0){this.playTimer()}};t.prototype.handlePaused=function(t){if(t){this.pauseTimer();return}this.playTimer()};t.prototype.render=function(){return h(Host,{key:"9816683b4c8bacb97302685b1f1b45ff8ab1a209"},h("slot",{key:"b411a4cdbb6f133f871979df4eccd70433567b56"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{paused:["handlePaused"]}},enumerable:false,configurable:true});return t}();MdsAccordionTimer.style=MdsAccordionTimerStyle0;export{MdsAccordionTimer as mds_accordion_timer};

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-8dd37a13.js";export{s as setNonce}from"./p-8dd37a13.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o([["p-4dac14fb",[[1,"mds-accordion-timer",{duration:[514],paused:[516],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{paused:["handlePaused"]}]]]],e))));
+import{p as e,b as o}from"./p-8dd37a13.js";export{s as setNonce}from"./p-8dd37a13.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o([["p-86e0d6b4",[[1,"mds-accordion-timer",{duration:[514],paused:[516],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{paused:["handlePaused"]}]]]],e))));

package/dist/mds-accordion-timer/p-25856ee2.system.js

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

package/dist/mds-accordion-timer/p-4eb3ec08.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-62c48ff3.system.js"],(function(t){"use strict";var n,i,e,r,o;return{setters:[function(t){n=t.r;i=t.c;e=t.h;r=t.H;o=t.g}],execute:function(){var s="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";var c=s;var a=t("mds_accordion_timer",function(){function t(t){var e=this;n(this,t);this.changeEvent=i(this,"mdsAccordionTimerChange",7);this.currentDuration=0;this.clearIntervals=function(){if(typeof window!=="undefined"){window.clearInterval(e.timeChecker)}e.timeChecker=0};this.remainingTime=function(){var t=e.selectedItemRemainingTime-((new Date).getTime()-e.timeStarted);return t>=0?t:0};this.progress=function(){return Math.abs(e.remainingTime()/e.currentDuration-1)};this.addTimeListener=function(){if(typeof window!=="undefined"){e.timeChecker=window.setInterval((function(){var t=e.progress();if(e.selectedItem!==undefined){e.selectedItem.progress=t}if(t===1){e.selectedItem.progress=0;e.startNext()}}),100)}};this.beginningTime=function(){e.timeStarted=(new Date).getTime();return e.timeStarted};this.setSelectedItem=function(t){e.children.forEach((function(n,i){if(i===t){n.selected=true;n.duration?e.currentDuration=n.duration:e.currentDuration=e.duration;e.selectedItem=n;e.changeEvent.emit({index:i})}else{n.selected=false}}))};this.startNext=function(){var t=e.selectedItem.uuid+1>e.children.length-1?0:e.selectedItem.uuid+1;e.setSelectedItem(t);e.startTimer()};this.startTimer=function(){e.clearIntervals();e.time=e.beginningTime();e.selectedItemRemainingTime=e.currentDuration;e.addTimeListener()};this.playTimer=function(){e.beginningTime();e.addTimeListener()};this.pauseTimer=function(){e.clearIntervals();e.selectedItemRemainingTime=e.remainingTime()};this.stopTimer=function(){e.clearIntervals()};this.time=0;this.duration=1e4;this.paused=undefined}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(n,i){n.uuid=i;if(n.selected){n.duration?t.currentDuration=n.duration:t.currentDuration=t.duration;t.selectedItem=n}}));if(this.selectedItem!==undefined){this.startTimer()}if(this.paused){this.pauseTimer()}};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickSelect=function(t){this.clearIntervals();if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer();this.pauseTimer()};t.prototype.onSelect=function(t){this.clearIntervals();this.paused=false;if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer()};t.prototype.onMouseEnterSelect=function(){if(this.paused){return}this.pauseTimer()};t.prototype.onMouseLeaveSelect=function(){if(this.paused){return}if(this.timeChecker===0){this.playTimer()}};t.prototype.handlePaused=function(t){if(t){this.pauseTimer();return}this.playTimer()};t.prototype.render=function(){return e(r,{key:"9816683b4c8bacb97302685b1f1b45ff8ab1a209"},e("slot",{key:"b411a4cdbb6f133f871979df4eccd70433567b56"}))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{paused:["handlePaused"]}},enumerable:false,configurable:true});return t}());a.style=c}}}));

package/dist/mds-accordion-timer/p-86e0d6b4.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as o}from"./p-8dd37a13.js";const n=class{constructor(s){t(this,s),this.changeEvent=i(this,"mdsAccordionTimerChange",7),this.currentDuration=0,this.clearIntervals=()=>{"undefined"!=typeof window&&window.clearInterval(this.timeChecker),this.timeChecker=0},this.remainingTime=()=>{const t=this.selectedItemRemainingTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.progress=()=>Math.abs(this.remainingTime()/this.currentDuration-1),this.addTimeListener=()=>{"undefined"!=typeof window&&(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.setSelectedItem=t=>{this.children.forEach(((i,s)=>{s===t?(i.selected=!0,this.currentDuration=i.duration?i.duration:this.duration,this.selectedItem=i,this.changeEvent.emit({index:s})):i.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.selectedItemRemainingTime=this.currentDuration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.selectedItemRemainingTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals()},this.time=0,this.duration=1e4,this.paused=void 0}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,i)=>{t.uuid=i,t.selected&&(this.currentDuration=t.duration?t.duration:this.duration,this.selectedItem=t)})),void 0!==this.selectedItem&&this.startTimer(),this.paused&&this.pauseTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickSelect(t){this.clearIntervals(),this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer(),this.pauseTimer()}onSelect(t){this.clearIntervals(),this.paused=!1,this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer()}onMouseEnterSelect(){this.paused||this.pauseTimer()}onMouseLeaveSelect(){this.paused||0===this.timeChecker&&this.playTimer()}handlePaused(t){t?this.pauseTimer():this.playTimer()}render(){return s(e,{key:"9816683b4c8bacb97302685b1f1b45ff8ab1a209"},s("slot",{key:"b411a4cdbb6f133f871979df4eccd70433567b56"}))}get element(){return o(this)}static get watchers(){return{paused:["handlePaused"]}}};n.style="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";export{n as mds_accordion_timer}