@maggioli-design-system/mds-input-range 2.6.0 → 2.6.1

package/dist/mds-input-range/p-ab2218cb.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as a,H as r,g as d}from"./p-805599e2.js";const i=class{constructor(a){t(this,a),this.changeEvent=e(this,"mdsInputRangeChange",7),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.max=100,this.min=0,this.step=1,this.onInput=()=>{if(Number.isNaN(this.inputElement.value))throw Error(`Entered value ${this.inputElement.value} is not a Number`);this.value=Number(this.inputElement.value)}}calculateProgress(){let t=Number(this.inputElement.value);const e=Math.pow(10,this.decimalPlaces);t>this.max?t=this.max:t<this.min&&(t=this.min),(t-this.min)*e%(this.step*e)!=0&&(t=(Math.round((t*e-this.min*e)/(this.step*e))*(this.step*e)+this.min*e)/e),this.value=t,this.internals.setFormValue(this.value.toString()),this.progress=(this.value-this.min)/(this.max-this.min)*100}countDecimals(t){return Math.floor(t)===t?0:t.toString().split(".")[1].length||0}disabledChanged(t){t&&this.internals.setFormValue(null)}valueChanged(t,e){t!==e&&(this.inputElement.value=this.value.toString(),this.calculateProgress(),this.changeEvent.emit(this.value))}minChanged(){this.calculateProgress()}maxChanged(){this.calculateProgress()}stepChanged(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step),this.calculateProgress()}formResetCallback(){this.internals.setFormValue("")}componentDidLoad(){var t;this.decimalPlaces=this.countDecimals(this.step),this.onInput(),this.label=null!==(t=this.element.textContent)&&void 0!==t?t:"",this.calculateProgress()}render(){var t;return a(r,{key:"9a4edc2c6507810ccc86a48207652b37606fbd59"},a("header",{key:"f8c23be475e7e91ff4e77ca9152bdc164c4472fe",class:"header",part:"header"},a("mds-text",{key:"d1d753f05d0d6a74ac5855baec702856824f62dd",class:"label",typography:"label"},a("slot",{key:"89a0b3be4e54e7f4d9abbae3f441c421e428866d"})),a("mds-text",{key:"2d8eade92dadba997ab9a6e8a2d5d0a6194a5740",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),a("div",{key:"76b9f55cf9533a0d77edad81ff6fa1c6558427a6",class:"range"},a("div",{key:"28220c6a14194dc011583b6c93faea0e24e6b948",class:"track",part:"track"},a("div",{key:"652e0da13381878b5b8230a3a91570abfa4e29f1",class:"contrast-area"}),a("div",{key:"70006e3b638ee1f8c2401818bd36010ffe6f0073",class:"track-total"},a("div",{key:"d2f25778c70b63b2b6ab0951ed55c8faae682e4f",class:"track-progress",style:{"--mds-input-range-progress":`${null!==(t=this.progress)&&void 0!==t?t:0}`}}))),a("input",{key:"fb9a57174b72c222fc8daec71402d7c5c987b5c9",ref:t=>this.inputElement=t,class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value,name:this.name})))}static get formAssociated(){return!0}get element(){return d(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}}};i.style='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08));--mds-input-range-thumb-background:rgb(var(--tone-neutral));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:1rem;--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08));--mds-input-range-track-background:rgb(var(--tone-neutral-08));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03));--mds-input-range-track-size:1.5rem;--private-border-width:calc(calc(var(--mds-input-range-track-size) - var(--mds-input-range-thumb-size)) / 2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width) * 2);gap:0.5rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:grid;-webkit-transition-property:color;transition-property:color}.header{gap:0.5rem;display:-ms-flexbox;display:flex}.label{min-width:0rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:var(--private-thumb-size);position:relative}.track{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.field{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.field{z-index:20;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:1000px;-ms-flex-positive:1;flex-grow:1;margin:0}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.field::-webkit-slider-thumb{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none;appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-property:background-color, border;transition-property:background-color, border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;border:0;height:0;width:100%}.track-progress{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-range-track-progress-background);display:-ms-flexbox;display:flex;height:var(--mds-input-range-track-size);-webkit-transition-property:background-color;transition-property:background-color;width:calc(\n    (100% - var(--mds-input-range-track-size)) * (var(--mds-input-range-progress, 0) * 0.01)\n    + (var(--mds-input-range-track-size) / 2)\n  )}.track-total{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-range-track-background);border-radius:var(--mds-input-range-track-size);display:-ms-flexbox;display:flex;height:var(--mds-input-range-track-size);overflow:hidden;-webkit-transition-property:background-color;transition-property:background-color;width:100%}.contrast-area{margin-left:0.25rem;margin-right:0.25rem;border-radius:var(--mds-input-range-track-size)}:host([disabled]:not([disabled="false"])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled="false"])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .field::-webkit-slider-thumb,:host-context(.pref-animation-reduce) .field::-webkit-slider-runnable-track,:host-context(.pref-animation-reduce) .track-progress,:host-context(.pref-animation-reduce) .track-total{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .field::-webkit-slider-thumb,:host-context(.pref-animation-system) .field::-webkit-slider-runnable-track,:host-context(.pref-animation-system) .track-progress,:host-context(.pref-animation-system) .track-total{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-range-thumb-background:rgb(var(--variant-primary-04));--mds-input-range-track-background:rgb(var(--tone-neutral-07));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-range-thumb-background:rgb(var(--variant-primary-04));--mds-input-range-track-background:rgb(var(--tone-neutral-07));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05))}}:host-context(.pref-contrast-more){color:rgb(var(--tone-neutral-01))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){color:rgb(var(--tone-neutral-01))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';export{i as mds_input_range}

package/dist/mds-input-range/{p-b4fbf017.system.entry.js → p-b15e7f8e.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-7315ada7.system.js"],(function(t){"use strict";var e,r,a,i,d;return{setters:[function(t){e=t.r;r=t.c;a=t.h;i=t.H;d=t.g}],execute:function(){var n='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08));--mds-input-range-thumb-background:rgb(var(--tone-neutral));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:1rem;--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08));--mds-input-range-track-background:rgb(var(--tone-neutral-08));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03));--mds-input-range-track-size:1.5rem;--private-border-width:calc(calc(var(--mds-input-range-track-size) - var(--mds-input-range-thumb-size)) / 2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width) * 2);gap:0.5rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:grid;-webkit-transition-property:color;transition-property:color}.header{gap:0.5rem;display:-ms-flexbox;display:flex}.label{min-width:0rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:var(--private-thumb-size);position:relative}.track{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.field{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.field{z-index:20;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:1000px;-ms-flex-positive:1;flex-grow:1;margin:0}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.field::-webkit-slider-thumb{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none;appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-property:background-color, border;transition-property:background-color, border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;border:0;height:0;width:100%}.track-progress{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-range-track-progress-background);display:-ms-flexbox;display:flex;height:var(--mds-input-range-track-size);-webkit-transition-property:background-color;transition-property:background-color;width:calc(\n    (100% - var(--mds-input-range-track-size)) * (var(--mds-input-range-progress, 0) * 0.01)\n    + (var(--mds-input-range-track-size) / 2)\n  )}.track-total{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-range-track-background);border-radius:var(--mds-input-range-track-size);display:-ms-flexbox;display:flex;height:var(--mds-input-range-track-size);overflow:hidden;-webkit-transition-property:background-color;transition-property:background-color;width:100%}.contrast-area{margin-left:0.25rem;margin-right:0.25rem;border-radius:var(--mds-input-range-track-size)}:host([disabled]:not([disabled="false"])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled="false"])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .field::-webkit-slider-thumb,:host-context(.pref-animation-reduce) .field::-webkit-slider-runnable-track,:host-context(.pref-animation-reduce) .track-progress,:host-context(.pref-animation-reduce) .track-total{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .field::-webkit-slider-thumb,:host-context(.pref-animation-system) .field::-webkit-slider-runnable-track,:host-context(.pref-animation-system) .track-progress,:host-context(.pref-animation-system) .track-total{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-range-thumb-background:rgb(var(--variant-primary-04));--mds-input-range-track-background:rgb(var(--tone-neutral-07));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-range-thumb-background:rgb(var(--variant-primary-04));--mds-input-range-track-background:rgb(var(--tone-neutral-07));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05))}}:host-context(.pref-contrast-more){color:rgb(var(--tone-neutral-01))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){color:rgb(var(--tone-neutral-01))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var s=n;var o=t("mds_input_range",function(){function t(t){var a=this;e(this,t);this.changeEvent=r(this,"mdsInputRangeChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.max=100;this.min=0;this.step=1;this.onInput=function(){if(Number.isNaN(a.inputElement.value))throw Error("Entered value ".concat(a.inputElement.value," is not a Number"));a.value=Number(a.inputElement.value)}}t.prototype.calculateProgress=function(){var t=Number(this.inputElement.value);var e=Math.pow(10,this.decimalPlaces);if(t>this.max)t=this.max;else if(t<this.min)t=this.min;if((t-this.min)*e%(this.step*e)!==0){t=(Math.round((t*e-this.min*e)/(this.step*e))*(this.step*e)+this.min*e)/e}this.value=t;this.internals.setFormValue(this.value.toString());var r=this.max-this.min;var a=this.value-this.min;this.progress=a/r*100};t.prototype.countDecimals=function(t){if(Math.floor(t)===t)return 0;return t.toString().split(".")[1].length||0};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.valueChanged=function(t,e){if(t===e)return;this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};t.prototype.minChanged=function(){this.calculateProgress()};t.prototype.maxChanged=function(){this.calculateProgress()};t.prototype.stepChanged=function(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step);this.calculateProgress()};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentDidLoad=function(){var t;this.decimalPlaces=this.countDecimals(this.step);this.onInput();this.label=(t=this.element.textContent)!==null&&t!==void 0?t:"";this.calculateProgress()};t.prototype.render=function(){var t=this;var e;return a(i,{key:"c18e348050b8613f09cd7f8b3de699ba2893d56a"},a("header",{key:"74f89b34d4be455e8a20574db178a477c5a04892",class:"header",part:"header"},a("mds-text",{key:"52afe2fa8c6a632a7af247fa4dab2ce5a0218617",class:"label",typography:"label"},a("slot",{key:"04af45448ed4baea021aa1fe15c56d8fff786e78"})),a("mds-text",{key:"767fceb22930f70dbf7f140aa94e2eb3f14790e4",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),a("div",{key:"02ebb09257839fa9de003fb384c94714d3356845",class:"range"},a("div",{key:"2e0f349c8aa8283806e0b831f516af183039133d",class:"track",part:"track"},a("div",{key:"6be1a2e9982606574b55031cebe1f42b092034c1",class:"contrast-area"}),a("div",{key:"8502811a582e9b5f48bc198f92fcda6729601d87",class:"track-total"},a("div",{key:"ce6acc53f5ac8bd74b31961f87ddf4dc5e2db816",class:"track-progress",style:{"--mds-input-range-progress":"".concat((e=this.progress)!==null&&e!==void 0?e:0)}}))),a("input",{key:"9be4d67701b2007ed1ce4b9bc10532fc8bd6f969",ref:function(e){return t.inputElement=e},class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return t}());o.style=s}}}));
+System.register(["./p-e5970baa.system.js"],(function(t){"use strict";var e,r,a,i,d;return{setters:[function(t){e=t.r;r=t.c;a=t.h;i=t.H;d=t.g}],execute:function(){var n='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08));--mds-input-range-thumb-background:rgb(var(--tone-neutral));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:1rem;--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08));--mds-input-range-track-background:rgb(var(--tone-neutral-08));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03));--mds-input-range-track-size:1.5rem;--private-border-width:calc(calc(var(--mds-input-range-track-size) - var(--mds-input-range-thumb-size)) / 2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width) * 2);gap:0.5rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:grid;-webkit-transition-property:color;transition-property:color}.header{gap:0.5rem;display:-ms-flexbox;display:flex}.label{min-width:0rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:var(--private-thumb-size);position:relative}.track{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.field{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.field{z-index:20;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:1000px;-ms-flex-positive:1;flex-grow:1;margin:0}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.field::-webkit-slider-thumb{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none;appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-property:background-color, border;transition-property:background-color, border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;border:0;height:0;width:100%}.track-progress{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-range-track-progress-background);display:-ms-flexbox;display:flex;height:var(--mds-input-range-track-size);-webkit-transition-property:background-color;transition-property:background-color;width:calc(\n    (100% - var(--mds-input-range-track-size)) * (var(--mds-input-range-progress, 0) * 0.01)\n    + (var(--mds-input-range-track-size) / 2)\n  )}.track-total{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-range-track-background);border-radius:var(--mds-input-range-track-size);display:-ms-flexbox;display:flex;height:var(--mds-input-range-track-size);overflow:hidden;-webkit-transition-property:background-color;transition-property:background-color;width:100%}.contrast-area{margin-left:0.25rem;margin-right:0.25rem;border-radius:var(--mds-input-range-track-size)}:host([disabled]:not([disabled="false"])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled="false"])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .field::-webkit-slider-thumb,:host-context(.pref-animation-reduce) .field::-webkit-slider-runnable-track,:host-context(.pref-animation-reduce) .track-progress,:host-context(.pref-animation-reduce) .track-total{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .field::-webkit-slider-thumb,:host-context(.pref-animation-system) .field::-webkit-slider-runnable-track,:host-context(.pref-animation-system) .track-progress,:host-context(.pref-animation-system) .track-total{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-range-thumb-background:rgb(var(--variant-primary-04));--mds-input-range-track-background:rgb(var(--tone-neutral-07));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-range-thumb-background:rgb(var(--variant-primary-04));--mds-input-range-track-background:rgb(var(--tone-neutral-07));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05))}}:host-context(.pref-contrast-more){color:rgb(var(--tone-neutral-01))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){color:rgb(var(--tone-neutral-01))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var s=n;var o=t("mds_input_range",function(){function t(t){var a=this;e(this,t);this.changeEvent=r(this,"mdsInputRangeChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.max=100;this.min=0;this.step=1;this.onInput=function(){if(Number.isNaN(a.inputElement.value))throw Error("Entered value ".concat(a.inputElement.value," is not a Number"));a.value=Number(a.inputElement.value)}}t.prototype.calculateProgress=function(){var t=Number(this.inputElement.value);var e=Math.pow(10,this.decimalPlaces);if(t>this.max)t=this.max;else if(t<this.min)t=this.min;if((t-this.min)*e%(this.step*e)!==0){t=(Math.round((t*e-this.min*e)/(this.step*e))*(this.step*e)+this.min*e)/e}this.value=t;this.internals.setFormValue(this.value.toString());var r=this.max-this.min;var a=this.value-this.min;this.progress=a/r*100};t.prototype.countDecimals=function(t){if(Math.floor(t)===t)return 0;return t.toString().split(".")[1].length||0};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.valueChanged=function(t,e){if(t===e)return;this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};t.prototype.minChanged=function(){this.calculateProgress()};t.prototype.maxChanged=function(){this.calculateProgress()};t.prototype.stepChanged=function(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step);this.calculateProgress()};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentDidLoad=function(){var t;this.decimalPlaces=this.countDecimals(this.step);this.onInput();this.label=(t=this.element.textContent)!==null&&t!==void 0?t:"";this.calculateProgress()};t.prototype.render=function(){var t=this;var e;return a(i,{key:"9a4edc2c6507810ccc86a48207652b37606fbd59"},a("header",{key:"f8c23be475e7e91ff4e77ca9152bdc164c4472fe",class:"header",part:"header"},a("mds-text",{key:"d1d753f05d0d6a74ac5855baec702856824f62dd",class:"label",typography:"label"},a("slot",{key:"89a0b3be4e54e7f4d9abbae3f441c421e428866d"})),a("mds-text",{key:"2d8eade92dadba997ab9a6e8a2d5d0a6194a5740",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),a("div",{key:"76b9f55cf9533a0d77edad81ff6fa1c6558427a6",class:"range"},a("div",{key:"28220c6a14194dc011583b6c93faea0e24e6b948",class:"track",part:"track"},a("div",{key:"652e0da13381878b5b8230a3a91570abfa4e29f1",class:"contrast-area"}),a("div",{key:"70006e3b638ee1f8c2401818bd36010ffe6f0073",class:"track-total"},a("div",{key:"d2f25778c70b63b2b6ab0951ed55c8faae682e4f",class:"track-progress",style:{"--mds-input-range-progress":"".concat((e=this.progress)!==null&&e!==void 0?e:0)}}))),a("input",{key:"fb9a57174b72c222fc8daec71402d7c5c987b5c9",ref:function(e){return t.inputElement=e},class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value,name:this.name})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return t}());o.style=s}}}));

package/dist/mds-input-range/p-e5970baa.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function o(r){try{u(t.next(r))}catch(r){a(r)}}function f(r){try{u(t["throw"](r))}catch(r){a(r)}}function u(r){r.done?n(r.value):i(r.value).then(o,f)}u((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,o;return o={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function f(r){return function(e){return u([r,e])}}function u(f){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,f[0]&&(n=0)),n)try{if(t=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:n.label++;return{value:f[1],done:false};case 5:n.label++;i=f[1];f=[0];continue;case 7:f=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){n=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){n.label=f[1];break}if(f[0]===6&&n.label<a[1]){n.label=a[1];a=f;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(f);break}if(a[2])n.ops.pop();n.trys.pop();continue}f=e.call(r,n)}catch(r){f=[6,r];i=0}finally{t=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="mds-input-range";var i={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:true,hydratedClass:false,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var a=Object.defineProperty;var o=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var f=function(r){if(r.__stencil__getHostRef){return r.__stencil__getHostRef()}return void 0};var u=r("r",(function(r,e){r.__stencil__getHostRef=function(){return e};e.t=r}));var l=function(r,e){var n={i:0,$hostElement$:r,o:e,u:new Map};{n.l=new Promise((function(r){return n.v=r}));r["s-p"]=[];r["s-rc"]=[]}var t=n;r.__stencil__getHostRef=function(){return t};return t};var s=function(r,e){return e in r};var c=function(r,e){return(0,console.error)(r,e)};var v=new Map;var d=function(r,n,t){var i=r.h.replace(/-/g,"_");var a=r.p;if(!a){return void 0}var o=v.get(a);if(o){return o[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{v.set(a,r)}return r[i]}),(function(r){c(r,n.$hostElement$)}))};var h=new Map;var p="sty-id";var m="{visibility:hidden}[hydrated]{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var w=typeof window!=="undefined"?window:{};var S={i:0,m:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var g=r("p",(function(r){return Promise.resolve(r)}));var _=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var $=false;var k=[];var j=[];var C=function(r,e){return function(n){r.push(n);if(!$){$=true;if(e&&S.i&4){x(O)}else{S.raf(O)}}}};var A=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){c(r)}}r.length=0};var O=function(){A(k);{A(j);if($=k.length>0){S.raf(O)}}};var x=function(r){return g().then(r)};var E=C(j,true);var T=function(r){r=typeof r;return r==="object"||r==="function"};function D(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var M={};o(M,{err:function(){return P},map:function(){return R},ok:function(){return L},unwrap:function(){return F},unwrapErr:function(){return N}});var L=function(r){return{isOk:true,isErr:false,value:r}};var P=function(r){return{isOk:false,isErr:true,value:r}};function R(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return L(r)}))}else{return L(n)}}if(r.isErr){var t=r.value;return P(t)}throw"should never get here"}var F=function(r){if(r.isOk){return r.value}else{throw r.value}};var N=function(r){if(r.isErr){return r.value}else{throw r.value}};var U=function(r,e){if(e===void 0){e=""}{return function(){return}}};var W=function(r,e){{return function(){return}}};var z=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var o=false;var f=false;var u=[];var l=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){l(i)}else if(i!=null&&typeof i!=="boolean"){if(o=typeof r!=="function"&&!T(i)){i=String(i)}if(o&&f){u[u.length-1].S+=i}else{u.push(o?H(null,i):i)}f=o}}};l(n);if(e){if(e.key){a=e.key}{var s=e.className||e.class;if(s){e.class=typeof s!=="object"?s:Object.keys(s).filter((function(r){return s[r]})).join(" ")}}}var c=H(r,null);c._=e;if(u.length>0){c.$=u}{c.k=a}return c}));var H=function(r,e){var n={i:0,j:r,S:e,C:null,$:null};{n._=null}{n.k=null}return n};var B=r("H",{});var G=function(r){return r&&r.j===B};var I=function(r,e){if(r!=null&&!T(r)){if(e&4){return r==="false"?false:r===""||!!r}if(e&2){return parseFloat(r)}if(e&1){return String(r)}return r}return r};var Q=r("g",(function(r){return f(r).$hostElement$}));var V=r("c",(function(r,e,n){var t=Q(r);return{emit:function(r){return q(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var q=function(r,e,n){var t=S.ce(e,n);r.dispatchEvent(t);return t};var K=new WeakMap;var X=function(r,e,n){var t=h.get(r);if(_&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}h.set(r,t)};var Y=function(r,e,n){var t;var i=Z(e);var a=h.get(i);if(!w.document){return i}r=r.nodeType===11?r:w.document;if(a){if(typeof a==="string"){r=r.head||r;var o=K.get(r);var f=void 0;if(!o){K.set(r,o=new Set)}if(!o.has(i)){{f=document.querySelector("[".concat(p,'="').concat(i,'"]'))||w.document.createElement("style");f.innerHTML=a;var u=(t=S.A)!=null?t:D(w.document);if(u!=null){f.setAttribute("nonce",u)}if(!(e.i&1)){if(r.nodeName==="HEAD"){var l=r.querySelectorAll("link[rel=preconnect]");var s=l.length>0?l[l.length-1].nextSibling:r.querySelector("style");r.insertBefore(f,(s==null?void 0:s.parentNode)===r?s:null)}else if("host"in r){if(_){var c=new CSSStyleSheet;c.replaceSync(a);r.adoptedStyleSheets=__spreadArray([c],r.adoptedStyleSheets,true)}else{var v=r.querySelector("style");if(v){v.innerHTML=a+v.innerHTML}else{r.prepend(f)}}}else{r.append(f)}}if(e.i&1){r.insertBefore(f,null)}}if(e.i&4){f.innerHTML+=y}if(o){o.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var J=function(r){var e=r.o;var n=r.$hostElement$;var t=e.i;var i=U("attachStyles",e.h);var a=Y(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2||t&128){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var Z=function(r,e){return"sc-"+r.h};var rr=function(r,e,n,t,i,a,o){if(n===t){return}var f=s(r,e);var u=e.toLowerCase();if(e==="class"){var l=r.classList;var c=nr(n);var v=nr(t);{l.remove.apply(l,c.filter((function(r){return r&&!v.includes(r)})));l.add.apply(l,v.filter((function(r){return r&&!c.includes(r)})))}}else if(e==="style"){{for(var d in n){if(!t||t[d]==null){if(d.includes("-")){r.style.removeProperty(d)}else{r.style[d]=""}}}}for(var d in t){if(!n||t[d]!==n[d]){if(d.includes("-")){r.style.setProperty(d,t[d])}else{r.style[d]=t[d]}}}}else if(e==="key");else if(e==="ref"){if(t){t(r)}}else if(!f&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(w,u)){e=u.slice(2)}else{e=u[2]+e.slice(3)}if(n||t){var h=e.endsWith(tr);e=e.replace(ir,"");if(n){S.rel(r,e,n,h)}if(t){S.ael(r,e,t,h)}}}else{var p=T(t);if((f||p&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var m=t==null?"":t;if(e==="list"){f=false}else if(n==null||r[e]!=m){if(typeof r.__lookupSetter__(e)==="function"){r[e]=m}else{r.setAttribute(e,m)}}}else if(r[e]!==t){r[e]=t}}catch(r){}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){{r.removeAttribute(e)}}}else if((!f||a&4||i)&&!p&&r.nodeType===1){t=t===true?"":t;{r.setAttribute(e,t)}}}};var er=/\s/;var nr=function(r){if(typeof r==="object"&&r&&"baseVal"in r){r=r.baseVal}if(!r||typeof r!=="string"){return[]}return r.split(er)};var tr="Capture";var ir=new RegExp(tr+"$");var ar=function(r,e,n,t){var i=e.C.nodeType===11&&e.C.host?e.C.host:e.C;var a=r&&r._||{};var o=e._||{};{for(var f=0,u=or(Object.keys(a));f<u.length;f++){var l=u[f];if(!(l in o)){rr(i,l,a[l],void 0,n,e.i)}}}for(var s=0,c=or(Object.keys(o));s<c.length;s++){var l=c[s];rr(i,l,a[l],o[l],n,e.i)}};function or(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var fr;var ur=false;var lr=false;var sr=function(r,e,n){var t=e.$[n];var a=0;var o;var f;if(t.S!==null){o=t.C=w.document.createTextNode(t.S)}else{if(!w.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}o=t.C=w.document.createElement(!ur&&i.slotRelocation&&t.i&2?"slot-fb":t.j);{ar(null,t,lr)}if(t.$){for(a=0;a<t.$.length;++a){f=sr(r,t,a);if(f){o.appendChild(f)}}}}o["s-hn"]=fr;return o};var cr=function(r,e,n,t,i,a){var o=r;var f;if(o.shadowRoot&&o.tagName===fr){o=o.shadowRoot}for(;i<=a;++i){if(t[i]){f=sr(null,n,i);if(f){t[i].C=f;yr(o,f,e)}}}};var vr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.C;mr(i);if(a){a.remove()}}}};var dr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var o=0;var f=0;var u=0;var l=e.length-1;var s=e[0];var c=e[l];var v=t.length-1;var d=t[0];var h=t[v];var p;var m;while(a<=l&&o<=v){if(s==null){s=e[++a]}else if(c==null){c=e[--l]}else if(d==null){d=t[++o]}else if(h==null){h=t[--v]}else if(hr(s,d,i)){pr(s,d,i);s=e[++a];d=t[++o]}else if(hr(c,h,i)){pr(c,h,i);c=e[--l];h=t[--v]}else if(hr(s,h,i)){pr(s,h,i);yr(r,s.C,c.C.nextSibling);s=e[++a];h=t[--v]}else if(hr(c,d,i)){pr(c,d,i);yr(r,c.C,s.C);c=e[--l];d=t[++o]}else{f=-1;{for(u=a;u<=l;++u){if(e[u]&&e[u].k!==null&&e[u].k===d.k){f=u;break}}}if(f>=0){m=e[f];if(m.j!==d.j){p=sr(e&&e[o],n,f)}else{pr(m,d,i);e[f]=void 0;p=m.C}d=t[++o]}else{p=sr(e&&e[o],n,o);d=t[++o]}if(p){{yr(s.C.parentNode,p,s.C)}}}}if(a>l){cr(r,t[v+1]==null?null:t[v+1].C,n,t,o,v)}else if(o>v){vr(e,a,l)}};var hr=function(r,e,n){if(n===void 0){n=false}if(r.j===e.j){if(!n){return r.k===e.k}if(n&&!r.k&&e.k){r.k=e.k}return true}return false};var pr=function(r,e,n){if(n===void 0){n=false}var t=e.C=r.C;var a=r.$;var o=e.$;var f=e.S;if(f===null){{ar(r,e,lr)}if(a!==null&&o!==null){dr(t,a,e,o,n)}else if(o!==null){if(r.S!==null){t.textContent=""}cr(t,null,e,o,0,o.length-1)}else if(!n&&i.updatable&&a!==null){vr(a,0,a.length-1)}}else if(r.S!==f){t.data=f}};var mr=function(r){{r._&&r._.ref&&r._.ref(null);r.$&&r.$.map(mr)}};var yr=function(r,e,n){{return r==null?void 0:r.insertBefore(e,n)}};var br=function(r,e,n){if(n===void 0){n=false}var t=r.$hostElement$;var i=r.o;var a=r.O||H(null,null);var o=G(e)?e:z(null,null,e);fr=t.tagName;if(i.T){o._=o._||{};i.T.map((function(r){var e=r[0],n=r[1];return o._[n]=t[e]}))}if(n&&o._){for(var f=0,u=Object.keys(o._);f<u.length;f++){var l=u[f];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o._[l]=t[l]}}}o.j=null;o.i|=4;r.O=o;o.C=a.C=t.shadowRoot||t;ur=!!(i.i&1)&&!(i.i&128);pr(a,o,n)};var wr=function(r,e){if(e&&!r.D&&e["s-p"]){var n=e["s-p"].push(new Promise((function(t){return r.D=function(){e["s-p"].splice(n-1,1);t()}})))}};var Sr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}wr(r,r.M);var n=function(){return gr(r,e)};return E(n)};var gr=function(r,e){var n=r.$hostElement$;var t=U("scheduleUpdate",r.o.h);var i=r.t;if(!i){throw new Error("Can't render component <".concat(n.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var a;if(e){a=Or(i,"componentWillLoad",void 0,n)}else{a=Or(i,"componentWillUpdate",void 0,n)}a=_r(a,(function(){return Or(i,"componentWillRender",void 0,n)}));t();return _r(a,(function(){return kr(r,i,e)}))};var _r=function(r,e){return $r(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var $r=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var kr=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,o,f,u,l;return __generator(this,(function(s){i=r.$hostElement$;a=U("update",r.o.h);o=i["s-rc"];if(t){J(r)}f=U("render",r.o.h);{jr(r,e,i,t)}if(o){o.map((function(r){return r()}));i["s-rc"]=void 0}f();a();{u=(n=i["s-p"])!=null?n:[];l=function(){return Cr(r)};if(u.length===0){l()}else{Promise.all(u).then(l);r.i|=4;u.length=0}}return[2]}))}))};var jr=function(r,e,n,t){try{e=e.render();{r.i&=~16}{r.i|=2}{{{br(r,e,t)}}}}catch(e){c(e,r.$hostElement$)}return null};var Cr=function(r){var e=r.o.h;var n=r.$hostElement$;var t=U("postUpdate",e);var i=r.t;var a=r.M;Or(i,"componentDidRender",void 0,n);if(!(r.i&64)){r.i|=64;{xr(n)}Or(i,"componentDidLoad",void 0,n);t();{r.v(n);if(!a){Ar()}}}else{Or(i,"componentDidUpdate",void 0,n);t()}{if(r.D){r.D();r.D=void 0}if(r.i&512){x((function(){return Sr(r,false)}))}r.i&=~(4|512)}};var Ar=function(r){x((function(){return q(w,"appload",{detail:{namespace:t}})}))};var Or=function(r,e,n,t){if(r&&r[e]){try{return r[e](n)}catch(r){c(r,t)}}return void 0};var xr=function(r){var e;return r.setAttribute((e=i.hydratedSelectorName)!=null?e:"hydrated","")};var Er=function(r,e){return f(r).u.get(e)};var Tr=function(r,e,n,t){var i=f(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.h,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).'))}var a=i.$hostElement$;var o=i.u.get(e);var u=i.i;var l=i.t;n=I(n,t.L[e][0]);var s=Number.isNaN(o)&&Number.isNaN(n);var v=n!==o&&!s;if((!(u&8)||o===void 0)&&v){i.u.set(e,n);if(l){if(t.P&&u&128){var d=t.P[e];if(d){d.map((function(r){try{l[r](n,o,e)}catch(r){c(r,a)}}))}}if((u&(2|16))===2){if(l.componentShouldUpdate){if(l.componentShouldUpdate(n,o,e)===false){return}}Sr(i,false)}}}};var Dr=function(r,e,n){var t,a;var o=r.prototype;if(e.i&64&&n&1){b.forEach((function(r){Object.defineProperty(o,r,{value:function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}var t=f(this);var i=t.t;if(!i){t.l.then((function(n){var t=n[r];typeof t==="function"&&t.call.apply(t,__spreadArray([n],e,false))}))}else{var a=i[r];typeof a==="function"&&a.call.apply(a,__spreadArray([i],e,false))}}})}))}if(e.L||(e.P||r.watchers)){if(r.watchers&&!e.P){e.P=r.watchers}var u=Object.entries((t=e.L)!=null?t:{});u.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){var a=Object.getOwnPropertyDescriptor(o,t)||{},u=a.get,l=a.set;if(u)e.L[t][0]|=2048;if(l)e.L[t][0]|=4096;if(n&1||!u){Object.defineProperty(o,t,{get:function(){{if((e.L[t][0]&2048)===0){return Er(this,t)}var r=f(this);var n=r?r.t:o;if(!n)return;return n[t]}},configurable:true,enumerable:true})}Object.defineProperty(o,t,{set:function(r){var a=this;var o=f(this);if(l){var u=i&32?this[t]:o.$hostElement$[t];if(typeof u==="undefined"&&o.u.get(t)){r=o.u.get(t)}else if(!o.u.get(t)&&u){o.u.set(t,u)}l.apply(this,[I(r,i)]);r=i&32?this[t]:o.$hostElement$[t];Tr(this,t,r,e);return}{if((n&1)===0||(e.L[t][0]&4096)===0){Tr(this,t,r,e);if(n&1&&!o.t){o.l.then((function(){if(e.L[t][0]&4096&&o.t[t]!==o.u.get(t)){o.t[t]=r}}))}return}var s=function(){var n=o.t[t];if(!o.u.get(t)&&n){o.u.set(t,n)}o.t[t]=I(r,i);Tr(a,t,o.t[t],e)};if(o.t){s()}else{o.l.then((function(){return s()}))}}}})}}));if(n&1){var l=new Map;o.attributeChangedCallback=function(r,n,t){var a=this;S.jmp((function(){var u;var s=l.get(r);if(a.hasOwnProperty(s)&&i.lazyLoad){t=a[s];delete a[s]}else if(o.hasOwnProperty(s)&&typeof a[s]==="number"&&a[s]==t){return}else if(s==null){var c=f(a);var v=c==null?void 0:c.i;if(v&&!(v&8)&&v&128&&t!==n){var d=c.t;var h=(u=e.P)==null?void 0:u[r];h==null?void 0:h.forEach((function(e){if(d[e]!=null){d[e].call(d,t,n,r)}}))}return}var p=Object.getOwnPropertyDescriptor(o,s);t=t===null&&typeof a[s]==="boolean"?false:t;if(t!==a[s]&&(!p.get||!!p.set)){a[s]=t}}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((a=e.P)!=null?a:{}),true),u.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;l.set(a,n);if(t[0]&512){(i=e.T)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var Mr=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,o,f,u,l,s,v,p,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.p;if(!i)return[3,4];a=d(t,e);if(!(a&&"then"in a))return[3,2];o=W();return[4,a];case 1:n=y.sent();o();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.h,"#").concat(e.R,'" was not found'))}if(!n.isProxied){{t.P=n.watchers}Dr(n,t,2);n.isProxied=true}f=U("createInstance",t.h);{e.i|=8}try{new n(e)}catch(e){c(e,r)}{e.i&=~8}{e.i|=128}f();Lr(e.t,r);return[3,5];case 4:n=r.constructor;u=r.localName;customElements.whenDefined(u).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}s=Z(t);if(!h.has(s)){v=U("registerStyles",t.h);X(s,l,!!(t.i&1));v()}}y.label=6;case 6:p=e.M;m=function(){return Sr(e,true)};if(p&&p["s-rc"]){p["s-rc"].push(m)}else{m()}return[2]}}))}))};var Lr=function(r,e){{Or(r,"connectedCallback",void 0,e)}};var Pr=function(r){if((S.i&1)===0){var e=f(r);var n=e.o;var t=U("connectedCallback",n.h);if(!(e.i&1)){e.i|=1;{var i=r;while(i=i.parentNode||i.host){if(i["s-p"]){wr(e,e.M=i);break}}}if(n.L){Object.entries(n.L).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{Mr(r,e,n)}}else{if(e==null?void 0:e.t){Lr(e.t,r)}else if(e==null?void 0:e.l){e.l.then((function(){return Lr(e.t,r)}))}}t()}};var Rr=function(r,e){{Or(r,"disconnectedCallback",void 0,e||r)}};var Fr=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((S.i&1)===0){e=f(r);if(e==null?void 0:e.t){Rr(e.t,r)}else if(e==null?void 0:e.l){e.l.then((function(){return Rr(e.t,r)}))}}if(K.has(r)){K.delete(r)}if(r.shadowRoot&&K.has(r.shadowRoot)){K.delete(r.shadowRoot)}return[2]}))}))};var Nr=r("b",(function(r,e){if(e===void 0){e={}}var n;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}var t=U();var i=[];var a=e.exclude||[];var o=w.customElements;var u=w.document.head;var s=u.querySelector("meta[charset]");var c=w.document.createElement("style");var v=[];var d;var h=true;Object.assign(S,e);S.m=new URL(e.resourcesUrl||"./",w.document.baseURI).href;var p=false;r.map((function(r){r[1].map((function(e){var n;var t={i:e[0],h:e[1],L:e[2],F:e[3]};if(t.i&4){p=true}{t.L=e[2]}{t.T=[]}{t.P=(n=e[4])!=null?n:{}}var u=t.h;var s=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;n.hasRegisteredEventListeners=false;e=n;l(e,t);if(t.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(t.h,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;f(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{S.jmp((function(){return Pr(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;S.jmp((function(){return Fr(r)}));S.raf((function(){var e;var n=f(r);var t=v.findIndex((function(e){return e===r}));if(t>-1){v.splice(t,1)}if(((e=n==null?void 0:n.O)==null?void 0:e.C)instanceof Node&&!n.O.C.isConnected){delete n.O.C}}))};e.prototype.componentOnReady=function(){return f(this).l};return e}(HTMLElement);if(t.i&64){s.formAssociated=true}t.p=r[0];if(!a.includes(u)&&!o.get(u)){i.push(u);o.define(u,Dr(s,t,1))}}))}));if(i.length>0){if(p){c.textContent+=y}{c.textContent+=i.sort()+m}if(c.innerHTML.length){c.setAttribute("data-styles","");var b=(n=S.A)!=null?n:D(w.document);if(b!=null){c.setAttribute("nonce",b)}u.insertBefore(c,s?s.nextSibling:u.firstChild)}}h=false;if(v.length){v.map((function(r){return r.connectedCallback()}))}else{{S.jmp((function(){return d=setTimeout(Ar,30)}))}}t()}));var Ur=r("s",(function(r){return S.A=r}))}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-18T11:03:19",
+  "timestamp": "2026-03-24T16:39:44",
   "compiler": {
     "name": "node",
     "version": "22.15.0"
@@ -88,19 +88,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-37d5e60f.js",
+          "./dist/cjs/index-1f95f3de.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-input-range.cjs.entry.js",
           "./dist/cjs/mds-input-range.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-e9d1fa7e.js",
+          "./dist/esm-es5/index-a1c32812.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-input-range.entry.js",
           "./dist/esm-es5/mds-input-range.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-e9d1fa7e.js",
+          "./dist/esm/index-a1c32812.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input-range.entry.js",
@@ -110,25 +110,25 @@
           "./dist/mds-input-range/index.esm.js",
           "./dist/mds-input-range/mds-input-range.esm.js",
           "./dist/mds-input-range/mds-input-range.js",
-          "./dist/mds-input-range/p-155deafe.js",
+          "./dist/mds-input-range/p-032aeb78.system.js",
           "./dist/mds-input-range/p-50ea2036.system.js",
           "./dist/mds-input-range/p-56ba5cbf.system.js",
-          "./dist/mds-input-range/p-612adc59.entry.js",
-          "./dist/mds-input-range/p-7315ada7.system.js",
-          "./dist/mds-input-range/p-b4fbf017.system.entry.js",
-          "./dist/mds-input-range/p-b6d99f83.system.js",
+          "./dist/mds-input-range/p-805599e2.js",
+          "./dist/mds-input-range/p-ab2218cb.entry.js",
+          "./dist/mds-input-range/p-b15e7f8e.system.entry.js",
           "./dist/mds-input-range/p-e1255160.js",
+          "./dist/mds-input-range/p-e5970baa.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input-range.esm.js",
           "./www/build/mds-input-range.js",
-          "./www/build/p-155deafe.js",
+          "./www/build/p-032aeb78.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-612adc59.entry.js",
-          "./www/build/p-7315ada7.system.js",
-          "./www/build/p-b4fbf017.system.entry.js",
-          "./www/build/p-b6d99f83.system.js",
-          "./www/build/p-e1255160.js"
+          "./www/build/p-805599e2.js",
+          "./www/build/p-ab2218cb.entry.js",
+          "./www/build/p-b15e7f8e.system.entry.js",
+          "./www/build/p-e1255160.js",
+          "./www/build/p-e5970baa.system.js"
         ]
       },
       {
@@ -161,12 +161,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-612adc59",
-        "fileName": "p-612adc59.entry.js",
+        "bundleId": "p-ab2218cb",
+        "fileName": "p-ab2218cb.entry.js",
         "imports": [
-          "p-155deafe.js"
+          "p-805599e2.js"
         ],
-        "originalByteSize": 17650
+        "originalByteSize": 17667
       }
     ],
     "esm": [
@@ -178,9 +178,9 @@
         "bundleId": "mds-input-range",
         "fileName": "mds-input-range.entry.js",
         "imports": [
-          "index-e9d1fa7e.js"
+          "index-a1c32812.js"
         ],
-        "originalByteSize": 17654
+        "originalByteSize": 17671
       }
     ],
     "es5": [
@@ -192,9 +192,9 @@
         "bundleId": "mds-input-range",
         "fileName": "mds-input-range.entry.js",
         "imports": [
-          "index-e9d1fa7e.js"
+          "index-a1c32812.js"
         ],
-        "originalByteSize": 17654
+        "originalByteSize": 17671
       }
     ],
     "system": [
@@ -203,12 +203,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-b4fbf017.system",
-        "fileName": "p-b4fbf017.system.entry.js",
+        "bundleId": "p-b15e7f8e.system",
+        "fileName": "p-b15e7f8e.system.entry.js",
         "imports": [
-          "p-7315ada7.system.js"
+          "p-e5970baa.system.js"
         ],
-        "originalByteSize": 18558
+        "originalByteSize": 18575
       }
     ],
     "commonjs": [
@@ -220,9 +220,9 @@
         "bundleId": "mds-input-range.cjs",
         "fileName": "mds-input-range.cjs.entry.js",
         "imports": [
-          "index-37d5e60f.js"
+          "index-1f95f3de.js"
         ],
-        "originalByteSize": 17755
+        "originalByteSize": 17772
       }
     ]
   },
@@ -299,6 +299,27 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "name",
+          "type": "string",
+          "attribute": "name",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Is needed to reference the form data after the form is submitted"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "max",
           "type": "number",
@@ -450,6 +471,27 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "name",
+              "type": "string",
+              "attribute": "name",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "string",
+                "resolved": "string | undefined",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Is needed to reference the form data after the form is submitted"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "max",
               "type": "number",
@@ -724,7 +766,7 @@
           "hasProp": true,
           "hasPropNumber": true,
           "hasPropBoolean": true,
-          "hasPropString": false,
+          "hasPropString": true,
           "hasPropMutable": true,
           "hasReflect": true,
           "hasRenderFn": true,
@@ -757,7 +799,8 @@
             "onInput",
             "step",
             "type",
-            "value"
+            "value",
+            "name"
           ],
           "htmlTagNames": [
             "header",
@@ -785,7 +828,7 @@
   ],
   "componentGraph": {
     "sc-mds-input-range": [
-      "p-155deafe.js"
+      "p-805599e2.js"
     ]
   },
   "sourceGraph": {

package/dist/types/components/mds-input-range/mds-input-range.d.ts

@@ -14,6 +14,10 @@ export declare class MdsInputRange {
      * A function to custom how value is represented
      */
     readonly formatValue?: (value: number) => string;
+    /**
+     * Is needed to reference the form data after the form is submitted
+     */
+    readonly name?: string;
     /**
      * The greatest value in the range of permitted values
      */

package/dist/types/components.d.ts

@@ -23,6 +23,10 @@ export namespace Components {
           * The lowest value in the range of permitted values
          */
         "min": number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
         /**
           * The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below.
          */
@@ -77,6 +81,10 @@ declare namespace LocalJSX {
           * The lowest value in the range of permitted values
          */
         "min"?: number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
         /**
           * Emits when the input range is changed
          */

package/dist/types/dictionary/typography.d.ts

@@ -8,4 +8,5 @@ declare const typographyReadDictionary: string[];
 declare const typographySmallerDictionary: string[];
 declare const typographyTooltipDictionary: string[];
 declare const typographyInputDictionary: string[];
-export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
+declare const typographyTechnicalDictionary: string[];
+export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyTechnicalDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/types/type/typography.d.ts

@@ -8,3 +8,4 @@ export type TypographySmallerType = 'tip' | 'option';
 export type TypographyMonoType = 'snippet' | 'hack';
 export type TypographyTooltipType = 'caption' | 'detail' | 'tip';
 export type TypographyInputType = 'snippet' | 'detail';
+export type TypographyTechnicalType = 'option' | 'label';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-03-18T10:25:32",
+  "timestamp": "2026-03-24T15:19:18",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -123,6 +123,32 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "Is needed to reference the form data after the form is submitted",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "step",
           "type": "number",
@@ -725,10 +751,15 @@
       "path": "src/components/mds-price-table-features-cell/meta/types.ts"
     },
     "src/components/mds-progress/meta/types.ts::DirectionType": {
-      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'\n  | 'radial'",
       "docstring": "",
       "path": "src/components/mds-progress/meta/types.ts"
     },
+    "src/type/typography.ts::TypographyTechnicalType": {
+      "declaration": "export type TypographyTechnicalType =\n  | 'option'\n  | 'label'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
     "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail": {
       "declaration": "export interface MdsPushNotificationEventDetail {\n  visible: boolean\n}",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-input-range",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "mds-input-range is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -15,6 +15,7 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | `formatValue` | --         | A function to custom how value is represented                                                                                                    | `((value: number) => string) \| undefined` | `undefined` |
 | `max`         | `max`      | The greatest value in the range of permitted values                                                                                              | `number`                                   | `100`       |
 | `min`         | `min`      | The lowest value in the range of permitted values                                                                                                | `number`                                   | `0`         |
+| `name`        | `name`     | Is needed to reference the form data after the form is submitted                                                                                 | `string \| undefined`                      | `undefined` |
 | `step`        | `step`     | The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below. | `number`                                   | `1`         |
 | `value`       | `value`    | The value attribute contains a number which contains a representation of the selected number.                                                    | `number`                                   | `undefined` |
 

package/src/components/mds-input-range/mds-input-range.tsx

@@ -24,6 +24,11 @@ export class MdsInputRange {
    */
   @Prop() readonly formatValue?: (value: number) => string
 
+  /**
+   * Is needed to reference the form data after the form is submitted
+   */
+  @Prop({ reflect: true }) readonly name?: string
+
   /**
    * The greatest value in the range of permitted values
    */
@@ -159,6 +164,7 @@ export class MdsInputRange {
             step={this.step}
             type="range"
             value={this.value}
+            name={this.name}
           />
         </div>
       </Host>

package/src/components/mds-input-range/readme.md

@@ -13,6 +13,7 @@
 | `formatValue` | --         | A function to custom how value is represented                                                                                                    | `((value: number) => string) \| undefined` | `undefined` |
 | `max`         | `max`      | The greatest value in the range of permitted values                                                                                              | `number`                                   | `100`       |
 | `min`         | `min`      | The lowest value in the range of permitted values                                                                                                | `number`                                   | `0`         |
+| `name`        | `name`     | Is needed to reference the form data after the form is submitted                                                                                 | `string \| undefined`                      | `undefined` |
 | `step`        | `step`     | The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below. | `number`                                   | `1`         |
 | `value`       | `value`    | The value attribute contains a number which contains a representation of the selected number.                                                    | `number`                                   | `undefined` |
 

package/src/components.d.ts

@@ -23,6 +23,10 @@ export namespace Components {
           * The lowest value in the range of permitted values
          */
         "min": number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
         /**
           * The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below.
          */
@@ -77,6 +81,10 @@ declare namespace LocalJSX {
           * The lowest value in the range of permitted values
          */
         "min"?: number;
+        /**
+          * Is needed to reference the form data after the form is submitted
+         */
+        "name"?: string;
         /**
           * Emits when the input range is changed
          */

package/src/dictionary/typography.ts

@@ -74,10 +74,16 @@ const typographyInputDictionary = [
   'detail',
 ]
 
+const typographyTechnicalDictionary = [
+  'option',
+  'label',
+]
+
 export {
   typographyDictionary,
   typographyInfoDictionary,
   typographyInputDictionary,
+  typographyTechnicalDictionary,
   typographyMonoDictionary,
   typographyReadDictionary,
   typographyReadingVariationsDictionary,

package/src/type/typography.ts

@@ -63,3 +63,7 @@ export type TypographyTooltipType =
 export type TypographyInputType =
   | 'snippet'
   | 'detail'
+
+export type TypographyTechnicalType =
+  | 'option'
+  | 'label'

package/www/build/mds-input-range.esm.js

@@ -1 +1 @@
-import{p as a,b as e}from"./p-155deafe.js";export{s as setNonce}from"./p-155deafe.js";import{g as n}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await n(),e([["p-612adc59",[[65,"mds-input-range",{formatValue:[16],max:[2],min:[2],step:[2],disabled:[1540],value:[1538],progress:[32]},null,{disabled:["disabledChanged"],value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}]]]],a))));
+import{p as a,b as e}from"./p-805599e2.js";export{s as setNonce}from"./p-805599e2.js";import{g as n}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await n(),e([["p-ab2218cb",[[65,"mds-input-range",{formatValue:[16],name:[513],max:[2],min:[2],step:[2],disabled:[1540],value:[1538],progress:[32]},null,{disabled:["disabledChanged"],value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}]]]],a))));

package/www/build/mds-input-range.js

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