@maggioli-design-system/mds-progress 2.4.0 → 2.5.0

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 (45) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mds-progress.cjs.entry.js +3 -3
  3. package/dist/cjs/mds-progress.cjs.js +1 -1
  4. package/dist/collection/collection-manifest.json +1 -1
  5. package/dist/collection/common/aria.js +4 -2
  6. package/dist/collection/common/keyboard-manager.js +1 -1
  7. package/dist/collection/components/mds-progress/mds-progress.css +22 -22
  8. package/dist/collection/components/mds-progress/mds-progress.js +7 -7
  9. package/dist/components/mds-progress.js +3 -3
  10. package/dist/documentation.d.ts +148 -0
  11. package/dist/documentation.json +156 -0
  12. package/dist/esm/loader.js +1 -1
  13. package/dist/esm/mds-progress.entry.js +3 -3
  14. package/dist/esm/mds-progress.js +1 -1
  15. package/dist/esm-es5/mds-progress.entry.js +1 -1
  16. package/dist/mds-progress/mds-progress.esm.js +1 -1
  17. package/dist/mds-progress/mds-progress.js +1 -1
  18. package/dist/mds-progress/{p-ae3a1868.system.js → p-a3294ed0.system.js} +1 -1
  19. package/dist/mds-progress/p-a8e1043f.entry.js +1 -0
  20. package/dist/mds-progress/p-de434aaf.system.entry.js +1 -0
  21. package/dist/stats.json +26 -26
  22. package/dist/types/components/mds-progress/mds-progress.d.ts +3 -3
  23. package/dist/types/components.d.ts +3 -3
  24. package/dist/types/interface/input-value.d.ts +1 -1
  25. package/documentation.json +171 -0
  26. package/package.json +10 -4
  27. package/readme.md +2 -2
  28. package/src/common/aria.ts +2 -2
  29. package/src/common/keyboard-manager.ts +1 -1
  30. package/src/components/mds-progress/css/mds-progress-variant.css +21 -21
  31. package/src/components/mds-progress/mds-progress.css +2 -2
  32. package/src/components/mds-progress/mds-progress.tsx +4 -4
  33. package/src/components/mds-progress/readme.md +2 -2
  34. package/src/components.d.ts +3 -3
  35. package/src/fixtures/icons.json +1 -0
  36. package/src/interface/input-value.ts +1 -1
  37. package/www/build/mds-progress.esm.js +1 -1
  38. package/www/build/mds-progress.js +1 -1
  39. package/www/build/{p-ae3a1868.system.js → p-a3294ed0.system.js} +1 -1
  40. package/www/build/p-a8e1043f.entry.js +1 -0
  41. package/www/build/p-de434aaf.system.entry.js +1 -0
  42. package/dist/mds-progress/p-e2e4d70b.entry.js +0 -1
  43. package/dist/mds-progress/p-fc6f1e41.system.entry.js +0 -1
  44. package/www/build/p-e2e4d70b.entry.js +0 -1
  45. package/www/build/p-fc6f1e41.system.entry.js +0 -1
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1d846f7a.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d846f7a.js');
6
6
 
7
- 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;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;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]){--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))}";
7
+ 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;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;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))}";
8
8
 
9
9
  const MdsProgress = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
- this.stepsList = [];
12
+ this.stepsList = new Array();
13
13
  this.currentStep = undefined;
14
14
  this.progress = 0;
15
15
  this.direction = 'horizontal';
16
- this.variant = 'dark';
16
+ this.variant = 'primary';
17
17
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
18
18
  }
19
19
  componentWillLoad() {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1d846f7a.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchBrowser = () => {
11
11
  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.22.2",
7
+ "version": "2.22.3",
8
8
  "typescriptVersion": "4.9.4"
9
9
  },
10
10
  "collections": [],
@@ -6,11 +6,13 @@ const hash = (s) => {
6
6
  return h.toString();
7
7
  };
8
8
  const unslugName = (name) => {
9
- return name.split('/').slice(-1).pop().replace(/-/g, ' ');
9
+ var _a, _b, _c;
10
+ return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
10
11
  };
11
12
  const setAttributeIfEmpty = (element, attribute, value) => {
13
+ var _a;
12
14
  if (element.hasAttribute(attribute)) {
13
- return element.getAttribute(attribute);
15
+ return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
14
16
  }
15
17
  element.setAttribute(attribute, value);
16
18
  return value;
@@ -31,7 +31,7 @@ export class KeyboardManager {
31
31
  }
32
32
  };
33
33
  this.detachEscapeBehavior = () => {
34
- this.escapeCallback = null;
34
+ this.escapeCallback = () => { return; };
35
35
  if (typeof window !== undefined) {
36
36
  window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
37
37
  }
@@ -28,7 +28,7 @@
28
28
  min-width: var(--mds-progress-thickness);
29
29
  }
30
30
 
31
- :host ( [direction=vertical] ){
31
+ :host( [direction="vertical"] ){
32
32
 
33
33
  height: 100%;
34
34
 
@@ -75,45 +75,45 @@
75
75
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
76
76
  }
77
77
 
78
- :host ( [variant=dark] ) {
78
+ :host( [variant="dark"] ) {
79
79
 
80
- --color: rgb(var(--tone-neutral-04));
81
- --background: rgb(var(--tone-neutral-08));
80
+ --mds-progress-color: rgb(var(--tone-neutral-04));
81
+ --mds-progress-background: rgb(var(--tone-neutral-08));
82
82
  }
83
83
 
84
- :host ( [variant=light] ) {
84
+ :host( [variant="light"] ) {
85
85
 
86
- --color: rgb(var(--tone-neutral));
87
- --background: rgb(var(--tone-neutral-05));
86
+ --mds-progress-color: rgb(var(--tone-neutral));
87
+ --mds-progress-background: rgb(var(--tone-neutral-05));
88
88
  }
89
89
 
90
- :host ( [variant=error] ) {
90
+ :host( [variant="error"] ) {
91
91
 
92
- --color: rgb(var(--status-error-06));
93
- --background: rgb(var(--status-error-09));
92
+ --mds-progress-color: rgb(var(--status-error-06));
93
+ --mds-progress-background: rgb(var(--status-error-09));
94
94
  }
95
95
 
96
- :host ( [variant=warning] ) {
96
+ :host( [variant="warning"] ) {
97
97
 
98
- --color: rgb(var(--status-warning-06));
99
- --background: rgb(var(--status-warning-09));
98
+ --mds-progress-color: rgb(var(--status-warning-06));
99
+ --mds-progress-background: rgb(var(--status-warning-09));
100
100
  }
101
101
 
102
- :host ( [variant=success] ) {
102
+ :host( [variant="success"] ) {
103
103
 
104
- --color: rgb(var(--status-success-06));
105
- --background: rgb(var(--status-success-09));
104
+ --mds-progress-color: rgb(var(--status-success-06));
105
+ --mds-progress-background: rgb(var(--status-success-09));
106
106
  }
107
107
 
108
- :host ( [variant=info] ) {
108
+ :host( [variant="info"] ) {
109
109
 
110
- --color: rgb(var(--status-info-06));
111
- --background: rgb(var(--status-info-09));
110
+ --mds-progress-color: rgb(var(--status-info-06));
111
+ --mds-progress-background: rgb(var(--status-info-09));
112
112
  }
113
113
 
114
- :host ( [variant=primary] ) {
114
+ :host( [variant="primary"] ) {
115
115
 
116
- --color: rgb(var(--brand-maggioli-03));
117
- --background: rgb(var(--tone-neutral-08));
116
+ --mds-progress-color: rgb(var(--brand-maggioli-03));
117
+ --mds-progress-background: rgb(var(--tone-neutral-08));
118
118
  }
119
119
 
@@ -1,11 +1,11 @@
1
1
  import { Host, h } from '@stencil/core';
2
2
  export class MdsProgress {
3
3
  constructor() {
4
- this.stepsList = [];
4
+ this.stepsList = new Array();
5
5
  this.currentStep = undefined;
6
6
  this.progress = 0;
7
7
  this.direction = 'horizontal';
8
- this.variant = 'dark';
8
+ this.variant = 'primary';
9
9
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
10
10
  }
11
11
  componentWillLoad() {
@@ -52,7 +52,7 @@ export class MdsProgress {
52
52
  "references": {}
53
53
  },
54
54
  "required": false,
55
- "optional": true,
55
+ "optional": false,
56
56
  "docs": {
57
57
  "tags": [],
58
58
  "text": "A value between 0 and 1 that rapresents the status progress"
@@ -66,7 +66,7 @@ export class MdsProgress {
66
66
  "mutable": false,
67
67
  "complexType": {
68
68
  "original": "DirectionType",
69
- "resolved": "\"horizontal\" | \"vertical\"",
69
+ "resolved": "\"horizontal\" | \"vertical\" | undefined",
70
70
  "references": {
71
71
  "DirectionType": {
72
72
  "location": "import",
@@ -98,14 +98,14 @@ export class MdsProgress {
98
98
  }
99
99
  },
100
100
  "required": false,
101
- "optional": true,
101
+ "optional": false,
102
102
  "docs": {
103
103
  "tags": [],
104
104
  "text": "Sets the theme variant colors"
105
105
  },
106
106
  "attribute": "variant",
107
107
  "reflect": true,
108
- "defaultValue": "'dark'"
108
+ "defaultValue": "'primary'"
109
109
  },
110
110
  "steps": {
111
111
  "type": "string",
@@ -116,7 +116,7 @@ export class MdsProgress {
116
116
  "references": {}
117
117
  },
118
118
  "required": false,
119
- "optional": true,
119
+ "optional": false,
120
120
  "docs": {
121
121
  "tags": [],
122
122
  "text": "Sets the steps that can be pronounced by accessibility technologies"
@@ -1,17 +1,17 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
 
3
- 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;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;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]){--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))}";
3
+ 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;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;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))}";
4
4
 
5
5
  const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
7
7
  super();
8
8
  this.__registerHost();
9
9
  this.__attachShadow();
10
- this.stepsList = [];
10
+ this.stepsList = new Array();
11
11
  this.currentStep = undefined;
12
12
  this.progress = 0;
13
13
  this.direction = 'horizontal';
14
- this.variant = 'dark';
14
+ this.variant = 'primary';
15
15
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
16
16
  }
17
17
  componentWillLoad() {
@@ -0,0 +1,148 @@
1
+
2
+ /**
3
+ * This is an autogenerated file created by the Stencil compiler.
4
+ * DO NOT MODIFY IT MANUALLY
5
+ */
6
+ export interface JsonDocs {
7
+ components: JsonDocsComponent[];
8
+ timestamp: string;
9
+ compiler: {
10
+ name: string;
11
+ version: string;
12
+ typescriptVersion: string;
13
+ };
14
+ }
15
+ export interface JsonDocsComponent {
16
+ dirPath?: string;
17
+ fileName?: string;
18
+ filePath?: string;
19
+ readmePath?: string;
20
+ usagesDir?: string;
21
+ encapsulation: 'shadow' | 'scoped' | 'none';
22
+ tag: string;
23
+ readme: string;
24
+ docs: string;
25
+ docsTags: JsonDocsTag[];
26
+ /**
27
+ * The text from the class-level JSDoc for a Stencil component, if present.
28
+ */
29
+ overview?: string;
30
+ usage: JsonDocsUsage;
31
+ props: JsonDocsProp[];
32
+ methods: JsonDocsMethod[];
33
+ events: JsonDocsEvent[];
34
+ listeners: JsonDocsListener[];
35
+ styles: JsonDocsStyle[];
36
+ slots: JsonDocsSlot[];
37
+ parts: JsonDocsPart[];
38
+ dependents: string[];
39
+ dependencies: string[];
40
+ dependencyGraph: JsonDocsDependencyGraph;
41
+ deprecation?: string;
42
+ }
43
+ export interface JsonDocsDependencyGraph {
44
+ [tagName: string]: string[];
45
+ }
46
+ export interface JsonDocsTag {
47
+ name: string;
48
+ text?: string;
49
+ }
50
+ export interface JsonDocsValue {
51
+ value?: string;
52
+ type: string;
53
+ }
54
+ /**
55
+ * A mapping of file names to their contents.
56
+ *
57
+ * This type is meant to be used when reading one or more usage markdown files associated with a component. For the
58
+ * given directory structure:
59
+ * ```
60
+ * src/components/my-component
61
+ * ├── my-component.tsx
62
+ * └── usage
63
+ * ├── bar.md
64
+ * └── foo.md
65
+ * ```
66
+ * an instance of this type would include the name of the markdown file, mapped to its contents:
67
+ * ```ts
68
+ * {
69
+ * 'bar': STRING_CONTENTS_OF_BAR.MD
70
+ * 'foo': STRING_CONTENTS_OF_FOO.MD
71
+ * }
72
+ * ```
73
+ */
74
+ export interface JsonDocsUsage {
75
+ [key: string]: string;
76
+ }
77
+ export interface JsonDocsProp {
78
+ name: string;
79
+ type: string;
80
+ mutable: boolean;
81
+ /**
82
+ * The name of the attribute that is exposed to configure a compiled web component
83
+ */
84
+ attr?: string;
85
+ reflectToAttr: boolean;
86
+ docs: string;
87
+ docsTags: JsonDocsTag[];
88
+ default: string;
89
+ deprecation?: string;
90
+ values: JsonDocsValue[];
91
+ optional: boolean;
92
+ required: boolean;
93
+ }
94
+ export interface JsonDocsMethod {
95
+ name: string;
96
+ docs: string;
97
+ docsTags: JsonDocsTag[];
98
+ deprecation?: string;
99
+ signature: string;
100
+ returns: JsonDocsMethodReturn;
101
+ parameters: JsonDocMethodParameter[];
102
+ }
103
+ export interface JsonDocsMethodReturn {
104
+ type: string;
105
+ docs: string;
106
+ }
107
+ export interface JsonDocMethodParameter {
108
+ name: string;
109
+ type: string;
110
+ docs: string;
111
+ }
112
+ export interface JsonDocsEvent {
113
+ event: string;
114
+ bubbles: boolean;
115
+ cancelable: boolean;
116
+ composed: boolean;
117
+ docs: string;
118
+ docsTags: JsonDocsTag[];
119
+ deprecation?: string;
120
+ detail: string;
121
+ }
122
+ export interface JsonDocsStyle {
123
+ name: string;
124
+ docs: string;
125
+ annotation: string;
126
+ }
127
+ export interface JsonDocsListener {
128
+ event: string;
129
+ target?: string;
130
+ capture: boolean;
131
+ passive: boolean;
132
+ }
133
+ export interface JsonDocsSlot {
134
+ name: string;
135
+ docs: string;
136
+ }
137
+ export interface JsonDocsPart {
138
+ name: string;
139
+ docs: string;
140
+ }
141
+ export interface StyleDoc {
142
+ name: string;
143
+ docs: string;
144
+ annotation: 'prop';
145
+ }
146
+
147
+ declare const _default: JsonDocs;
148
+ export default _default;
@@ -0,0 +1,156 @@
1
+ {
2
+ "timestamp": "2023-04-14T10:18:51",
3
+ "compiler": {
4
+ "name": "@stencil/core",
5
+ "version": "2.22.3",
6
+ "typescriptVersion": "4.9.4"
7
+ },
8
+ "components": [
9
+ {
10
+ "filePath": "./src/components/mds-progress/mds-progress.tsx",
11
+ "encapsulation": "shadow",
12
+ "tag": "mds-progress",
13
+ "docs": "",
14
+ "docsTags": [],
15
+ "usage": {},
16
+ "props": [
17
+ {
18
+ "name": "direction",
19
+ "type": "\"horizontal\" | \"vertical\" | undefined",
20
+ "mutable": false,
21
+ "attr": "direction",
22
+ "reflectToAttr": true,
23
+ "docs": "Specifies the direction of the progress bar, if horizonatl or vertical",
24
+ "docsTags": [],
25
+ "default": "'horizontal'",
26
+ "values": [
27
+ {
28
+ "value": "horizontal",
29
+ "type": "string"
30
+ },
31
+ {
32
+ "value": "vertical",
33
+ "type": "string"
34
+ },
35
+ {
36
+ "type": "undefined"
37
+ }
38
+ ],
39
+ "optional": true,
40
+ "required": false
41
+ },
42
+ {
43
+ "name": "progress",
44
+ "type": "number",
45
+ "mutable": false,
46
+ "attr": "progress",
47
+ "reflectToAttr": false,
48
+ "docs": "A value between 0 and 1 that rapresents the status progress",
49
+ "docsTags": [],
50
+ "default": "0",
51
+ "values": [
52
+ {
53
+ "type": "number"
54
+ }
55
+ ],
56
+ "optional": false,
57
+ "required": false
58
+ },
59
+ {
60
+ "name": "steps",
61
+ "type": "string",
62
+ "mutable": false,
63
+ "attr": "steps",
64
+ "reflectToAttr": false,
65
+ "docs": "Sets the steps that can be pronounced by accessibility technologies",
66
+ "docsTags": [],
67
+ "default": "'Inizio,Un quarto,Metà,Tre quarti,Fine'",
68
+ "values": [
69
+ {
70
+ "type": "string"
71
+ }
72
+ ],
73
+ "optional": false,
74
+ "required": false
75
+ },
76
+ {
77
+ "name": "variant",
78
+ "type": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
79
+ "mutable": false,
80
+ "attr": "variant",
81
+ "reflectToAttr": true,
82
+ "docs": "Sets the theme variant colors",
83
+ "docsTags": [],
84
+ "default": "'primary'",
85
+ "values": [
86
+ {
87
+ "value": "dark",
88
+ "type": "string"
89
+ },
90
+ {
91
+ "value": "error",
92
+ "type": "string"
93
+ },
94
+ {
95
+ "value": "info",
96
+ "type": "string"
97
+ },
98
+ {
99
+ "value": "light",
100
+ "type": "string"
101
+ },
102
+ {
103
+ "value": "primary",
104
+ "type": "string"
105
+ },
106
+ {
107
+ "value": "success",
108
+ "type": "string"
109
+ },
110
+ {
111
+ "value": "warning",
112
+ "type": "string"
113
+ }
114
+ ],
115
+ "optional": false,
116
+ "required": false
117
+ }
118
+ ],
119
+ "methods": [],
120
+ "events": [],
121
+ "listeners": [],
122
+ "styles": [
123
+ {
124
+ "name": "--mds-progress-background",
125
+ "annotation": "prop",
126
+ "docs": "Sets the background-color of the component"
127
+ },
128
+ {
129
+ "name": "--mds-progress-color",
130
+ "annotation": "prop",
131
+ "docs": "Sets the background-color of the progress"
132
+ },
133
+ {
134
+ "name": "--mds-progress-duration",
135
+ "annotation": "prop",
136
+ "docs": "Sets the duration of the progress bar animation"
137
+ },
138
+ {
139
+ "name": "--mds-progress-radius",
140
+ "annotation": "prop",
141
+ "docs": "Sets the border-radius of the component"
142
+ },
143
+ {
144
+ "name": "--mds-progress-thickness",
145
+ "annotation": "prop",
146
+ "docs": "Sets the thickness of the progress bar"
147
+ }
148
+ ],
149
+ "slots": [],
150
+ "parts": [],
151
+ "dependents": [],
152
+ "dependencies": [],
153
+ "dependencyGraph": {}
154
+ }
155
+ ]
156
+ }
@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-b254472d.js';
2
2
  export { s as setNonce } from './index-b254472d.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchEsm = () => {
8
8
  return promiseResolve();
@@ -1,15 +1,15 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-b254472d.js';
2
2
 
3
- 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;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;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]){--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))}";
3
+ 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;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;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))}";
4
4
 
5
5
  const MdsProgress = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
- this.stepsList = [];
8
+ this.stepsList = new Array();
9
9
  this.currentStep = undefined;
10
10
  this.progress = 0;
11
11
  this.direction = 'horizontal';
12
- this.variant = 'dark';
12
+ this.variant = 'primary';
13
13
  this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
14
14
  }
15
15
  componentWillLoad() {
@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-b254472d.js';
2
2
  export { s as setNonce } from './index-b254472d.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchBrowser = () => {
8
8
  const importMeta = import.meta.url;
@@ -1 +1 @@
1
- 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:750ms;--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;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]){--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
+ 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:750ms;--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;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))}';var MdsProgress=function(){function r(r){registerInstance(this,r);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"}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 e,b as r}from"./p-d657b3ae.js";export{s as setNonce}from"./p-d657b3ae.js";(()=>{const r=import.meta.url,s={};return""!==r&&(s.resourcesUrl=new URL(".",r).href),e(s)})().then((e=>r([["p-e2e4d70b",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)));
1
+ 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-a8e1043f",[[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-ae3a1868.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-a3294ed0.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-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-fc6f1e41.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
1
+ 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-de434aaf.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));