@maggioli-design-system/mds-progress 2.8.0 → 2.8.2

package/dist/collection/dictionary/loading.js

@@ -1,5 +1,5 @@
 const loadingDictionary = [
-  'eager',
-  'lazy',
+    'eager',
+    'lazy',
 ];
 export { loadingDictionary, };

package/dist/collection/dictionary/typography.js

@@ -1,67 +1,67 @@
 const typographyDictionary = [
-  'action',
-  'caption',
-  'snippet',
-  'detail',
-  'h1',
-  'h2',
-  'h3',
-  'h4',
-  'h5',
-  'h6',
-  'hack',
-  'label',
-  'option',
-  'paragraph',
-  'tip',
+    'action',
+    'caption',
+    'snippet',
+    'detail',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'hack',
+    'label',
+    'option',
+    'paragraph',
+    'tip',
 ];
 const typographyVariationsDictionary = [
-  'title',
-  'info',
-  'read',
-  'code',
+    'title',
+    'info',
+    'read',
+    'code',
 ];
 const typographyReadingVariationsDictionary = [
-  'info',
-  'read',
+    'info',
+    'read',
 ];
 const typographyMonoDictionary = [
-  'snippet',
-  'hack',
+    'snippet',
+    'hack',
 ];
 const typographyTitleDictionary = [
-  'action',
-  'h1',
-  'h2',
-  'h3',
-  'h4',
-  'h5',
-  'h6',
+    'action',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
 ];
 const typographyInfoDictionary = [
-  'caption',
-  'detail',
-  'label',
-  'option',
-  'paragraph',
-  'tip',
+    'caption',
+    'detail',
+    'label',
+    'option',
+    'paragraph',
+    'tip',
 ];
 const typographyReadDictionary = [
-  'caption',
-  'detail',
-  'paragraph',
+    'caption',
+    'detail',
+    'paragraph',
 ];
 const typographySmallerDictionary = [
-  'option',
-  'tip',
+    'option',
+    'tip',
 ];
 const typographyTooltipDictionary = [
-  'caption',
-  'detail',
-  'tip',
+    'caption',
+    'detail',
+    'tip',
 ];
 const typographyInputDictionary = [
-  'snippet',
-  'detail',
+    'snippet',
+    'detail',
 ];
 export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/collection/dictionary/variant.js

@@ -1,73 +1,73 @@
 const themeVariantDictionary = [
-  'dark',
-  'error',
-  'info',
-  'light',
-  'primary',
-  'success',
-  'warning',
+    'dark',
+    'error',
+    'info',
+    'light',
+    'primary',
+    'success',
+    'warning',
 ];
 const themeLuminanceVariantDictionary = [
-  'dark',
-  'light',
+    'dark',
+    'light',
 ];
 const themeStatusVariantDictionary = [
-  'error',
-  'info',
-  'success',
-  'warning',
+    'error',
+    'info',
+    'success',
+    'warning',
 ];
 const themeFullVariantDictionary = [
-  'amaranth',
-  'aqua',
-  'blue',
-  'dark',
-  'error',
-  'green',
-  'info',
-  'light',
-  'lime',
-  'orange',
-  'orchid',
-  'sky',
-  'success',
-  'violet',
-  'warning',
-  'yellow',
+    'amaranth',
+    'aqua',
+    'blue',
+    'dark',
+    'error',
+    'green',
+    'info',
+    'light',
+    'lime',
+    'orange',
+    'orchid',
+    'sky',
+    'success',
+    'violet',
+    'warning',
+    'yellow',
 ];
 const themeLabelVariantDictionary = [
-  'amaranth',
-  'aqua',
-  'blue',
-  'green',
-  'lime',
-  'orange',
-  'orchid',
-  'sky',
-  'violet',
-  'yellow',
+    'amaranth',
+    'aqua',
+    'blue',
+    'green',
+    'lime',
+    'orange',
+    'orchid',
+    'sky',
+    'violet',
+    'yellow',
 ];
 const toneVariantDictionary = [
-  'strong',
-  'weak',
-  'ghost',
-  'quiet',
+    'strong',
+    'weak',
+    'ghost',
+    'quiet',
 ];
 const toneActionVariantDictionary = [
-  'primary',
-  'secondary',
-  'tertiary',
-  'strong',
-  'weak',
-  'quiet',
+    'primary',
+    'secondary',
+    'tertiary',
+    'strong',
+    'weak',
+    'quiet',
 ];
 const toneSimpleVariantDictionary = [
-  'strong',
-  'weak',
-  'quiet',
+    'strong',
+    'weak',
+    'quiet',
 ];
 const toneMinimalVariantDictionary = [
-  'strong',
-  'weak',
+    'strong',
+    'weak',
 ];
 export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/collection/fixtures/cities.js

@@ -1,110 +1,110 @@
 const citiesDictionary = [
-  'Agrigento',
-  'Alessandria',
-  'Ancona',
-  'Aosta',
-  'Arezzo',
-  'Ascoli Piceno',
-  'Asti',
-  'Avellino',
-  'Bari',
-  'Barletta-Andria-Trani',
-  'Belluno',
-  'Benevento',
-  'Bergamo',
-  'Biella',
-  'Bologna',
-  'Bolzano',
-  'Brescia',
-  'Brindisi',
-  'Cagliari',
-  'Caltanissetta',
-  'Campobasso',
-  'Caserta',
-  'Catania',
-  'Catanzaro',
-  'Chieti',
-  'Como',
-  'Cosenza',
-  'Cremona',
-  'Crotone',
-  'Cuneo',
-  'Enna',
-  'Fermo',
-  'Ferrara',
-  'Firenze',
-  'Foggia',
-  'Forlì-Cesena',
-  'Frosinone',
-  'Genova',
-  'Gorizia',
-  'Grosseto',
-  'Imperia',
-  'Isernia',
-  'La Spezia',
-  'L\'Aquila',
-  'Latina',
-  'Lecce',
-  'Lecco',
-  'Livorno',
-  'Lodi',
-  'Lucca',
-  'Macerata',
-  'Mantova',
-  'Massa-Carrara',
-  'Matera',
-  'Messina',
-  'Milano',
-  'Modena',
-  'Monza e della Brianza',
-  'Napoli',
-  'Novara',
-  'Nuoro',
-  'Oristano',
-  'Padova',
-  'Palermo',
-  'Parma',
-  'Pavia',
-  'Perugia',
-  'Pesaro e Urbino',
-  'Pescara',
-  'Piacenza',
-  'Pisa',
-  'Pistoia',
-  'Pordenone',
-  'Potenza',
-  'Prato',
-  'Ragusa',
-  'Ravenna',
-  'Reggio Calabria',
-  'Reggio Emilia',
-  'Rieti',
-  'Rimini',
-  'Roma',
-  'Rovigo',
-  'Salerno',
-  'Sassari',
-  'Savona',
-  'Siena',
-  'Siracusa',
-  'Sondrio',
-  'Sud Sardegna',
-  'Taranto',
-  'Teramo',
-  'Terni',
-  'Torino',
-  'Trapani',
-  'Trento',
-  'Treviso',
-  'Trieste',
-  'Udine',
-  'Varese',
-  'Venezia',
-  'Verbano-Cusio-Ossola',
-  'Vercelli',
-  'Verona',
-  'Vibo Valentia',
-  'Vicenza',
-  'Viterbo',
+    'Agrigento',
+    'Alessandria',
+    'Ancona',
+    'Aosta',
+    'Arezzo',
+    'Ascoli Piceno',
+    'Asti',
+    'Avellino',
+    'Bari',
+    'Barletta-Andria-Trani',
+    'Belluno',
+    'Benevento',
+    'Bergamo',
+    'Biella',
+    'Bologna',
+    'Bolzano',
+    'Brescia',
+    'Brindisi',
+    'Cagliari',
+    'Caltanissetta',
+    'Campobasso',
+    'Caserta',
+    'Catania',
+    'Catanzaro',
+    'Chieti',
+    'Como',
+    'Cosenza',
+    'Cremona',
+    'Crotone',
+    'Cuneo',
+    'Enna',
+    'Fermo',
+    'Ferrara',
+    'Firenze',
+    'Foggia',
+    'Forlì-Cesena',
+    'Frosinone',
+    'Genova',
+    'Gorizia',
+    'Grosseto',
+    'Imperia',
+    'Isernia',
+    'La Spezia',
+    'L\'Aquila',
+    'Latina',
+    'Lecce',
+    'Lecco',
+    'Livorno',
+    'Lodi',
+    'Lucca',
+    'Macerata',
+    'Mantova',
+    'Massa-Carrara',
+    'Matera',
+    'Messina',
+    'Milano',
+    'Modena',
+    'Monza e della Brianza',
+    'Napoli',
+    'Novara',
+    'Nuoro',
+    'Oristano',
+    'Padova',
+    'Palermo',
+    'Parma',
+    'Pavia',
+    'Perugia',
+    'Pesaro e Urbino',
+    'Pescara',
+    'Piacenza',
+    'Pisa',
+    'Pistoia',
+    'Pordenone',
+    'Potenza',
+    'Prato',
+    'Ragusa',
+    'Ravenna',
+    'Reggio Calabria',
+    'Reggio Emilia',
+    'Rieti',
+    'Rimini',
+    'Roma',
+    'Rovigo',
+    'Salerno',
+    'Sassari',
+    'Savona',
+    'Siena',
+    'Siracusa',
+    'Sondrio',
+    'Sud Sardegna',
+    'Taranto',
+    'Teramo',
+    'Terni',
+    'Torino',
+    'Trapani',
+    'Trento',
+    'Treviso',
+    'Trieste',
+    'Udine',
+    'Varese',
+    'Venezia',
+    'Verbano-Cusio-Ossola',
+    'Vercelli',
+    'Verona',
+    'Vibo Valentia',
+    'Vicenza',
+    'Viterbo',
 ];
 export { citiesDictionary, };

package/dist/components/mds-progress.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface MdsProgress extends Components.MdsProgress, HTMLElement {}
 export const MdsProgress: {
-  prototype: MdsProgress;
-  new (): MdsProgress;
+    prototype: MdsProgress;
+    new (): MdsProgress;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/mds-progress.js

@@ -1,68 +1,68 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mdsProgressCss = "@tailwind utilities; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-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);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width: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\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-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:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-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);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width: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}.text{font-size:1rem}.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\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--brand-maggioli-03));--mds-progress-background:rgb(var(--tone-neutral-08))}";
 
 const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class MdsProgress extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.stepsList = new Array();
-    this.currentStep = undefined;
-    this.progress = 0;
-    this.direction = 'horizontal';
-    this.variant = 'primary';
-    this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
-  }
-  componentWillLoad() {
-    this.stepsList = this.steps.split(',');
-    this.setProgress(this.progress);
-  }
-  setProgress(progress) {
-    if (this.steps) {
-      this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
-      this.element.setAttribute('aria-valuetext', this.currentStep);
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.stepsList = new Array();
+        this.currentStep = undefined;
+        this.progress = 0;
+        this.direction = 'horizontal';
+        this.variant = 'primary';
+        this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
     }
-  }
-  progressChanged(progress) {
-    this.setProgress(progress);
-  }
-  stepsChanged(steps) {
-    this.stepsList = steps.split(',');
-  }
-  render() {
-    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: `${this.progress}` }
-        : { flexGrow: `${this.progress}`, width: '100%' } })));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "progress": ["progressChanged"],
-    "steps": ["stepsChanged"]
-  }; }
-  static get style() { return mdsProgressCss; }
+    componentWillLoad() {
+        this.stepsList = this.steps.split(',');
+        this.setProgress(this.progress);
+    }
+    setProgress(progress) {
+        if (this.steps) {
+            this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
+            this.element.setAttribute('aria-valuetext', this.currentStep);
+        }
+    }
+    progressChanged(progress) {
+        this.setProgress(progress);
+    }
+    stepsChanged(steps) {
+        this.stepsList = steps.split(',');
+    }
+    render() {
+        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: `${this.progress}` }
+                : { flexGrow: `${this.progress}`, width: '100%' } })));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "progress": ["progressChanged"],
+        "steps": ["stepsChanged"]
+    }; }
+    static get style() { return mdsProgressCss; }
 }, [1, "mds-progress", {
-    "progress": [2],
-    "direction": [513],
-    "variant": [513],
-    "steps": [1],
-    "currentStep": [32]
-  }, undefined, {
-    "progress": ["progressChanged"],
-    "steps": ["stepsChanged"]
-  }]);
+        "progress": [2],
+        "direction": [513],
+        "variant": [513],
+        "steps": [1],
+        "currentStep": [32]
+    }, undefined, {
+        "progress": ["progressChanged"],
+        "steps": ["stepsChanged"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["mds-progress"];
-  components.forEach(tagName => { switch (tagName) {
-    case "mds-progress":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MdsProgress$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["mds-progress"];
+    components.forEach(tagName => { switch (tagName) {
+        case "mds-progress":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MdsProgress$1);
+            }
+            break;
+    } });
 }
 
 const MdsProgress = MdsProgress$1;

package/dist/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-11-08T17:58:52",
+  "timestamp": "2023-12-20T08:51:43",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.1",
+    "version": "4.8.0",
     "typescriptVersion": "5.2.2"
   },
   "components": [