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

package/dist/esm-es5/mds-input-select.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-60887c04.js";var miBaselineKeyboardArrowDown='<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>';var mdsInputSelectCss='@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';var MdsInputSelectStyle0=mdsInputSelectCss;var MdsInputSelect=function(){function n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputSelectChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.hasFocus=false;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.onInput=function(n){var r=n.target;if(r){t.value=r.value}};this.onBlur=function(){t.hasFocus=false};this.onFocus=function(){t.hasFocus=true};this.emptyOptions=function(){var n;var r=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("select");var e=r===null||r===void 0?void 0:r.querySelectorAll("option");if(!e){return}e.forEach((function(n,r){if(!t.placeholder){n.remove()}if(t.placeholder&&r>0){n.remove()}}))};this.onSlotChangeHandler=function(){var n,r,e,o;var a=(r=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||r===void 0?void 0:r.assignedNodes();var i=(e=t.selectEl)===null||e===void 0?void 0:e.querySelectorAll("option");if(!i){return}if(!t.placeholder&&i.length>0){t.emptyOptions()}if(t.placeholder&&i.length>1){t.emptyOptions()}a===null||a===void 0?void 0:a.forEach((function(n){var r;(r=t.selectEl)===null||r===void 0?void 0:r.appendChild(n.cloneNode(true))}));if(t.value&&t.selectEl){t.selectEl.querySelectorAll("option").forEach((function(n){n.selected=n.value===t.value}))}else if(!t.placeholder){t.value=(o=t.selectEl)===null||o===void 0?void 0:o.querySelectorAll("option")[0].value}}}n.prototype.valueChanged=function(){var n,t,r;this.changeEvent.emit({value:(n=this.value)===null||n===void 0?void 0:n.toString()});this.internals.setFormValue((r=(t=this.value)===null||t===void 0?void 0:t.toString())!==null&&r!==void 0?r:null)};n.prototype.disabledChanged=function(n){if(n){this.internals.setFormValue(null)}};n.prototype.placeholderChanged=function(n,t){if(n&&!t){var r=document.querySelector(".placeholder-option");if(r)r.remove();r=document.createElement("option");this.selectEl.insertBefore(r,this.selectEl.firstChild);r.value="";r.text=n;if(!this.defaultValue)r.selected=true;if(this.required)r.disabled=true}};n.prototype.formResetCallback=function(){this.internals.setFormValue("")};n.prototype.componentWillLoad=function(){if(this.defaultValue){this.value=this.defaultValue}};n.prototype.componentDidLoad=function(){if(this.value){this.internals.setFormValue(this.value.toString())}};n.prototype.render=function(){var n=this;return h(Host,{key:"1e31a254cadf3141f66b003aeed3bbcb1912f748"},h("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:function(t){return n.selectEl=t}},h("option",{key:"597095579dc1e50a927d14c111fb8ab82c7ac971",class:"placeholder-option",value:"",disabled:!this.required?undefined:true,selected:this.defaultValue?undefined:true},this.placeholder)),h("div",{key:"3daf36535e69bf3909b184ea9658b7b7b4850a7d",class:"icon-container"},h("i",{key:"b98d5e916a2e050af8ed94066dcf51152b90738d",class:"icon",innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"964828e831559130e018cfc62e1fb076e0b2478b",class:"option-container"},h("slot",{key:"394d87e522c0c6fceadcc829d39c9a277b014ae3",onSlotchange:this.onSlotChangeHandler})),h("mds-input-tip",{key:"019abf7e5d56dd4eb93864bd7fd0fa28446ba0b5",position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"8fc9b96596eea2eb99adc0c0e7b580fa9f92a355",expanded:true,variant:"disabled"}),this.required&&h("mds-input-tip-item",{key:"0eec9f0ade26adfba03eb3f3f38af1c1e831af55",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}},enumerable:false,configurable:true});return n}();MdsInputSelect.style=MdsInputSelectStyle0;export{MdsInputSelect as mds_input_select};
+var __awaiter=this&&this.__awaiter||function(n,t,r,e){function o(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,a){function i(n){try{d(e.next(n))}catch(n){a(n)}}function s(n){try{d(e["throw"](n))}catch(n){a(n)}}function d(n){n.done?r(n.value):o(n.value).then(i,s)}d((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(n){return function(t){return d([n,t])}}function d(s){if(e)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(e=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=t.call(n,r)}catch(n){s=[6,n];o=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-fb47df34.js";var miBaselineKeyboardArrowDown='<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>';var mdsInputSelectCss='@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';var MdsInputSelectStyle0=mdsInputSelectCss;var MdsInputSelect=function(){function n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputSelectChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.hasFocus=false;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.onInput=function(n){var r=n.target;if(r){t.value=r.value}};this.onBlur=function(){t.hasFocus=false};this.onFocus=function(){t.hasFocus=true};this.emptyOptions=function(){var n;var r=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("select");var e=r===null||r===void 0?void 0:r.querySelectorAll("option");if(!e){return}e.forEach((function(n,r){if(!t.placeholder){n.remove()}if(t.placeholder&&r>0){n.remove()}}))};this.onSlotChangeHandler=function(){var n,r,e;var o=(r=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||r===void 0?void 0:r.assignedNodes();var a=(e=t.selectEl)===null||e===void 0?void 0:e.querySelectorAll("option");if(!a){return}if(!t.placeholder&&a.length>0){t.emptyOptions()}if(t.placeholder&&a.length>1){t.emptyOptions()}o===null||o===void 0?void 0:o.forEach((function(n){var r;(r=t.selectEl)===null||r===void 0?void 0:r.appendChild(n.cloneNode(true))}));t.setCurrentValue()};this.setCurrentValue=function(){var n;if(t.value&&t.selectEl){t.selectEl.querySelectorAll("option").forEach((function(n){n.selected=n.value===t.value}))}else if(!t.placeholder){t.value=(n=t.selectEl)===null||n===void 0?void 0:n.querySelectorAll("option")[0].value}}}n.prototype.setValue=function(n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=n;return[2,Promise.resolve()]}))}))};n.prototype.valueChanged=function(){var n,t,r;this.changeEvent.emit({value:(n=this.value)===null||n===void 0?void 0:n.toString()});this.setCurrentValue();this.internals.setFormValue((r=(t=this.value)===null||t===void 0?void 0:t.toString())!==null&&r!==void 0?r:null)};n.prototype.disabledChanged=function(n){if(n){this.internals.setFormValue(null)}};n.prototype.placeholderChanged=function(n,t){if(n&&!t){var r=document.querySelector(".placeholder-option");if(r)r.remove();r=document.createElement("option");this.selectEl.insertBefore(r,this.selectEl.firstChild);r.value="";r.text=n;if(!this.defaultValue)r.selected=true;if(this.required)r.disabled=true}};n.prototype.formResetCallback=function(){this.internals.setFormValue("")};n.prototype.componentWillLoad=function(){if(this.defaultValue){this.value=this.defaultValue}};n.prototype.componentDidLoad=function(){if(this.value){this.internals.setFormValue(this.value.toString())}};n.prototype.render=function(){var n=this;return h(Host,{key:"f5b5ffd3983324fef83e63b212135a688e3f8336"},h("select",{key:"67c86ac306d2bfc7ee4ce26ee50b968640eccafc",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:function(t){return n.selectEl=t}},h("option",{key:"47b09304e9c28d86d48bcdbb055860e7269bb1c0",class:"placeholder-option",value:"",disabled:!this.required?undefined:true,selected:this.defaultValue?undefined:true},this.placeholder)),h("div",{key:"64ef4114e36b597a0c45992c6ca9aababf651412",class:"icon-container"},h("i",{key:"cf45fd24685de10b18a2c0a03ece69d418f33f5a",class:"icon",innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"889234fa40fbce6a6035bab27e291697a4dfd285",class:"option-container"},h("slot",{key:"1af68dbb885ef165c3a6f812f06dce5cd09ddfb3",onSlotchange:this.onSlotChangeHandler})),h("mds-input-tip",{key:"3fcb2450452d9b62edeabaece40aad76fdae524e",position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"33a6063b9509dee5bed86e4f8f5acf04083a0d2d",expanded:true,variant:"disabled"}),this.required&&h("mds-input-tip-item",{key:"0fb3eb015646a0ef73ca3f829b9d7818478712ec",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}},enumerable:false,configurable:true});return n}();MdsInputSelect.style=MdsInputSelectStyle0;export{MdsInputSelect as mds_input_select};

package/dist/esm-es5/mds-input-select.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{c(n.next(e))}catch(e){o(e)}}function u(e){try{c(n["throw"](e))}catch(e){o(e)}}function c(e){e.done?r(e.value):a(e.value).then(i,u)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(e){return function(t){return c([e,t])}}function c(u){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(r=0)),r)try{if(n=1,a&&(o=u[0]&2?a["return"]:u[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,u[1])).done)return o;if(a=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:r.label++;return{value:u[1],done:false};case 5:r.label++;a=u[1];u=[0];continue;case 7:u=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){r=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){r.label=u[1];break}if(u[0]===6&&r.label<o[1]){r.label=o[1];o=u;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(u);break}if(o[2])r.ops.pop();r.trys.pop();continue}u=t.call(e,r)}catch(e){u=[6,e];a=0}finally{n=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-60887c04.js";export{s as setNonce}from"./index-60887c04.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32]},null,{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}]]]],e)]}}))}))}));
+var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{s(n.next(e))}catch(e){o(e)}}function u(e){try{s(n["throw"](e))}catch(e){o(e)}}function s(e){e.done?r(e.value):a(e.value).then(i,u)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(e){return function(t){return s([e,t])}}function s(u){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(r=0)),r)try{if(n=1,a&&(o=u[0]&2?a["return"]:u[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,u[1])).done)return o;if(a=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:r.label++;return{value:u[1],done:false};case 5:r.label++;a=u[1];u=[0];continue;case 7:u=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){r=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){r.label=u[1];break}if(u[0]===6&&r.label<o[1]){r.label=o[1];o=u;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(u);break}if(o[2])r.ops.pop();r.trys.pop();continue}u=t.call(e,r)}catch(e){u=[6,e];a=0}finally{n=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-fb47df34.js";export{s as setNonce}from"./index-fb47df34.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var e=import.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return promiseResolve(t)};patchBrowser().then((function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32],setValue:[64]},null,{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}]]]],e)]}}))}))}));

package/dist/mds-input-select/mds-input-select.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-41875927.js";export{s as setNonce}from"./p-41875927.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-9758de3c",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32]},null,{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}]]]],e))));
+import{p as e,b as a}from"./p-5c70e69d.js";export{s as setNonce}from"./p-5c70e69d.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-a9fd4a04",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32],setValue:[64]},null,{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}]]]],e))));

package/dist/mds-input-select/mds-input-select.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-39d143a4.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-bddba7bd.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/dist/mds-input-select/p-5c70e69d.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},n=(e,t)=>{e.__stencil__getHostRef=()=>t,t.t=e},o=(e,t)=>t in e,l=(e,t)=>(0,console.error)(e,t),i=new Map,s=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],u="undefined"!=typeof window?window:{},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},f=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),h=!1,p=[],m=[],v=(e,t)=>n=>{e.push(n),h||(h=!0,t&&4&a.o?w(b):a.raf(b))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},b=()=>{y(p),y(m),(h=p.length>0)&&a.raf(b)},w=e=>f().then(e),$=v(m,!0),S=e=>"object"==(e=typeof e)||"function"===e;function g(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>O,ok:()=>j,unwrap:()=>E,unwrapErr:()=>M});var j=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function O(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>j(e))):j(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,E=e=>{if(e.isOk)return e.value;throw e.value},M=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!S(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?R(null,o):o),s=i)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=R(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},R=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),x={},D=(e,t)=>null==e||S(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e,A=e=>t(e).$hostElement$,U=(e,t,n)=>{const o=A(e);return{emit:e=>W(o,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},W=(e,t,n)=>{const o=a.ce(t,n);return e.dispatchEvent(o),o},N=new WeakMap,H=e=>"sc-"+e.$,L=(e,t,n,l,i,s)=>{if(n===l)return;let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=F(n);let i=F(l);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=S(l);if((r||o&&null!==l)&&!i)try{if(e.tagName.includes("-"))e[t]!==l&&(e[t]=l);else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&s||i)&&!o&&1===e.nodeType&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(z);t=t.replace(V,""),n&&a.rel(e,t,n,o),l&&a.ael(e,t,l,o)}},T=/\s/,F=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(T):[]),z="Capture",V=RegExp(z+"$"),q=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},i=t.u||{};for(const e of G(Object.keys(l)))e in i||L(o,e,l[e],void 0,n,t.o);for(const e of G(Object.keys(i)))L(o,e,l[e],i[e],n,t.o)};function G(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var I=!1,Y=(e,t,n)=>{const o=t.h[n];let l,i,s=0;if(null!==o.i)l=o.v=u.document.createTextNode(o.i);else{if(!u.document)throw 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.");if(l=o.v=u.document.createElement(o.m),q(null,o,I),o.h)for(s=0;s<o.h.length;++s)i=Y(e,o,s),i&&l.appendChild(i)}return l["s-hn"]=C,l},_=(e,t,n,o,l,i)=>{let s,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=Y(null,n,l),s&&(o[l].v=s,X(r,s,t)))},B=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;Q(t),e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),K=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,i=t.h,s=t.i;null===s?(q(e,t,I),null!==l&&null!==i?((e,t,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(J(d,m,l))K(d,m,l),d=t[++r],m=o[++c];else if(J(h,v,l))K(h,v,l),h=t[--f],v=o[--p];else if(J(d,v,l))K(d,v,l),X(e,d.v,h.v.nextSibling),d=t[++r],v=o[--p];else if(J(h,m,l))K(h,m,l),X(e,h.v,d.v),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(s=t[u],s.m!==m.m?i=Y(t&&t[c],n,u):(K(s,m,l),t[u]=void 0,i=s.v),m=o[++c]):(i=Y(t&&t[c],n,c),m=o[++c]),i&&X(d.v.parentNode,i,d.v)}r>f?_(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&B(t,r,f)})(o,l,t,i,n):null!==i?(null!==e.i&&(o.textContent=""),_(o,null,t,i,0,i.length-1)):!n&&null!==l&&B(l,0,l.length-1)):e.i!==s&&(o.data=s)},Q=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Q)},X=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Z=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},ee=(e,t)=>{if(e.o|=16,!(4&e.o))return Z(e,e.j),$((()=>te(e,t)));e.o|=512},te=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${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`);let l;return l=ce(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=ne(l,(()=>ce(o,"componentWillRender",void 0,n))),ne(l,(()=>le(e,o,t)))},ne=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,le=async(e,t,n)=>{var o;const l=e.$hostElement$,i=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=H(t),l=s.get(o);if(!u.document)return o;if(e=11===e.nodeType?e:u.document,l)if("string"==typeof l){let i,s=N.get(e=e.head||e);if(s||N.set(e,s=new Set),!s.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||u.document.createElement("style"),i.innerHTML=l;const s=null!=(n=a.O)?n:g(u.document);if(null!=s&&i.setAttribute("nonce",s),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(i)}else e.append(i);1&t.o&&e.insertBefore(i,null)}4&t.o&&(i.innerHTML+=r),s&&s.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ie(e,t,l,n),i&&(i.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},ie=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,i=e.C||R(null,null),s=(e=>e&&e.m===x)(t)?t:P(null,null,t);if(C=o.tagName,l.M&&(s.u=s.u||{},l.M.map((([e,t])=>s.u[t]=o[e]))),n&&s.u)for(const e of Object.keys(s.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.u[e]=o[e]);s.m=null,s.o|=4,e.C=s,s.v=i.v=o.shadowRoot||o,K(i,s,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,o=e.j;ce(n,"componentDidRender",void 0,t),64&e.o?ce(n,"componentDidUpdate",void 0,t):(e.o|=64,ue(t),ce(n,"componentDidLoad",void 0,t),e.P(t),o||re()),e.R(t),e.S&&(e.S(),e.S=void 0),512&e.o&&w((()=>ee(e,!1))),e.o&=-517},re=()=>{w((()=>W(u,"appload",{detail:{namespace:"mds-input-select"}})))},ce=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e,o)}},ue=e=>e.setAttribute("hydrated",""),ae=(e,n,o,i)=>{const s=t(e);if(!s)throw Error(`Couldn't find host element for "${i.$}" 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).`);const r=s.$hostElement$,c=s.D.get(n),u=s.o,a=s.t;if(o=D(o,i.A[n][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(s.D.set(n,o),a)){if(i.U&&128&u){const e=i.U[n];e&&e.map((e=>{try{a[e](o,c,n)}catch(e){l(e,r)}}))}if(2==(18&u)){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(o,c,n))return;ee(s,!1)}}},fe=(e,n,o)=>{var l,i;const s=e.prototype;if(64&n.o&&1&o&&c.forEach((e=>{Object.defineProperty(s,e,{value(...n){const o=t(this),l=o.t;if(l){const t=l[e];"function"==typeof t&&t.call(l,...n)}else o.W.then((t=>{const o=t[e];"function"==typeof o&&o.call(t,...n)}))}})})),n.A||n.U||e.watchers){e.watchers&&!n.U&&(n.U=e.watchers);const r=Object.entries(null!=(l=n.A)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,e)||{};i&&(n.A[e][0]|=2048),r&&(n.A[e][0]|=4096),(1&o||!i)&&Object.defineProperty(s,e,{get(){{if(!(2048&n.A[e][0]))return((e,n)=>t(this).D.get(n))(0,e);const o=t(this),l=o?o.t:s;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(i){const s=t(this);if(r){const t=32&l?this[e]:s.$hostElement$[e];return void 0===t&&s.D.get(e)?i=s.D.get(e):!s.D.get(e)&&t&&s.D.set(e,t),r.call(this,D(i,l)),void ae(this,e,i=32&l?this[e]:s.$hostElement$[e],n)}{if(!(1&o&&4096&n.A[e][0]))return ae(this,e,i,n),void(1&o&&!s.t&&s.W.then((()=>{4096&n.A[e][0]&&s.t[e]!==s.D.get(e)&&(s.t[e]=i)})));const t=()=>{const t=s.t[e];!s.D.get(e)&&t&&s.D.set(e,t),s.t[e]=D(i,l),ae(this,e,s.t[e],n)};s.t?t():s.W.then((()=>t()))}}})}else 1&o&&64&l&&Object.defineProperty(s,e,{value(...n){var o;const l=t(this);return null==(o=null==l?void 0:l.N)?void 0:o.then((()=>{var t;return null==(t=l.t)?void 0:t[e](...n)}))}})})),1&o){const o=new Map;s.attributeChangedCallback=function(e,l,i){a.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=t(this),s=null==o?void 0:o.o;if(s&&!(8&s)&&128&s&&i!==l){const t=o.t,s=null==(r=n.U)?void 0:r[e];null==s||s.forEach((n=>{null!=t[n]&&t[n].call(t,i,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.U)?i:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{var l;const i=t[1]||e;return o.set(i,e),512&t[0]&&(null==(l=n.M)||l.push([e,i])),i}))]))}}return e},de=(e,t)=>{ce(e,"connectedCallback",void 0,t)},he=(e,t)=>{ce(e,"disconnectedCallback",void 0,t||e)},pe=(e,n={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const c=[],f=n.exclude||[],h=u.customElements,p=u.document.head,m=p.querySelector("meta[charset]"),v=u.document.createElement("style"),y=[];let b,w=!0;Object.assign(a,n),a.l=new URL(n.resourcesUrl||"./",u.document.baseURI).href;let $=!1;if(e.map((e=>{e[1].map((n=>{var o;const r={o:n[0],$:n[1],A:n[2],H:n[3]};4&r.o&&($=!0),r.A=n[2],r.M=[],r.U=null!=(o=n[4])?o:{};const u=r.$,p=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,k:t,D:new Map};n.N=new Promise((e=>n.R=e)),n.W=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,r),1&r.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),w?y.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const n=t(e),o=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?de(n.t,e):(null==n?void 0:n.W)&&n.W.then((()=>de(n.t,e)));else{n.o|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){Z(n,n.j=t);break}}o.A&&Object.entries(o.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const s=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.L;if(!o)return;const s=i.get(o);return s?s[n]:import(`./${o}.entry.js`).then((e=>(i.set(o,e),e[n])),(e=>{l(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(s&&"then"in s){const e=()=>{};o=await s,e()}else o=s;if(!o)throw Error(`Constructor for "${n.$}#${t.T}" was not found`);o.isProxied||(n.U=o.watchers,fe(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){l(t,e)}t.o&=-9,t.o|=128,r(),de(t.t,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=H(n);if(!s.has(t)){const o=()=>{};((e,t,n)=>{let o=s.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,s.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>ee(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,n,o)}r()}})(this)))}disconnectedCallback(){a.jmp((()=>(async e=>{if(!(1&a.o)){const n=t(e);(null==n?void 0:n.t)?he(n.t,e):(null==n?void 0:n.W)&&n.W.then((()=>he(n.t,e)))}N.has(e)&&N.delete(e),e.shadowRoot&&N.has(e.shadowRoot)&&N.delete(e.shadowRoot)})(this))),a.raf((()=>{var e;const n=t(this),o=y.findIndex((e=>e===this));o>-1&&y.splice(o,1),(null==(e=null==n?void 0:n.C)?void 0:e.v)instanceof Node&&!n.C.v.isConnected&&delete n.C.v}))}componentOnReady(){return t(this).W}};64&r.o&&(p.formAssociated=!0),r.L=e[0],f.includes(u)||h.get(u)||(c.push(u),h.define(u,fe(p,r,1)))}))})),c.length>0&&($&&(v.textContent+=r),v.textContent+=c.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(o=a.O)?o:g(u.document);null!=e&&v.setAttribute("nonce",e),p.insertBefore(v,m?m.nextSibling:p.firstChild)}w=!1,y.length?y.map((e=>e.connectedCallback())):a.jmp((()=>b=setTimeout(re,30)))},me=e=>a.O=e;export{x as H,pe as b,U as c,A as g,P as h,f as p,n as r,me as s}

package/dist/mds-input-select/p-7266e108.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{f(t.next(r))}catch(r){a(r)}}function u(r){try{f(t["throw"](r))}catch(r){a(r)}}function f(r){r.done?n(r.value):i(r.value).then(o,u)}f((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:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(r){return function(e){return f([r,e])}}function f(u){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(t=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=e.call(r,n)}catch(r){u=[6,r];i=0}finally{t=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[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:true,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 u=function(r){if(r.__stencil__getHostRef){return r.__stencil__getHostRef()}return void 0};var f=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}))}{n.h=new Promise((function(r){return n.p=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.m.replace(/-/g,"_");var a=r.S;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,_:"",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 L},map:function(){return R},ok:function(){return P},unwrap:function(){return F},unwrapErr:function(){return N}});var P=function(r){return{isOk:true,isErr:false,value:r}};var L=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 P(r)}))}else{return P(n)}}if(r.isErr){var t=r.value;return L(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 u=false;var f=[];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&&u){f[f.length-1].$+=i}else{f.push(o?H(null,i):i)}u=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.k=e;if(f.length>0){c.j=f}{c.C=a}return c}));var H=function(r,e){var n={i:0,A:r,$:e,O:null,j:null};{n.k=null}{n.C=null}return n};var B=r("H",{});var G=function(r){return r&&r.A===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 u(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 u=void 0;if(!o){K.set(r,o=new Set)}if(!o.has(i)){{u=document.querySelector("[".concat(p,'="').concat(i,'"]'))||w.document.createElement("style");u.innerHTML=a;var f=(t=S.T)!=null?t:D(w.document);if(f!=null){u.setAttribute("nonce",f)}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(u,(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(u)}}}else{r.append(u)}}if(e.i&1){r.insertBefore(u,null)}}if(e.i&4){u.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.m);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.m};var rr=function(r,e,n,t,i,a,o){if(n===t){return}var u=s(r,e);var f=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(!u&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(w,f)){e=f.slice(2)}else{e=f[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((u||h&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var p=t==null?"":t;if(e==="list"){u=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((!u||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.O.nodeType===11&&e.O.host?e.O.host:e.O;var a=r&&r.k||{};var o=e.k||{};{for(var u=0,f=or(Object.keys(a));u<f.length;u++){var l=f[u];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 ur;var fr=false;var lr=false;var sr=function(r,e,n){var t=e.j[n];var a=0;var o;var u;if(t.$!==null){o=t.O=w.document.createTextNode(t.$)}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.O=w.document.createElement(!fr&&i.slotRelocation&&t.i&2?"slot-fb":t.A);{ar(null,t,lr)}if(t.j){for(a=0;a<t.j.length;++a){u=sr(r,t,a);if(u){o.appendChild(u)}}}}o["s-hn"]=ur;return o};var cr=function(r,e,n,t,i,a){var o=r;var u;if(o.shadowRoot&&o.tagName===ur){o=o.shadowRoot}for(;i<=a;++i){if(t[i]){u=sr(null,n,i);if(u){t[i].O=u;yr(o,u,e)}}}};var vr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.O;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 u=0;var f=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.O,c.O.nextSibling);s=e[++a];h=t[--v]}else if(hr(c,d,i)){pr(c,d,i);yr(r,c.O,s.O);c=e[--l];d=t[++o]}else{u=-1;{for(f=a;f<=l;++f){if(e[f]&&e[f].C!==null&&e[f].C===d.C){u=f;break}}}if(u>=0){m=e[u];if(m.A!==d.A){p=sr(e&&e[o],n,u)}else{pr(m,d,i);e[u]=void 0;p=m.O}d=t[++o]}else{p=sr(e&&e[o],n,o);d=t[++o]}if(p){{yr(s.O.parentNode,p,s.O)}}}}if(a>l){cr(r,t[v+1]==null?null:t[v+1].O,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.A===e.A){if(!n){return r.C===e.C}if(n&&!r.C&&e.C){r.C=e.C}return true}return false};var pr=function(r,e,n){if(n===void 0){n=false}var t=e.O=r.O;var a=r.j;var o=e.j;var u=e.$;if(u===null){{ar(r,e,lr)}if(a!==null&&o!==null){dr(t,a,e,o,n)}else if(o!==null){if(r.$!==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.$!==u){t.data=u}};var mr=function(r){{r.k&&r.k.ref&&r.k.ref(null);r.j&&r.j.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.D||H(null,null);var o=G(e)?e:z(null,null,e);ur=t.tagName;if(i.M){o.k=o.k||{};i.M.map((function(r){var e=r[0],n=r[1];return o.k[n]=t[e]}))}if(n&&o.k){for(var u=0,f=Object.keys(o.k);u<f.length;u++){var l=f[u];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o.k[l]=t[l]}}}o.A=null;o.i|=4;r.D=o;o.O=a.O=t.shadowRoot||t;fr=!!(i.i&1)&&!(i.i&128);pr(a,o,n)};var wr=function(r,e){if(e&&!r.P&&e["s-p"]){var n=e["s-p"].push(new Promise((function(t){return r.P=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.L);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.m);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,u,f,l;return __generator(this,(function(s){i=r.$hostElement$;a=U("update",r.o.m);o=i["s-rc"];if(t){J(r)}u=U("render",r.o.m);{jr(r,e,i,t)}if(o){o.map((function(r){return r()}));i["s-rc"]=void 0}u();a();{f=(n=i["s-p"])!=null?n:[];l=function(){return Cr(r)};if(f.length===0){l()}else{Promise.all(f).then(l);r.i|=4;f.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.m;var n=r.$hostElement$;var t=U("postUpdate",e);var i=r.t;var a=r.L;Or(i,"componentDidRender",void 0,n);if(!(r.i&64)){r.i|=64;{xr(n)}Or(i,"componentDidLoad",void 0,n);t();{r.p(n);if(!a){Ar()}}}else{Or(i,"componentDidUpdate",void 0,n);t()}{r.v(n)}{if(r.P){r.P();r.P=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 u(r).u.get(e)};var Tr=function(r,e,n,t){var i=u(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.m,'" 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 f=i.i;var l=i.t;n=I(n,t.R[e][0]);var s=Number.isNaN(o)&&Number.isNaN(n);var v=n!==o&&!s;if((!(f&8)||o===void 0)&&v){i.u.set(e,n);if(l){if(t.F&&f&128){var d=t.F[e];if(d){d.map((function(r){try{l[r](n,o,e)}catch(r){c(r,a)}}))}}if((f&(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=u(this);var i=t.t;if(!i){t.h.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.R||(e.F||r.watchers)){if(r.watchers&&!e.F){e.F=r.watchers}var f=Object.entries((t=e.R)!=null?t:{});f.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){var a=Object.getOwnPropertyDescriptor(o,t)||{},f=a.get,l=a.set;if(f)e.R[t][0]|=2048;if(l)e.R[t][0]|=4096;if(n&1||!f){Object.defineProperty(o,t,{get:function(){{if((e.R[t][0]&2048)===0){return Er(this,t)}var r=u(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=u(this);if(l){var f=i&32?this[t]:o.$hostElement$[t];if(typeof f==="undefined"&&o.u.get(t)){r=o.u.get(t)}else if(!o.u.get(t)&&f){o.u.set(t,f)}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.R[t][0]&4096)===0){Tr(this,t,r,e);if(n&1&&!o.t){o.h.then((function(){if(e.R[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.h.then((function(){return s()}))}}}})}else if(n&1&&i&64){Object.defineProperty(o,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=u(this);return(n=i==null?void 0:i.l)==null?void 0:n.then((function(){var e;return(e=i.t)==null?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var l=new Map;o.attributeChangedCallback=function(r,n,t){var a=this;S.jmp((function(){var f;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=u(a);var v=c==null?void 0:c.i;if(v&&!(v&8)&&v&128&&t!==n){var d=c.t;var h=(f=e.F)==null?void 0:f[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.F)!=null?a:{}),true),f.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.M)==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,u,f,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.S;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.m,"#").concat(e.N,'" was not found'))}if(!n.isProxied){{t.F=n.watchers}Dr(n,t,2);n.isProxied=true}u=U("createInstance",t.m);{e.i|=8}try{new n(e)}catch(e){c(e,r)}{e.i&=~8}{e.i|=128}u();Pr(e.t,r);return[3,5];case 4:n=r.constructor;f=r.localName;customElements.whenDefined(f).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.m);X(s,l,!!(t.i&1));v()}}y.label=6;case 6:p=e.L;m=function(){return Sr(e,true)};if(p&&p["s-rc"]){p["s-rc"].push(m)}else{m()}return[2]}}))}))};var Pr=function(r,e){{Or(r,"connectedCallback",void 0,e)}};var Lr=function(r){if((S.i&1)===0){var e=u(r);var n=e.o;var t=U("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;{var i=r;while(i=i.parentNode||i.host){if(i["s-p"]){wr(e,e.L=i);break}}}if(n.R){Object.entries(n.R).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){Pr(e.t,r)}else if(e==null?void 0:e.h){e.h.then((function(){return Pr(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=u(r);if(e==null?void 0:e.t){Rr(e.t,r)}else if(e==null?void 0:e.h){e.h.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 f=w.document.head;var s=f.querySelector("meta[charset]");var c=w.document.createElement("style");var v=[];var d;var h=true;Object.assign(S,e);S._=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],m:e[1],R:e[2],U:e[3]};if(t.i&4){p=true}{t.R=e[2]}{t.M=[]}{t.F=(n=e[4])!=null?n:{}}var f=t.m;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.m,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;u(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{S.jmp((function(){return Lr(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;S.jmp((function(){return Fr(r)}));S.raf((function(){var e;var n=u(r);var t=v.findIndex((function(e){return e===r}));if(t>-1){v.splice(t,1)}if(((e=n==null?void 0:n.D)==null?void 0:e.O)instanceof Node&&!n.D.O.isConnected){delete n.D.O}}))};e.prototype.componentOnReady=function(){return u(this).h};return e}(HTMLElement);if(t.i&64){s.formAssociated=true}t.S=r[0];if(!a.includes(f)&&!o.get(f)){i.push(f);o.define(f,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.T)!=null?n:D(w.document);if(b!=null){c.setAttribute("nonce",b)}f.insertBefore(c,s?s.nextSibling:f.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.T=r}))}}}));

package/dist/mds-input-select/p-a9fd4a04.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as r,H as e,g as o}from"./p-5c70e69d.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;const e=null===(t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),o=null===(r=this.selectEl)||void 0===r?void 0:r.querySelectorAll("option");o&&(!this.placeholder&&o.length>0&&this.emptyOptions(),this.placeholder&&o.length>1&&this.emptyOptions(),null==e||e.forEach((n=>{var t;null===(t=this.selectEl)||void 0===t||t.appendChild(n.cloneNode(!0))})),this.setCurrentValue())},this.setCurrentValue=()=>{var n;this.value&&this.selectEl?this.selectEl.querySelectorAll("option").forEach((n=>{n.selected=n.value===this.value})):this.placeholder||(this.value=null===(n=this.selectEl)||void 0===n?void 0:n.querySelectorAll("option")[0].value)}}async setValue(n){return this.value=n,Promise.resolve()}valueChanged(){var n,t,r;this.changeEvent.emit({value:null===(n=this.value)||void 0===n?void 0:n.toString()}),this.setCurrentValue(),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:"f5b5ffd3983324fef83e63b212135a688e3f8336"},r("select",{key:"67c86ac306d2bfc7ee4ce26ee50b968640eccafc",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:"47b09304e9c28d86d48bcdbb055860e7269bb1c0",class:"placeholder-option",value:"",disabled:!!this.required||void 0,selected:!this.defaultValue||void 0},this.placeholder)),r("div",{key:"64ef4114e36b597a0c45992c6ca9aababf651412",class:"icon-container"},r("i",{key:"cf45fd24685de10b18a2c0a03ece69d418f33f5a",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:"889234fa40fbce6a6035bab27e291697a4dfd285",class:"option-container"},r("slot",{key:"1af68dbb885ef165c3a6f812f06dce5cd09ddfb3",onSlotchange:this.onSlotChangeHandler})),r("mds-input-tip",{key:"3fcb2450452d9b62edeabaece40aad76fdae524e",position:"top",active:this.hasFocus},this.disabled&&r("mds-input-tip-item",{key:"33a6063b9509dee5bed86e4f8f5acf04083a0d2d",expanded:!0,variant:"disabled"}),this.required&&r("mds-input-tip-item",{key:"0fb3eb015646a0ef73ca3f829b9d7818478712ec",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-bddba7bd.system.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function u(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function o(e){try{c(r["throw"](e))}catch(e){i(e)}}function c(e){e.done?n(e.value):u(e.value).then(a,o)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,u,i,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return c([e,t])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(n=0)),n)try{if(r=1,u&&(i=o[0]&2?u["return"]:o[0]?u["throw"]||((i=u["return"])&&i.call(u),0):u.next)&&!(i=i.call(u,o[1])).done)return i;if(u=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;u=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];u=0}finally{r=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7266e108.system.js","./p-56ba5cbf.system.js"],(function(e,t){"use strict";var n,r,u;return{setters:[function(t){n=t.p;r=t.b;e("setNonce",t.s)},function(e){u=e.g}],execute:function(){var e=this;var i=function(){var e=t.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return n(r)};i().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,u()];case 1:e.sent();return[2,r([["p-db3a570d.system",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32],setValue:[64]},null,{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}]]]],t)]}}))}))}))}}}));

package/dist/mds-input-select/p-db3a570d.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,t,r,e){function o(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,a){function i(n){try{d(e.next(n))}catch(n){a(n)}}function s(n){try{d(e["throw"](n))}catch(n){a(n)}}function d(n){n.done?r(n.value):o(n.value).then(i,s)}d((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(n){return function(t){return d([n,t])}}function d(s){if(e)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(e=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=t.call(n,r)}catch(n){s=[6,n];o=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7266e108.system.js"],(function(n){"use strict";var t,r,e,o,a;return{setters:[function(n){t=n.r;r=n.c;e=n.h;o=n.H;a=n.g}],execute:function(){var i='<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>';var s='@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';var d=s;var c=n("mds_input_select",function(){function n(n){var e=this;t(this,n);this.changeEvent=r(this,"mdsInputSelectChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.hasFocus=false;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.onInput=function(n){var t=n.target;if(t){e.value=t.value}};this.onBlur=function(){e.hasFocus=false};this.onFocus=function(){e.hasFocus=true};this.emptyOptions=function(){var n;var t=(n=e.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("select");var r=t===null||t===void 0?void 0:t.querySelectorAll("option");if(!r){return}r.forEach((function(n,t){if(!e.placeholder){n.remove()}if(e.placeholder&&t>0){n.remove()}}))};this.onSlotChangeHandler=function(){var n,t,r;var o=(t=(n=e.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||t===void 0?void 0:t.assignedNodes();var a=(r=e.selectEl)===null||r===void 0?void 0:r.querySelectorAll("option");if(!a){return}if(!e.placeholder&&a.length>0){e.emptyOptions()}if(e.placeholder&&a.length>1){e.emptyOptions()}o===null||o===void 0?void 0:o.forEach((function(n){var t;(t=e.selectEl)===null||t===void 0?void 0:t.appendChild(n.cloneNode(true))}));e.setCurrentValue()};this.setCurrentValue=function(){var n;if(e.value&&e.selectEl){e.selectEl.querySelectorAll("option").forEach((function(n){n.selected=n.value===e.value}))}else if(!e.placeholder){e.value=(n=e.selectEl)===null||n===void 0?void 0:n.querySelectorAll("option")[0].value}}}n.prototype.setValue=function(n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=n;return[2,Promise.resolve()]}))}))};n.prototype.valueChanged=function(){var n,t,r;this.changeEvent.emit({value:(n=this.value)===null||n===void 0?void 0:n.toString()});this.setCurrentValue();this.internals.setFormValue((r=(t=this.value)===null||t===void 0?void 0:t.toString())!==null&&r!==void 0?r:null)};n.prototype.disabledChanged=function(n){if(n){this.internals.setFormValue(null)}};n.prototype.placeholderChanged=function(n,t){if(n&&!t){var r=document.querySelector(".placeholder-option");if(r)r.remove();r=document.createElement("option");this.selectEl.insertBefore(r,this.selectEl.firstChild);r.value="";r.text=n;if(!this.defaultValue)r.selected=true;if(this.required)r.disabled=true}};n.prototype.formResetCallback=function(){this.internals.setFormValue("")};n.prototype.componentWillLoad=function(){if(this.defaultValue){this.value=this.defaultValue}};n.prototype.componentDidLoad=function(){if(this.value){this.internals.setFormValue(this.value.toString())}};n.prototype.render=function(){var n=this;return e(o,{key:"f5b5ffd3983324fef83e63b212135a688e3f8336"},e("select",{key:"67c86ac306d2bfc7ee4ce26ee50b968640eccafc",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:function(t){return n.selectEl=t}},e("option",{key:"47b09304e9c28d86d48bcdbb055860e7269bb1c0",class:"placeholder-option",value:"",disabled:!this.required?undefined:true,selected:this.defaultValue?undefined:true},this.placeholder)),e("div",{key:"64ef4114e36b597a0c45992c6ca9aababf651412",class:"icon-container"},e("i",{key:"cf45fd24685de10b18a2c0a03ece69d418f33f5a",class:"icon",innerHTML:i})),e("div",{key:"889234fa40fbce6a6035bab27e291697a4dfd285",class:"option-container"},e("slot",{key:"1af68dbb885ef165c3a6f812f06dce5cd09ddfb3",onSlotchange:this.onSlotChangeHandler})),e("mds-input-tip",{key:"3fcb2450452d9b62edeabaece40aad76fdae524e",position:"top",active:this.hasFocus},this.disabled&&e("mds-input-tip-item",{key:"33a6063b9509dee5bed86e4f8f5acf04083a0d2d",expanded:true,variant:"disabled"}),this.required&&e("mds-input-tip-item",{key:"0fb3eb015646a0ef73ca3f829b9d7818478712ec",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],disabled:["disabledChanged"],placeholder:["placeholderChanged"]}},enumerable:false,configurable:true});return n}());c.style=d}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-03T10:39:24",
+  "timestamp": "2026-02-19T19:19:46",
   "compiler": {
     "name": "node",
     "version": "22.15.0"
@@ -88,19 +88,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-18f29026.js",
+          "./dist/cjs/index-a7de269b.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-60887c04.js",
+          "./dist/esm-es5/index-fb47df34.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-60887c04.js",
+          "./dist/esm/index-fb47df34.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input-select.entry.js",
@@ -110,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-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-9758de3c.entry.js",
-          "./dist/mds-input-select/p-db5fddbf.system.js",
+          "./dist/mds-input-select/p-5c70e69d.js",
+          "./dist/mds-input-select/p-7266e108.system.js",
+          "./dist/mds-input-select/p-a9fd4a04.entry.js",
+          "./dist/mds-input-select/p-bddba7bd.system.js",
+          "./dist/mds-input-select/p-db3a570d.system.entry.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-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-9758de3c.entry.js",
-          "./www/build/p-db5fddbf.system.js",
+          "./www/build/p-5c70e69d.js",
+          "./www/build/p-7266e108.system.js",
+          "./www/build/p-a9fd4a04.entry.js",
+          "./www/build/p-bddba7bd.system.js",
+          "./www/build/p-db3a570d.system.entry.js",
           "./www/build/p-e1255160.js"
         ]
       },
@@ -161,12 +161,12 @@
         "components": [
           "mds-input-select"
         ],
-        "bundleId": "p-9758de3c",
-        "fileName": "p-9758de3c.entry.js",
+        "bundleId": "p-a9fd4a04",
+        "fileName": "p-a9fd4a04.entry.js",
         "imports": [
-          "p-41875927.js"
+          "p-5c70e69d.js"
         ],
-        "originalByteSize": 24811
+        "originalByteSize": 25096
       }
     ],
     "esm": [
@@ -178,9 +178,9 @@
         "bundleId": "mds-input-select",
         "fileName": "mds-input-select.entry.js",
         "imports": [
-          "index-60887c04.js"
+          "index-fb47df34.js"
         ],
-        "originalByteSize": 24815
+        "originalByteSize": 25100
       }
     ],
     "es5": [
@@ -192,9 +192,9 @@
         "bundleId": "mds-input-select",
         "fileName": "mds-input-select.entry.js",
         "imports": [
-          "index-60887c04.js"
+          "index-fb47df34.js"
         ],
-        "originalByteSize": 24815
+        "originalByteSize": 25100
       }
     ],
     "system": [
@@ -203,12 +203,12 @@
         "components": [
           "mds-input-select"
         ],
-        "bundleId": "p-0760aca1.system",
-        "fileName": "p-0760aca1.system.entry.js",
+        "bundleId": "p-db3a570d.system",
+        "fileName": "p-db3a570d.system.entry.js",
         "imports": [
-          "p-db5fddbf.system.js"
+          "p-7266e108.system.js"
         ],
-        "originalByteSize": 26006
+        "originalByteSize": 26363
       }
     ],
     "commonjs": [
@@ -220,9 +220,9 @@
         "bundleId": "mds-input-select.cjs",
         "fileName": "mds-input-select.cjs.entry.js",
         "imports": [
-          "index-18f29026.js"
+          "index-a7de269b.js"
         ],
-        "originalByteSize": 24910
+        "originalByteSize": 25195
       }
     ]
   },
@@ -276,7 +276,33 @@
       ],
       "internal": false,
       "listeners": [],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setValue",
+          "docs": {
+            "text": "Sets the value of the component",
+            "tags": []
+          },
+          "complexType": {
+            "signature": "(value: string | number | null) => Promise<void>",
+            "parameters": [
+              {
+                "name": "value",
+                "type": "string | number | null",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "internal": false
+        }
+      ],
       "potentialCmpRefs": [
         "mds-input-tip",
         "mds-input-tip-item"
@@ -796,7 +822,33 @@
               "name": "hasFocus"
             }
           ],
-          "methods": [],
+          "methods": [
+            {
+              "name": "setValue",
+              "docs": {
+                "text": "Sets the value of the component",
+                "tags": []
+              },
+              "complexType": {
+                "signature": "(value: string | number | null) => Promise<void>",
+                "parameters": [
+                  {
+                    "name": "value",
+                    "type": "string | number | null",
+                    "docs": ""
+                  }
+                ],
+                "references": {
+                  "Promise": {
+                    "location": "global",
+                    "id": "global::Promise"
+                  }
+                },
+                "return": "Promise<void>"
+              },
+              "internal": false
+            }
+          ],
           "listeners": [],
           "events": [
             {
@@ -887,7 +939,7 @@
           "hasListenerTargetBody": false,
           "hasListenerTargetParent": false,
           "hasMember": true,
-          "hasMethod": false,
+          "hasMethod": true,
           "hasMode": false,
           "hasModernPropertyDecls": false,
           "hasAttribute": true,
@@ -963,7 +1015,7 @@
   ],
   "componentGraph": {
     "sc-mds-input-select": [
-      "p-41875927.js"
+      "p-5c70e69d.js"
     ]
   },
   "sourceGraph": {

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

@@ -57,6 +57,10 @@ export declare class MdsInputSelect {
      * Emits an InputChangeEventDetail when the value of the input element changes
      */
     changeEvent: EventEmitter<MdsInputEventDetail>;
+    /**
+     * Sets the value of the component
+     */
+    setValue(value: string | number | null): Promise<void>;
     /**
      * Emits the change event when the component value changes
      */
@@ -78,5 +82,6 @@ export declare class MdsInputSelect {
     private onFocus;
     private emptyOptions;
     private onSlotChangeHandler;
+    private setCurrentValue;
     render(): any;
 }