@maggioli-design-system/mds-input-select 3.4.4 → 3.5.0

package/dist/mds-input-select/p-9758de3c.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as r,H as e,g as o}from"./p-41875927.js";const a=class{constructor(r){n(this,r),this.changeEvent=t(this,"mdsInputSelectChange",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.hasFocus=!1,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.onInput=n=>{const t=n.target;t&&(this.value=t.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var n;const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("select"),r=null==t?void 0:t.querySelectorAll("option");r&&r.forEach(((n,t)=>{this.placeholder||n.remove(),this.placeholder&&t>0&&n.remove()}))},this.onSlotChangeHandler=()=>{var n,t,r,e;const o=null===(t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),a=null===(r=this.selectEl)||void 0===r?void 0:r.querySelectorAll("option");a&&(!this.placeholder&&a.length>0&&this.emptyOptions(),this.placeholder&&a.length>1&&this.emptyOptions(),null==o||o.forEach((n=>{var t;null===(t=this.selectEl)||void 0===t||t.appendChild(n.cloneNode(!0))})),this.value&&this.selectEl?this.selectEl.querySelectorAll("option").forEach((n=>{n.selected=n.value===this.value})):this.placeholder||(this.value=null===(e=this.selectEl)||void 0===e?void 0:e.querySelectorAll("option")[0].value))}}valueChanged(){var n,t,r;this.changeEvent.emit({value:null===(n=this.value)||void 0===n?void 0:n.toString()}),this.internals.setFormValue(null!==(r=null===(t=this.value)||void 0===t?void 0:t.toString())&&void 0!==r?r:null)}disabledChanged(n){n&&this.internals.setFormValue(null)}placeholderChanged(n,t){if(n&&!t){let t=document.querySelector(".placeholder-option");t&&t.remove(),t=document.createElement("option"),this.selectEl.insertBefore(t,this.selectEl.firstChild),t.value="",t.text=n,this.defaultValue||(t.selected=!0),this.required&&(t.disabled=!0)}}formResetCallback(){this.internals.setFormValue("")}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){this.value&&this.internals.setFormValue(this.value.toString())}render(){return r(e,{key:"1e31a254cadf3141f66b003aeed3bbcb1912f748"},r("select",{key:"0af51ed5c0daa0a5969d13edc7814e8f482eecea",class:"input",onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select",ref:n=>this.selectEl=n},r("option",{key:"597095579dc1e50a927d14c111fb8ab82c7ac971",class:"placeholder-option",value:"",disabled:!!this.required||void 0,selected:!this.defaultValue||void 0},this.placeholder)),r("div",{key:"3daf36535e69bf3909b184ea9658b7b7b4850a7d",class:"icon-container"},r("i",{key:"b98d5e916a2e050af8ed94066dcf51152b90738d",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>'})),r("div",{key:"964828e831559130e018cfc62e1fb076e0b2478b",class:"option-container"},r("slot",{key:"394d87e522c0c6fceadcc829d39c9a277b014ae3",onSlotchange:this.onSlotChangeHandler})),r("mds-input-tip",{key:"019abf7e5d56dd4eb93864bd7fd0fa28446ba0b5",position:"top",active:this.hasFocus},this.disabled&&r("mds-input-tip-item",{key:"8fc9b96596eea2eb99adc0c0e7b580fa9f92a355",expanded:!0,variant:"disabled"}),this.required&&r("mds-input-tip-item",{key:"0eec9f0ade26adfba03eb3f3f38af1c1e831af55",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return o(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}}};a.style='@tailwind components;\n\n\n:host{\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  --mds-input-select-variant-color: var(--tone-neutral-01);\n  --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n  --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n  --mds-input-select-arrow-icon-blur-background-color: transparent;\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n  -webkit-transform: translate(0.375rem, 0.375rem);\n  transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n  --mds-input-select-variant-color: var(--variant-primary-03);\n  --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n  --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  margin: 0rem;\n\n  min-height: 3rem;\n\n  width: 100%;\n\n  border-radius: 0.5rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  padding-left: 1rem;\n\n  padding-right: 3rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: rgb(var(--tone-neutral));\n  border: 0;\n  -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: rgb(var(--tone-neutral-02));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, fill;\n  transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host([required]:not([required="false"])) .input {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-09));\n  opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n  fill: rgb(var(--tone-neutral-06));\n  -webkit-transform: translate(0.625rem, 0.5rem);\n  transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n  right: 1rem;\n\n  height: 3rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: absolute;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--variant-primary-09)));\n  fill: var(--mds-input-select-arrow-icon-color, rgb(var(--variant-primary-04)));\n  -webkit-transition-property: background-color, fill;\n  transition-property: background-color, fill;\n}\n\n.option-container {\n  display: none;\n}\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n    --mds-input-select-background: rgb(var(--variant-primary-07));\n  }\n}\n\n:host {\n  --mds-input-select-icon-color: var(--variant-primary-03);\n  --mds-input-select-variant-color: 0 0 0;\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--variant-primary-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-04));\n}\n\n:host(:hover),\n:host(:focus-within) {\n  --mds-input-select-variant-color: var(--variant-primary-04);\n}\n\n:host([variant="info"]) {\n  --mds-input-select-icon-color: var(--status-info-05);\n  --mds-input-select-tip-background: var(--status-info-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="info"]:hover),\n:host([variant="info"]:focus-within) {\n  --mds-input-select-icon-color: var(--status-info-04);\n  --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host([variant="success"]) {\n  --mds-input-select-icon-color: var(--status-success-05);\n  --mds-input-select-tip-background: var(--status-success-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="success"]:hover),\n:host([variant="success"]:focus-within) {\n  --mds-input-select-icon-color: var(--status-success-04);\n  --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host([variant="warning"]) {\n  --mds-input-select-icon-color: var(--status-warning-05);\n  --mds-input-select-tip-background: var(--status-warning-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="warning"]:hover),\n:host([variant="warning"]:focus-within) {\n  --mds-input-select-icon-color: var(--status-warning-04);\n  --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host([variant="error"]) {\n  --mds-input-select-icon-color: var(--status-error-05);\n  --mds-input-select-tip-background: var(--status-error-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="error"]:hover),\n:host([variant="error"]:focus-within) {\n  --mds-input-select-icon-color: var(--status-error-04);\n  --mds-input-select-variant-color: var(--status-error-05);\n}\n\n:host-context(.pref-animation-reduce),\n:host-context(.pref-animation-reduce) .input,\n:host-context(.pref-animation-reduce) .input:hover,\n:host-context(.pref-animation-reduce) .input:focus,\n:host-context(.pref-animation-reduce) .icon {\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n}\n\n@media (prefers-reduced-motion) {\n  :host-context(.pref-animation-system),\n  :host-context(.pref-animation-system) .input,\n  :host-context(.pref-animation-system) .input:hover,\n  :host-context(.pref-animation-system) .input:focus,\n  :host-context(.pref-animation-system) .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n:host-context(.pref-theme-dark) {\n  --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-04));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-08));\n}\n\n:host-context(.pref-theme-dark) .input {\n  color: rgb(var(--tone-neutral-03));\n}\n\n@media (prefers-color-scheme: dark) {\n  :host-context(.pref-theme-system) {\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n    --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-04));\n    --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-08));\n  }\n\n  :host-context(.pref-theme-system) .input {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n:host-context(.pref-contrast-more) {\n  --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n}\n\n:host-context(.pref-contrast-more) .input {\n  color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-contrast: more) {\n  :host-context(.pref-contrast-system) {\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  :host-context(.pref-contrast-system) .input {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';export{a as mds_input_select}

package/dist/mds-input-select/p-db5fddbf.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-select";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:false,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:false,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==="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 d=e.endsWith(tr);e=e.replace(ir,"");if(n){S.rel(r,e,n,d)}if(t){S.ael(r,e,t,d)}}}else{var h=T(t);if((f||h&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var p=t==null?"":t;if(e==="list"){f=false}else if(n==null||r[e]!=p){if(typeof r.__lookupSetter__(e)==="function"){r[e]=p}else{r.setAttribute(e,p)}}}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)&&!h&&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,19 +1,19 @@
 {
-  "timestamp": "2025-06-03T15:11:09",
+  "timestamp": "2025-12-03T10:39:24",
   "compiler": {
     "name": "node",
-    "version": "22.11.0"
+    "version": "22.15.0"
   },
   "app": {
     "namespace": "MdsInputSelect",
     "fsNamespace": "mds-input-select",
     "components": 1,
     "entries": 1,
-    "bundles": 103,
+    "bundles": 104,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 55,
+        "files": 56,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/browser.js",
@@ -24,6 +24,7 @@
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/locale.js",
+          "./dist/collection/common/number.js",
           "./dist/collection/common/slot.js",
           "./dist/collection/common/string.js",
           "./dist/collection/common/unit.js",
@@ -87,19 +88,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-648a2952.js",
+          "./dist/cjs/index-18f29026.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-input-select.cjs.entry.js",
           "./dist/cjs/mds-input-select.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-e1f2fe2a.js",
+          "./dist/esm-es5/index-60887c04.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-input-select.entry.js",
           "./dist/esm-es5/mds-input-select.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-e1f2fe2a.js",
+          "./dist/esm/index-60887c04.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input-select.entry.js",
@@ -109,24 +110,24 @@
           "./dist/mds-input-select/index.esm.js",
           "./dist/mds-input-select/mds-input-select.esm.js",
           "./dist/mds-input-select/mds-input-select.js",
-          "./dist/mds-input-select/p-0a2b93c3.system.entry.js",
-          "./dist/mds-input-select/p-48d4babb.entry.js",
+          "./dist/mds-input-select/p-0760aca1.system.entry.js",
+          "./dist/mds-input-select/p-39d143a4.system.js",
+          "./dist/mds-input-select/p-41875927.js",
           "./dist/mds-input-select/p-50ea2036.system.js",
           "./dist/mds-input-select/p-56ba5cbf.system.js",
-          "./dist/mds-input-select/p-5f2a815f.system.js",
-          "./dist/mds-input-select/p-bf3133aa.js",
-          "./dist/mds-input-select/p-cbce7086.system.js",
+          "./dist/mds-input-select/p-9758de3c.entry.js",
+          "./dist/mds-input-select/p-db5fddbf.system.js",
           "./dist/mds-input-select/p-e1255160.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input-select.esm.js",
           "./www/build/mds-input-select.js",
-          "./www/build/p-0a2b93c3.system.entry.js",
-          "./www/build/p-48d4babb.entry.js",
+          "./www/build/p-0760aca1.system.entry.js",
+          "./www/build/p-39d143a4.system.js",
+          "./www/build/p-41875927.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-5f2a815f.system.js",
-          "./www/build/p-bf3133aa.js",
-          "./www/build/p-cbce7086.system.js",
+          "./www/build/p-9758de3c.entry.js",
+          "./www/build/p-db5fddbf.system.js",
           "./www/build/p-e1255160.js"
         ]
       },
@@ -160,12 +161,12 @@
         "components": [
           "mds-input-select"
         ],
-        "bundleId": "p-48d4babb",
-        "fileName": "p-48d4babb.entry.js",
+        "bundleId": "p-9758de3c",
+        "fileName": "p-9758de3c.entry.js",
         "imports": [
-          "p-bf3133aa.js"
+          "p-41875927.js"
         ],
-        "originalByteSize": 24568
+        "originalByteSize": 24811
       }
     ],
     "esm": [
@@ -177,9 +178,9 @@
         "bundleId": "mds-input-select",
         "fileName": "mds-input-select.entry.js",
         "imports": [
-          "index-e1f2fe2a.js"
+          "index-60887c04.js"
         ],
-        "originalByteSize": 24572
+        "originalByteSize": 24815
       }
     ],
     "es5": [
@@ -191,9 +192,9 @@
         "bundleId": "mds-input-select",
         "fileName": "mds-input-select.entry.js",
         "imports": [
-          "index-e1f2fe2a.js"
+          "index-60887c04.js"
         ],
-        "originalByteSize": 24572
+        "originalByteSize": 24815
       }
     ],
     "system": [
@@ -202,12 +203,12 @@
         "components": [
           "mds-input-select"
         ],
-        "bundleId": "p-0a2b93c3.system",
-        "fileName": "p-0a2b93c3.system.entry.js",
+        "bundleId": "p-0760aca1.system",
+        "fileName": "p-0760aca1.system.entry.js",
         "imports": [
-          "p-cbce7086.system.js"
+          "p-db5fddbf.system.js"
         ],
-        "originalByteSize": 25625
+        "originalByteSize": 26006
       }
     ],
     "commonjs": [
@@ -219,9 +220,9 @@
         "bundleId": "mds-input-select.cjs",
         "fileName": "mds-input-select.cjs.entry.js",
         "imports": [
-          "index-648a2952.js"
+          "index-18f29026.js"
         ],
-        "originalByteSize": 24667
+        "originalByteSize": 24910
       }
     ]
   },
@@ -475,6 +476,27 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "defaultValue",
+          "type": "any",
+          "attribute": "default-value",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "string | number | null",
+            "resolved": "null | number | string | undefined",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Specifies the default value of the component"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "variant",
           "type": "string",
@@ -505,9 +527,6 @@
       ],
       "shadowDelegatesFocus": false,
       "states": [
-        {
-          "name": "selected"
-        },
         {
           "name": "hasFocus"
         }
@@ -722,6 +741,27 @@
               "getter": false,
               "setter": false
             },
+            {
+              "name": "defaultValue",
+              "type": "any",
+              "attribute": "default-value",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "string | number | null",
+                "resolved": "null | number | string | undefined",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Specifies the default value of the component"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
             {
               "name": "variant",
               "type": "string",
@@ -752,9 +792,6 @@
           ],
           "virtualProperties": [],
           "states": [
-            {
-              "name": "selected"
-            },
             {
               "name": "hasFocus"
             }
@@ -794,6 +831,10 @@
             {
               "propName": "disabled",
               "methodName": "disabledChanged"
+            },
+            {
+              "propName": "placeholder",
+              "methodName": "placeholderChanged"
             }
           ],
           "styles": [
@@ -827,7 +868,7 @@
           "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-input-select/src/components/mds-input-select/mds-input-select.tsx",
           "sourceMapPath": null,
           "hasAttributeChangedCallbackFn": false,
-          "hasComponentWillLoadFn": false,
+          "hasComponentWillLoadFn": true,
           "hasComponentDidLoadFn": true,
           "hasComponentShouldUpdateFn": false,
           "hasComponentWillUpdateFn": false,
@@ -866,7 +907,7 @@
           "hasVdomKey": true,
           "hasVdomListener": true,
           "hasVdomPropOrAttr": true,
-          "hasVdomRef": false,
+          "hasVdomRef": true,
           "hasVdomRender": true,
           "hasVdomStyle": false,
           "hasVdomText": true,
@@ -884,6 +925,7 @@
             "multiple",
             "size",
             "part",
+            "ref",
             "value",
             "selected",
             "innerHTML",
@@ -894,8 +936,8 @@
             "variant"
           ],
           "htmlTagNames": [
-            "select",
             "option",
+            "select",
             "div",
             "i",
             "slot",
@@ -921,7 +963,7 @@
   ],
   "componentGraph": {
     "sc-mds-input-select": [
-      "p-bf3133aa.js"
+      "p-41875927.js"
     ]
   },
   "sourceGraph": {
@@ -937,6 +979,7 @@
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/common/locale.ts": [],
+    "./src/common/number.ts": [],
     "./src/common/slot.ts": [],
     "./src/common/string.ts": [],
     "./src/common/unit.ts": [],
@@ -965,8 +1008,7 @@
     "./src/dictionary/file-extensions.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json",
-      "./src/fixtures/iconsauce.json"
+      "./src/fixtures/icons.json"
     ],
     "./src/dictionary/input.ts": [],
     "./src/dictionary/keyboard.ts": [],

package/dist/types/common/number.d.ts

@@ -0,0 +1,2 @@
+declare const randomNumber: (min: number, max: number, integer?: boolean) => number;
+export { randomNumber, };

package/dist/types/common/slot.d.ts

@@ -1,4 +1,5 @@
 declare const hasSlottedElements: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlottedNodes: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlotted: (el: HTMLElement, name?: string) => boolean;
-export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
+declare const hasSlottedContent: (el: HTMLElement, name?: string) => boolean;
+export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };

package/dist/types/common/unit.d.ts

@@ -1,3 +1,5 @@
 declare const cssDurationToMilliseconds: (duration: string, defaultValue?: number) => number;
+declare const cssDurationToSeconds: (duration: string, defaultValue?: number) => number;
 declare const cssSizeToNumber: (size: string, defaultValue?: number) => number;
-export { cssDurationToMilliseconds, cssSizeToNumber, };
+declare const cssRotationToNumber: (size: string, defaultValue?: number) => number;
+export { cssDurationToMilliseconds, cssDurationToSeconds, cssRotationToNumber, cssSizeToNumber, };

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

@@ -5,8 +5,8 @@ import { ThemeStatusVariantType } from "../../type/variant";
  * @part select - The select HTML element
  */
 export declare class MdsInputSelect {
+    private selectEl;
     host: HTMLMdsInputSelectElement;
-    selected: boolean;
     hasFocus: boolean;
     internals: ElementInternals;
     /**
@@ -45,6 +45,10 @@ export declare class MdsInputSelect {
      * Specifies the value of the component
      */
     value?: string | number | null;
+    /**
+     * Specifies the default value of the component
+     */
+    defaultValue?: string | number | null;
     /**
      * Sets the variant of the component
      */
@@ -58,7 +62,16 @@ export declare class MdsInputSelect {
      */
     protected valueChanged(): void;
     protected disabledChanged(newValue: boolean): void;
+    /**
+     * This is for the react component because placeholder is valued after didload
+     * and therefore the placeholder option is drawn as the last option.
+     * Here the option is brought back to the first position
+     * @param newValue placeholder new value
+     * @param oldValue placeholder old value
+     */
+    protected placeholderChanged(newValue: string | undefined, oldValue: string | undefined): void;
     formResetCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     private onInput;
     private onBlur;

package/dist/types/components/mds-input-select/test/mds-input-select.stories.d.ts

@@ -63,9 +63,37 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Multiple: any;
-export declare const Required: any;
-export declare const Disabled: any;
-export declare const FormIntegrationWithPlaceholder: any;
-export declare const FormIntegration: any;
+export declare const Default: {
+    render: (args: any) => any;
+    args: {
+        placeholder: string;
+    };
+};
+export declare const Multiple: {
+    render: (args: any) => any;
+    args: {
+        multiple: boolean;
+    };
+};
+export declare const Required: {
+    render: (args: any) => any;
+    args: {
+        required: boolean;
+        placeholder: string;
+    };
+};
+export declare const Disabled: {
+    render: (args: any) => any;
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const FormIntegrationWithPlaceholder: {
+    render: (args: any) => any;
+    args: {
+        placeholder: string;
+    };
+};
+export declare const FormIntegration: {
+    render: (args: any) => any;
+};

package/dist/types/components.d.ts

@@ -19,6 +19,10 @@ export namespace Components {
           * Specifies a short hint that describes the expected value of the element
          */
         "autocomplete"?: 'on';
+        /**
+          * Specifies the default value of the component
+         */
+        "defaultValue"?: string | number | null;
         /**
           * If true, the element is displayed as disabled
          */
@@ -89,6 +93,10 @@ declare namespace LocalJSX {
           * Specifies a short hint that describes the expected value of the element
          */
         "autocomplete"?: 'on';
+        /**
+          * Specifies the default value of the component
+         */
+        "defaultValue"?: string | number | null;
         /**
           * If true, the element is displayed as disabled
          */

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

@@ -1,7 +1,10 @@
 declare const buttonVariantDictionary: string[];
+declare const buttonDropdownVariantDictionary: string[];
 declare const buttonToneVariantDictionary: string[];
+declare const buttonToneMinimalVariantDictionary: string[];
 declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
+declare const tabSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
 declare const buttonTypeDictionary: string[];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };

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

@@ -1,4 +1,4 @@
-declare const iconsDictionary: string[];
+declare const iconsDictionary: any;
 declare const mggIconsDictionary: string[];
 declare const svgIconsDictionary: string[];
 export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };

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

@@ -1,5 +1,7 @@
 export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
 export type ButtonTargetType = 'self' | 'blank';
 export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
+export type TabSizeType = 'sm' | 'md';
 export type ButtonIconPositionType = 'left' | 'right';
 export type ButtonVariantType = 'ai' | 'apple' | 'dark' | 'error' | 'google' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
+export type ButtonDropdownVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';