@maggioli-design-system/mds-progress 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mds-progress.cjs.entry.js +1 -12
  3. package/dist/cjs/mds-progress.cjs.js +1 -1
  4. package/dist/collection/collection-manifest.json +1 -1
  5. package/dist/collection/components/mds-progress/mds-progress.js +1 -12
  6. package/dist/collection/dictionary/typography.js +3 -3
  7. package/dist/components/mds-progress.js +1 -12
  8. package/dist/esm/loader.js +1 -1
  9. package/dist/esm/mds-progress.entry.js +1 -12
  10. package/dist/esm/mds-progress.js +1 -1
  11. package/dist/esm-es5/mds-progress.entry.js +1 -1
  12. package/dist/mds-progress/mds-progress.esm.js +1 -1
  13. package/dist/mds-progress/mds-progress.js +1 -1
  14. package/{www/build/p-f219ebba.system.js → dist/mds-progress/p-2301a024.system.js} +1 -1
  15. package/dist/mds-progress/{p-ccaf7022.system.entry.js → p-5109fda1.system.entry.js} +1 -1
  16. package/dist/mds-progress/p-70726ba7.entry.js +1 -0
  17. package/dist/stats.json +17 -17
  18. package/dist/types/stencil-public-runtime.d.ts +5 -0
  19. package/dist/types/types/typography.d.ts +3 -3
  20. package/package.json +3 -3
  21. package/src/dictionary/typography.ts +3 -3
  22. package/src/fixtures/icons.json +2 -2
  23. package/src/types/typography.ts +3 -3
  24. package/www/build/mds-progress.esm.js +1 -1
  25. package/www/build/mds-progress.js +1 -1
  26. package/{dist/mds-progress/p-f219ebba.system.js → www/build/p-2301a024.system.js} +1 -1
  27. package/www/build/{p-ccaf7022.system.entry.js → p-5109fda1.system.entry.js} +1 -1
  28. package/www/build/p-70726ba7.entry.js +1 -0
  29. package/dist/mds-progress/p-e91b0c4d.entry.js +0 -1
  30. package/www/build/p-e91b0c4d.entry.js +0 -1
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-db3031a9.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -10,21 +10,10 @@ const MdsProgress = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
12
  this.stepsList = [];
13
- /**
14
- * A value between 0 and 1 that rapresents the status progress
15
- */
13
+ this.currentStep = undefined;
16
14
  this.progress = 0;
17
- /**
18
- * Specifies the direction of the progress bar, if horizonatl or vertical
19
- */
20
15
  this.direction = 'horizontal';
21
- /**
22
- * Sets the theme variant colors
23
- */
24
16
  this.variant = 'dark';
25
- /**
26
- * Sets the steps that can be pronounced by accessibility technologies
27
- */
28
17
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
29
18
  }
30
19
  componentWillLoad() {
@@ -3,7 +3,7 @@
3
3
  const index = require('./index-db3031a9.js');
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  const patchBrowser = () => {
9
9
  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));
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "2.18.1",
7
+ "version": "2.19.3",
8
8
  "typescriptVersion": "4.7.4"
9
9
  },
10
10
  "collections": [],
@@ -2,21 +2,10 @@ import { Host, h } from '@stencil/core';
2
2
  export class MdsProgress {
3
3
  constructor() {
4
4
  this.stepsList = [];
5
- /**
6
- * A value between 0 and 1 that rapresents the status progress
7
- */
5
+ this.currentStep = undefined;
8
6
  this.progress = 0;
9
- /**
10
- * Specifies the direction of the progress bar, if horizonatl or vertical
11
- */
12
7
  this.direction = 'horizontal';
13
- /**
14
- * Sets the theme variant colors
15
- */
16
8
  this.variant = 'dark';
17
- /**
18
- * Sets the steps that can be pronounced by accessibility technologies
19
- */
20
9
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
21
10
  }
22
11
  componentWillLoad() {
@@ -1,7 +1,7 @@
1
1
  const typographyDictionary = [
2
2
  'action',
3
3
  'caption',
4
- 'code',
4
+ 'snippet',
5
5
  'detail',
6
6
  'h1',
7
7
  'h2',
@@ -19,10 +19,10 @@ const typographyVariationsDictionary = [
19
19
  'title',
20
20
  'info',
21
21
  'read',
22
- 'mono',
22
+ 'code',
23
23
  ];
24
24
  const typographyMonoDictionary = [
25
- 'code',
25
+ 'snippet',
26
26
  'hack',
27
27
  ];
28
28
  const typographyTitleDictionary = [
@@ -8,21 +8,10 @@ const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
8
8
  this.__registerHost();
9
9
  this.__attachShadow();
10
10
  this.stepsList = [];
11
- /**
12
- * A value between 0 and 1 that rapresents the status progress
13
- */
11
+ this.currentStep = undefined;
14
12
  this.progress = 0;
15
- /**
16
- * Specifies the direction of the progress bar, if horizonatl or vertical
17
- */
18
13
  this.direction = 'horizontal';
19
- /**
20
- * Sets the theme variant colors
21
- */
22
14
  this.variant = 'dark';
23
- /**
24
- * Sets the steps that can be pronounced by accessibility technologies
25
- */
26
15
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
27
16
  }
28
17
  componentWillLoad() {
@@ -1,7 +1,7 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-c2cf8238.js';
2
2
 
3
3
  /*
4
- Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
5
5
  */
6
6
  const patchEsm = () => {
7
7
  return promiseResolve();
@@ -6,21 +6,10 @@ const MdsProgress = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  this.stepsList = [];
9
- /**
10
- * A value between 0 and 1 that rapresents the status progress
11
- */
9
+ this.currentStep = undefined;
12
10
  this.progress = 0;
13
- /**
14
- * Specifies the direction of the progress bar, if horizonatl or vertical
15
- */
16
11
  this.direction = 'horizontal';
17
- /**
18
- * Sets the theme variant colors
19
- */
20
12
  this.variant = 'dark';
21
- /**
22
- * Sets the steps that can be pronounced by accessibility technologies
23
- */
24
13
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
25
14
  }
26
15
  componentWillLoad() {
@@ -1,7 +1,7 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-c2cf8238.js';
2
2
 
3
3
  /*
4
- Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
5
5
  */
6
6
  const patchBrowser = () => {
7
7
  const importMeta = import.meta.url;
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host,g as getElement}from"./index-c2cf8238.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.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};
1
+ import{r as registerInstance,h,H as Host,g as getElement}from"./index-c2cf8238.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};
@@ -1 +1 @@
1
- import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>s([["p-e91b0c4d",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
1
+ import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,p={};return""!==s&&(p.resourcesUrl=new URL(".",s).href),r(p)})().then((r=>s([["p-70726ba7",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
@@ -115,7 +115,7 @@ DOMTokenList
115
115
  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
116
116
  var start = function() {
117
117
  // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
118
- var url = new URL('./p-f219ebba.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-2301a024.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
119
119
  System.import(url.href);
120
120
  };
121
121
 
@@ -1 +1 @@
1
- System.register(["./p-c94616ee.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(e){t=e.p;s=e.b}],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-ccaf7022.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
1
+ System.register(["./p-c94616ee.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(e){t=e.p;s=e.b}],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-5109fda1.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
@@ -1 +1 @@
1
- System.register(["./p-c94616ee.system.js"],(function(r){"use strict";var t,o,i,e;return{setters:[function(r){t=r.r;o=r.h;i=r.H;e=r.g}],execute:function(){var s="@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 n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];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(i,{"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=s}}}));
1
+ System.register(["./p-c94616ee.system.js"],(function(r){"use strict";var t,o,e,i;return{setters:[function(r){t=r.r;o=r.h;e=r.H;i=r.g}],execute:function(){var s="@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 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(e,{"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 i(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=s}}}));
@@ -0,0 +1 @@
1
+ import{r,h as o,H as t,g as i}from"./p-763baf47.js";const a=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 i(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};a.style="@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))}";export{a as mds_progress}
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2022-11-18T09:22:31",
2
+ "timestamp": "2022-12-06T13:00:48",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "18.3.0"
@@ -76,21 +76,21 @@
76
76
  "./dist/mds-progress/index.esm.js",
77
77
  "./dist/mds-progress/mds-progress.esm.js",
78
78
  "./dist/mds-progress/mds-progress.js",
79
+ "./dist/mds-progress/p-2301a024.system.js",
79
80
  "./dist/mds-progress/p-50ea2036.system.js",
81
+ "./dist/mds-progress/p-5109fda1.system.entry.js",
82
+ "./dist/mds-progress/p-70726ba7.entry.js",
80
83
  "./dist/mds-progress/p-763baf47.js",
81
84
  "./dist/mds-progress/p-c94616ee.system.js",
82
- "./dist/mds-progress/p-ccaf7022.system.entry.js",
83
- "./dist/mds-progress/p-e91b0c4d.entry.js",
84
- "./dist/mds-progress/p-f219ebba.system.js",
85
85
  "./www/build/index.esm.js",
86
86
  "./www/build/mds-progress.esm.js",
87
87
  "./www/build/mds-progress.js",
88
+ "./www/build/p-2301a024.system.js",
88
89
  "./www/build/p-50ea2036.system.js",
90
+ "./www/build/p-5109fda1.system.entry.js",
91
+ "./www/build/p-70726ba7.entry.js",
89
92
  "./www/build/p-763baf47.js",
90
- "./www/build/p-c94616ee.system.js",
91
- "./www/build/p-ccaf7022.system.entry.js",
92
- "./www/build/p-e91b0c4d.entry.js",
93
- "./www/build/p-f219ebba.system.js"
93
+ "./www/build/p-c94616ee.system.js"
94
94
  ]
95
95
  },
96
96
  {
@@ -123,12 +123,12 @@
123
123
  "components": [
124
124
  "mds-progress"
125
125
  ],
126
- "bundleId": "p-e91b0c4d",
127
- "fileName": "p-e91b0c4d.entry.js",
126
+ "bundleId": "p-70726ba7",
127
+ "fileName": "p-70726ba7.entry.js",
128
128
  "imports": [
129
129
  "p-763baf47.js"
130
130
  ],
131
- "originalByteSize": 4458
131
+ "originalByteSize": 4171
132
132
  }
133
133
  ],
134
134
  "esm": [
@@ -142,7 +142,7 @@
142
142
  "imports": [
143
143
  "index-c2cf8238.js"
144
144
  ],
145
- "originalByteSize": 4462
145
+ "originalByteSize": 4175
146
146
  }
147
147
  ],
148
148
  "es5": [
@@ -156,7 +156,7 @@
156
156
  "imports": [
157
157
  "index-c2cf8238.js"
158
158
  ],
159
- "originalByteSize": 4462
159
+ "originalByteSize": 4175
160
160
  }
161
161
  ],
162
162
  "system": [
@@ -165,12 +165,12 @@
165
165
  "components": [
166
166
  "mds-progress"
167
167
  ],
168
- "bundleId": "p-ccaf7022.system",
169
- "fileName": "p-ccaf7022.system.entry.js",
168
+ "bundleId": "p-5109fda1.system",
169
+ "fileName": "p-5109fda1.system.entry.js",
170
170
  "imports": [
171
171
  "p-c94616ee.system.js"
172
172
  ],
173
- "originalByteSize": 4983
173
+ "originalByteSize": 4630
174
174
  }
175
175
  ],
176
176
  "commonjs": [
@@ -184,7 +184,7 @@
184
184
  "imports": [
185
185
  "index-db3031a9.js"
186
186
  ],
187
- "originalByteSize": 4521
187
+ "originalByteSize": 4234
188
188
  }
189
189
  ]
190
190
  },
@@ -223,6 +223,7 @@ export declare const setMode: (handler: ResolutionHandler) => void;
223
223
  /**
224
224
  * `getMode()` is used for libraries which provide multiple "modes" for styles.
225
225
  * @param ref a reference to the node to get styles for
226
+ * @returns the current mode or undefined, if not found
226
227
  */
227
228
  export declare function getMode<T = string | undefined>(ref: any): T;
228
229
  export declare function setPlatformHelpers(helpers: {
@@ -237,6 +238,7 @@ export declare function setPlatformHelpers(helpers: {
237
238
  * if the path needs to be customized.
238
239
  * @param path the path to use in calculating the asset path. this value will be
239
240
  * used in conjunction with the base asset path
241
+ * @returns the base path
240
242
  */
241
243
  export declare function getAssetPath(path: string): string;
242
244
  /**
@@ -252,11 +254,13 @@ export declare function getAssetPath(path: string): string;
252
254
  * bundling, and where your assets can be loaded from. Additionally custom bundling
253
255
  * will have to ensure the static assets are copied to its build directory.
254
256
  * @param path the asset path to set
257
+ * @returns the set path
255
258
  */
256
259
  export declare function setAssetPath(path: string): string;
257
260
  /**
258
261
  * Retrieve a Stencil element for a given reference
259
262
  * @param ref the ref to get the Stencil element for
263
+ * @returns a reference to the element
260
264
  */
261
265
  export declare function getElement(ref: any): HTMLStencilElement;
262
266
  /**
@@ -269,6 +273,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
269
273
  export declare function forceUpdate(ref: any): void;
270
274
  /**
271
275
  * getRenderingRef
276
+ * @returns the rendering ref
272
277
  */
273
278
  export declare function getRenderingRef(): any;
274
279
  export interface HTMLStencilElement extends HTMLElement {
@@ -1,8 +1,8 @@
1
- export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
2
- export declare type TypographyVariants = 'title' | 'info' | 'read' | 'mono';
1
+ export declare type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
2
+ export declare type TypographyVariants = 'title' | 'info' | 'read' | 'code';
3
3
  export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
4
4
  export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
5
5
  export declare type TypographyReadType = 'caption' | 'detail' | 'paragraph';
6
6
  export declare type TypographySmallerType = 'tip' | 'option';
7
- export declare type TypographyMonoType = 'code' | 'hack';
7
+ export declare type TypographyMonoType = 'snippet' | 'hack';
8
8
  export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-progress",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "description": "mds-progress is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -23,8 +23,8 @@
23
23
  "test": "stencil test --spec --e2e"
24
24
  },
25
25
  "dependencies": {
26
- "@maggioli-design-system/styles": "^9.0.0",
27
- "@stencil/core": "^2.18.1"
26
+ "@maggioli-design-system/styles": "^10.0.0",
27
+ "@stencil/core": "^2.19.3"
28
28
  },
29
29
  "license": "MIT",
30
30
  "author": {
@@ -1,7 +1,7 @@
1
1
  const typographyDictionary = [
2
2
  'action',
3
3
  'caption',
4
- 'code',
4
+ 'snippet',
5
5
  'detail',
6
6
  'h1',
7
7
  'h2',
@@ -20,11 +20,11 @@ const typographyVariationsDictionary = [
20
20
  'title',
21
21
  'info',
22
22
  'read',
23
- 'mono',
23
+ 'code',
24
24
  ]
25
25
 
26
26
  const typographyMonoDictionary = [
27
- 'code',
27
+ 'snippet',
28
28
  'hack',
29
29
  ]
30
30
 
@@ -18,17 +18,17 @@
18
18
  "mi/baseline/badge",
19
19
  "mi/baseline/book",
20
20
  "mi/baseline/border-all",
21
+ "mi/baseline/cancel",
21
22
  "mi/baseline/check-box",
22
23
  "mi/baseline/check-box-outline-blank",
23
24
  "mi/baseline/check-circle",
24
- "mi/baseline/check-circle-outline",
25
25
  "mi/baseline/close",
26
26
  "mi/baseline/css",
27
27
  "mi/baseline/description",
28
28
  "mi/baseline/done",
29
29
  "mi/baseline/eco",
30
30
  "mi/baseline/email",
31
- "mi/baseline/error-outline",
31
+ "mi/baseline/error",
32
32
  "mi/baseline/explore",
33
33
  "mi/baseline/folder-zip",
34
34
  "mi/baseline/groups",
@@ -1,7 +1,7 @@
1
1
  export type TypographyType =
2
2
  | 'action'
3
3
  | 'caption'
4
- | 'code'
4
+ | 'snippet'
5
5
  | 'detail'
6
6
  | 'h1'
7
7
  | 'h2'
@@ -19,7 +19,7 @@ export type TypographyVariants =
19
19
  | 'title'
20
20
  | 'info'
21
21
  | 'read'
22
- | 'mono'
22
+ | 'code'
23
23
 
24
24
  export type TypographyTitleType =
25
25
  | 'action'
@@ -48,7 +48,7 @@ export type TypographySmallerType =
48
48
  | 'option'
49
49
 
50
50
  export type TypographyMonoType =
51
- | 'code'
51
+ | 'snippet'
52
52
  | 'hack'
53
53
 
54
54
  export type TypographyTooltipType =
@@ -1 +1 @@
1
- import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>s([["p-e91b0c4d",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
1
+ import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,p={};return""!==s&&(p.resourcesUrl=new URL(".",s).href),r(p)})().then((r=>s([["p-70726ba7",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
@@ -115,7 +115,7 @@ DOMTokenList
115
115
  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
116
116
  var start = function() {
117
117
  // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
118
- var url = new URL('./p-f219ebba.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-2301a024.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
119
119
  System.import(url.href);
120
120
  };
121
121
 
@@ -1 +1 @@
1
- System.register(["./p-c94616ee.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(e){t=e.p;s=e.b}],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-ccaf7022.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
1
+ System.register(["./p-c94616ee.system.js"],(function(e,r){"use strict";var t,s;return{setters:[function(e){t=e.p;s=e.b}],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-5109fda1.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
@@ -1 +1 @@
1
- System.register(["./p-c94616ee.system.js"],(function(r){"use strict";var t,o,i,e;return{setters:[function(r){t=r.r;o=r.h;i=r.H;e=r.g}],execute:function(){var s="@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 n=r("mds_progress",function(){function r(r){t(this,r);this.stepsList=[];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(i,{"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=s}}}));
1
+ System.register(["./p-c94616ee.system.js"],(function(r){"use strict";var t,o,e,i;return{setters:[function(r){t=r.r;o=r.h;e=r.H;i=r.g}],execute:function(){var s="@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 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(e,{"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 i(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());n.style=s}}}));
@@ -0,0 +1 @@
1
+ import{r,h as o,H as t,g as i}from"./p-763baf47.js";const a=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 i(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};a.style="@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))}";export{a as mds_progress}
@@ -1 +0,0 @@
1
- import{r,h as o,H as t,g as i}from"./p-763baf47.js";const a=class{constructor(o){r(this,o),this.stepsList=[],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 i(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};a.style="@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))}";export{a as mds_progress}
@@ -1 +0,0 @@
1
- import{r,h as o,H as t,g as i}from"./p-763baf47.js";const a=class{constructor(o){r(this,o),this.stepsList=[],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 i(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};a.style="@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))}";export{a as mds_progress}