@m3e/select 1.0.6 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +3 -2
  2. package/dist/index.js +1049 -436
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.min.js +1 -66
  5. package/dist/index.min.js.map +1 -1
  6. package/package.json +4 -18
package/dist/index.min.js CHANGED
@@ -47,72 +47,7 @@ const xt=2;class Tt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
47
47
  * @license
48
48
  * Copyright 2017 Google LLC
49
49
  * SPDX-License-Identifier: BSD-3-Clause
50
- */class Ut extends Tt{constructor(t){if(super(t),this.it=ft,t.type!==xt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===ft||null==t)return this._t=void 0,this.it=t;if(t===ut)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ut.directiveName="unsafeHTML",Ut.resultType=1;const kt=(t=>(...e)=>({_$litDirective$:t,values:e}))(Ut);var Ot,Ht,Nt,Lt,It,Rt,jt,Wt,Dt,Kt,zt,qt,Bt,Vt,Ft,Zt,Jt,Xt,Gt,Qt,Yt,te,ee,ie,se,ne;let re=ne=class extends(s(n(r(o(a(h(l(c(d(p(u(t,"combobox")))))))))))){constructor(){super(),Ot.add(this),Ht.set(this,void 0),Nt.set(this,!1),Lt.set(this,!1),It.set(this,"m3e-select-"+ne.__nextId++),Rt.set(this,`${w(this,It,"f")}-list`),jt.set(this,t=>w(this,Ot,"m",Ft).call(this,t)),Wt.set(this,t=>w(this,Ot,"m",Zt).call(this,t)),Dt.set(this,t=>w(this,Ot,"m",Jt).call(this,t)),Kt.set(this,t=>w(this,Ot,"m",Gt).call(this,t)),zt.set(this,t=>w(this,Ot,"m",Xt).call(this,t)),this._listKeyManager=(new y).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&w(this,Ot,"m",ie).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new f(this,{callback:()=>{w(this,Ht,"f")&&(w(this,Ht,"f").style.minWidth=w(this,Ot,"a",qt))}})}get selected(){return this.options.filter(t=>t.selected)}get options(){return this._listKeyManager?.items??[]}get value(){const t=this.selected.map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(Ht=new WeakMap,Nt=new WeakMap,Lt=new WeakMap,It=new WeakMap,Rt=new WeakMap,jt=new WeakMap,Wt=new WeakMap,Dt=new WeakMap,Kt=new WeakMap,zt=new WeakMap,Ot=new WeakSet,m)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){b(this,Lt,!0,"f"),w(this,Ot,"m",Yt).call(this),this.focus({preventScroll:!0})}clear(t=!1){const e=this.selected,i=e.length>0;i&&(e.forEach(t=>t.selected=!1),this.requestUpdate()),w(this,Ot,"m",ee).call(this),i&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",w(this,jt,"f")),this.addEventListener("keydown",w(this,Wt,"f")),this.addEventListener("keyup",w(this,Dt,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",w(this,jt,"f")),this.removeEventListener("keydown",w(this,Wt,"f")),this.removeEventListener("keyup",w(this,Dt,"f"))}update(t){super.update(t),t.has("hideSelectionIndicator")&&this.options.forEach(t=>t.classList.toggle("-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(t){super.firstUpdated(t),this._focusRing?.attach(this),w(this,Ot,"a",Bt)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return e` <m3e-focus-ring class="focus-ring"></m3e-focus-ring>
51
- <div class="base">
52
- <m3e-text-overflow>
53
- <slot name="value">
54
- ${this.selected.filter(t=>!t.isEmpty).map((t,i)=>i>0?e`<span>, </span>${kt(t.innerHTML)}`:kt(t.innerHTML))}
55
- </slot>
56
- </m3e-text-overflow>
57
- <div class="arrow-wrapper" aria-hidden="true">
58
- <slot name="arrow">
59
- <svg class="arrow" viewBox="0 -960 960 960" fill="currentColor">
60
- <path d="M480-360 280-560h400L480-360Z" />
61
- </svg>
62
- </slot>
63
- </div>
64
- </div>
65
- <div class="options" role="listbox" aria-multiselectable="${this.multi}">
66
- <slot @slotchange="${w(this,Ot,"m",Vt)}"></slot>
67
- </div>`}};qt=function(){const t=w(this,Ot,"a",Bt);return`${t?t.menuAnchor.clientWidth:this.clientWidth}px`},Bt=function(){return this.closest("m3e-form-field")},Vt=function(){if(w(this,Ht,"f"))return;const{added:t}=this._listKeyManager.setItems([...this.querySelectorAll("m3e-option")]);t.forEach(t=>{t.id=t.id||`${w(this,It,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,t.classList.toggle("-multi",this.multi),t.classList.toggle("-hide-selection-indicator",this.hideSelectionIndicator)}),w(this,Ot,"a",Bt)?.notifyControlStateChange()},Ft=function(t){t.defaultPrevented||this.disabled||w(this,Ot,"m",Yt).call(this)},Zt=function(t){if(!t.defaultPrevented)switch(b(this,Lt,!1,"f"),t.key){case" ":case"Enter":t.preventDefault(),this.multi?w(this,Ht,"f")||(b(this,Nt,!0,"f"),w(this,Ot,"m",Yt).call(this)):(w(this,Ht,"f")&&this._listKeyManager.activeItem&&w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem),w(this,Ot,"m",Yt).call(this));break;case"Escape":case"Tab":w(this,Ot,"m",ee).call(this);break;case"Down":case"ArrowDown":this.multi&&!w(this,Ht,"f")?w(this,Ot,"m",Yt).call(this):(this._listKeyManager.onKeyDown(t),!w(this,Ht,"f")&&this._listKeyManager.activeItem&&w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(t),this.multi||w(this,Ht,"f")||!this._listKeyManager.activeItem||w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem)}},Jt=function(t){if(!t.defaultPrevented)if(w(this,Nt,"f"))b(this,Nt,!1,"f");else switch(t.key){case" ":case"Enter":if(!this.multi)return;t.preventDefault(),w(this,Ht,"f")&&this._listKeyManager.activeItem&&w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem)}},Xt=function(t){t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);e&&!e.disabled&&(w(this,Ot,"m",se).call(this,e),this._listKeyManager.setActiveItem(e),this.multi?this.requestUpdate():w(this,Ot,"m",ee).call(this))},Gt=function(t){if(w(this,Ht,"f"))if("closed"!==t.newState){const e=this.selected.find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(e),e&&$(e,w(this,Ht,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else _()?w(this,Ot,"m",Qt).call(this,t):setTimeout(()=>w(this,Ot,"m",Qt).call(this,t),100)},Qt=function(t){w(this,Ht,"f")&&([...w(this,Ht,"f").childNodes].forEach(t=>this.append(t)),w(this,Ht,"f").remove(),w(this,Ht,"f").removeEventListener("toggle",w(this,Kt,"f")),w(this,Ht,"f").removeEventListener("pointerdown",w(this,zt,"f")),b(this,Ht,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),this.classList.toggle("-open",!1),w(this,Ot,"a",Bt)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})))},Yt=function(){this.disabled||(w(this,Ht,"f")?w(this,Ot,"m",ee).call(this):w(this,Ot,"m",te).call(this))},te=function(){if(!w(this,Ht,"f")){b(this,Ht,document.createElement("m3e-option-panel"),"f"),this.multi&&(w(this,Ht,"f").ariaMultiSelectable="true"),w(this,Ht,"f").id=w(this,Rt,"f"),w(this,Ht,"f").style.overflowX="hidden",w(this,Ht,"f").style.minWidth=w(this,Ot,"a",qt),w(this,Ht,"f").addEventListener("toggle",w(this,Kt,"f")),w(this,Ht,"f").addEventListener("pointerdown",w(this,zt,"f"));for(const t of[...this.childNodes])w(this,Ht,"f").append(t);(w(this,Ot,"a",Bt)??this).insertAdjacentElement("afterend",w(this,Ht,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",w(this,Rt,"f")),this.setAttribute("aria-owns",w(this,Rt,"f")),w(this,Ot,"a",Bt)?.notifyControlStateChange(),setTimeout(()=>{w(this,Ht,"f")?.show(this,w(this,Ot,"a",Bt)?.menuAnchor),this.classList.toggle("-open",!0)})}},ee=function(){w(this,Ht,"f")&&(w(this,Ht,"f").hide(),this.removeAttribute("aria-activedescendant"),this.classList.toggle("-open",!1))},ie=function(t){if(this.setAttribute("aria-activedescendant",t.id),w(this,Ht,"f")){$(t,w(this,Ht,"f"),{block:"nearest",behavior:"instant"});const e=!w(this,Lt,"f")&&(this.matches(":focus-visible")||v());this.options.forEach(i=>{i===t&&e?(i.focusRing?.show(),i.stateLayer?.show("focused")):(i.focusRing?.hide(),i.stateLayer?.hide("focused"))})}},se=function(t){const e=!this.multi||!t.selected;t.selected!==e&&(t.selected=e,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||this.selected.filter(e=>e!==t).forEach(t=>t.selected=!1),this.requestUpdate(),w(this,Ot,"a",Bt)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):t.selected=!e)},re.styles=i`
68
- :host {
69
- display: inline-flex;
70
- vertical-align: middle;
71
- outline: none;
72
- position: relative;
73
- font-size: var(--m3e-form-field-font-size, ${g.typescale.standard.body.large.fontSize});
74
- font-weight: var(--m3e-form-field-font-weight, ${g.typescale.standard.body.large.fontWeight});
75
- line-height: var(--m3e-form-field-line-height, ${g.typescale.standard.body.large.lineHeight});
76
- letter-spacing: var(--m3e-form-field-tracking, ${g.typescale.standard.body.large.tracking});
77
- min-height: var(--m3e-form-field-line-height, ${g.typescale.standard.body.large.lineHeight});
78
- border-radius: var(--m3e-select-container-shape, ${g.shape.corner.extraSmall});
79
- }
80
- :host(:not(:disabled)) {
81
- cursor: pointer;
82
- }
83
- :host(:disabled) {
84
- color: color-mix(
85
- in srgb,
86
- var(--m3e-select-disabled-color, ${g.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),
87
- transparent
88
- );
89
- }
90
- .options {
91
- display: none;
92
- }
93
- .base {
94
- flex: 1 1 auto;
95
- display: inline-flex;
96
- align-items: center;
97
- overflow: hidden;
98
- }
99
- .arrow-wrapper {
100
- display: flex;
101
- align-items: center;
102
- justify-content: center;
103
- margin-top: var(--_select-arrow-margin-top);
104
- }
105
- ::slotted([slot="arrow"]),
106
- .arrow {
107
- vertical-align: middle;
108
- width: 1em;
109
- height: 1em;
110
- font-size: var(--m3e-select-icon-size, 1.5rem);
111
- }
112
- :host(.-open) .focus-ring {
113
- display: none;
114
- }
115
- `,re.__nextId=0,A([
50
+ */class Ut extends Tt{constructor(t){if(super(t),this.it=ft,t.type!==xt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===ft||null==t)return this._t=void 0,this.it=t;if(t===ut)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ut.directiveName="unsafeHTML",Ut.resultType=1;const kt=(t=>(...e)=>({_$litDirective$:t,values:e}))(Ut);var Ot,Ht,Nt,Lt,It,Rt,jt,Wt,Dt,Kt,zt,qt,Bt,Vt,Ft,Zt,Jt,Xt,Gt,Qt,Yt,te,ee,ie,se,ne;let re=ne=class extends(s(n(r(o(a(h(l(c(d(p(u(t,"combobox")))))))))))){constructor(){super(),Ot.add(this),Ht.set(this,void 0),Nt.set(this,!1),Lt.set(this,!1),It.set(this,"m3e-select-"+ne.__nextId++),Rt.set(this,`${w(this,It,"f")}-list`),jt.set(this,t=>w(this,Ot,"m",Ft).call(this,t)),Wt.set(this,t=>w(this,Ot,"m",Zt).call(this,t)),Dt.set(this,t=>w(this,Ot,"m",Jt).call(this,t)),Kt.set(this,t=>w(this,Ot,"m",Gt).call(this,t)),zt.set(this,t=>w(this,Ot,"m",Xt).call(this,t)),this._listKeyManager=(new y).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&w(this,Ot,"m",ie).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new f(this,{callback:()=>{w(this,Ht,"f")&&(w(this,Ht,"f").style.minWidth=w(this,Ot,"a",qt))}})}get selected(){return this.options.filter(t=>t.selected)}get options(){return this._listKeyManager?.items??[]}get value(){const t=this.selected.map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(Ht=new WeakMap,Nt=new WeakMap,Lt=new WeakMap,It=new WeakMap,Rt=new WeakMap,jt=new WeakMap,Wt=new WeakMap,Dt=new WeakMap,Kt=new WeakMap,zt=new WeakMap,Ot=new WeakSet,m)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){b(this,Lt,!0,"f"),w(this,Ot,"m",Yt).call(this),this.focus({preventScroll:!0})}clear(t=!1){const e=this.selected,i=e.length>0;i&&(e.forEach(t=>t.selected=!1),this.requestUpdate()),w(this,Ot,"m",ee).call(this),i&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",w(this,jt,"f")),this.addEventListener("keydown",w(this,Wt,"f")),this.addEventListener("keyup",w(this,Dt,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",w(this,jt,"f")),this.removeEventListener("keydown",w(this,Wt,"f")),this.removeEventListener("keyup",w(this,Dt,"f"))}update(t){super.update(t),t.has("hideSelectionIndicator")&&this.options.forEach(t=>t.classList.toggle("-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(t){super.firstUpdated(t),this._focusRing?.attach(this),w(this,Ot,"a",Bt)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return e`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,i)=>i>0?e`<span>, </span>${kt(t.innerHTML)}`:kt(t.innerHTML))}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" role="listbox" aria-multiselectable="${this.multi}"><slot @slotchange="${w(this,Ot,"m",Vt)}"></slot></div>`}};qt=function(){const t=w(this,Ot,"a",Bt);return`${t?t.menuAnchor.clientWidth:this.clientWidth}px`},Bt=function(){return this.closest("m3e-form-field")},Vt=function(){if(w(this,Ht,"f"))return;const{added:t}=this._listKeyManager.setItems([...this.querySelectorAll("m3e-option")]);t.forEach(t=>{t.id=t.id||`${w(this,It,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,t.classList.toggle("-multi",this.multi),t.classList.toggle("-hide-selection-indicator",this.hideSelectionIndicator)}),w(this,Ot,"a",Bt)?.notifyControlStateChange()},Ft=function(t){t.defaultPrevented||this.disabled||w(this,Ot,"m",Yt).call(this)},Zt=function(t){if(!t.defaultPrevented)switch(b(this,Lt,!1,"f"),t.key){case" ":case"Enter":t.preventDefault(),this.multi?w(this,Ht,"f")||(b(this,Nt,!0,"f"),w(this,Ot,"m",Yt).call(this)):(w(this,Ht,"f")&&this._listKeyManager.activeItem&&w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem),w(this,Ot,"m",Yt).call(this));break;case"Escape":case"Tab":w(this,Ot,"m",ee).call(this);break;case"Down":case"ArrowDown":this.multi&&!w(this,Ht,"f")?w(this,Ot,"m",Yt).call(this):(this._listKeyManager.onKeyDown(t),!w(this,Ht,"f")&&this._listKeyManager.activeItem&&w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(t),this.multi||w(this,Ht,"f")||!this._listKeyManager.activeItem||w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem)}},Jt=function(t){if(!t.defaultPrevented)if(w(this,Nt,"f"))b(this,Nt,!1,"f");else switch(t.key){case" ":case"Enter":if(!this.multi)return;t.preventDefault(),w(this,Ht,"f")&&this._listKeyManager.activeItem&&w(this,Ot,"m",se).call(this,this._listKeyManager.activeItem)}},Xt=function(t){t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);e&&!e.disabled&&(w(this,Ot,"m",se).call(this,e),this._listKeyManager.setActiveItem(e),this.multi?this.requestUpdate():w(this,Ot,"m",ee).call(this))},Gt=function(t){if(w(this,Ht,"f"))if("closed"!==t.newState){const e=this.selected.find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(e),e&&$(e,w(this,Ht,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else _()?w(this,Ot,"m",Qt).call(this,t):setTimeout(()=>w(this,Ot,"m",Qt).call(this,t),100)},Qt=function(t){w(this,Ht,"f")&&([...w(this,Ht,"f").childNodes].forEach(t=>this.append(t)),w(this,Ht,"f").remove(),w(this,Ht,"f").removeEventListener("toggle",w(this,Kt,"f")),w(this,Ht,"f").removeEventListener("pointerdown",w(this,zt,"f")),b(this,Ht,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),this.classList.toggle("-open",!1),w(this,Ot,"a",Bt)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})))},Yt=function(){this.disabled||(w(this,Ht,"f")?w(this,Ot,"m",ee).call(this):w(this,Ot,"m",te).call(this))},te=function(){if(!w(this,Ht,"f")){b(this,Ht,document.createElement("m3e-option-panel"),"f"),this.multi&&(w(this,Ht,"f").ariaMultiSelectable="true"),w(this,Ht,"f").id=w(this,Rt,"f"),w(this,Ht,"f").style.overflowX="hidden",w(this,Ht,"f").style.minWidth=w(this,Ot,"a",qt),w(this,Ht,"f").addEventListener("toggle",w(this,Kt,"f")),w(this,Ht,"f").addEventListener("pointerdown",w(this,zt,"f"));for(const t of[...this.childNodes])w(this,Ht,"f").append(t);(w(this,Ot,"a",Bt)??this).insertAdjacentElement("afterend",w(this,Ht,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",w(this,Rt,"f")),this.setAttribute("aria-owns",w(this,Rt,"f")),w(this,Ot,"a",Bt)?.notifyControlStateChange(),setTimeout(()=>{w(this,Ht,"f")?.show(this,w(this,Ot,"a",Bt)?.menuAnchor),this.classList.toggle("-open",!0)})}},ee=function(){w(this,Ht,"f")&&(w(this,Ht,"f").hide(),this.removeAttribute("aria-activedescendant"),this.classList.toggle("-open",!1))},ie=function(t){if(this.setAttribute("aria-activedescendant",t.id),w(this,Ht,"f")){$(t,w(this,Ht,"f"),{block:"nearest",behavior:"instant"});const e=!w(this,Lt,"f")&&(this.matches(":focus-visible")||v());this.options.forEach(i=>{i===t&&e?(i.focusRing?.show(),i.stateLayer?.show("focused")):(i.focusRing?.hide(),i.stateLayer?.hide("focused"))})}},se=function(t){const e=!this.multi||!t.selected;t.selected!==e&&(t.selected=e,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||this.selected.filter(e=>e!==t).forEach(t=>t.selected=!1),this.requestUpdate(),w(this,Ot,"a",Bt)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):t.selected=!e)},re.styles=i`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${g.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${g.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${g.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${g.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${g.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${g.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${g.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(.-open) .focus-ring { display: none; }`,re.__nextId=0,A([
116
51
  /**
117
52
  * @license
118
53
  * Copyright 2017 Google LLC