@maggioli-design-system/mds-accordion-timer - npm Package Compare versions

Comparing version 3.8.4 to 3.8.5

dist/cjs/loader.cjs.js

@@ -5,6 +5,8 @@ 'use strict';
 
-const index = require('./index-c7a5e0c6.js');
+const index = require('./index-ba58fbd4.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-const defineCustomElements = (win, options) => {
+const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["mds-accordion-timer.cjs",[[1,"mds-accordion-timer",{"duration":[2],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]], options);
@@ -11,0 +13,0 @@ };

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

@@ -5,5 +5,6 @@ 'use strict';
 
-const index = require('./index-c7a5e0c6.js');
+const index = require('./index-ba58fbd4.js');
 
-const mdsAccordionTimerCss = ":host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-progress-bar-thickness:0.25rem;--mds-accordion-timer-duration:500ms;display:block}";
+const mdsAccordionTimerCss = "/**\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  display: block;\n}\n\n.static {\n\n  position: static;\n}\n\n.fixed {\n\n  position: fixed;\n}\n\n.absolute {\n\n  position: absolute;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 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";
+const MdsAccordionTimerStyle0 = mdsAccordionTimerCss;
 
@@ -112,8 +113,8 @@ const MdsAccordionTimer = class {
     render() {
-        return (index.h(index.Host, null, index.h("slot", null)));
+        return (index.h(index.Host, { key: '3083f66959959a14fd41aed4b665b4ee5c5038d1' }, index.h("slot", { key: '927b461ce1890d48246471b79ac9f53cdf0c9887' })));
     }
     get element() { return index.getElement(this); }
 };
-MdsAccordionTimer.style = mdsAccordionTimerCss;
+MdsAccordionTimer.style = MdsAccordionTimerStyle0;
 
 exports.mds_accordion_timer = MdsAccordionTimer;

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

@@ -5,17 +5,19 @@ 'use strict';
 
-const index = require('./index-c7a5e0c6.js');
+const index = require('./index-ba58fbd4.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-accordion-timer.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-accordion-timer.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["mds-accordion-timer.cjs",[[1,"mds-accordion-timer",{"duration":[2],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]], options);
@@ -22,0 +24,0 @@ });

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "4.10.0",
-    "typescriptVersion": "5.3.3"
+    "version": "4.21.0",
+    "typescriptVersion": "5.5.3"
   },
@@ -11,0 +11,0 @@ "collections": [],

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

@@ -105,3 +105,3 @@ import { Host, h } from "@stencil/core";
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '3083f66959959a14fd41aed4b665b4ee5c5038d1' }, h("slot", { key: '927b461ce1890d48246471b79ac9f53cdf0c9887' })));
     }
@@ -108,0 +108,0 @@ static get is() { return "mds-accordion-timer"; }

dist/collection/type/variant-file-format.js

@@ -7,2 +7,11 @@ import baselineFolderZip from "@icon/mi/baseline/folder-zip.svg";
 import mdiHardDisk from "@icon/mdi/harddisk.svg";
+import baselineEmail from "@icon/mi/baseline/email.svg";
+import baselineWysiwyg from "@icon/mi/baseline/wysiwyg.svg";
+import baselinePanorama from "@icon/mi/baseline/panorama.svg";
+import baselineWeb from "@icon/mi/baseline/web.svg";
+import baselineTV from "@icon/mi/baseline/tv.svg";
+import baselineBorderAll from "@icon/mi/baseline/border-all.svg";
+import baselineDescription from "@icon/mi/baseline/description.svg";
+import mdiVectorCurve from "@icon/mdi/vector-curve.svg";
+import baselineVideocam from "@icon/mi/baseline/videocam.svg";
 const fileFormatsVariant = {
@@ -47,3 +56,3 @@ archive: {
         color: 'fill-label-blue-04 text-label-blue-04',
-        icon: 'mi/baseline/email',
+        icon: baselineEmail,
         iconBackground: 'bg-label-blue-10',
@@ -54,3 +63,3 @@ variant: 'blue',
         color: 'fill-label-amaranth-04 text-label-amaranth-04',
-        icon: 'mi/baseline/wysiwyg',
+        icon: baselineWysiwyg,
         iconBackground: 'bg-label-amaranth-10',
@@ -61,3 +70,3 @@ variant: 'amaranth',
         color: 'fill-label-green-04 text-label-green-04',
-        icon: 'mi/baseline/panorama',
+        icon: baselinePanorama,
         iconBackground: 'bg-label-green-10',
@@ -68,3 +77,3 @@ variant: 'green',
         color: 'fill-label-green-04 text-label-green-04',
-        icon: 'mi/baseline/panorama',
+        icon: baselinePanorama,
         iconBackground: 'bg-label-green-10',
@@ -75,3 +84,3 @@ variant: 'green',
         color: 'fill-label-yellow-04 text-label-yellow-04',
-        icon: 'mi/baseline/web',
+        icon: baselineWeb,
         iconBackground: 'bg-label-yellow-10',
@@ -82,3 +91,3 @@ variant: 'yellow',
         color: 'fill-label-orchid-04 text-label-orchid-04',
-        icon: 'mi/baseline/tv',
+        icon: baselineTV,
         iconBackground: 'bg-label-orchid-10',
@@ -89,3 +98,3 @@ variant: 'orchid',
         color: 'fill-label-lime-04 text-label-lime-04',
-        icon: 'mi/baseline/border-all',
+        icon: baselineBorderAll,
         iconBackground: 'bg-label-lime-10',
@@ -96,3 +105,3 @@ variant: 'lime',
         color: 'fill-label-blue-04 text-label-blue-04',
-        icon: 'mi/baseline/description',
+        icon: baselineDescription,
         iconBackground: 'bg-label-blue-10',
@@ -103,3 +112,3 @@ variant: 'blue',
         color: 'fill-label-aqua-04 text-label-aqua-04',
-        icon: 'mdi/vector-curve',
+        icon: mdiVectorCurve,
         iconBackground: 'bg-label-aqua-10',
@@ -110,3 +119,3 @@ variant: 'aqua',
         color: 'fill-label-aqua-04 text-label-aqua-04',
-        icon: 'mdi/vector-curve',
+        icon: mdiVectorCurve,
         iconBackground: 'bg-label-aqua-10',
@@ -117,3 +126,3 @@ variant: 'aqua',
         color: 'fill-label-violet-04 text-label-violet-04',
-        icon: 'mi/baseline/videocam',
+        icon: baselineVideocam,
         iconBackground: 'bg-label-violet-10',
@@ -120,0 +129,0 @@ variant: 'violet',

dist/components/mds-accordion-timer.js

 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const mdsAccordionTimerCss = ":host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-progress-bar-thickness:0.25rem;--mds-accordion-timer-duration:500ms;display:block}";
+const mdsAccordionTimerCss = "/**\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  display: block;\n}\n\n.static {\n\n  position: static;\n}\n\n.fixed {\n\n  position: fixed;\n}\n\n.absolute {\n\n  position: absolute;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 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";
+const MdsAccordionTimerStyle0 = mdsAccordionTimerCss;
 
@@ -109,6 +110,6 @@ const MdsAccordionTimer$1 = /*@__PURE__*/ proxyCustomElement(class MdsAccordionTimer extends HTMLElement {
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '3083f66959959a14fd41aed4b665b4ee5c5038d1' }, h("slot", { key: '927b461ce1890d48246471b79ac9f53cdf0c9887' })));
     }
     get element() { return this; }
-    static get style() { return mdsAccordionTimerCss; }
+    static get style() { return MdsAccordionTimerStyle0; }
 }, [1, "mds-accordion-timer", {
@@ -115,0 +116,0 @@ "duration": [2],

dist/documentation.d.ts

@@ -350,6 +350,22 @@
 }
+/**
+ * Type describing a CSS Style, as described by a JSDoc-style comment
+ */
 export interface JsonDocsStyle {
+  /**
+   * The name of the style
+   */
   name: string;
+  /**
+   * The type/description associated with the style
+   */
   docs: string;
+  /**
+   * The annotation used in the JSDoc of the style (e.g. `@prop`)
+   */
   annotation: string;
+  /**
+   * The mode associated with the style
+   */
+  mode: string | undefined;
 }
@@ -393,6 +409,24 @@ export interface JsonDocsListener {
 }
+/**
+ * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
+ */
 export interface StyleDoc {
+  /**
+   * The name of the CSS property
+   */
   name: string;
+  /**
+   * The user-defined description of the CSS property
+   */
   docs: string;
+  /**
+   * The JSDoc-style annotation (e.g. `@prop`) that was used in the block comment to detect the comment.
+   * Used to inform Stencil where the start of a new property's description starts (and where the previous description
+   * ends).
+   */
   annotation: "prop";
+  /**
+   * The Stencil style-mode that is associated with this property.
+   */
+  mode: string | undefined;
 }
@@ -399,0 +433,0 @@

dist/documentation.json

 {
-  "timestamp": "2024-04-18T12:59:57",
+  "timestamp": "2024-09-05T13:44:22",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
-    "typescriptVersion": "5.3.3"
+    "version": "4.21.0",
+    "typescriptVersion": "5.5.3"
   },
@@ -8,0 +8,0 @@ "components": [

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{b as bootstrapLazy}from"./index-05afffb2.js";export{s as setNonce}from"./index-05afffb2.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-accordion-timer",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],o)};export{defineCustomElements};
+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,o){function c(e){try{a(r.next(e))}catch(e){o(e)}}function u(e){try{a(r["throw"](e))}catch(e){o(e)}}function a(e){e.done?n(e.value):i(e.value).then(c,u)}a((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,c;return c={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function u(e){return function(t){return a([e,t])}}function a(u){if(r)throw new TypeError("Generator is already executing.");while(c&&(c=0,u[0]&&(n=0)),n)try{if(r=1,i&&(o=u[0]&2?i["return"]:u[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,u[1])).done)return o;if(i=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];i=0}finally{r=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-cdeb45e2.js";export{s as setNonce}from"./index-cdeb45e2.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-accordion-timer",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],t)]}}))}))};export{defineCustomElements};

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

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-05afffb2.js";var mdsAccordionTimerCss=":host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-progress-bar-thickness:0.25rem;--mds-accordion-timer-duration:500ms;display:block}";var MdsAccordionTimer=function(){function i(i){var t=this;registerInstance(this,i);this.changeEvent=createEvent(this,"mdsAccordionTimerChange",7);this.clearIntervals=function(){window.clearInterval(t.timer);window.clearInterval(t.timeChecker);t.timeChecker=0};this.progress=function(){return Math.abs(t.remainingTime()/t.duration-1)};this.addTimeListener=function(){t.timeChecker=window.setInterval((function(){var i=t.progress();if(t.selectedItem!==undefined){t.selectedItem.progress=i}if(i===1){t.selectedItem.progress=0;t.startNext()}}),100)};this.beginningTime=function(){t.timeStarted=(new Date).getTime();return t.timeStarted};this.remainingTime=function(){var i=t.selectedItemDurationTime-((new Date).getTime()-t.timeStarted);return i>=0?i:0};this.setSelectedItem=function(i){t.children.forEach((function(n,s){if(s===i){n.selected=true;t.selectedItem=n;t.changeEvent.emit()}else{n.selected=false}}))};this.startNext=function(){var i=t.selectedItem.uuid+1>t.children.length-1?0:t.selectedItem.uuid+1;t.setSelectedItem(i);t.startTimer()};this.startTimer=function(){t.clearIntervals();t.time=t.beginningTime();t.selectedItemDurationTime=t.duration;t.addTimeListener()};this.playTimer=function(){t.beginningTime();t.addTimeListener()};this.pauseTimer=function(){t.clearIntervals();t.selectedItemDurationTime=t.remainingTime()};this.stopTimer=function(){t.clearIntervals()};this.time=0;this.duration=1e4}i.prototype.componentDidLoad=function(){var i=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(t,n){t.uuid=n;if(t.selected){i.selectedItem=t}}));if(this.selectedItem!==undefined){this.startTimer()}};i.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};i.prototype.onClickActive=function(i){if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(i.detail.uuid);this.startTimer();this.pauseTimer()};i.prototype.onMouseEnterSelect=function(){this.pauseTimer()};i.prototype.onMouseLeaveSelect=function(){if(this.timeChecker===0){this.playTimer()}};i.prototype.render=function(){return h(Host,null,h("slot",null))};Object.defineProperty(i.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();MdsAccordionTimer.style=mdsAccordionTimerCss;export{MdsAccordionTimer as mds_accordion_timer};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-cdeb45e2.js";var mdsAccordionTimerCss="/**\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  display: block;\n}\n\n.static {\n\n  position: static;\n}\n\n.fixed {\n\n  position: fixed;\n}\n\n.absolute {\n\n  position: absolute;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 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 n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsAccordionTimerChange",7);this.clearIntervals=function(){window.clearInterval(t.timer);window.clearInterval(t.timeChecker);t.timeChecker=0};this.progress=function(){return Math.abs(t.remainingTime()/t.duration-1)};this.addTimeListener=function(){t.timeChecker=window.setInterval((function(){var n=t.progress();if(t.selectedItem!==undefined){t.selectedItem.progress=n}if(n===1){t.selectedItem.progress=0;t.startNext()}}),100)};this.beginningTime=function(){t.timeStarted=(new Date).getTime();return t.timeStarted};this.remainingTime=function(){var n=t.selectedItemDurationTime-((new Date).getTime()-t.timeStarted);return n>=0?n:0};this.setSelectedItem=function(n){t.children.forEach((function(r,a){if(a===n){r.selected=true;t.selectedItem=r;t.changeEvent.emit()}else{r.selected=false}}))};this.startNext=function(){var n=t.selectedItem.uuid+1>t.children.length-1?0:t.selectedItem.uuid+1;t.setSelectedItem(n);t.startTimer()};this.startTimer=function(){t.clearIntervals();t.time=t.beginningTime();t.selectedItemDurationTime=t.duration;t.addTimeListener()};this.playTimer=function(){t.beginningTime();t.addTimeListener()};this.pauseTimer=function(){t.clearIntervals();t.selectedItemDurationTime=t.remainingTime()};this.stopTimer=function(){t.clearIntervals()};this.time=0;this.duration=1e4}n.prototype.componentDidLoad=function(){var n=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(t,r){t.uuid=r;if(t.selected){n.selectedItem=t}}));if(this.selectedItem!==undefined){this.startTimer()}};n.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};n.prototype.onClickActive=function(n){if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(n.detail.uuid);this.startTimer();this.pauseTimer()};n.prototype.onMouseEnterSelect=function(){this.pauseTimer()};n.prototype.onMouseLeaveSelect=function(){if(this.timeChecker===0){this.playTimer()}};n.prototype.render=function(){return h(Host,{key:"3083f66959959a14fd41aed4b665b4ee5c5038d1"},h("slot",{key:"927b461ce1890d48246471b79ac9f53cdf0c9887"}))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAccordionTimer.style=MdsAccordionTimerStyle0;export{MdsAccordionTimer as mds_accordion_timer};

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

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-05afffb2.js";export{s as setNonce}from"./index-05afffb2.js";var patchBrowser=function(){var e=import.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return promiseResolve(o)};patchBrowser().then((function(e){return bootstrapLazy([["mds-accordion-timer",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e)}));
+var __awaiter=this&&this.__awaiter||function(e,t,r,n){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function c(e){try{s(n.next(e))}catch(e){i(e)}}function a(e){try{s(n["throw"](e))}catch(e){i(e)}}function s(e){e.done?r(e.value):o(e.value).then(c,a)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(r=0)),r)try{if(n=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;o=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){r.label=a[1];break}if(a[0]===6&&r.label<i[1]){r.label=i[1];i=a;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(a);break}if(i[2])r.ops.pop();r.trys.pop();continue}a=t.call(e,r)}catch(e){a=[6,e];o=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-cdeb45e2.js";export{s as setNonce}from"./index-cdeb45e2.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-accordion-timer",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e)]}}))}))}));

dist/esm/loader.js

@@ -1,6 +0,8 @@
-import { b as bootstrapLazy } from './index-05afffb2.js';
-export { s as setNonce } from './index-05afffb2.js';
+import { b as bootstrapLazy } from './index-cdeb45e2.js';
+export { s as setNonce } from './index-cdeb45e2.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
-const defineCustomElements = (win, options) => {
+const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
+  await globalScripts();
   return bootstrapLazy([["mds-accordion-timer",[[1,"mds-accordion-timer",{"duration":[2],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]], options);
@@ -7,0 +9,0 @@ };

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

@@ -1,4 +0,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-05afffb2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cdeb45e2.js';
 
-const mdsAccordionTimerCss = ":host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08));--mds-accordion-timer-progress-bar-thickness:0.25rem;--mds-accordion-timer-duration:500ms;display:block}";
+const mdsAccordionTimerCss = "/**\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  display: block;\n}\n\n.static {\n\n  position: static;\n}\n\n.fixed {\n\n  position: fixed;\n}\n\n.absolute {\n\n  position: absolute;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.bg-label-amaranth-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-aqua-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-blue-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-green-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-lime-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orange-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-orchid-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-violet-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n}\n\n.bg-label-yellow-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n}\n\n.bg-tone-neutral-10 {\n\n  --tw-bg-opacity: 1;\n\n  background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n}\n\n.fill-label-amaranth-04 {\n\n  fill: rgb(var(--label-amaranth-04));\n}\n\n.fill-label-aqua-04 {\n\n  fill: rgb(var(--label-aqua-04));\n}\n\n.fill-label-blue-04 {\n\n  fill: rgb(var(--label-blue-04));\n}\n\n.fill-label-green-04 {\n\n  fill: rgb(var(--label-green-04));\n}\n\n.fill-label-lime-04 {\n\n  fill: rgb(var(--label-lime-04));\n}\n\n.fill-label-orange-04 {\n\n  fill: rgb(var(--label-orange-04));\n}\n\n.fill-label-orchid-04 {\n\n  fill: rgb(var(--label-orchid-04));\n}\n\n.fill-label-violet-04 {\n\n  fill: rgb(var(--label-violet-04));\n}\n\n.fill-label-yellow-04 {\n\n  fill: rgb(var(--label-yellow-04));\n}\n\n.fill-tone-neutral-04 {\n\n  fill: rgb(var(--tone-neutral-04));\n}\n\n.text-label-amaranth-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n}\n\n.text-label-aqua-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n}\n\n.text-label-blue-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n}\n\n.text-label-green-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n}\n\n.text-label-lime-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n}\n\n.text-label-orange-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n}\n\n.text-label-orchid-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n}\n\n.text-label-violet-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n}\n\n.text-label-yellow-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n}\n\n.text-tone-neutral-04 {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 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";
+const MdsAccordionTimerStyle0 = mdsAccordionTimerCss;
 
@@ -107,8 +108,8 @@ const MdsAccordionTimer = class {
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '3083f66959959a14fd41aed4b665b4ee5c5038d1' }, h("slot", { key: '927b461ce1890d48246471b79ac9f53cdf0c9887' })));
     }
     get element() { return getElement(this); }
 };
-MdsAccordionTimer.style = mdsAccordionTimerCss;
+MdsAccordionTimer.style = MdsAccordionTimerStyle0;
 
 export { MdsAccordionTimer as mds_accordion_timer };

dist/esm/mds-accordion-timer.js

@@ -1,18 +0,20 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-05afffb2.js';
-export { s as setNonce } from './index-05afffb2.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-cdeb45e2.js';
+export { s as setNonce } from './index-cdeb45e2.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await globalScripts();
   return bootstrapLazy([["mds-accordion-timer",[[1,"mds-accordion-timer",{"duration":[2],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]], options);
 });

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-d3af5915.js";export{s as setNonce}from"./p-d3af5915.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-25b4e062",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e)));
+import{p as e,b as o}from"./p-9fae2a8d.js";export{s as setNonce}from"./p-9fae2a8d.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-b2d93e39",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e))));

dist/stats.json

 {
-  "timestamp": "2024-04-18T12:59:57",
+  "timestamp": "2024-09-05T13:44:22",
   "compiler": {
@@ -12,7 +12,7 @@ "name": "node",
     "entries": 1,
-    "bundles": 81,
+    "bundles": 89,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 40,
+        "files": 41,
         "generatedFiles": [
@@ -23,2 +23,3 @@ "./dist/collection/common/aria.js",
           "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/locale.js",
           "./dist/collection/common/unit.js",
@@ -33,3 +34,2 @@ "./dist/collection/common/yugop/core.js",
           "./dist/collection/components/mds-accordion-timer/mds-accordion-timer.js",
-          "./dist/collection/components/mds-accordion-timer/test/mds-accordion-timer.e2e.js",
           "./dist/collection/components/mds-accordion-timer/test/mds-accordion-timer.stories.js",
@@ -57,2 +57,3 @@ "./dist/collection/dictionary/autocomplete.js",
           "./dist/collection/type/loading.js",
+          "./dist/collection/type/preference.js",
           "./dist/collection/type/text.js",
@@ -76,5 +77,6 @@ "./dist/collection/type/typography.js",
         "name": "dist-lazy",
-        "files": 35,
+        "files": 42,
         "generatedFiles": [
-          "./dist/cjs/index-c7a5e0c6.js",
+          "./dist/cjs/app-globals-3a1e7e63.js",
+          "./dist/cjs/index-ba58fbd4.js",
           "./dist/cjs/index.cjs.js",
@@ -84,3 +86,4 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-timer.cjs.js",
-          "./dist/esm-es5/index-05afffb2.js",
+          "./dist/esm-es5/app-globals-0f993ce5.js",
+          "./dist/esm-es5/index-cdeb45e2.js",
           "./dist/esm-es5/index.js",
@@ -90,3 +93,4 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-timer.js",
-          "./dist/esm/index-05afffb2.js",
+          "./dist/esm/app-globals-0f993ce5.js",
+          "./dist/esm/index-cdeb45e2.js",
           "./dist/esm/index.js",
@@ -101,17 +105,21 @@ "./dist/esm/loader.js",
           "./dist/mds-accordion-timer/mds-accordion-timer.js",
-          "./dist/mds-accordion-timer/p-0c153b11.system.js",
-          "./dist/mds-accordion-timer/p-25b4e062.entry.js",
+          "./dist/mds-accordion-timer/p-1b26120c.system.js",
           "./dist/mds-accordion-timer/p-50ea2036.system.js",
-          "./dist/mds-accordion-timer/p-8a701c9c.system.entry.js",
-          "./dist/mds-accordion-timer/p-ba38686d.system.js",
-          "./dist/mds-accordion-timer/p-d3af5915.js",
+          "./dist/mds-accordion-timer/p-56ba5cbf.system.js",
+          "./dist/mds-accordion-timer/p-7c529011.system.entry.js",
+          "./dist/mds-accordion-timer/p-9fae2a8d.js",
+          "./dist/mds-accordion-timer/p-afd05f6c.system.js",
+          "./dist/mds-accordion-timer/p-b2d93e39.entry.js",
+          "./dist/mds-accordion-timer/p-e1255160.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer.esm.js",
           "./www/build/mds-accordion-timer.js",
-          "./www/build/p-0c153b11.system.js",
-          "./www/build/p-25b4e062.entry.js",
+          "./www/build/p-1b26120c.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-8a701c9c.system.entry.js",
-          "./www/build/p-ba38686d.system.js",
-          "./www/build/p-d3af5915.js"
+          "./www/build/p-56ba5cbf.system.js",
+          "./www/build/p-7c529011.system.entry.js",
+          "./www/build/p-9fae2a8d.js",
+          "./www/build/p-afd05f6c.system.js",
+          "./www/build/p-b2d93e39.entry.js",
+          "./www/build/p-e1255160.js"
         ]
@@ -149,8 +157,8 @@ },
         ],
-        "bundleId": "p-25b4e062",
-        "fileName": "p-25b4e062.entry.js",
+        "bundleId": "p-b2d93e39",
+        "fileName": "p-b2d93e39.entry.js",
         "imports": [
-          "p-d3af5915.js"
+          "p-9fae2a8d.js"
         ],
-        "originalByteSize": 4017
+        "originalByteSize": 8977
       }
@@ -167,5 +175,5 @@ ],
         "imports": [
-          "index-05afffb2.js"
+          "index-cdeb45e2.js"
         ],
-        "originalByteSize": 4021
+        "originalByteSize": 8981
       }
@@ -182,5 +190,5 @@ ],
         "imports": [
-          "index-05afffb2.js"
+          "index-cdeb45e2.js"
         ],
-        "originalByteSize": 4021
+        "originalByteSize": 8981
       }
@@ -194,8 +202,8 @@ ],
         ],
-        "bundleId": "p-8a701c9c.system",
-        "fileName": "p-8a701c9c.system.entry.js",
+        "bundleId": "p-7c529011.system",
+        "fileName": "p-7c529011.system.entry.js",
         "imports": [
-          "p-ba38686d.system.js"
+          "p-afd05f6c.system.js"
         ],
-        "originalByteSize": 4909
+        "originalByteSize": 9875
       }
@@ -212,5 +220,5 @@ ],
         "imports": [
-          "index-c7a5e0c6.js"
+          "index-ba58fbd4.js"
         ],
-        "originalByteSize": 4068
+        "originalByteSize": 9028
       }
@@ -417,3 +425,4 @@ ]
               "docs": "Sets the color of the progress bar when the mds-accordion-timer-item is selected",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -423,3 +432,4 @@ {
               "docs": "Sets the background-color of the progress bar when the mds-accordion-timer-item is selected",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -429,3 +439,4 @@ {
               "docs": "Sets the text color of the component mds-accordion-timer-item",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -435,3 +446,4 @@ {
               "docs": "Sets thickness of the progress bar of the mds-accordion-timer-item",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
@@ -441,3 +453,4 @@ {
               "docs": "Sets the transition duration of open/close animation of the mds-accordion-timer-item",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             }
@@ -490,7 +503,7 @@ ],
           "hasStyle": true,
-          "hasVdomAttribute": false,
+          "hasVdomAttribute": true,
           "hasVdomXlink": false,
           "hasVdomClass": false,
           "hasVdomFunctional": false,
-          "hasVdomKey": false,
+          "hasVdomKey": true,
           "hasVdomListener": false,
@@ -504,3 +517,5 @@ "hasVdomPropOrAttr": false,
           "isPlain": false,
-          "htmlAttrNames": [],
+          "htmlAttrNames": [
+            "key"
+          ],
           "htmlTagNames": [
@@ -523,3 +538,3 @@ "slot"
     "sc-mds-accordion-timer": [
-      "p-d3af5915.js"
+      "p-9fae2a8d.js"
     ]
@@ -532,2 +547,3 @@ },
     "./src/common/keyboard-manager.ts": [],
+    "./src/common/locale.ts": [],
     "./src/common/unit.ts": [],
@@ -551,3 +567,2 @@ "./src/common/yugop/core.ts": [
     "./src/components/mds-accordion-timer/mds-accordion-timer.tsx": [],
-    "./src/components/mds-accordion-timer/test/mds-accordion-timer.e2e.ts": [],
     "./src/components/mds-accordion-timer/test/mds-accordion-timer.stories.tsx": [],
@@ -578,2 +593,3 @@ "./src/dictionary/autocomplete.ts": [],
     "./src/type/loading.ts": [],
+    "./src/type/preference.ts": [],
     "./src/type/text.ts": [],
@@ -580,0 +596,0 @@ "./src/type/typography.ts": [],

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

@@ -771,2 +771,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
         media?: string;
+        ping?: string;
         rel?: string;
@@ -798,3 +799,2 @@ target?: string;
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
@@ -926,4 +926,2 @@ form?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
@@ -985,4 +983,2 @@ checked?: boolean;
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
@@ -1000,3 +996,2 @@ disabled?: boolean;
         htmlFor?: string;
-        htmlfor?: string;
     }
@@ -1112,3 +1107,2 @@ interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
@@ -1138,3 +1132,2 @@ }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
@@ -1174,4 +1167,2 @@ form?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
@@ -1229,2 +1220,4 @@ disabled?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
@@ -1231,0 +1224,0 @@ [className: string]: boolean;

documentation.json

 {
-  "timestamp": "2024-04-18T12:48:57",
+  "timestamp": "2024-09-05T13:13:09",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
-    "typescriptVersion": "5.3.3"
+    "version": "4.21.0",
+    "typescriptVersion": "5.5.3"
   },
@@ -290,22 +290,2 @@ "components": [
     },
-    "src/components/mds-form/meta/types.ts::CharacterSetType": {
-      "declaration": "export type CharacterSetType =\n  | '8859-1'\n  | 'ansi'\n  | 'ascii'\n  | 'utf-8'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::FormAutocompleteType": {
-      "declaration": "export type FormAutocompleteType =\n  | 'off'\n  | 'on'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::EnctypeType": {
-      "declaration": "export type EnctypeType =\n  | 'application/x-www-form-urlencoded'\n  | 'multipart/form-data'\n  | 'text/plain'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::FormMethodType": {
-      "declaration": "export type FormMethodType =\n  | 'get'\n  | 'post'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
     "src/components/mds-header-bar/meta/types.ts::MenuType": {
@@ -421,2 +401,12 @@ "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
     },
+    "src/components/mds-input-tip/meta/types.ts::InputTipPositionType": {
+      "declaration": "export type InputTipPositionType =\n  | 'top'\n  | 'bottom'",
+      "docstring": "",
+      "path": "src/components/mds-input-tip/meta/types.ts"
+    },
+    "src/components/mds-input-tip-item/meta/types.ts::InputTipItemVariantType": {
+      "declaration": "export type InputTipItemVariantType =\n  | 'required'\n  | 'required-success'\n  | 'disabled'\n  | 'readonly'\n  | 'text'",
+      "docstring": "",
+      "path": "src/components/mds-input-tip-item/meta/types.ts"
+    },
     "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
@@ -427,2 +417,7 @@ "declaration": "type AttachmentSort =\n  'status' |\n  'date'",
     },
+    "src/components/mds-input-upload/meta/types.ts::FileError": {
+      "declaration": "interface FileError {\n  filename: string,\n  errorMessage: string,\n}",
+      "docstring": "",
+      "path": "src/components/mds-input-upload/meta/types.ts"
+    },
     "src/type/typography.ts::TypographyType": {
@@ -458,2 +453,27 @@ "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
     },
+    "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
+      "declaration": "export type AnimationModeType =\n  | 'reduce'\n  | 'no-preference'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-animation/meta/types.ts"
+    },
+    "src/type/preference.ts::ConsumptionModeType": {
+      "declaration": "export type ConsumptionModeType =\n  | 'high'\n  | 'medium'\n  | 'low'",
+      "docstring": "",
+      "path": "src/type/preference.ts"
+    },
+    "src/components/mds-pref-contrast/meta/types.ts::ContrastModeType": {
+      "declaration": "export type ContrastModeType =\n  | 'more'\n  | 'no-preference'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-contrast/meta/types.ts"
+    },
+    "src/components/mds-pref-theme/meta/types.ts::ThemeModeType": {
+      "declaration": "export type ThemeModeType =\n  | 'light'\n  | 'dark'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-theme/meta/types.ts"
+    },
+    "src/components/mds-pref-theme/meta/types.ts::ThemeTransitionType": {
+      "declaration": "export type ThemeTransitionType =\n  | 'none'\n  | 'flash'\n  | 'smooth'",
+      "docstring": "",
+      "path": "src/components/mds-pref-theme/meta/types.ts"
+    },
     "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType": {
@@ -460,0 +480,0 @@ "declaration": "export type PriceTableFeaturesCellType =\n  | 'custom'\n  | 'label'\n  | 'supported'\n  | 'text'\n  | 'unsupported'",

loader/cdn.js

@@ -1,3 +0,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

loader/index.cjs.js

@@ -1,3 +0,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

loader/index.d.ts

@@ -12,2 +12,5 @@ export * from '../dist/types/components';
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
@@ -14,0 +17,0 @@

loader/index.es2017.js

@@ -1,3 +0,2 @@
-
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

loader/index.js

@@ -1,4 +0,3 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm-es5/loader.js';

package.json

 {
   "name": "@maggioli-design-system/mds-accordion-timer",
-  "version": "3.8.4",
+  "version": "3.8.5",
   "description": "mds-accordion-timer is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -27,5 +27,5 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-accordion-timer-item": "3.8.4",
-    "@maggioli-design-system/styles": "14.3.2",
-    "@stencil/core": "4.10.0"
+    "@maggioli-design-system/mds-accordion-timer-item": "3.9.0",
+    "@maggioli-design-system/styles": "15.3.0",
+    "@stencil/core": "4.21.0"
   },
@@ -32,0 +32,0 @@ "license": "MIT",

src/fixtures/icons.json

@@ -37,2 +37,3 @@ [
     "mgg/alerts-pagopa",
+    "mgg/ansc",
     "mgg/area-edificabile",
@@ -65,2 +66,5 @@ "mgg/area-weather",
     "mgg/classic-permission",
+    "mgg/consumption-high",
+    "mgg/consumption-low",
+    "mgg/consumption-medium",
     "mgg/copy-paste",
@@ -118,2 +122,4 @@ "mgg/d-instrumental-buildings",
     "mgg/google-experiment",
+    "mgg/google-face-retouching-off",
+    "mgg/google-hub",
     "mgg/google-keyboard-double-arrow-down",
@@ -165,2 +171,3 @@ "mgg/google-keyboard-double-arrow-up",
     "mgg/not-sent-yet",
+    "mgg/office-off",
     "mgg/order-return-down-left-to-right",
@@ -204,2 +211,3 @@ "mgg/order-return-down-left-to-up",
     "mgg/residency-permit",
+    "mgg/robot",
     "mgg/roles-permission",
@@ -264,2 +272,3 @@ "mgg/rubber-stamp",
     "mgg/warning-superscript",
+    "mgg/web-app-ansc",
     "mgg/work-book",
@@ -272,2 +281,3 @@ "mi/baseline/account-balance",
     "mi/baseline/agriculture",
+    "mi/baseline/animation",
     "mi/baseline/arrow-back",
@@ -278,5 +288,7 @@ "mi/baseline/arrow-forward",
     "mi/baseline/audiotrack",
+    "mi/baseline/auto-awesome",
     "mi/baseline/badge",
     "mi/baseline/book",
     "mi/baseline/border-all",
+    "mi/baseline/broken-image",
     "mi/baseline/cancel",
@@ -288,3 +300,5 @@ "mi/baseline/category",
     "mi/baseline/close",
+    "mi/baseline/contrast",
     "mi/baseline/css",
+    "mi/baseline/dark-mode",
     "mi/baseline/description",
@@ -306,2 +320,3 @@ "mi/baseline/done",
     "mi/baseline/keyboard-arrow-up",
+    "mi/baseline/light-mode",
     "mi/baseline/local-activity",
@@ -329,2 +344,5 @@ "mi/baseline/lock-open",
     "mi/baseline/wysiwyg",
+    "mi/outline/auto-awesome",
+    "mi/outline/circle",
+    "mi/outline/dark-mode",
     "mi/outline/help-outline",
@@ -331,0 +349,0 @@ "mi/outline/schedule",

src/fixtures/iconsauce.json

@@ -25,2 +25,3 @@ [
     "mgg/alerts-pagopa",
+    "mgg/ansc",
     "mgg/area-edificabile",
@@ -53,2 +54,5 @@ "mgg/area-weather",
     "mgg/classic-permission",
+    "mgg/consumption-high",
+    "mgg/consumption-low",
+    "mgg/consumption-medium",
     "mgg/copy-paste",
@@ -106,2 +110,4 @@ "mgg/d-instrumental-buildings",
     "mgg/google-experiment",
+    "mgg/google-face-retouching-off",
+    "mgg/google-hub",
     "mgg/google-keyboard-double-arrow-down",
@@ -153,2 +159,3 @@ "mgg/google-keyboard-double-arrow-up",
     "mgg/not-sent-yet",
+    "mgg/office-off",
     "mgg/order-return-down-left-to-right",
@@ -192,2 +199,3 @@ "mgg/order-return-down-left-to-up",
     "mgg/residency-permit",
+    "mgg/robot",
     "mgg/roles-permission",
@@ -252,3 +260,4 @@ "mgg/rubber-stamp",
     "mgg/warning-superscript",
+    "mgg/web-app-ansc",
     "mgg/work-book"
 ]

src/type/variant-file-format.ts

@@ -7,2 +7,11 @@ import baselineFolderZip from '@icon/mi/baseline/folder-zip.svg'
 import mdiHardDisk from '@icon/mdi/harddisk.svg'
+import baselineEmail from '@icon/mi/baseline/email.svg'
+import baselineWysiwyg from '@icon/mi/baseline/wysiwyg.svg'
+import baselinePanorama from '@icon/mi/baseline/panorama.svg'
+import baselineWeb from '@icon/mi/baseline/web.svg'
+import baselineTV from '@icon/mi/baseline/tv.svg'
+import baselineBorderAll from '@icon/mi/baseline/border-all.svg'
+import baselineDescription from '@icon/mi/baseline/description.svg'
+import mdiVectorCurve from '@icon/mdi/vector-curve.svg'
+import baselineVideocam from '@icon/mi/baseline/videocam.svg'
 
@@ -59,3 +68,3 @@ interface FileFormatVariant {
     color: 'fill-label-blue-04 text-label-blue-04',
-    icon: 'mi/baseline/email',
+    icon: baselineEmail,
     iconBackground: 'bg-label-blue-10',
@@ -66,3 +75,3 @@ variant: 'blue',
     color: 'fill-label-amaranth-04 text-label-amaranth-04',
-    icon: 'mi/baseline/wysiwyg',
+    icon: baselineWysiwyg,
     iconBackground: 'bg-label-amaranth-10',
@@ -73,3 +82,3 @@ variant: 'amaranth',
     color: 'fill-label-green-04 text-label-green-04',
-    icon: 'mi/baseline/panorama',
+    icon: baselinePanorama,
     iconBackground: 'bg-label-green-10',
@@ -80,3 +89,3 @@ variant: 'green',
     color: 'fill-label-green-04 text-label-green-04',
-    icon: 'mi/baseline/panorama',
+    icon: baselinePanorama,
     iconBackground: 'bg-label-green-10',
@@ -87,3 +96,3 @@ variant: 'green',
     color: 'fill-label-yellow-04 text-label-yellow-04',
-    icon: 'mi/baseline/web',
+    icon: baselineWeb,
     iconBackground: 'bg-label-yellow-10',
@@ -94,3 +103,3 @@ variant: 'yellow',
     color: 'fill-label-orchid-04 text-label-orchid-04',
-    icon: 'mi/baseline/tv',
+    icon: baselineTV,
     iconBackground: 'bg-label-orchid-10',
@@ -101,3 +110,3 @@ variant: 'orchid',
     color: 'fill-label-lime-04 text-label-lime-04',
-    icon: 'mi/baseline/border-all',
+    icon: baselineBorderAll,
     iconBackground: 'bg-label-lime-10',
@@ -108,3 +117,3 @@ variant: 'lime',
     color: 'fill-label-blue-04 text-label-blue-04',
-    icon: 'mi/baseline/description',
+    icon: baselineDescription,
     iconBackground: 'bg-label-blue-10',
@@ -115,3 +124,3 @@ variant: 'blue',
     color: 'fill-label-aqua-04 text-label-aqua-04',
-    icon: 'mdi/vector-curve',
+    icon: mdiVectorCurve,
     iconBackground: 'bg-label-aqua-10',
@@ -122,3 +131,3 @@ variant: 'aqua',
     color: 'fill-label-aqua-04 text-label-aqua-04',
-    icon: 'mdi/vector-curve',
+    icon: mdiVectorCurve,
     iconBackground: 'bg-label-aqua-10',
@@ -129,3 +138,3 @@ variant: 'aqua',
     color: 'fill-label-violet-04 text-label-violet-04',
-    icon: 'mi/baseline/videocam',
+    icon: baselineVideocam,
     iconBackground: 'bg-label-violet-10',
@@ -132,0 +141,0 @@ variant: 'violet',

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

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-d3af5915.js";export{s as setNonce}from"./p-d3af5915.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-25b4e062",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e)));
+import{p as e,b as o}from"./p-9fae2a8d.js";export{s as setNonce}from"./p-9fae2a8d.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-b2d93e39",[[1,"mds-accordion-timer",{duration:[2],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickActive"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]]]]]],e))));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

875607

increased by3.41%

Number of package files

200

increased by6.95%

Worsened metrics

Lines of code

12213

decreased by-2.3%

Number of low supply chain risk alerts

11

increased by175%

Dependency changes

• + Added@maggioli-design-system/design-tokens@13.2.0(transitive)

• + Added@maggioli-design-system/mds-accordion-timer-item@3.9.0(transitive)

• + Added@maggioli-design-system/mds-progress@2.10.0(transitive)

• + Added@maggioli-design-system/mds-text@4.4.0(transitive)

• + Added@maggioli-design-system/styles@15.3.0(transitive)

• + Added@stencil/core@4.21.0(transitive)

• - Removed@fontsource/karla@5.0.18(transitive)

• - Removed@fontsource/merriweather@5.0.8(transitive)

• - Removed@fontsource/roboto@5.0.8(transitive)

• - Removed@fontsource/roboto-mono@5.0.16(transitive)

• - Removed@maggioli-design-system/design-tokens@12.0.1(transitive)

• - Removed@maggioli-design-system/mds-accordion-timer-item@3.8.4(transitive)

• - Removed@maggioli-design-system/mds-progress@2.9.1(transitive)

• - Removed@maggioli-design-system/mds-text@4.3.6(transitive)

• - Removed@maggioli-design-system/styles@14.2.214.3.2(transitive)

• - Removed@stencil/core@4.10.0(transitive)

• Updated@maggioli-design-system/mds-accordion-timer-item@3.9.0

• Updated@maggioli-design-system/styles@15.3.0

• Updated@stencil/core@4.21.0