@maggioli-design-system/mds-progress 2.2.0 → 2.3.0

package/dist/cjs/{index-4f7098da.js → index-1d846f7a.js}

@@ -133,6 +133,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -147,6 +155,12 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
+/**
+ * Check whether a given node is a Host node or not
+ *
+ * @param node the virtual DOM node to check
+ * @returns whether it's a Host node or not
+ */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -426,6 +440,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     return elm;
 };
+/**
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
+ * add them to the DOM in the appropriate place.
+ *
+ * @param parentElm the DOM node which should be used as a parent for the new
+ * DOM nodes
+ * @param before a child of the `parentElm` which the new children should be
+ * inserted before (optional)
+ * @param parentVNode the parent virtual DOM node
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
+ * @param startIdx the index in the child virtual DOM nodes at which to start
+ * creating DOM nodes (inclusive)
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
+ * creating DOM nodes (inclusive)
+ */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
@@ -442,6 +471,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
+/**
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
+ * This can be used to, for instance, clean up after a list of children which
+ * should no longer be shown.
+ *
+ * This function also handles some of Stencil's slot relocation logic.
+ *
+ * @param vnodes a list of virtual DOM nodes to remove
+ * @param startIdx the index at which to start removing nodes (inclusive)
+ * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
+ */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -633,7 +675,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false positive and then have to do needless re-rendering.
+ * we could obtain a false negative and then have to do needless re-rendering
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -683,6 +726,18 @@ const patch = (oldVNode, newVNode) => {
         }
     }
 };
+/**
+ * The main entry point for Stencil's virtual DOM-based rendering engine
+ *
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
+ * function will handle creating a virtual DOM tree with a single root, patching
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
+ * relocation, and reflecting attributes.
+ *
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
+ * the DOM node into which it should be rendered.
+ * @param renderFnResults the virtual DOM nodes to be rendered
+ */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4f7098da.js');
+const index = require('./index-1d846f7a.js');
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/mds-progress.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4f7098da.js');
+const index = require('./index-1d846f7a.js');
 
-const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:500ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--mds-progress-thickness);min-height:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress = class {
   constructor(hostRef) {

package/dist/cjs/mds-progress.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4f7098da.js');
+const index = require('./index-1d846f7a.js');
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | 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-progress.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.1",
+    "version": "2.22.2",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],

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

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

package/dist/collection/components/mds-progress/mds-progress.css

@@ -1,20 +1,20 @@
 @tailwind utilities;
 
-/*
-* @prop --background: Sets the background-color of the component
-* @prop --color: Sets the background-color of the progress
-* @prop --duration: Sets the duration of the progress bar animation
-* @prop --radius: Sets the border-radius of the component
-* @prop --thickness: Sets the thickness of the progress bar
+/**
+* @prop --mds-progress-background: Sets the background-color of the component
+* @prop --mds-progress-color: Sets the background-color of the progress
+* @prop --mds-progress-duration: Sets the duration of the progress bar animation
+* @prop --mds-progress-radius: Sets the border-radius of the component
+* @prop --mds-progress-thickness: Sets the thickness of the progress bar
 */
 
 :host {
 
-  --background: rgb(var(--tone-neutral-08));
-  --color: rgb(var(--brand-maggioli-03));
-  --duration: 500ms;
-  --radius: 0.5rem;
-  --thickness: 0.5rem;
+  --mds-progress-background: rgb(var(--tone-neutral-08));
+  --mds-progress-color: rgb(var(--brand-maggioli-03));
+  --mds-progress-duration: 500ms;
+  --mds-progress-radius: 0.5rem;
+  --mds-progress-thickness: 0.5rem;
   display: flex;
   width: 100%;
   overflow: hidden;
@@ -22,10 +22,10 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 
-  background-color: var(--background);
-  border-radius: var(--radius);
-  height: var(--thickness);
-  min-width: var(--thickness);
+  background-color: var(--mds-progress-background);
+  border-radius: var(--mds-progress-radius);
+  height: var(--mds-progress-thickness);
+  min-width: var(--mds-progress-thickness);
 }
 
 :host ( [direction=vertical] ){
@@ -37,17 +37,17 @@
   flex-direction: column;
 
   height: unset;
-  width: var(--thickness);
-  min-height: var(--thickness);
+  width: var(--mds-progress-thickness);
+  min-height: var(--mds-progress-thickness);
 }
 
 .progress{
 
   transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
 
-  background-color: var(--color);
-  border-radius: var(--radius);
-  transition-duration: var(--duration);
+  background-color: var(--mds-progress-color);
+  border-radius: var(--mds-progress-radius);
+  transition-duration: var(--mds-progress-duration);
   transition-property: background-color, flex-grow;
 }
 

package/dist/collection/dictionary/icon.js

@@ -1,3 +1,5 @@
 import jsonIconsDictionary from '../fixtures/icons.json';
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json';
 const iconsDictionary = jsonIconsDictionary;
-export { iconsDictionary, };
+const mggIconsDictionary = jsonMggIconsDictionary;
+export { iconsDictionary, mggIconsDictionary, };

package/dist/collection/dictionary/typography.js

@@ -21,6 +21,10 @@ const typographyVariationsDictionary = [
   'read',
   'code',
 ];
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+];
 const typographyMonoDictionary = [
   'snippet',
   'hack',
@@ -56,4 +60,4 @@ const typographyTooltipDictionary = [
   'detail',
   'tip',
 ];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/components/mds-progress.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:500ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--mds-progress-thickness);min-height:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/esm/{index-b3c033e7.js → index-b254472d.js}

@@ -111,6 +111,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -125,6 +133,12 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
+/**
+ * Check whether a given node is a Host node or not
+ *
+ * @param node the virtual DOM node to check
+ * @returns whether it's a Host node or not
+ */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -404,6 +418,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     return elm;
 };
+/**
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
+ * add them to the DOM in the appropriate place.
+ *
+ * @param parentElm the DOM node which should be used as a parent for the new
+ * DOM nodes
+ * @param before a child of the `parentElm` which the new children should be
+ * inserted before (optional)
+ * @param parentVNode the parent virtual DOM node
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
+ * @param startIdx the index in the child virtual DOM nodes at which to start
+ * creating DOM nodes (inclusive)
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
+ * creating DOM nodes (inclusive)
+ */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
@@ -420,6 +449,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
+/**
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
+ * This can be used to, for instance, clean up after a list of children which
+ * should no longer be shown.
+ *
+ * This function also handles some of Stencil's slot relocation logic.
+ *
+ * @param vnodes a list of virtual DOM nodes to remove
+ * @param startIdx the index at which to start removing nodes (inclusive)
+ * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
+ */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -611,7 +653,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false positive and then have to do needless re-rendering.
+ * we could obtain a false negative and then have to do needless re-rendering
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -661,6 +704,18 @@ const patch = (oldVNode, newVNode) => {
         }
     }
 };
+/**
+ * The main entry point for Stencil's virtual DOM-based rendering engine
+ *
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
+ * function will handle creating a virtual DOM tree with a single root, patching
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
+ * relocation, and reflecting attributes.
+ *
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
+ * the DOM node into which it should be rendered.
+ * @param renderFnResults the virtual DOM nodes to be rendered
+ */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b3c033e7.js';
-export { s as setNonce } from './index-b3c033e7.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b254472d.js';
+export { s as setNonce } from './index-b254472d.js';
 
 /*
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();

package/dist/esm/mds-progress.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b3c033e7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b254472d.js';
 
-const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
+const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:500ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--mds-progress-thickness);min-height:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress = class {
   constructor(hostRef) {

package/dist/esm/mds-progress.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-b3c033e7.js';
-export { s as setNonce } from './index-b3c033e7.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b254472d.js';
+export { s as setNonce } from './index-b254472d.js';
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-b3c033e7.js";export{s as setNonce}from"./index-b3c033e7.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-b254472d.js";export{s as setNonce}from"./index-b254472d.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}))};export{defineCustomElements};

package/dist/esm-es5/mds-progress.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-b3c033e7.js";var mdsProgressCss="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-b254472d.js";var mdsProgressCss="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:500ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--mds-progress-thickness);min-height:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};

package/dist/esm-es5/mds-progress.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-b3c033e7.js";export{s as setNonce}from"./index-b3c033e7.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-b254472d.js";export{s as setNonce}from"./index-b254472d.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}));

package/dist/mds-progress/mds-progress.esm.js

@@ -1 +1 @@
-import{p as r,b as e}from"./p-fd162e66.js";export{s as setNonce}from"./p-fd162e66.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-dbcd2e3f",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as r,b as e}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>e([["p-df79a738",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));

package/dist/mds-progress/mds-progress.js

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

package/{www/build/p-4777dfba.system.js → dist/mds-progress/p-ae3a1868.system.js}

@@ -1 +1 @@
-System.register(["./p-8eb3f463.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-86248014.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
+System.register(["./p-86f204e8.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};e().then((function(e){return s([["p-bf274ff8.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));

package/dist/mds-progress/p-bf274ff8.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-86f204e8.system.js"],(function(r){"use strict";var t,o,s,e;return{setters:[function(r){t=r.r;o=r.h;s=r.H;e=r.g}],execute:function(){var i="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:500ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--mds-progress-thickness);min-height:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return o(s,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},o("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=i}}}));

package/dist/mds-progress/p-df79a738.entry.js

@@ -0,0 +1 @@
+import{r,h as o,H as t,g as s}from"./p-d657b3ae.js";const i=class{constructor(o){r(this,o),this.stepsList=[],this.currentStep=void 0,this.progress=0,this.direction="horizontal",this.variant="dark",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}setProgress(r){this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return o(t,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(100*this.progress),role:"progressbar"},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return s(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};i.style="@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:500ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--mds-progress-thickness);min-height:var(--mds-progress-thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";export{i as mds_progress}