@maggioli-design-system/mds-progress 2.1.1 → 2.2.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 (61) hide show
  1. package/dist/cjs/{index-db3031a9.js → index-1d846f7a.js} +91 -5
  2. package/dist/cjs/loader.cjs.js +3 -2
  3. package/dist/cjs/mds-progress.cjs.entry.js +1 -1
  4. package/dist/cjs/mds-progress.cjs.js +6 -2
  5. package/dist/collection/collection-manifest.json +2 -2
  6. package/dist/collection/components/mds-progress/mds-progress.css +1 -1
  7. package/dist/collection/dictionary/icon.js +3 -1
  8. package/dist/components/index.d.ts +9 -0
  9. package/dist/components/index.js +1 -1
  10. package/dist/esm/{index-c2cf8238.js → index-b254472d.js} +91 -6
  11. package/dist/esm/loader.js +3 -2
  12. package/dist/esm/mds-progress.entry.js +1 -1
  13. package/dist/esm/mds-progress.js +3 -2
  14. package/dist/esm/polyfills/css-shim.js +1 -1
  15. package/dist/esm-es5/index-b254472d.js +2 -0
  16. package/dist/esm-es5/loader.js +1 -1
  17. package/dist/esm-es5/mds-progress.entry.js +1 -1
  18. package/dist/esm-es5/mds-progress.js +1 -1
  19. package/dist/mds-progress/mds-progress.esm.js +1 -1
  20. package/dist/mds-progress/mds-progress.js +1 -1
  21. package/dist/mds-progress/p-86f204e8.system.js +2 -0
  22. package/dist/mds-progress/{p-5109fda1.system.entry.js → p-8e872f12.system.entry.js} +1 -1
  23. package/dist/mds-progress/p-ae3a1868.system.js +1 -0
  24. package/dist/mds-progress/{p-70726ba7.entry.js → p-b46a06eb.entry.js} +1 -1
  25. package/dist/mds-progress/p-d657b3ae.js +2 -0
  26. package/dist/stats.json +53 -26
  27. package/dist/types/components/mds-progress/meta/types.d.ts +1 -1
  28. package/dist/types/dictionary/icon.d.ts +2 -1
  29. package/dist/types/stencil-public-runtime.d.ts +59 -3
  30. package/dist/types/types/autocomplete.d.ts +2 -2
  31. package/dist/types/types/button.d.ts +4 -4
  32. package/dist/types/types/floating-ui.d.ts +2 -2
  33. package/dist/types/types/form-rel.d.ts +1 -1
  34. package/dist/types/types/input-text-type.d.ts +1 -1
  35. package/dist/types/types/input-value-type.d.ts +1 -1
  36. package/dist/types/types/loading.d.ts +1 -1
  37. package/dist/types/types/typography.d.ts +8 -8
  38. package/dist/types/types/variant.d.ts +10 -10
  39. package/loader/index.d.ts +9 -0
  40. package/package.json +4 -4
  41. package/readme.md +11 -0
  42. package/src/components/mds-progress/mds-progress.css +1 -1
  43. package/src/components/mds-progress/readme.md +11 -0
  44. package/src/components/mds-progress/test/mds-progress.e2e.ts +1 -1
  45. package/src/dictionary/icon.ts +4 -0
  46. package/src/fixtures/icons.json +176 -0
  47. package/src/fixtures/iconsauce.json +175 -0
  48. package/www/build/mds-progress.esm.js +1 -1
  49. package/www/build/mds-progress.js +1 -1
  50. package/www/build/p-86f204e8.system.js +2 -0
  51. package/www/build/{p-5109fda1.system.entry.js → p-8e872f12.system.entry.js} +1 -1
  52. package/www/build/p-ae3a1868.system.js +1 -0
  53. package/www/build/{p-70726ba7.entry.js → p-b46a06eb.entry.js} +1 -1
  54. package/www/build/p-d657b3ae.js +2 -0
  55. package/dist/esm-es5/index-c2cf8238.js +0 -2
  56. package/dist/mds-progress/p-2301a024.system.js +0 -1
  57. package/dist/mds-progress/p-763baf47.js +0 -2
  58. package/dist/mds-progress/p-c94616ee.system.js +0 -2
  59. package/www/build/p-2301a024.system.js +0 -1
  60. package/www/build/p-763baf47.js +0 -2
  61. package/www/build/p-c94616ee.system.js +0 -2
@@ -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.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{--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 promiseResolve,b as bootstrapLazy}from"./index-c2cf8238.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}));
1
+ import{p as promiseResolve,b as bootstrapLazy}from"./index-b254472d.js";export{s as setNonce}from"./index-b254472d.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)}));
@@ -1 +1 @@
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)));
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-b46a06eb",[[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-2301a024.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-ae3a1868.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
119
119
  System.import(url.href);
120
120
  };
121
121
 
@@ -0,0 +1,2 @@
1
+ var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{u(n.next(e))}catch(e){i(e)}}function l(e){try{u(n["throw"](e))}catch(e){i(e)}}function u(e){e.done?r(e.value):a(e.value).then(o,l)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return u([e,t])}}function u(l){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(r=0)),r)try{if(n=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;a=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];a=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var n=0,a=t.length,i;n<a;n++){if(i||!(n in t)){if(!i)i=Array.prototype.slice.call(t,0,n);i[n]=t[n]}}return e.concat(i||Array.prototype.slice.call(t))};System.register([],(function(e,t){"use strict";return{execute:function(){var r=this;var n="mds-progress";var a;var i;var o=false;var l=false;var u=function(e,t){if(t===void 0){t=""}{return function(){return}}};var s=function(e,t){{return function(){return}}};var f="{visibility:hidden}[hydrated]{visibility:inherit}";var c={};var $=function(e){return e!=null};var v=function(e){e=typeof e;return e==="object"||e==="function"};function d(e){var t,r,n;return(n=(r=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||r===void 0?void 0:r.getAttribute("content"))!==null&&n!==void 0?n:undefined}var h=e("h",(function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=false;var o=false;var l=[];var u=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){u(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!v(a)){a=String(a)}if(i&&o){l[l.length-1].$text$+=a}else{l.push(i?p(null,a):a)}o=i}}};u(r);if(t){{var s=t.className||t.class;if(s){t.class=typeof s!=="object"?s:Object.keys(s).filter((function(e){return s[e]})).join(" ")}}}var f=p(e,null);f.$attrs$=t;if(l.length>0){f.$children$=l}return f}));var p=function(e,t){var r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{r.$attrs$=null}return r};var m=e("H",{});var g=function(e){return e&&e.$tag$===m};var y=function(e,t){if(e!=null&&!v(e)){if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var b=e("g",(function(e){return ne(e).$hostElement$}));var w=function(e,t,r){var n=ve.ce(t,r);e.dispatchEvent(n);return n};var _=new WeakMap;var S=function(e,t,r){var n=fe.get(e);if(he&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}fe.set(e,n)};var R=function(e,t,r,n){var a;var i=E(t);var o=fe.get(i);e=e.nodeType===11?e:$e;if(o){if(typeof o==="string"){e=e.head||e;var l=_.get(e);var u=void 0;if(!l){_.set(e,l=new Set)}if(!l.has(i)){{{u=$e.createElement("style");u.innerHTML=o}var s=(a=ve.$nonce$)!==null&&a!==void 0?a:d($e);if(s!=null){u.setAttribute("nonce",s)}e.insertBefore(u,e.querySelector("link"))}if(l){l.add(i)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[o],false)}}return i};var N=function(e){var t=e.$cmpMeta$;var r=e.$hostElement$;var n=t.$flags$;var a=u("attachStyles",t.$tagName$);var i=R(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=i;r.classList.add(i+"-h")}a()};var E=function(e,t){return"sc-"+e.$tagName$};var A=function(e,t,r,n,a,i){if(r!==n){var o=oe(e,t);t.toLowerCase();if(t==="class"){var l=e.classList;var u=j(r);var s=j(n);l.remove.apply(l,u.filter((function(e){return e&&!s.includes(e)})));l.add.apply(l,s.filter((function(e){return e&&!u.includes(e)})))}else if(t==="style"){{for(var f in r){if(!n||n[f]==null){if(f.includes("-")){e.style.removeProperty(f)}else{e.style[f]=""}}}}for(var f in n){if(!r||n[f]!==r[f]){if(f.includes("-")){e.style.setProperty(f,n[f])}else{e.style[f]=n[f]}}}}else{var c=v(n);if((o||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var $=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=$){e[t]=$}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||i&4||a)&&!c){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var C=/\s/;var j=function(e){return!e?[]:e.split(C)};var x=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||c;var o=t.$attrs$||c;{for(n in i){if(!(n in o)){A(a,n,i[n],undefined,r,t.$flags$)}}}for(n in o){A(a,n,i[n],o[n],r,t.$flags$)}};var M=function(e,t,r,n){var i=t.$children$[r];var l=0;var u;var s;{u=i.$elm$=$e.createElement(i.$tag$);{x(null,i,o)}if($(a)&&u["s-si"]!==a){u.classList.add(u["s-si"]=a)}if(i.$children$){for(l=0;l<i.$children$.length;++l){s=M(e,i,l);if(s){u.appendChild(s)}}}}return u};var P=function(e,t,r,n,a,o){var l=e;var u;if(l.shadowRoot&&l.tagName===i){l=l.shadowRoot}for(;a<=o;++a){if(n[a]){u=M(null,r,a);if(u){n[a].$elm$=u;l.insertBefore(u,t)}}}};var k=function(e,t,r,n,a){for(;t<=r;++t){if(n=e[t]){a=n.$elm$;a.remove()}}};var O=function(e,t,r,n){var a=0;var i=0;var o=t.length-1;var l=t[0];var u=t[o];var s=n.length-1;var f=n[0];var c=n[s];var $;while(a<=o&&i<=s){if(l==null){l=t[++a]}else if(u==null){u=t[--o]}else if(f==null){f=n[++i]}else if(c==null){c=n[--s]}else if(T(l,f)){L(l,f);l=t[++a];f=n[++i]}else if(T(u,c)){L(u,c);u=t[--o];c=n[--s]}else if(T(l,c)){L(l,c);e.insertBefore(l.$elm$,u.$elm$.nextSibling);l=t[++a];c=n[--s]}else if(T(u,f)){L(u,f);e.insertBefore(u.$elm$,l.$elm$);u=t[--o];f=n[++i]}else{{$=M(t&&t[i],r,i);f=n[++i]}if($){{l.$elm$.parentNode.insertBefore($,l.$elm$)}}}}if(a>o){P(e,n[s+1]==null?null:n[s+1].$elm$,r,n,i,s)}else if(i>s){k(t,a,o)}};var T=function(e,t){if(e.$tag$===t.$tag$){return true}return false};var L=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;{{{x(e,t,o)}}if(n!==null&&a!==null){O(r,n,t,a)}else if(a!==null){P(r,null,t,a,0,a.length-1)}else if(n!==null){k(n,0,n.length-1)}}};var B=function(e,t){var r=e.$hostElement$;var n=e.$cmpMeta$;var o=e.$vnode$||p(null,null);var l=g(t)?t:h(null,null,t);i=r.tagName;if(n.$attrsToReflect$){l.$attrs$=l.$attrs$||{};n.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return l.$attrs$[n]=r[t]}))}l.$tag$=null;l.$flags$|=4;e.$vnode$=l;l.$elm$=o.$elm$=r.shadowRoot||r;{a=r["s-sc"]}L(o,l)};var I=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var U=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}I(e,e.$ancestorComponent$);var r=function(){return z(e,t)};return _e(r)};var z=function(e,t){var r=u("scheduleUpdate",e.$cmpMeta$.$tagName$);var n=e.$lazyInstance$;var a;if(t){{a=F(n,"componentWillLoad")}}r();return G(a,(function(){return q(e,n,t)}))};var q=function(e,t,n){return __awaiter(r,void 0,void 0,(function(){var r,a,i,o,l,s;return __generator(this,(function(f){r=e.$hostElement$;a=u("update",e.$cmpMeta$.$tagName$);i=r["s-rc"];if(n){N(e)}o=u("render",e.$cmpMeta$.$tagName$);{H(e,t)}if(i){i.map((function(e){return e()}));r["s-rc"]=undefined}o();a();{l=r["s-p"];s=function(){return V(e)};if(l.length===0){s()}else{Promise.all(l).then(s);e.$flags$|=4;l.length=0}}return[2]}))}))};var H=function(e,t,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{B(e,t)}}}}catch(t){le(t,e.$hostElement$)}return null};var V=function(e){var t=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var n=u("postUpdate",t);var a=e.$ancestorComponent$;if(!(e.$flags$&64)){e.$flags$|=64;{D(r)}n();{e.$onReadyResolve$(r);if(!a){W()}}}else{n()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){we((function(){return U(e,false)}))}e.$flags$&=~(4|512)}};var W=function(e){{D($e.documentElement)}we((function(){return w(ce,"appload",{detail:{namespace:n}})}))};var F=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(e){le(e)}}return undefined};var G=function(e,t){return e&&e.then?e.then(t):t()};var D=function(e){return e.setAttribute("hydrated","")};var J=function(e,t){return ne(e).$instanceValues$.get(t)};var K=function(e,t,r,n){var a=ne(e);var i=a.$hostElement$;var o=a.$instanceValues$.get(t);var l=a.$flags$;var u=a.$lazyInstance$;r=y(r,n.$members$[t][0]);var s=Number.isNaN(o)&&Number.isNaN(r);var f=r!==o&&!s;if((!(l&8)||o===undefined)&&f){a.$instanceValues$.set(t,r);if(u){if(n.$watchers$&&l&128){var c=n.$watchers$[t];if(c){c.map((function(e){try{u[e](r,o,t)}catch(e){le(e,i)}}))}}if((l&(2|16))===2){U(a,false)}}}};var Q=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.map((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return J(this,n)},set:function(e){K(this,n,e,t)},configurable:true,enumerable:true})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;ve.jmp((function(){var t=i.get(e);if(n.hasOwnProperty(t)){r=n[t];delete n[t]}else if(a.hasOwnProperty(t)&&typeof n[t]==="number"&&n[t]==r){return}n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var X=function(e,t,n,a,i){return __awaiter(r,void 0,void 0,(function(){var e,r,a,o,l,f,c;return __generator(this,(function($){switch($.label){case 0:if(!((t.$flags$&32)===0))return[3,3];t.$flags$|=32;i=se(n);if(!i.then)return[3,2];e=s();return[4,i];case 1:i=$.sent();e();$.label=2;case 2:if(!i.isProxied){{n.$watchers$=i.watchers}Q(i,n,2);i.isProxied=true}r=u("createInstance",n.$tagName$);{t.$flags$|=8}try{new i(t)}catch(e){le(e)}{t.$flags$&=~8}{t.$flags$|=128}r();if(i.style){a=i.style;o=E(n);if(!fe.has(o)){l=u("registerStyles",n.$tagName$);S(o,a,!!(n.$flags$&1));l()}}$.label=3;case 3:f=t.$ancestorComponent$;c=function(){return U(t,true)};if(f&&f["s-rc"]){f["s-rc"].push(c)}else{c()}return[2]}}))}))};var Y=function(e){if((ve.$flags$&1)===0){var t=ne(e);var r=t.$cmpMeta$;var n=u("connectedCallback",r.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){I(t,t.$ancestorComponent$=a);break}}}if(r.$members$){Object.entries(r.$members$).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{X(e,t,r)}}n()}};var Z=function(e){if((ve.$flags$&1)===0){ne(e)}};var ee=e("b",(function(e,t){if(t===void 0){t={}}var r;var n=u();var a=[];var i=t.exclude||[];var o=ce.customElements;var l=$e.head;var s=l.querySelector("meta[charset]");var c=$e.createElement("style");var $=[];var v;var h=true;Object.assign(ve,t);ve.$resourcesUrl$=new URL(t.resourcesUrl||"./",$e.baseURI).href;e.map((function(e){e[1].map((function(t){var r={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{r.$members$=t[2]}{r.$attrsToReflect$=[]}{r.$watchers$={}}var n=r.$tagName$;var l=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;ie(t,r);if(r.$flags$&1){{{t.attachShadow({mode:"open"})}}}return n}t.prototype.connectedCallback=function(){var e=this;if(v){clearTimeout(v);v=null}if(h){$.push(this)}else{ve.jmp((function(){return Y(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;ve.jmp((function(){return Z(e)}))};t.prototype.componentOnReady=function(){return ne(this).$onReadyPromise$};return t}(HTMLElement);r.$lazyBundleId$=e[0];if(!i.includes(n)&&!o.get(n)){a.push(n);o.define(n,Q(l,r,1))}}))}));{c.innerHTML=a+f;c.setAttribute("data-styles","");var p=(r=ve.$nonce$)!==null&&r!==void 0?r:d($e);if(p!=null){c.setAttribute("nonce",p)}l.insertBefore(c,s?s.nextSibling:l.firstChild)}h=false;if($.length){$.map((function(e){return e.connectedCallback()}))}else{{ve.jmp((function(){return v=setTimeout(W,30)}))}}n()}));var te=e("s",(function(e){return ve.$nonce$=e}));var re=new WeakMap;var ne=function(e){return re.get(e)};var ae=e("r",(function(e,t){return re.set(t.$lazyInstance$=e,t)}));var ie=function(e,t){var r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}return re.set(e,r)};var oe=function(e,t){return t in e};var le=function(e,t){return(0,console.error)(e,t)};var ue=new Map;var se=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var o=ue.get(i);if(o){return o[a]}
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return t.import("./".concat(i,".entry.js").concat("")).then((function(e){{ue.set(i,e)}return e[a]}),le)};var fe=new Map;var ce=typeof window!=="undefined"?window:{};var $e=ce.document||{head:{}};var ve={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}};var de=e("p",(function(e){return Promise.resolve(e)}));var he=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var pe=[];var me=[];var ge=function(e,t){return function(r){e.push(r);if(!l){l=true;if(t&&ve.$flags$&4){we(be)}else{ve.raf(be)}}}};var ye=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){le(e)}}e.length=0};var be=function(){ye(pe);{ye(me);if(l=pe.length>0){ve.raf(be)}}};var we=function(e){return de().then(e)};var _e=ge(me,true)}}}));
@@ -1 +1 @@
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}}}));
1
+ System.register(["./p-86f204e8.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.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(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}}}));
@@ -0,0 +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-8e872f12.system",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],e)}))}}}));
@@ -1 +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
+ import{r,h as o,H as t,g as i}from"./p-d657b3ae.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}
@@ -0,0 +1,2 @@
1
+ let t,n,e=!1;const l={},o=t=>"object"==(t=typeof t)||"function"===t;function s(t){var n,e,l;return null!==(l=null===(e=null===(n=t.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const r=(t,n,...e)=>{let l=null,s=!1,r=!1;const i=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!o(l))&&(l+=""),s&&r?i[i.length-1].t+=l:i.push(s?c(null,l):l),r=s)};if(u(e),n){const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}const a=c(t,null);return a.l=n,i.length>0&&(a.o=i),a},c=(t,n)=>({i:0,u:t,t:n,$:null,o:null,l:null}),i={},u=t=>A(t).h,a=new WeakMap,f=t=>"sc-"+t.p,d=(t,n,e,l,s,r)=>{if(e!==l){let c=R(t,n);if(n.toLowerCase(),"class"===n){const n=t.classList,o=$(e),s=$(l);n.remove(...o.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===n){for(const n in e)l&&null!=l[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in l)e&&l[n]===e[n]||(n.includes("-")?t.style.setProperty(n,l[n]):t.style[n]=l[n])}else{const i=o(l);if((c||i&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[n]=l;else{const o=null==l?"":l;"list"===n?c=!1:null!=e&&t[n]==o||(t[n]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(n)||t.removeAttribute(n):(!c||4&r||s)&&!i&&t.setAttribute(n,l=!0===l?"":l)}}},y=/\s/,$=t=>t?t.split(y):[],h=(t,n,e,o)=>{const s=11===n.$.nodeType&&n.$.host?n.$.host:n.$,r=t&&t.l||l,c=n.l||l;for(o in r)o in c||d(s,o,r[o],void 0,e,n.i);for(o in c)d(s,o,r[o],c[o],e,n.i)},p=(n,e,l)=>{const o=e.o[l];let s,r,c=0;if(s=o.$=B.createElement(o.u),h(null,o,!1),null!=t&&s["s-si"]!==t&&s.classList.add(s["s-si"]=t),o.o)for(c=0;c<o.o.length;++c)r=p(n,o,c),r&&s.appendChild(r);return s},m=(t,e,l,o,s,r)=>{let c,i=t;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=p(null,l,s),c&&(o[s].$=c,i.insertBefore(c,e)))},b=(t,n,e,l)=>{for(;n<=e;++n)(l=t[n])&&l.$.remove()},w=(t,n)=>t.u===n.u,v=(t,n)=>{const e=n.$=t.$,l=t.o,o=n.o;h(t,n,!1),null!==l&&null!==o?((t,n,e,l)=>{let o,s=0,r=0,c=n.length-1,i=n[0],u=n[c],a=l.length-1,f=l[0],d=l[a];for(;s<=c&&r<=a;)null==i?i=n[++s]:null==u?u=n[--c]:null==f?f=l[++r]:null==d?d=l[--a]:w(i,f)?(v(i,f),i=n[++s],f=l[++r]):w(u,d)?(v(u,d),u=n[--c],d=l[--a]):w(i,d)?(v(i,d),t.insertBefore(i.$,u.$.nextSibling),i=n[++s],d=l[--a]):w(u,f)?(v(u,f),t.insertBefore(u.$,i.$),u=n[--c],f=l[++r]):(o=p(n&&n[r],e,r),f=l[++r],o&&i.$.parentNode.insertBefore(o,i.$));s>c?m(t,null==l[a+1]?null:l[a+1].$,e,l,r,a):r>a&&b(n,s,c)})(e,l,n,o):null!==o?m(e,null,n,o,0,o.length-1):null!==l&&b(l,0,l.length-1)},g=(t,n)=>{n&&!t.m&&n["s-p"]&&n["s-p"].push(new Promise((n=>t.m=n)))},S=(t,n)=>{if(t.i|=16,!(4&t.i))return g(t,t.v),tt((()=>j(t,n)));t.i|=512},j=(t,n)=>{const e=t.g;let l;return n&&(l=P(e,"componentWillLoad")),x(l,(()=>M(t,e,n)))},M=async(t,n,e)=>{const l=t.h,o=l["s-rc"];e&&(t=>{const n=t.S,e=t.h,l=n.i,o=((t,n)=>{var e;let l=f(n);const o=_.get(l);if(t=11===t.nodeType?t:B,o)if("string"==typeof o){let n,r=a.get(t=t.head||t);if(r||a.set(t,r=new Set),!r.has(l)){{n=B.createElement("style"),n.innerHTML=o;const l=null!==(e=D.j)&&void 0!==e?e:s(B);null!=l&&n.setAttribute("nonce",l),t.insertBefore(n,t.querySelector("link"))}r&&r.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(t);k(t,n),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const n=l["s-p"],e=()=>C(t);0===n.length?e():(Promise.all(n).then(e),t.i|=4,n.length=0)}},k=(e,l)=>{try{l=l.render(),e.i&=-17,e.i|=2,((e,l)=>{const o=e.h,s=e.S,u=e.M||c(null,null),a=(t=>t&&t.u===i)(l)?l:r(null,null,l);n=o.tagName,s.k&&(a.l=a.l||{},s.k.map((([t,n])=>a.l[n]=o[t]))),a.u=null,a.i|=4,e.M=a,a.$=u.$=o.shadowRoot||o,t=o["s-sc"],v(u,a)})(e,l)}catch(t){U(t,e.h)}return null},C=t=>{const n=t.h,e=t.v;64&t.i||(t.i|=64,E(n),t.C(n),e||O()),t.m&&(t.m(),t.m=void 0),512&t.i&&Z((()=>S(t,!1))),t.i&=-517},O=()=>{E(B.documentElement),Z((()=>(t=>{const n=D.ce("appload",{detail:{namespace:"mds-progress"}});return t.dispatchEvent(n),n})(z)))},P=(t,n,e)=>{if(t&&t[n])try{return t[n](e)}catch(t){U(t)}},x=(t,n)=>t&&t.then?t.then(n):n(),E=t=>t.setAttribute("hydrated",""),L=(t,n,e)=>{if(n.O){t.watchers&&(n.P=t.watchers);const l=Object.entries(n.O),s=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(s,t,{get(){return((t,n)=>A(this).L.get(n))(0,t)},set(e){((t,n,e,l)=>{const s=A(t),r=s.h,c=s.L.get(n),i=s.i,u=s.g;if(e=((t,n)=>null==t||o(t)?t:2&n?parseFloat(t):1&n?t+"":t)(e,l.O[n][0]),(!(8&i)||void 0===c)&&e!==c&&(!Number.isNaN(c)||!Number.isNaN(e))&&(s.L.set(n,e),u)){if(l.P&&128&i){const t=l.P[n];t&&t.map((t=>{try{u[t](e,c,n)}catch(t){U(t,r)}}))}2==(18&i)&&S(s,!1)}})(this,t,e,n)},configurable:!0,enumerable:!0})})),1&e){const e=new Map;s.attributeChangedCallback=function(t,n,l){D.jmp((()=>{const n=e.get(t);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},t.observedAttributes=l.filter((([t,n])=>15&n[0])).map((([t,l])=>{const o=l[1]||t;return e.set(o,t),512&l[0]&&n.k.push([t,o]),o}))}}return t},N=(t,n={})=>{var e;const l=[],o=n.exclude||[],r=z.customElements,c=B.head,i=c.querySelector("meta[charset]"),u=B.createElement("style"),a=[];let d,y=!0;Object.assign(D,n),D.N=new URL(n.resourcesUrl||"./",B.baseURI).href,t.map((t=>{t[1].map((n=>{const e={i:n[0],p:n[1],O:n[2],T:n[3]};e.O=n[2],e.k=[],e.P={};const s=e.p,c=class extends HTMLElement{constructor(t){super(t),H(t=this,e),1&e.i&&t.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),y?a.push(this):D.jmp((()=>(t=>{if(0==(1&D.i)){const n=A(t),e=n.S,l=()=>{};if(!(1&n.i)){n.i|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){g(n,n.v=e);break}}e.O&&Object.entries(e.O).map((([n,[e]])=>{if(31&e&&t.hasOwnProperty(n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e,l,o)=>{if(0==(32&n.i)){{if(n.i|=32,(o=V(e)).then){const t=()=>{};o=await o,t()}o.isProxied||(e.P=o.watchers,L(o,e,2),o.isProxied=!0);const t=()=>{};n.i|=8;try{new o(n)}catch(t){U(t)}n.i&=-9,n.i|=128,t()}if(o.style){let t=o.style;const n=f(e);if(!_.has(n)){const l=()=>{};((t,n,e)=>{let l=_.get(t);I&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,_.set(t,l)})(n,t,!!(1&e.i)),l()}}}const s=n.v,r=()=>S(n,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,n,e)}l()}})(this)))}disconnectedCallback(){D.jmp((()=>{}))}componentOnReady(){return A(this).W}};e.A=t[0],o.includes(s)||r.get(s)||(l.push(s),r.define(s,L(c,e,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const t=null!==(e=D.j)&&void 0!==e?e:s(B);null!=t&&u.setAttribute("nonce",t),c.insertBefore(u,i?i.nextSibling:c.firstChild)}y=!1,a.length?a.map((t=>t.connectedCallback())):D.jmp((()=>d=setTimeout(O,30)))},T=t=>D.j=t,W=new WeakMap,A=t=>W.get(t),F=(t,n)=>W.set(n.g=t,n),H=(t,n)=>{const e={i:0,h:t,S:n,L:new Map};return e.W=new Promise((t=>e.C=t)),t["s-p"]=[],t["s-rc"]=[],W.set(t,e)},R=(t,n)=>n in t,U=(t,n)=>(0,console.error)(t,n),q=new Map,V=t=>{const n=t.p.replace(/-/g,"_"),e=t.A,l=q.get(e);return l?l[n]:import(`./${e}.entry.js`).then((t=>(q.set(e,t),t[n])),U)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},_=new Map,z="undefined"!=typeof window?window:{},B=z.document||{head:{}},D={i:0,N:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},G=t=>Promise.resolve(t),I=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),J=[],K=[],Q=(t,n)=>l=>{t.push(l),e||(e=!0,n&&4&D.i?Z(Y):D.raf(Y))},X=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){U(t)}t.length=0},Y=()=>{X(J),X(K),(e=J.length>0)&&D.raf(Y)},Z=t=>G().then(t),tt=Q(K,!0);export{i as H,N as b,u as g,r as h,G as p,F as r,T as s}
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2022-12-06T13:00:48",
2
+ "timestamp": "2023-02-20T10:26:58",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "18.3.0"
@@ -56,17 +56,17 @@
56
56
  "name": "dist-lazy",
57
57
  "files": 35,
58
58
  "generatedFiles": [
59
- "./dist/cjs/index-db3031a9.js",
59
+ "./dist/cjs/index-1d846f7a.js",
60
60
  "./dist/cjs/index.cjs.js",
61
61
  "./dist/cjs/loader.cjs.js",
62
62
  "./dist/cjs/mds-progress.cjs.entry.js",
63
63
  "./dist/cjs/mds-progress.cjs.js",
64
- "./dist/esm-es5/index-c2cf8238.js",
64
+ "./dist/esm-es5/index-b254472d.js",
65
65
  "./dist/esm-es5/index.js",
66
66
  "./dist/esm-es5/loader.js",
67
67
  "./dist/esm-es5/mds-progress.entry.js",
68
68
  "./dist/esm-es5/mds-progress.js",
69
- "./dist/esm/index-c2cf8238.js",
69
+ "./dist/esm/index-b254472d.js",
70
70
  "./dist/esm/index.js",
71
71
  "./dist/esm/loader.js",
72
72
  "./dist/esm/mds-progress.entry.js",
@@ -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",
80
79
  "./dist/mds-progress/p-50ea2036.system.js",
81
- "./dist/mds-progress/p-5109fda1.system.entry.js",
82
- "./dist/mds-progress/p-70726ba7.entry.js",
83
- "./dist/mds-progress/p-763baf47.js",
84
- "./dist/mds-progress/p-c94616ee.system.js",
80
+ "./dist/mds-progress/p-86f204e8.system.js",
81
+ "./dist/mds-progress/p-8e872f12.system.entry.js",
82
+ "./dist/mds-progress/p-ae3a1868.system.js",
83
+ "./dist/mds-progress/p-b46a06eb.entry.js",
84
+ "./dist/mds-progress/p-d657b3ae.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",
89
88
  "./www/build/p-50ea2036.system.js",
90
- "./www/build/p-5109fda1.system.entry.js",
91
- "./www/build/p-70726ba7.entry.js",
92
- "./www/build/p-763baf47.js",
93
- "./www/build/p-c94616ee.system.js"
89
+ "./www/build/p-86f204e8.system.js",
90
+ "./www/build/p-8e872f12.system.entry.js",
91
+ "./www/build/p-ae3a1868.system.js",
92
+ "./www/build/p-b46a06eb.entry.js",
93
+ "./www/build/p-d657b3ae.js"
94
94
  ]
95
95
  },
96
96
  {
@@ -123,10 +123,10 @@
123
123
  "components": [
124
124
  "mds-progress"
125
125
  ],
126
- "bundleId": "p-70726ba7",
127
- "fileName": "p-70726ba7.entry.js",
126
+ "bundleId": "p-b46a06eb",
127
+ "fileName": "p-b46a06eb.entry.js",
128
128
  "imports": [
129
- "p-763baf47.js"
129
+ "p-d657b3ae.js"
130
130
  ],
131
131
  "originalByteSize": 4171
132
132
  }
@@ -140,7 +140,7 @@
140
140
  "bundleId": "mds-progress",
141
141
  "fileName": "mds-progress.entry.js",
142
142
  "imports": [
143
- "index-c2cf8238.js"
143
+ "index-b254472d.js"
144
144
  ],
145
145
  "originalByteSize": 4175
146
146
  }
@@ -154,7 +154,7 @@
154
154
  "bundleId": "mds-progress",
155
155
  "fileName": "mds-progress.entry.js",
156
156
  "imports": [
157
- "index-c2cf8238.js"
157
+ "index-b254472d.js"
158
158
  ],
159
159
  "originalByteSize": 4175
160
160
  }
@@ -165,10 +165,10 @@
165
165
  "components": [
166
166
  "mds-progress"
167
167
  ],
168
- "bundleId": "p-5109fda1.system",
169
- "fileName": "p-5109fda1.system.entry.js",
168
+ "bundleId": "p-8e872f12.system",
169
+ "fileName": "p-8e872f12.system.entry.js",
170
170
  "imports": [
171
- "p-c94616ee.system.js"
171
+ "p-86f204e8.system.js"
172
172
  ],
173
173
  "originalByteSize": 4630
174
174
  }
@@ -182,7 +182,7 @@
182
182
  "bundleId": "mds-progress.cjs",
183
183
  "fileName": "mds-progress.cjs.entry.js",
184
184
  "imports": [
185
- "index-db3031a9.js"
185
+ "index-1d846f7a.js"
186
186
  ],
187
187
  "originalByteSize": 4234
188
188
  }
@@ -454,7 +454,33 @@
454
454
  "legacyContext": [],
455
455
  "internal": false,
456
456
  "assetsDirs": [],
457
- "styleDocs": [],
457
+ "styleDocs": [
458
+ {
459
+ "name": "--background",
460
+ "docs": "Sets the background-color of the component",
461
+ "annotation": "prop"
462
+ },
463
+ {
464
+ "name": "--color",
465
+ "docs": "Sets the background-color of the progress",
466
+ "annotation": "prop"
467
+ },
468
+ {
469
+ "name": "--duration",
470
+ "docs": "Sets the duration of the progress bar animation",
471
+ "annotation": "prop"
472
+ },
473
+ {
474
+ "name": "--radius",
475
+ "docs": "Sets the border-radius of the component",
476
+ "annotation": "prop"
477
+ },
478
+ {
479
+ "name": "--thickness",
480
+ "docs": "Sets the thickness of the progress bar",
481
+ "annotation": "prop"
482
+ }
483
+ ],
458
484
  "docs": {
459
485
  "tags": [],
460
486
  "text": ""
@@ -533,7 +559,7 @@
533
559
  ],
534
560
  "componentGraph": {
535
561
  "sc-mds-progress": [
536
- "p-763baf47.js"
562
+ "p-d657b3ae.js"
537
563
  ]
538
564
  },
539
565
  "sourceGraph": {
@@ -549,7 +575,8 @@
549
575
  "./src/dictionary/color.ts": [],
550
576
  "./src/dictionary/floating-ui.ts": [],
551
577
  "./src/dictionary/icon.ts": [
552
- "./src/fixtures/icons.json"
578
+ "./src/fixtures/icons.json",
579
+ "./src/fixtures/iconsauce.json"
553
580
  ],
554
581
  "./src/dictionary/input-text-type.ts": [],
555
582
  "./src/dictionary/loading.ts": [],
@@ -1 +1 @@
1
- export declare type DirectionType = 'horizontal' | 'vertical';
1
+ export type DirectionType = 'horizontal' | 'vertical';
@@ -1,2 +1,3 @@
1
1
  declare const iconsDictionary: string[];
2
- export { iconsDictionary, };
2
+ declare const mggIconsDictionary: string[];
3
+ export { iconsDictionary, mggIconsDictionary, };
@@ -133,7 +133,7 @@ export interface ListenOptions {
133
133
  */
134
134
  passive?: boolean;
135
135
  }
136
- export declare type ListenTargetOptions = 'body' | 'document' | 'window';
136
+ export type ListenTargetOptions = 'body' | 'document' | 'window';
137
137
  export interface StateDecorator {
138
138
  (): PropertyDecorator;
139
139
  }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
214
214
  * https://stenciljs.com/docs/reactive-data#watch-decorator
215
215
  */
216
216
  export declare const Watch: WatchDecorator;
217
- export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
218
- export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
217
+ export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
218
+ export type ErrorHandler = (err: any, element?: HTMLElement) => void;
219
219
  /**
220
220
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
221
221
  */
@@ -257,6 +257,15 @@ export declare function getAssetPath(path: string): string;
257
257
  * @returns the set path
258
258
  */
259
259
  export declare function setAssetPath(path: string): string;
260
+ /**
261
+ * Used to specify a nonce value that corresponds with an application's
262
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
263
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
264
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
265
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
266
+ * @param nonce The value to be used for the nonce attribute.
267
+ */
268
+ export declare function setNonce(nonce: string): void;
260
269
  /**
261
270
  * Retrieve a Stencil element for a given reference
262
271
  * @param ref the ref to get the Stencil element for
@@ -433,13 +442,57 @@ interface HostAttributes {
433
442
  ref?: (el: HTMLElement | null) => void;
434
443
  [prop: string]: any;
435
444
  }
445
+ /**
446
+ * Utilities for working with functional Stencil components. An object
447
+ * conforming to this interface is passed by the Stencil runtime as the third
448
+ * argument to a functional component, allowing component authors to work with
449
+ * features like children.
450
+ *
451
+ * The children of a functional component will be passed as the second
452
+ * argument, so a functional component which uses these utils to transform its
453
+ * children might look like the following:
454
+ *
455
+ * ```ts
456
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
457
+ * utils.map(children, child => ({
458
+ * ...child,
459
+ * vattrs: {
460
+ * ...child.vattrs,
461
+ * class: `${child.vattrs.class} add-class`
462
+ * }
463
+ * }))
464
+ * );
465
+ * ```
466
+ *
467
+ * For more see the Stencil documentation, here:
468
+ * https://stenciljs.com/docs/functional-components
469
+ */
436
470
  export interface FunctionalUtilities {
471
+ /**
472
+ * Utility for reading the children of a functional component at runtime.
473
+ * Since the Stencil runtime uses a different interface for children it is
474
+ * not recommendeded to read the children directly, and is preferable to use
475
+ * this utility to, for instance, perform a side effect for each child.
476
+ */
437
477
  forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
478
+ /**
479
+ * Utility for transforming the children of a functional component. Given an
480
+ * array of children and a callback this will return a list of the results of
481
+ * passing each child to the supplied callback.
482
+ */
438
483
  map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
439
484
  }
440
485
  export interface FunctionalComponent<T = {}> {
441
486
  (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
442
487
  }
488
+ /**
489
+ * A Child VDOM node
490
+ *
491
+ * This has most of the same properties as {@link VNode} but friendlier names
492
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
493
+ * order to provide a friendlier public interface for users of the
494
+ * {@link FunctionalUtilities}).
495
+ */
443
496
  export interface ChildNode {
444
497
  vtag?: string | number | Function;
445
498
  vkey?: string | number;
@@ -486,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
486
539
  export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
487
540
  export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
488
541
  export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
542
+ /**
543
+ * A virtual DOM node
544
+ */
489
545
  export interface VNode {
490
546
  $flags$: number;
491
547
  $tag$: string | number | Function;
@@ -1,2 +1,2 @@
1
- export declare type AutocompleteType = 'additional-name' | 'address' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-additional-name' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'email' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'impp' | 'language' | 'name' | 'new-password' | 'nickname' | 'off' | 'on' | 'one-time-code' | 'organization' | 'organization-title' | 'photo' | 'postal-code' | 'sex' | 'street-address' | 'tel' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-national' | 'transaction-amount' | 'transaction-currency' | 'url' | 'username';
2
- export declare type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
1
+ export type AutocompleteType = 'additional-name' | 'address' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-additional-name' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'email' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'impp' | 'language' | 'name' | 'new-password' | 'nickname' | 'off' | 'on' | 'one-time-code' | 'organization' | 'organization-title' | 'photo' | 'postal-code' | 'sex' | 'street-address' | 'tel' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-national' | 'transaction-amount' | 'transaction-currency' | 'url' | 'username';
2
+ export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
@@ -1,4 +1,4 @@
1
- export declare type ButtonType = 'a' | 'button' | 'reset' | 'submit';
2
- export declare type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
3
- export declare type ButtonIconPositionType = 'left' | 'right';
4
- export declare type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';
1
+ export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
2
+ export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
3
+ export type ButtonIconPositionType = 'left' | 'right';
4
+ export type ButtonVariantType = 'primary' | 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';
@@ -1,2 +1,2 @@
1
- export declare type FloatingUIPlacement = 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
2
- export declare type FloatingUIStrategy = 'absolute' | 'fixed';
1
+ export type FloatingUIPlacement = 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
2
+ export type FloatingUIStrategy = 'absolute' | 'fixed';
@@ -1 +1 @@
1
- export declare type FormRelType = 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search';
1
+ export type FormRelType = 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search';
@@ -1 +1 @@
1
- export declare type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
1
+ export type InputTextType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
@@ -1 +1 @@
1
- export declare type InputValueType = null | number | string | undefined;
1
+ export type InputValueType = null | number | string | undefined;
@@ -1 +1 @@
1
- export declare type LoadingType = 'eager' | 'lazy';
1
+ export type LoadingType = 'eager' | 'lazy';
@@ -1,8 +1,8 @@
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
- export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
4
- export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
5
- export declare type TypographyReadType = 'caption' | 'detail' | 'paragraph';
6
- export declare type TypographySmallerType = 'tip' | 'option';
7
- export declare type TypographyMonoType = 'snippet' | 'hack';
8
- export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';
1
+ export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
2
+ export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
3
+ export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
4
+ export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
5
+ export type TypographyReadType = 'caption' | 'detail' | 'paragraph';
6
+ export type TypographySmallerType = 'tip' | 'option';
7
+ export type TypographyMonoType = 'snippet' | 'hack';
8
+ export type TypographyTooltipType = 'caption' | 'detail' | 'tip';
@@ -1,10 +1,10 @@
1
- export declare type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
2
- export declare type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
3
- export declare type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
4
- export declare type ThemeLuminanceVariantType = 'dark' | 'light';
5
- export declare type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
6
- export declare type ActionVariantType = 'primary' | 'dark' | 'light';
7
- export declare type StateVariantType = 'disabled' | 'focused' | 'readonly';
8
- export declare type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
9
- export declare type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
10
- export declare type ToneMinimalVariantType = 'strong' | 'weak';
1
+ export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
2
+ export type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
3
+ export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
4
+ export type ThemeLuminanceVariantType = 'dark' | 'light';
5
+ export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
6
+ export type ActionVariantType = 'primary' | 'dark' | 'light';
7
+ export type StateVariantType = 'disabled' | 'focused' | 'readonly';
8
+ export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
9
+ export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
10
+ export type ToneMinimalVariantType = 'strong' | 'weak';
package/loader/index.d.ts CHANGED
@@ -10,3 +10,12 @@ export interface CustomElementsDefineOptions {
10
10
  }
11
11
  export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
12
12
  export declare function applyPolyfills(): Promise<void>;
13
+
14
+ /**
15
+ * Used to specify a nonce value that corresponds with an application's CSP.
16
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
17
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
18
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
19
+ * will result in the same behavior.
20
+ */
21
+ export declare function setNonce(nonce: string): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-progress",
3
- "version": "2.1.1",
3
+ "version": "2.2.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,14 +23,14 @@
23
23
  "test": "stencil test --spec --e2e"
24
24
  },
25
25
  "dependencies": {
26
- "@maggioli-design-system/styles": "^10.0.0",
27
- "@stencil/core": "^2.19.3"
26
+ "@maggioli-design-system/styles": "^10.0.1",
27
+ "@stencil/core": "^2.22.1"
28
28
  },
29
29
  "license": "MIT",
30
30
  "author": {
31
31
  "name": "Vittorio Vittori",
32
32
  "email": "vittorio.vittori@maggioli.it",
33
- "url": "http://vit.to"
33
+ "url": "https://vitto.github.io/vit.to/"
34
34
  },
35
35
  "contributors": [
36
36
  {
package/readme.md CHANGED
@@ -15,6 +15,17 @@
15
15
  | `variant` | `variant` | Sets the theme variant colors | `"dark" \| "error" \| "info" \| "light" \| "primary" \| "success" \| "warning"` | `'dark'` |
16
16
 
17
17
 
18
+ ## CSS Custom Properties
19
+
20
+ | Name | Description |
21
+ | -------------- | ----------------------------------------------- |
22
+ | `--background` | Sets the background-color of the component |
23
+ | `--color` | Sets the background-color of the progress |
24
+ | `--duration` | Sets the duration of the progress bar animation |
25
+ | `--radius` | Sets the border-radius of the component |
26
+ | `--thickness` | Sets the thickness of the progress bar |
27
+
28
+
18
29
  ## Dependencies
19
30
 
20
31
  ### Used by
@@ -1,6 +1,6 @@
1
1
  @tailwind utilities;
2
2
 
3
- /*
3
+ /**
4
4
  * @prop --background: Sets the background-color of the component
5
5
  * @prop --color: Sets the background-color of the progress
6
6
  * @prop --duration: Sets the duration of the progress bar animation
@@ -15,6 +15,17 @@
15
15
  | `variant` | `variant` | Sets the theme variant colors | `"dark" \| "error" \| "info" \| "light" \| "primary" \| "success" \| "warning"` | `'dark'` |
16
16
 
17
17
 
18
+ ## CSS Custom Properties
19
+
20
+ | Name | Description |
21
+ | -------------- | ----------------------------------------------- |
22
+ | `--background` | Sets the background-color of the component |
23
+ | `--color` | Sets the background-color of the progress |
24
+ | `--duration` | Sets the duration of the progress bar animation |
25
+ | `--radius` | Sets the border-radius of the component |
26
+ | `--thickness` | Sets the thickness of the progress bar |
27
+
28
+
18
29
  ----------------------------------------------
19
30
 
20
31
  Built with love @ **Maggioli Informatica / R&D Department**