@m3e/web 2.2.1 → 2.2.2

package/dist/all.min.js

@@ -12,7 +12,7 @@ import{__classPrivateFieldGet as e,__decorate as t,__classPrivateFieldSet as a}f
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var Xo,Jo,Qo,ei,ti,ai,oi,ii;Go.styles=i`:host { display: inline-block; user-select: none; vertical-align: top; } .visually-hidden { position: absolute; appearance: none; visibility: hidden; border: none; outline: none; overflow: hidden; left: 0; height: 1px; width: 1px; margin: -1px; padding: 0; white-space: nowrap; } table { border-collapse: collapse; border-spacing: 0; width: calc(3rem * 7); } td, th { font: inherit; text-align: center; padding: unset; } td { box-sizing: border-box; height: 3rem; padding: 0.25rem; position: relative; } .item, .item > span { position: relative; } .item { display: flex; align-items: center; justify-content: center; border-radius: inherit; outline: none; width: 100%; height: 100%; border-radius: ${v.shape.corner.full}; } .item:not([aria-disabled]) { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } td:not(:has(.item[aria-disabled])).selected { color: var(--m3e-calendar-item-selected-color, ${v.color.onPrimary}); --m3e-ripple-color: var(--m3e-calendar-item-selected-ripple-color, ${v.color.onPrimary}); --m3e-state-layer-hover-color: var(--m3e-calendar-item-selected-hover-color, ${v.color.onPrimary}); --m3e-state-layer-focus-color: var(--m3e-calendar-item-selected-focus-color, ${v.color.onPrimary}); } td:not(:has(.item[aria-disabled])).selected .state-layer { background-color: var(--m3e-calendar-item-selected-container-color, ${v.color.primary}); } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) { color: var(--m3e-calendar-item-current-outline-color, ${v.color.primary}); } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) .state-layer { outline-style: solid; outline-offset: -1px; outline-width: var(--m3e-calendar-item-current-outline-thickness, 1px); outline-color: var(--m3e-calendar-item-current-outline-color, ${v.color.primary}); } td:has(.item[aria-disabled]) { color: color-mix( in srgb, var(--m3e-calendar-item-disabled-color, ${v.color.onSurface}) var(--m3e-calendar-item-disabled-color-opacity, 38%), transparent ); } @media (forced-colors: active) { td:not(:has(.item[aria-disabled])).selected { forced-color-adjust: none; color: ButtonFace; } td:not(:has(.item[aria-disabled])).selected .state-layer { background-color: ButtonText; } td:has(.item[aria-disabled]) { color: GrayText; } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) { color: ButtonText; } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) .state-layer { border-color: ButtonText; } }`,t([h(".active > .item")],Go.prototype,"_activeItem",void 0),t([m({converter:J})],Go.prototype,"today",void 0),t([m({converter:J})],Go.prototype,"date",void 0),t([m({attribute:"active-date",converter:J})],Go.prototype,"activeDate",void 0),t([m({attribute:"min-date",converter:J})],Go.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Go.prototype,"maxDate",void 0);let ri=class extends Go{constructor(){super(...arguments),Xo.add(this),this._suppressFocusHighlight=!0,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null}render(){const t=new Date(this.today);for(t.setDate(1);0!=t.getDay();)t.setDate(t.getDate()+1);const a=new Array,o=new Intl.DateTimeFormat(navigator.language,{weekday:"narrow"}),i=new Intl.DateTimeFormat(navigator.language,{weekday:"long"});for(let e=0;e<7;e++)a.push({id:e,narrow:o.format(t),long:i.format(t)}),t.setDate(t.getDate()+1);const r=this.activeDate.getFullYear(),l=this.activeDate.getMonth(),c=new Date(r,l,1),d=new Date(r,l+1,0).getDate();let h=[],m=c.getDay();for(let e=1;e<=d;e++)0!==m&&0!==h.length||h.push([]),h[h.length-1].push(e),m=(m+1)%7;return h=h.filter(e=>!!e.length),s`<table role="grid"><thead><tr>${a.map(e=>s`<th scope="col"><span class="visually-hidden">${e.long}</span><div id="weekday-${e.id}-month-${l}" aria-hidden="true">${e.narrow}</div><m3e-tooltip for="weekday-${e.id}-month-${l}">${e.long}</m3e-tooltip></th>`)}</tr></thead><tbody>${h.map((t,a)=>s`<tr role="row">${0===a&&t.length<7?s`<td colspan="${7-t.length}"></td>`:n} ${t.map(t=>e(this,Xo,"m",Jo).call(this,new Date(r,l,t)))} ${a>0&&t.length<7?s`<td colspan="${7-t.length}"></td>`:n}</tr>`)}</tbody></table>`}};
+var Xo,Jo,Qo,ei,ti,ai,oi,ii;Go.styles=i`:host { display: inline-block; user-select: none; vertical-align: top; } .visually-hidden { position: absolute; appearance: none; visibility: hidden; border: none; outline: none; overflow: hidden; left: 0; height: 1px; width: 1px; margin: -1px; padding: 0; white-space: nowrap; } table { border-collapse: collapse; border-spacing: 0; width: calc(3rem * 7); } td, th { font: inherit; text-align: center; padding: unset; } td { box-sizing: border-box; height: 3rem; padding: 0.25rem; position: relative; color: var(--m3e-calendar-item-color, ${v.color.onSurface}); } .item, .item > span { position: relative; } .item { display: flex; align-items: center; justify-content: center; border-radius: inherit; outline: none; width: 100%; height: 100%; border-radius: ${v.shape.corner.full}; } .item:not([aria-disabled]) { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } td:not(:has(.item[aria-disabled])).selected { color: var(--m3e-calendar-item-selected-color, ${v.color.onPrimary}); --m3e-ripple-color: var(--m3e-calendar-item-selected-ripple-color, ${v.color.onPrimary}); --m3e-state-layer-hover-color: var(--m3e-calendar-item-selected-hover-color, ${v.color.onPrimary}); --m3e-state-layer-focus-color: var(--m3e-calendar-item-selected-focus-color, ${v.color.onPrimary}); } td:not(:has(.item[aria-disabled])).selected .state-layer { background-color: var(--m3e-calendar-item-selected-container-color, ${v.color.primary}); } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) { color: var(--m3e-calendar-item-current-outline-color, ${v.color.primary}); } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) .state-layer { outline-style: solid; outline-offset: -1px; outline-width: var(--m3e-calendar-item-current-outline-thickness, 1px); outline-color: var(--m3e-calendar-item-current-outline-color, ${v.color.primary}); } td:has(.item[aria-disabled]) { color: color-mix( in srgb, var(--m3e-calendar-item-disabled-color, ${v.color.onSurface}) var(--m3e-calendar-item-disabled-color-opacity, 38%), transparent ); } @media (forced-colors: active) { td:not(:has(.item[aria-disabled])).selected { forced-color-adjust: none; color: ButtonFace; } td:not(:has(.item[aria-disabled])).selected .state-layer { background-color: ButtonText; } td:has(.item[aria-disabled]) { color: GrayText; } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) { color: ButtonText; } td.current:not(.selected):not(.special):not(.range-start):not(.range-end) .state-layer { border-color: ButtonText; } }`,t([h(".active > .item")],Go.prototype,"_activeItem",void 0),t([m({converter:J})],Go.prototype,"today",void 0),t([m({converter:J})],Go.prototype,"date",void 0),t([m({attribute:"active-date",converter:J})],Go.prototype,"activeDate",void 0),t([m({attribute:"min-date",converter:J})],Go.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Go.prototype,"maxDate",void 0);let ri=class extends Go{constructor(){super(...arguments),Xo.add(this),this._suppressFocusHighlight=!0,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null}render(){const t=new Date(this.today);for(t.setDate(1);0!=t.getDay();)t.setDate(t.getDate()+1);const a=new Array,o=new Intl.DateTimeFormat(navigator.language,{weekday:"narrow"}),i=new Intl.DateTimeFormat(navigator.language,{weekday:"long"});for(let e=0;e<7;e++)a.push({id:e,narrow:o.format(t),long:i.format(t)}),t.setDate(t.getDate()+1);const r=this.activeDate.getFullYear(),l=this.activeDate.getMonth(),c=new Date(r,l,1),d=new Date(r,l+1,0).getDate();let h=[],m=c.getDay();for(let e=1;e<=d;e++)0!==m&&0!==h.length||h.push([]),h[h.length-1].push(e),m=(m+1)%7;return h=h.filter(e=>!!e.length),s`<table role="grid"><thead><tr>${a.map(e=>s`<th scope="col"><span class="visually-hidden">${e.long}</span><div id="weekday-${e.id}-month-${l}" aria-hidden="true">${e.narrow}</div><m3e-tooltip for="weekday-${e.id}-month-${l}">${e.long}</m3e-tooltip></th>`)}</tr></thead><tbody>${h.map((t,a)=>s`<tr role="row">${0===a&&t.length<7?s`<td colspan="${7-t.length}"></td>`:n} ${t.map(t=>e(this,Xo,"m",Jo).call(this,new Date(r,l,t)))} ${a>0&&t.length<7?s`<td colspan="${7-t.length}"></td>`:n}</tr>`)}</tbody></table>`}};
 /**
  * Adapted from Angular Material Datepicker
  * Source: https://github.com/angular/components/blob/main/src/material/datepicker/multi-year-view.ts
@@ -21,7 +21,7 @@ var Xo,Jo,Qo,ei,ti,ai,oi,ii;Go.styles=i`:host { display: inline-block; user-sele
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var si,ni,li,ci;Xo=new WeakSet,Jo=function(t){const a=new Intl.DateTimeFormat(navigator.language,{year:"numeric",month:"long",day:"numeric"}).format(t),o=this.specialDates?.(t)??!1,i=Uo(this.date,t),r=Uo(this.activeDate,t),n=Uo(this.today,t),l=this.minDate&&Ro(t,this.minDate)<0||this.maxDate&&Ro(t,this.maxDate)>0||!0===this.blackoutDates?.(t),c=`date-${t.getMonth()}-${t.getDate()}-${t.getFullYear()}`;let d=!1,h=!1,m=!1,p=!1;return this.rangeStart&&(this.rangeEnd?(d=Ro(t,this.rangeStart)>0&&Ro(t,this.rangeEnd)<0,d||(h=Ro(t,this.rangeStart)>=0&&Ro(t,this.rangeEnd)<0,h?p=!0:m=Ro(t,this.rangeStart)>0&&Ro(t,this.rangeEnd)<=0)):h=Uo(t,this.rangeStart)),s`<td role="gridcell" class="${Ue({current:n,selected:i,active:r,special:o,range:d,"range-start":h,"range-start-range":p,"range-end":m})}"><div id="${c}" role="button" class="item" data-value="${t.toISOString()}" tabindex="${r?"0":"-1"}" aria-disabled="${Ne(l||void 0)}" aria-current="${Ne(n?"date":void 0)}" aria-pressed="${i||h||m}" @click="${e(this,Xo,"m",Qo)}" @mouseenter="${e(this,Xo,"m",ti)}" @focus="${e(this,Xo,"m",ai)}" @mouseleave="${e(this,Xo,"m",ii)}" @blur="${e(this,Xo,"m",ii)}" @keydown="${e(this,Xo,"m",ei)}"><m3e-focus-ring class="focus-ring" for="${c}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${c}" ?disable-hover="${l}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${c}" ?disabled="${l}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${a}</span> <span aria-hidden="true">${t.getDate()}</span></div></td>`},Qo=function(t){const a=t.currentTarget;"true"!==a.ariaDisabled&&a.dataset.value&&(this.activeDate=new Date(a.dataset.value),this.activeDate=Ko(this.activeDate,this.minDate,this.maxDate),this.rangeStart&&(Ro(this.activeDate,this.rangeStart)<0?(this.rangeStart=this.activeDate,this.rangeEnd=null):this.rangeEnd=this.activeDate,e(this,Xo,"m",ii).call(this)),this.dispatchEvent(new Event("change",{bubbles:!1})))},ei=function(e){let t=this.activeDate;switch(e.key){case" ":case"Enter":return e.preventDefault(),void e.currentTarget.click();case"ArrowLeft":case"Left":t=Bo(t,"rtl"===Ve.current?1:-1);break;case"ArrowRight":case"Right":t=Bo(t,"rtl"===Ve.current?-1:1);break;case"ArrowUp":case"Up":t=Bo(t,-7);break;case"ArrowDown":case"Down":t=Bo(t,7);break;case"Home":t=Bo(t,1-t.getDate());break;case"End":t=Bo(t,Fo((a=t).getFullYear(),a.getMonth()+1,0).getDate()-t.getDate());break;case"PageUp":t=e.altKey?qo(t,-1):Vo(t,-1);break;case"PageDown":t=e.altKey?qo(t,1):Vo(t,1);break;default:return}var a;e.preventDefault(),this._changeActiveDate(t)},ti=function(t){e(this,Xo,"m",oi).call(this,t.currentTarget)},ai=function(t){this._suppressFocusHighlight||e(this,Xo,"m",oi).call(this,t.currentTarget)},oi=function(t){if(e(this,Xo,"m",ii).call(this),this.rangeStart&&t.dataset.value){Ro(new Date(t.dataset.value),this.rangeStart)>0&&t.parentElement.classList.add("range-highlight-end");for(const e of t.closest("table")?.querySelectorAll(".item")??[]){if(e===t)break;const a=new Date(e.dataset.value);Ro(a,this.rangeStart)>0?e.parentElement.classList.add("range-highlight"):Ro(a,this.rangeStart)>=0&&e.parentElement.classList.add("range-highlight-start")}}},ii=function(){this.rangeStart&&this.shadowRoot?.querySelectorAll(".range-highlight,.range-highlight-end,.range-highlight-start").forEach(e=>e.classList.remove("range-highlight","range-highlight-end","range-highlight-start"))},ri.styles=[Go.styles,i`thead { font-size: var(--m3e-calendar-weekday-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-calendar-weekday-font-weight, ${v.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-calendar-weekday-line-height, ${v.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-calendar-weekday-tracking, ${v.typescale.standard.title.small.tracking}); } th { height: 1.5rem; padding-block-start: 1.875rem; padding-block-end: 1rem; } tbody { font-size: var(--m3e-calendar-date-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-date-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-date-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-date-tracking, ${v.typescale.standard.body.medium.tracking}); } td:not(:has(.item[aria-disabled])):not(.selected):not(.range-start):not(.range-end).special { color: var(--m3e-calendar-item-special-color, ${v.color.onTertiaryContainer}); --m3e-ripple-color: var(--m3e-calendar-item-special-ripple-color, ${v.color.onTertiaryContainer}); --m3e-state-layer-hover-color: var( --m3e-calendar-item-special-hover-color, ${v.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-calendar-item-special-focus-color, ${v.color.onTertiaryContainer} ); } td:not(:has(.item[aria-disabled])):not(.selected):not(.range-start):not(.range-end).special .state-layer { background-color: var(--m3e-calendar-item-special-container-color, ${v.color.tertiaryContainer}); } td:not(:has(.item[aria-disabled])).range-start, td:not(:has(.item[aria-disabled])).range-end { color: var(--m3e-calendar-item-selected-color, ${v.color.onPrimary}); --m3e-ripple-color: var(--m3e-calendar-item-selected-ripple-color, ${v.color.onPrimary}); } td:not(:has(.item[aria-disabled])).range-start .state-layer, td:not(:has(.item[aria-disabled])).range-end .state-layer { background-color: var(--m3e-calendar-item-selected-container-color, ${v.color.primary}); } td:not(:has(.item[aria-disabled])).range::before, td:not(:has(.item[aria-disabled])).range-start-range::before, td:not(:has(.item[aria-disabled])).range-end::before { content: ""; position: absolute; left: 0; right: 0; top: 0.25rem; bottom: 0.25rem; background-color: var(--m3e-calendar-range-container-color, ${v.color.primaryContainer}); } td:not(:has(.item[aria-disabled])):not(.selected).range { color: var(--m3e-calendar-range-color, ${v.color.onPrimaryContainer}); } td:not(:has(.item[aria-disabled])).range-start::before { inset-inline-start: 50%; width: 50%; } td:not(:has(.item[aria-disabled])).range-end::before { inset-inline-end: 50%; width: 50%; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after, td:not(:has(.item[aria-disabled])).range-highlight .item::after, td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { content: ""; position: absolute; top: 0; left: calc(0px - 0.1875rem); right: calc(0px - 0.1875rem); bottom: 0; border-style: dashed; border-color: ${v.color.primary}; border-width: 1px; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after { margin-inline-start: 50%; } td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { margin-inline-end: 0.1875rem; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after, td:not(:has(.item[aria-disabled])).range-highlight .item::after { border-inline-style: none; } td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { border-start-end-radius: ${v.shape.corner.full}; border-end-end-radius: ${v.shape.corner.full}; border-inline-start-style: none; } @media (forced-colors: active) { td:not(:has(.item[aria-disabled])).range-start, td:not(:has(.item[aria-disabled])).range-end { forced-color-adjust: none; color: HighlightText; } td:not(:has(.item[aria-disabled])).range-start .state-layer, td:not(:has(.item[aria-disabled])).range-end .state-layer { background-color: Highlight; } td:not(:has(.item[aria-disabled])).range::before, td:not(:has(.item[aria-disabled])).range-start-range::before, td:not(:has(.item[aria-disabled])).range-end::before { background-color: Highlight; } td:not(:has(.item[aria-disabled])):not(.selected).range { forced-color-adjust: none; color: HighlightText; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after, td:not(:has(.item[aria-disabled])).range-highlight .item::after, td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { border-color: GrayText; } }`],t([m({attribute:"range-start",converter:J})],ri.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],ri.prototype,"rangeEnd",void 0),t([m({attribute:!1})],ri.prototype,"blackoutDates",void 0),t([m({attribute:!1})],ri.prototype,"specialDates",void 0),ri=t([$("m3e-month-view")],ri);let di=class extends Go{constructor(){super(...arguments),si.add(this)}render(){const t=new Array,a=jo(this.activeDate,this.minDate,this.maxDate);for(let e=0,o=[];e<Zo;e++)o.push(a+e),3===o.length&&(t.push(o),o=new Array);return s`<table role="grid"><thead aria-hidden="true"><tr><th colspan="${3}"></th></tr></thead><tbody>${t.map(t=>s`<tr role="row">${t.map(t=>e(this,si,"m",ni).call(this,t))}</tr>`)}</tbody></table>`}};
+var si,ni,li,ci;Xo=new WeakSet,Jo=function(t){const a=new Intl.DateTimeFormat(navigator.language,{year:"numeric",month:"long",day:"numeric"}).format(t),o=this.specialDates?.(t)??!1,i=Uo(this.date,t),r=Uo(this.activeDate,t),n=Uo(this.today,t),l=this.minDate&&Ro(t,this.minDate)<0||this.maxDate&&Ro(t,this.maxDate)>0||!0===this.blackoutDates?.(t),c=`date-${t.getMonth()}-${t.getDate()}-${t.getFullYear()}`;let d=!1,h=!1,m=!1,p=!1;return this.rangeStart&&(this.rangeEnd?(d=Ro(t,this.rangeStart)>0&&Ro(t,this.rangeEnd)<0,d||(h=Ro(t,this.rangeStart)>=0&&Ro(t,this.rangeEnd)<0,h?p=!0:m=Ro(t,this.rangeStart)>0&&Ro(t,this.rangeEnd)<=0)):h=Uo(t,this.rangeStart)),s`<td role="gridcell" class="${Ue({current:n,selected:i,active:r,special:o,range:d,"range-start":h,"range-start-range":p,"range-end":m})}"><div id="${c}" role="button" class="item" data-value="${t.toISOString()}" tabindex="${r?"0":"-1"}" aria-disabled="${Ne(l||void 0)}" aria-current="${Ne(n?"date":void 0)}" aria-pressed="${i||h||m}" @click="${e(this,Xo,"m",Qo)}" @mouseenter="${e(this,Xo,"m",ti)}" @focus="${e(this,Xo,"m",ai)}" @mouseleave="${e(this,Xo,"m",ii)}" @blur="${e(this,Xo,"m",ii)}" @keydown="${e(this,Xo,"m",ei)}"><m3e-focus-ring class="focus-ring" for="${c}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${c}" ?disable-hover="${l}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${c}" ?disabled="${l}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${a}</span> <span aria-hidden="true">${t.getDate()}</span></div></td>`},Qo=function(t){const a=t.currentTarget;"true"!==a.ariaDisabled&&a.dataset.value&&(this.activeDate=new Date(a.dataset.value),this.activeDate=Ko(this.activeDate,this.minDate,this.maxDate),this.rangeStart&&(Ro(this.activeDate,this.rangeStart)<0?(this.rangeStart=this.activeDate,this.rangeEnd=null):this.rangeEnd=this.activeDate,e(this,Xo,"m",ii).call(this)),this.dispatchEvent(new Event("change",{bubbles:!1})))},ei=function(e){let t=this.activeDate;switch(e.key){case" ":case"Enter":return e.preventDefault(),void e.currentTarget.click();case"ArrowLeft":case"Left":t=Bo(t,"rtl"===Ve.current?1:-1);break;case"ArrowRight":case"Right":t=Bo(t,"rtl"===Ve.current?-1:1);break;case"ArrowUp":case"Up":t=Bo(t,-7);break;case"ArrowDown":case"Down":t=Bo(t,7);break;case"Home":t=Bo(t,1-t.getDate());break;case"End":t=Bo(t,Fo((a=t).getFullYear(),a.getMonth()+1,0).getDate()-t.getDate());break;case"PageUp":t=e.altKey?qo(t,-1):Vo(t,-1);break;case"PageDown":t=e.altKey?qo(t,1):Vo(t,1);break;default:return}var a;e.preventDefault(),this._changeActiveDate(t)},ti=function(t){e(this,Xo,"m",oi).call(this,t.currentTarget)},ai=function(t){this._suppressFocusHighlight||e(this,Xo,"m",oi).call(this,t.currentTarget)},oi=function(t){if(e(this,Xo,"m",ii).call(this),this.rangeStart&&t.dataset.value){Ro(new Date(t.dataset.value),this.rangeStart)>0&&t.parentElement.classList.add("range-highlight-end");for(const e of t.closest("table")?.querySelectorAll(".item")??[]){if(e===t)break;const a=new Date(e.dataset.value);Ro(a,this.rangeStart)>0?e.parentElement.classList.add("range-highlight"):Ro(a,this.rangeStart)>=0&&e.parentElement.classList.add("range-highlight-start")}}},ii=function(){this.rangeStart&&this.shadowRoot?.querySelectorAll(".range-highlight,.range-highlight-end,.range-highlight-start").forEach(e=>e.classList.remove("range-highlight","range-highlight-end","range-highlight-start"))},ri.styles=[Go.styles,i`thead { font-size: var(--m3e-calendar-weekday-font-size, ${v.typescale.standard.title.small.fontSize}); font-weight: var(--m3e-calendar-weekday-font-weight, ${v.typescale.standard.title.small.fontWeight}); line-height: var(--m3e-calendar-weekday-line-height, ${v.typescale.standard.title.small.lineHeight}); letter-spacing: var(--m3e-calendar-weekday-tracking, ${v.typescale.standard.title.small.tracking}); color: var(--m3e-calendar-weekday-color, ${v.color.onSurface}); } th { height: 1.5rem; padding-block-start: 1.875rem; padding-block-end: 1rem; } tbody { font-size: var(--m3e-calendar-date-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-date-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-date-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-date-tracking, ${v.typescale.standard.body.medium.tracking}); } td:not(:has(.item[aria-disabled])):not(.selected):not(.range-start):not(.range-end).special { color: var(--m3e-calendar-item-special-color, ${v.color.onTertiaryContainer}); --m3e-ripple-color: var(--m3e-calendar-item-special-ripple-color, ${v.color.onTertiaryContainer}); --m3e-state-layer-hover-color: var( --m3e-calendar-item-special-hover-color, ${v.color.onTertiaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-calendar-item-special-focus-color, ${v.color.onTertiaryContainer} ); } td:not(:has(.item[aria-disabled])):not(.selected):not(.range-start):not(.range-end).special .state-layer { background-color: var(--m3e-calendar-item-special-container-color, ${v.color.tertiaryContainer}); } td:not(:has(.item[aria-disabled])).range-start, td:not(:has(.item[aria-disabled])).range-end { color: var(--m3e-calendar-item-selected-color, ${v.color.onPrimary}); --m3e-ripple-color: var(--m3e-calendar-item-selected-ripple-color, ${v.color.onPrimary}); } td:not(:has(.item[aria-disabled])).range-start .state-layer, td:not(:has(.item[aria-disabled])).range-end .state-layer { background-color: var(--m3e-calendar-item-selected-container-color, ${v.color.primary}); } td:not(:has(.item[aria-disabled])).range::before, td:not(:has(.item[aria-disabled])).range-start-range::before, td:not(:has(.item[aria-disabled])).range-end::before { content: ""; position: absolute; left: 0; right: 0; top: 0.25rem; bottom: 0.25rem; background-color: var(--m3e-calendar-range-container-color, ${v.color.primaryContainer}); } td:not(:has(.item[aria-disabled])):not(.selected).range { color: var(--m3e-calendar-range-color, ${v.color.onPrimaryContainer}); } td:not(:has(.item[aria-disabled])).range-start::before { inset-inline-start: 50%; width: 50%; } td:not(:has(.item[aria-disabled])).range-end::before { inset-inline-end: 50%; width: 50%; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after, td:not(:has(.item[aria-disabled])).range-highlight .item::after, td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { content: ""; position: absolute; top: 0; left: calc(0px - 0.1875rem); right: calc(0px - 0.1875rem); bottom: 0; border-style: dashed; border-color: ${v.color.primary}; border-width: 1px; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after { margin-inline-start: 50%; } td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { margin-inline-end: 0.1875rem; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after, td:not(:has(.item[aria-disabled])).range-highlight .item::after { border-inline-style: none; } td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { border-start-end-radius: ${v.shape.corner.full}; border-end-end-radius: ${v.shape.corner.full}; border-inline-start-style: none; } @media (forced-colors: active) { td:not(:has(.item[aria-disabled])).range-start, td:not(:has(.item[aria-disabled])).range-end { forced-color-adjust: none; color: HighlightText; } td:not(:has(.item[aria-disabled])).range-start .state-layer, td:not(:has(.item[aria-disabled])).range-end .state-layer { background-color: Highlight; } td:not(:has(.item[aria-disabled])).range::before, td:not(:has(.item[aria-disabled])).range-start-range::before, td:not(:has(.item[aria-disabled])).range-end::before { background-color: Highlight; } td:not(:has(.item[aria-disabled])):not(.selected).range { forced-color-adjust: none; color: HighlightText; } td:not(:has(.item[aria-disabled])).range-highlight-start .item::after, td:not(:has(.item[aria-disabled])).range-highlight .item::after, td:not(:has(.item[aria-disabled])).range-highlight-end .item::after { border-color: GrayText; } }`],t([m({attribute:"range-start",converter:J})],ri.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],ri.prototype,"rangeEnd",void 0),t([m({attribute:!1})],ri.prototype,"blackoutDates",void 0),t([m({attribute:!1})],ri.prototype,"specialDates",void 0),ri=t([$("m3e-month-view")],ri);let di=class extends Go{constructor(){super(...arguments),si.add(this)}render(){const t=new Array,a=jo(this.activeDate,this.minDate,this.maxDate);for(let e=0,o=[];e<Zo;e++)o.push(a+e),3===o.length&&(t.push(o),o=new Array);return s`<table role="grid"><thead aria-hidden="true"><tr><th colspan="${3}"></th></tr></thead><tbody>${t.map(t=>s`<tr role="row">${t.map(t=>e(this,si,"m",ni).call(this,t))}</tr>`)}</tbody></table>`}};
 /**
  * Adapted from Angular Material Datepicker
  * Source: https://github.com/angular/components/blob/main/src/material/datepicker/year-view.ts
@@ -39,7 +39,7 @@ var hi,mi,pi,ui;si=new WeakSet,ni=function(t){const a=new Intl.DateTimeFormat(na
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var bi,fi,gi,yi,$i,xi,wi,ki,Ci,Si;hi=new WeakSet,mi=function(t){const a=this.activeDate.getFullYear()===t.date.getFullYear()&&this.activeDate.getMonth()===t.date.getMonth(),o=this.date?.getFullYear()===t.date.getFullYear()&&this.date?.getMonth()===t.date.getMonth(),i=this.today.getFullYear()===t.date.getFullYear()&&this.today.getMonth()===t.date.getMonth(),r=this.minDate&&(t.date.getFullYear()<this.minDate.getFullYear()||t.date.getFullYear()===this.minDate.getFullYear()&&t.date.getMonth()<this.minDate.getMonth())||this.maxDate&&(t.date.getFullYear()>this.maxDate.getFullYear()||t.date.getFullYear()===this.maxDate.getFullYear()&&t.date.getMonth()>this.maxDate.getMonth()),n=`month-${t.date.getMonth()}`;return s`<td role="gridcell" class="${Ue({current:i,selected:o,active:a})}"><div id="${n}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${Ne(r||void 0)}" aria-current="${Ne(i?"date":void 0)}" aria-pressed="${o}" @click="${e(this,hi,"m",pi)}" @keydown="${e(this,hi,"m",ui)}"><m3e-focus-ring class="focus-ring" for="${n}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${n}" ?disable-hover="${r}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${n}" ?disabled="${r}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${t.long}</span> <span aria-hidden="true">${t.narrow}</span></div></td>`},pi=function(e){const t=e.currentTarget;"true"!==t.ariaDisabled&&t.dataset.value&&(this.activeDate=Ko(new Date(t.dataset.value),this.minDate,this.maxDate),this.dispatchEvent(new Event("change",{bubbles:!1})))},ui=function(e){let t=this.activeDate;switch(e.key){case" ":case"Enter":return e.preventDefault(),void e.currentTarget.click();case"ArrowLeft":case"Left":t=Vo(t,"rtl"===Ve.current?1:-1);break;case"ArrowRight":case"Right":t=Vo(t,"rtl"===Ve.current?-1:1);break;case"ArrowUp":case"Up":t=Vo(t,-4);break;case"ArrowDown":case"Down":t=Vo(t,4);break;case"Home":t=Vo(t,-t.getMonth());break;case"End":t=Vo(t,11-t.getMonth());break;case"PageUp":t=qo(t,e.altKey?-10:-1);break;case"PageDown":t=qo(t,e.altKey?10:1);break;default:return}e.preventDefault(),this._changeActiveDate(t)},vi.styles=[Go.styles,i`.item { height: 2.25rem; } .touch { width: 100%; } th { height: 1rem; } td { padding-inline: 0.375rem; } tbody { font-size: var(--m3e-calendar-item-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-item-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-item-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-item-tracking, ${v.typescale.standard.body.medium.tracking}); }`],vi=t([$("m3e-year-view")],vi);let _i=class extends r{constructor(){super(...arguments),bi.add(this),fi.set(this,void 0),this._today=new Date,this._activeView="month",this._activeDate=new Date,this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years"}get periodLabel(){switch(this._activeView){case"month":return new Intl.DateTimeFormat(navigator.language,{month:"short",year:"numeric"}).format(this._activeDate);case"year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).format(new Date(this._activeDate.getFullYear(),0,1));case"multi-year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).formatRange(new Date(jo(this._activeDate,this.minDate,this.maxDate),0,1),new Date(Yo(this._activeDate,this.minDate,this.maxDate),0,1))}}get canMovePreviousPeriod(){if(!this.minDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth(),0)>=this.minDate;case"year":return new Date(this._activeDate.getFullYear()-1,12,1)>=this.minDate;case"multi-year":return new Date(jo(this._activeDate,this.minDate,this.maxDate)-1,12,1)>=this.minDate}}get canMoveNextPeriod(){if(!this.maxDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth()+1,1)<=this.maxDate;case"year":return new Date(this._activeDate.getFullYear()+1,1,1)<=this.maxDate;case"multi-year":return new Date(Yo(this._activeDate,this.minDate,this.maxDate)+1,12,1)<=this.maxDate}}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,await(this._view?.focusActiveCell())}updateTodayDate(){this._today=new Date}async movePreviousPeriod(){if(!this.canMovePreviousPeriod)return;if(S())return void(this._activeDate=e(this,bi,"m",Ci).call(this,this._activeView));await e(this,fi,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,fi,new Promise(a=>{t[0].addEventListener("transitionend",()=>{this._activeDate=e(this,bi,"m",Ci).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("after"),t[0].classList.add("before"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("after"),t[0].classList.remove("before"),await e(this,fi,"f"),this._body.style.overflow="")}async moveNextPeriod(){if(!this.canMoveNextPeriod)return;if(S())return void(this._activeDate=e(this,bi,"m",Si).call(this,this._activeView));await e(this,fi,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,fi,new Promise(a=>{t[2].addEventListener("transitionend",()=>{this._activeDate=e(this,bi,"m",Si).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("before"),t[2].classList.add("after"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("before"),t[2].classList.remove("after"),await e(this,fi,"f"),this._body.style.overflow="")}async togglePeriod(){await e(this,fi,"f"),this._activeView="month"===this._activeView?"multi-year":"month",await this.focusActiveCell()}willUpdate(e){super.willUpdate(e),e.has("date")&&(this._activeDate=new Date(this.date??this._today)),e.has("startAt")&&(this._activeDate=new Date(this.startAt??this.date??this._today)),e.has("startView")&&(this._activeView=this.startView)}updated(e){super.updated(e),this._view instanceof ri&&(e.has("specialDates")||e.has("blackoutDates"))&&this.shadowRoot?.querySelectorAll("m3e-month-view").forEach(e=>{e.specialDates=this.specialDates,e.blackoutDates=this.blackoutDates})}render(){return s`<div class="base"><slot name="header">${e(this,bi,"m",gi).call(this)}</slot><div class="body ${this._activeView}"><div class="row multi-year">${e(this,bi,"m",yi).call(this,"multi-year",-1)}${e(this,bi,"m",yi).call(this,"multi-year",0)}${e(this,bi,"m",yi).call(this,"multi-year",1)}</div><div class="row year">${e(this,bi,"m",yi).call(this,"year",-1)}${e(this,bi,"m",yi).call(this,"year",0)}${e(this,bi,"m",yi).call(this,"year",1)}</div><div class="row month">${e(this,bi,"m",yi).call(this,"month",-1)}${e(this,bi,"m",yi).call(this,"month",0)}${e(this,bi,"m",yi).call(this,"month",1)}</div></div></div>`}};fi=new WeakMap,bi=new WeakSet,gi=function(){return s`<div class="header"><m3e-button @click="${this.togglePeriod}">${this.periodLabel} <svg class="${Ue({rotate:"month"!==this._activeView})}" slot="trailing-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></m3e-button><div class="spacer"></div><m3e-icon-button ?disabled="${!this.canMovePreviousPeriod}" @click="${this.movePreviousPeriod}" aria-label="${"month"===this._activeView?this.previousMonthLabel:"year"===this._activeView?this.previousYearLabel:this.previousMultiYearLabel}">${"ltr"===Ve.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`}</m3e-icon-button><m3e-icon-button ?disabled="${!this.canMoveNextPeriod}" @click="${this.moveNextPeriod}" aria-label="${"month"===this._activeView?this.nextMonthLabel:"year"===this._activeView?this.nextYearLabel:this.nextMultiYearLabel}">${"ltr"===Ve.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`}</m3e-icon-button></div>`},yi=function(t,a){const o=a<0?e(this,bi,"m",Ci).call(this,t):a>0?e(this,bi,"m",Si).call(this,t):new Date(this._activeDate);switch(t){case"month":return s`<m3e-month-view class="view ${Ue({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${Ne(this.date?.toISOString())}" active-date="${o.toISOString()}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" range-start="${Ne(this.rangeStart?.toISOString())}" range-end="${Ne(this.rangeEnd?.toISOString())}" @active-change="${0===a?e(this,bi,"m",ki):void 0}" @change="${0===a?e(this,bi,"m",$i):void 0}"></m3e-month-view>`;case"year":return s`<m3e-year-view class="view ${Ue({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${Ne(this.date?.toISOString())}" active-date="${o.toISOString()}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,bi,"m",ki):void 0}" @change="${0===a?e(this,bi,"m",xi):void 0}"></m3e-year-view>`;case"multi-year":return s`<m3e-multi-year-view class="view ${Ue({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${Ne(this.date?.toISOString())}" active-date="${o.toISOString()}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,bi,"m",ki):void 0}" @change="${0===a?e(this,bi,"m",wi):void 0}"></m3e-multi-year-view>`}},$i=function(e){const t=e.currentTarget;this._activeDate=new Date(t.activeDate),this.rangeStart=t.rangeStart,this.rangeEnd=t.rangeEnd,this.date=new Date(this._activeDate),this.dispatchEvent(new Event("change",{bubbles:!0}))},xi=async function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="month",this.focusActiveCell()},wi=function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="year",this.focusActiveCell()},ki=async function(e){this._view instanceof ri&&(this._view._suppressFocusHighlight=!1),this._activeDate=new Date(e.currentTarget.activeDate),await this.focusActiveCell(),this._view instanceof ri&&(this._view._suppressFocusHighlight=!1)},Ci=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()-1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()-1);break;case"year":t.setFullYear(this._activeDate.getFullYear()-1);break;case"multi-year":t.setDate(1),t.setFullYear(jo(this._activeDate,this.minDate,this.maxDate)-1)}return t},Si=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()+1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()+1);break;case"year":t.setFullYear(this._activeDate.getFullYear()+1);break;case"multi-year":t.setDate(1),t.setFullYear(Yo(this._activeDate,this.minDate,this.maxDate)+1)}return t},_i.styles=i`:host { display: inline-block; vertical-align: top; width: fit-content; height: fit-content; } .base { display: flex; flex-direction: column; width: fit-content; overflow: hidden; padding: var(--m3e-calendar-padding, 0.5rem); background-color: var(--m3e-calendar-container-color); box-shadow: var(--m3e-calendar-container-elevation); border-radius: var(--m3e-calendar-container-shape); } .header { display: flex; align-items: center; --m3e-text-button-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-hover-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-focus-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-pressed-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); } .spacer { flex: 1 1 auto; } svg { transition: transform ${v.motion.spring.fastEffects}; } svg.rotate { transform: rotate(-180deg); } .body { position: relative; } .view:not(.no-animate) { transition: ${o(`margin var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard},\n        visibility var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .view.before, .view.after { visibility: hidden; position: absolute; } .view.before { margin-inline-start: -100%; } .view.after { margin-inline-start: 100%; } .view:not(.before):not(.after) { visibility: visible; position: relative; left: 0; margin-inline-start: 0; } .row { opacity: 1; transform: translateY(0); } .row.multi-year { transition: ${o(`transform var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete,\n        opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .row:not(.multi-year) { transition: ${o(`opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .body.month > .row:not(.month), .body.year > .row:not(.year), .body.multi-year > .row:not(.multi-year) { visibility: hidden; position: absolute; transform: translateY(-10%); opacity: 0; } .body.month > .row:not(.month) .view:not(.before):not(.after), .body.year > .row:not(.year) .view:not(.before):not(.after), .body.multi-year > .row:not(.multi-year) .view:not(.before):not(.after) { visibility: hidden; transition: none; } @media (prefers-reduced-motion) { .row:not(.multi-year), .row.multi-year, .view:not(.no-animate), svg { transition: none; } }`,t([u()],_i.prototype,"_today",void 0),t([u()],_i.prototype,"_activeView",void 0),t([u()],_i.prototype,"_activeDate",void 0),t([h(".active")],_i.prototype,"_view",void 0),t([h(".body")],_i.prototype,"_body",void 0),t([m({attribute:"start-view"})],_i.prototype,"startView",void 0),t([m({converter:J})],_i.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],_i.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],_i.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],_i.prototype,"maxDate",void 0),t([m({attribute:"range-start",converter:J})],_i.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],_i.prototype,"rangeEnd",void 0),t([m({attribute:!1})],_i.prototype,"blackoutDates",void 0),t([m({attribute:!1})],_i.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],_i.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],_i.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],_i.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],_i.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],_i.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],_i.prototype,"nextMultiYearLabel",void 0),_i=t([$("m3e-calendar")],_i);const Li=o("var(--m3e-card-padding, 1rem)"),zi=o(`var(--m3e-card-shape, ${v.shape.corner.medium});`),Ei={filled:{textColor:o(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:o(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerHighest}))`),containerElevation:o(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),disabled:{textColor:o(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:o("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:o("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:o(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surfaceVariant}))`),containerElevation:o(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:o(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:o("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:o("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:o(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`)},focus:{textColor:o(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`)},pressed:{textColor:o(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`)}},elevated:{textColor:o(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:o(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:o(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level1}))`),disabled:{textColor:o(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:o("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:o("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:o(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surface}))`),containerElevation:o(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level1}))`),containerElevationColor:o(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:o("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:o("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:o(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level2}))`)},focus:{textColor:o(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level1}))`)},pressed:{textColor:o(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level1}))`)}},outlined:{textColor:o(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:o(`var(--m3e-outlined-card-container-color, var(--m3e-card-container-color, ${v.color.surface}))`),containerElevation:o(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),outlineColor:o(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${v.color.outlineVariant}))`),outlineThickness:o("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:o(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:o("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:o("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:o(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:o(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:o("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:o(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${v.color.outline}))`),outlineOpacity:o("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:o(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`),outlineColor:o(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${v.color.outlineVariant}))`)},focus:{textColor:o(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`),outlineColor:o(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${v.color.onSurface}))`)},pressed:{textColor:o(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`),outlineColor:o(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${v.color.outlineVariant}))`)}}},Mi=i`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${zi}; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n      border-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${zi}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${Li}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${Li}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${Li}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${Li}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${Li}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${Li}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${Li}; margin-block-start: ${Li}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${Li}; margin-block: ${Li}; } .has-actions slot[name="actions"] { margin-inline: ${Li}; margin-block: ${Li}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${Li}; margin-block-end: ${Li}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${Li}; margin-inline-end: ${Li}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${Ei.outlined.outlineThickness??o("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function Ti(e){return i`:host([variant="${o(e)}"]) .base { background-color: ${Ei[e].containerColor??o("unset")}; box-shadow: ${Ei[e].containerElevation??o("unset")}; border-width: ${Ei[e].outlineThickness??o("unset")}; } :host([actionable][variant="${o(e)}"]) .base { --m3e-state-layer-hover-color: ${Ei[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Ei[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Ei[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Ei[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Ei[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Ei[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Ei[e].containerElevation??o("unset")}; --m3e-elevation-hover-level: ${Ei[e].hover.containerElevation??o("unset")}; --m3e-elevation-focus-level: ${Ei[e].focus.containerElevation??o("unset")}; --m3e-elevation-pressed-level: ${Ei[e].pressed.containerElevation??o("unset")}; } :host([variant="${o(e)}"]) .base { border-color: ${Ei[e].outlineColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:focus .base) { border-color: ${Ei[e].focus.outlineColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:hover .base) { border-color: ${Ei[e].hover.outlineColor??o("unset")}; } :host([actionable][variant="${o(e)}"]) .base.pressed { border-color: ${Ei[e].pressed.outlineColor??o("unset")}; } :host([variant="${o(e)}"]) .base { color: ${Ei[e].textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:focus) .base { color: ${Ei[e].focus.textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:hover) .base { color: ${Ei[e].hover.textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]) .base.pressed { color: ${Ei[e].pressed.textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:disabled) .base, :host([actionable][variant="${o(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Ei[e].disabled.containerElevation??o("unset")}; --m3e-elevation-color: color-mix( in srgb, ${Ei[e].disabled.containerElevationColor} ${Ei[e].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${Ei[e].disabled.textColor} ${Ei[e].disabled.textOpacity}, transparent ); background-color: ${Ei[e].disabled.containerColor&&Ei[e].disabled.containerOpacity?o(`color-mix(\n        in srgb,\n        ${Ei[e].disabled.containerColor} ${Ei[e].disabled.containerOpacity},\n        transparent\n      )`):o("unset")}; border-color: ${Ei[e].disabled.outlineColor&&Ei[e].disabled.outlineOpacity?o(`color-mix(\n        in srgb,\n        ${Ei[e].disabled.outlineColor} ${Ei[e].disabled.outlineOpacity},\n        transparent\n      )`):o("unset")}; } :host([actionable][variant="${o(e)}"]:disabled) ::slotted(img), :host([actionable][variant="${o(e)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${o(e)}"]:disabled) ::slotted(video), :host([actionable][variant="${o(e)}"][disabled-interactive]) ::slotted(video) { opacity: ${Ei[e].disabled.imageOpacity}; }`}const Pi=[Ti("filled"),Ti("elevated"),Ti("outlined")];var Ii,Wi,Di,Ai,Hi,Oi,Fi,Bi;let Vi=class extends(q(R(U(N(j(Y(P(r),!0))))))){constructor(){super(),Ii.add(this),Wi.set(this,t=>e(this,Ii,"m",Bi).call(this,t)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new Z(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",e(this,Wi,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",e(this,Wi,"f"))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[G]()}<slot name="header" @slotchange="${e(this,Ii,"m",Di)}"></slot><slot name="content" @slotchange="${e(this,Ii,"m",Ai)}"><slot @slotchange="${e(this,Ii,"m",Hi)}"></slot></slot><slot name="actions" @slotchange="${e(this,Ii,"m",Oi)}"></slot><slot name="footer" @slotchange="${e(this,Ii,"m",Fi)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};var qi,Ri,Ui,Ni,ji,Yi;Wi=new WeakMap,Ii=new WeakSet,Di=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},Ai=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},Hi=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",g(e.target)&&null===this.querySelector("[slot='content']"))},Oi=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",g(e.target))},Fi=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",g(e.target))},Bi=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},Vi.styles=[Pi,Mi],t([h(".base")],Vi.prototype,"_base",void 0),t([h(".elevation")],Vi.prototype,"_elevation",void 0),t([h(".focus-ring")],Vi.prototype,"_focusRing",void 0),t([h(".state-layer")],Vi.prototype,"_stateLayer",void 0),t([h(".ripple")],Vi.prototype,"_ripple",void 0),t([m({type:Boolean,reflect:!0})],Vi.prototype,"inline",void 0),t([m({type:Boolean,reflect:!0})],Vi.prototype,"actionable",void 0),t([m({reflect:!0})],Vi.prototype,"variant",void 0),t([m({reflect:!0})],Vi.prototype,"orientation",void 0),Vi=t([$("m3e-card")],Vi);let Ki=class extends(Q(ee(te(ae(oe(ie(re(se(q(N(Y(P(f(r,"checkbox")))),!1)))))))))){constructor(){super(...arguments),qi.add(this),Ri.set(this,t=>e(this,qi,"m",Yi).call(this,t)),Ui.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),Ni.set(this,new Z(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(Ri=new WeakMap,Ui=new WeakMap,Ni=new WeakMap,qi=new WeakSet,le)](){return!this.checked||this.disabled||this.indeterminate?null:this.value}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Ri,"f"));for(const t of this.labels)e(this,Ui,"f").observe(t),e(this,Ni,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Ri,"f"));for(const t of this.labels)e(this,Ui,"f").unobserve(t),e(this,Ni,"f").unobserve(t)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${e(this,qi,"m",ji).call(this)}</div></div>`}};var Zi,Gi,Xi,Ji,Qi,er,tr;ji=function(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n},Yi=function(e){e.defaultPrevented||(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.indeterminate=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=!this.checked,this.closest("label")&&e.preventDefault())},Ki.styles=i`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); height: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 0.125rem); } :host(:not([checked]):not([indeterminate])) .wrapper { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-checkbox-unselected-ripple-color, ${v.color.onSurface}); } :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-hover-color, ${v.color.primary}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-focus-color, ${v.color.primary}); --m3e-ripple-color: var(--m3e-checkbox-selected-ripple-color, ${v.color.primary}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: var(--m3e-checkbox-selected-container-color, ${v.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${v.color.onPrimary}); } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper { border-color: var(--m3e-checkbox-unselected-outline-color, ${v.color.onSurfaceVariant}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover) .wrapper { border-color: var(--m3e-checkbox-unselected-hover-outline-color, ${v.color.onSurface}); } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${v.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${v.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${v.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-error-hover-color, ${v.color.error}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-error-focus-color, ${v.color.error}); --m3e-ripple-color: var(--m3e-checkbox-unselected-error-ripple-color, ${v.color.error}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-error-hover-color, ${v.color.onError}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-error-focus-color, ${v.color.onError}); --m3e-ripple-color: var(--m3e-checkbox-selected-error-ripple-color, ${v.color.onError}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: var(--m3e-checkbox-unselected-error-outline-color, ${v.color.error}); } @media (forced-colors: active) { :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base, :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: CanvasText; --m3e-state-layer-focus-color: CanvasText; --m3e-ripple-color: CanvasText; } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper, :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover ) .wrapper { border-color: CanvasText; } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: CanvasText; color: Canvas; } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: GrayText; } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: GrayText; color: Canvas; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: Highlight; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: Highlight; --m3e-state-layer-focus-color: Highlight; --m3e-ripple-color: Highlight; } }`,t([h(".focus-ring")],Ki.prototype,"_focusRing",void 0),t([h(".state-layer")],Ki.prototype,"_stateLayer",void 0),t([h(".ripple")],Ki.prototype,"_ripple",void 0),t([m()],Ki.prototype,"value",void 0),Ki=t([$("m3e-checkbox")],Ki);let ar=class extends(P(r)){constructor(){super(...arguments),Zi.add(this),Gi.set(this,void 0),Xi.set(this,""),this.variant="outlined"}get value(){return e(this,Gi,"f")??e(this,Xi,"f")}set value(e){a(this,Gi,e,"f")}get label(){return e(this,Xi,"f")}firstUpdated(e){super.firstUpdated(e),"listitem"===this.role&&this.removeAttribute("tabindex"),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>{e?.htmlFor||e?.attach(this)})}render(){const t=!ce(this)||this.disabled,a=de(this)&&this.disabledInteractive;return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${t||a}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${t||a}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${t}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${t||a}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${he(this)?this[G]():n}<div class="wrapper">${e(this,Zi,"m",Ji).call(this)}</div></div>`}_renderIcon(){return s`<slot name="icon" aria-hidden="true" @slotchange="${e(this,Zi,"m",Qi)}"></slot>`}_renderTrailingIcon(){return s`<slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,Zi,"m",er)}"></slot>`}_renderSlot(){return s`<slot @slotchange="${e(this,Zi,"m",tr)}"></slot>`}};Gi=new WeakMap,Xi=new WeakMap,Zi=new WeakSet,Ji=function(){return s`${this._renderIcon()}<div class="label">${this._renderSlot()}</div>${this._renderTrailingIcon()}`},Qi=function(e){k(this,"-with-icon",g(e.target))},er=function(e){k(this,"-with-trailing-icon",g(e.target))},tr=function(e){a(this,Xi,me(e.target),"f")},ar.styles=i`:host { display: inline-block; vertical-align: middle; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; border-radius: var(--m3e-chip-container-shape, ${v.shape.corner.small}); height: calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-2)}); font-size: var(--m3e-chip-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-chip-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-chip-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-chip-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host(:not(m3e-chip):not(:disabled)[disabled-interactive]) { cursor: not-allowed; } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) .base { user-select: none; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; column-gap: var(--m3e-chip-spacing, 0.5rem); } .label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host([variant="elevated"]) .base { background-color: var(--m3e-elevated-chip-container-color, ${v.color.surfaceContainerLow}); --m3e-elevation-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-hover-level: var(--m3e-elevated-chip-hover-elevation, ${v.elevation.level2}); --m3e-elevation-focus-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-pressed-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); } :host([variant="outlined"]) .base { outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-style: solid; outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: var(--m3e-outlined-chip-outline-color, ${v.color.outlineVariant}); } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: color-mix( in srgb, var(--m3e-outlined-chip-disabled-outline-color, ${v.color.onSurface}) var(--m3e-outlined-chip-disabled-outline-opacity, 12%), transparent ); } :host(:state(-with-icon)) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } :host(:not(:state(-with-icon))) .wrapper { padding-inline-start: var(--m3e-chip-padding-start, 1rem); } :host(:state(-with-trailing-icon)) .wrapper { padding-inline-end: var(--m3e-chip-with-icon-padding-end, 0.5rem); } :host(:not(:state(-with-trailing-icon))) .wrapper { padding-inline-end: var(--m3e-chip-padding-end, 1rem); } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]) { flex: none; width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem) !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-icon-color, ${v.color.primary}); } :host(:disabled) .base, :host([disabled-interactive]) .base { color: color-mix( in srgb, var(--m3e-chip-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-chip-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}) var(--m3e-chip-disabled-icon-opacity, 38%), transparent ); } :host([variant="elevated"]:disabled) .base, :host([variant="elevated"][disabled-interactive]) .base { background-color: color-mix( in srgb, var(--m3e-elevated-chip-disabled-container-color, ${v.color.onSurface}) var(--m3e-elevated-chip-disabled-container-opacity, 12%), transparent ); --m3e-elevation-level: var(--m3e-elevated-chip-disabled-elevation, ${v.elevation.level0}); } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: CanvasText; } :host(:disabled) .base, :host([disabled-interactive]) .base, :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: GrayText; } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: GrayText; } }`,t([h(".elevation")],ar.prototype,"_elevation",void 0),t([h(".focus-ring")],ar.prototype,"_focusRing",void 0),t([h(".state-layer")],ar.prototype,"_stateLayer",void 0),t([h(".ripple")],ar.prototype,"_ripple",void 0),t([m({reflect:!0})],ar.prototype,"variant",void 0),t([m()],ar.prototype,"value",null),ar=t([$("m3e-chip")],ar);let or=class extends(U(R(q(N(j(Y(f(ar,"button")))))))){_renderTrailingIcon(){return n}};or.formAssociated=!0,or=t([$("m3e-assist-chip")],or);let ir=class extends(pe(r)){render(){return s`<slot></slot>`}};var rr,sr,nr;ir.styles=i`:host { display: inline-flex; flex-wrap: wrap; vertical-align: middle; gap: var(--m3e-chip-set-spacing, 0.5rem); outline: none; } :host([vertical]) { flex-direction: column; }`,ir=t([$("m3e-chip-set")],ir);let lr=class extends(ue(q(N(j(Y(f(ar,"radio"))))))){constructor(){super(...arguments),rr.add(this),sr.set(this,t=>e(this,rr,"m",nr).call(this,t))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,sr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,sr,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this)}_renderIcon(){return s`<div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg> ${super._renderIcon()}</div>`}};var cr,dr,hr,mr,pr,ur,vr;sr=new WeakMap,rr=new WeakSet,nr=function(e){if(e.defaultPrevented)return;const t=this.selected;this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=t},lr.formAssociated=!0,lr.styles=[ar.styles,i`:host([selected]:not(:state(-hide-selection))) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } .icon { display: flex; align-items: center; justify-content: center; } .check { width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem); } :host(:not(:disabled):not([disabled-interactive])) .check { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not([selected])) .check, :host(:state(-hide-selection)) .check, :host(:state(-hide-selection):not(:state(-with-icon))) .icon { display: none; } :host(:not(:state(-with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-chip-with-icon-padding-start, 0.5rem)); transition: margin-inline-start ${v.motion.spring.fastEffects}; } :host([selected]) .icon { margin-inline-start: 0; } :host([selected]:not(:state(-hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-unselected-label-text-color, ${v.color.onSurfaceVariant}); --m3e-ripple-color: var(--m3e-chip-unselected-ripple-color, ${v.color.onSurfaceVariant}); --m3e-state-layer-focus-color: var( --m3e-chip-unselected-state-layer-focus-color, ${v.color.onSurfaceVariant} ); --m3e-state-layer-hover-color: var( --m3e-chip-unselected-state-layer-hover-color, ${v.color.onSurfaceVariant} ); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]) { color: var(--m3e-chip-unselected-leading-icon-color, ${v.color.primary}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-unselected-trailing-icon-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: unset; outline-width: var(--m3e-chip-selected-outline-thickness, 0); color: var(--m3e-chip-selected-label-text-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-chip-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-chip-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-chip-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-elevation-hover-level: var(--m3e-chip-selected-hover-elevation, ${v.elevation.level1}); --m3e-ripple-color: var(--m3e-chip-selected-ripple-color, ${v.color.onSecondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-chip-selected-state-layer-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-chip-selected-state-layer-hover-color, ${v.color.onSecondaryContainer} ); } :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]) { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-selected-trailing-icon-color, ${v.color.onSecondaryContainer}); } @media (prefers-reduced-motion) { .base, :host(:not(:state(-with-icon))) .icon { transition: none; } } @media (forced-colors: active) { :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base, :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="trailing-icon"]), :host(:not(:disabled):not([disabled-interactive])) .check { color: ButtonText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-color: ButtonText; } }`],lr=t([$("m3e-filter-chip")],lr);let br=class extends(Q(te(ae(se(Y(P(f(ir,"radiogroup")))))))){constructor(){super(...arguments),cr.add(this),dr.set(this,void 0),this[vr]=(new De).onActiveItemChange(()=>this[We].activeItem?.focus()).withWrap().withDirectionality(Ve.current),this.multi=!1,this.hideSelectionIndicator=!1}get chips(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(dr=new WeakMap,cr=new WeakSet,vr=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),a(this,dr,Ve.observe(()=>this[We].directionality=Ve.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,dr,"f")?.call(this)}update(t){super.update(t),t.has("vertical")&&(this[We].vertical=this.vertical),t.has("disabled")&&(void 0!==t.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),t.has("multi")&&(this.role=this.multi?"group":"radiogroup",e(this,cr,"m",ur).call(this),this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi)),(t.has("multi")||t.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),t.has("hideSelectionIndicator")&&this.chips.forEach(e=>k(e,"-hide-selection",this.hideSelectionIndicator))}render(){return s`<slot @slotchange="${e(this,cr,"m",hr)}" @keydown="${e(this,cr,"m",mr)}" @change="${e(this,cr,"m",pr)}"></slot>`}};var fr,gr,yr,$r;hr=function(){const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-filter-chip")]);t.forEach(e=>k(e,"-hide-selection",this.hideSelectionIndicator)),e(this,cr,"m",ur).call(this)},mr=function(e){this.multi||this[We].onKeyDown(e)},pr=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},ur=function(){this.chips.forEach(e=>e.role=this.multi?"button":"radio")},t([m({type:Boolean})],br.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],br.prototype,"hideSelectionIndicator",void 0),br=t([$("m3e-filter-chip-set")],br);let xr=class extends(x(j(Y(f(ar,"row"))),"remove")){constructor(){super(...arguments),fr.add(this),this.removable=!1,this.removeLabel="Remove"}connectedCallback(){super.connectedCallback(),this.removeAttribute("tabindex")}update(e){super.update(e),this.removeAttribute("tabindex"),e.has("removable")&&k(this,"-with-trailing-icon",this.removable)}render(){return s`<div class="base"><m3e-elevation class="elevation" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" for="cell" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="wrapper"><div id="cell" class="cell" role="gridcell" tabindex="${Ne(this.disabled?void 0:"-1")}" @keydown="${e(this,fr,"m",$r)}"><slot name="avatar" @slotchange="${e(this,fr,"m",gr)}"></slot>${this._renderIcon()}<div class="label">${this._renderSlot()}</div><div class="touch" aria-hidden="true"></div></div>${this._renderTrailingIcon()}</div></div>`}_renderTrailingIcon(){return this.removable?s`<span role="gridcell" class="remove"><m3e-icon-button class="remove-button" aria-label="${this.removeLabel}" size="extra-small" tabindex="-1" ?disabled="${this.disabled}" ?disabled-interactive="${this.disabledInteractive}" @click="${e(this,fr,"m",yr)}"><slot name="remove-icon"><svg class="remove-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></span>`:n}};var wr,kr,Cr,Sr,_r,Lr,zr,Er,Mr,Tr,Pr,Ir,Wr,Dr,Ar,Hr,Or,Fr,Br,Vr,qr,Rr,Ur,Nr;fr=new WeakSet,gr=function(e){k(this,"-with-avatar",g(e.target))},yr=function(e){e.stopPropagation(),this.dispatchEvent(new Event("remove"))},$r=function(e){if(this.removable)switch(e.key){case"Backspace":case"Delete":this.dispatchEvent(new Event("remove"))}},xr.formAssociated=!0,xr.styles=[ar.styles,i`.cell { display: inline-flex; align-items: center; outline: none; column-gap: var(--m3e-chip-spacing, 0.5rem); min-width: 0; } .remove-button { --m3e-icon-button-extra-small-container-height: 1.5rem; --m3e-icon-button-extra-small-icon-size: var(--m3e-chip-icon-size, 1.125rem); width: 1.5rem; } .remove-icon { flex: none; width: var(--m3e-chip-icon-size, 1.125rem); height: var(--m3e-chip-icon-size, 1.125rem); } .touch { top: calc( 0px - calc(calc(3rem - calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-2)})) / 2) ); } .wrapper { height: 100%; overflow: visible; min-width: 0; } ::slotted([slot="avatar"]) { flex: none; font-size: var(--m3e-chip-avatar-size, 1.5rem); } ::slotted(m3e-avatar[slot="avatar"]) { --m3e-icon-size: var(--m3e-chip-avatar-icon-size, 1.125rem); --m3e-avatar-size: var(--m3e-chip-avatar-size, 1.5rem); --m3e-avatar-font-size: var( --m3e-chip-avatar-font-size, ${v.typescale.standard.title.small.fontSize} ); --m3e-avatar-font-weight: var( --m3e-chip-avatar-font-height, ${v.typescale.standard.title.small.fontWeight} ); --m3e-avatar-line-height: var( --m3e-chip-avatar-line-height, ${v.typescale.standard.title.small.lineHeight} ); --m3e-avatar-tracking: var(--m3e-chip-avatar-tracking, ${v.typescale.standard.title.small.tracking}); } :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { opacity: var(--m3e-chip-disabled-avatar-opacity, 38%); color: var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}); } :host(:state(-with-avatar)) ::slotted([slot="icon"]) { display: none; } :host(:state(-with-avatar)) .wrapper { padding-inline-start: var(--m3e-chip-with-avatar-padding-start, 0.25rem); } @media (forced-colors: active) { :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { color: CanvasText; } }`],t([h(".cell")],xr.prototype,"cell",void 0),t([h(".remove-button")],xr.prototype,"removeButton",void 0),t([m({type:Boolean})],xr.prototype,"removable",void 0),t([m({attribute:"remove-label"})],xr.prototype,"removeLabel",void 0),xr=t([$("m3e-input-chip")],xr);let jr=class extends(ee(oe(ie(te(ae(se(Y(P(f(ir,"grid")))))))))){constructor(){super(...arguments),wr.add(this),kr.set(this,void 0),Cr.set(this,()=>e(this,wr,"m",Ur).call(this)),Sr.set(this,t=>e(this,wr,"m",Nr).call(this,t)),_r.set(this,()=>e(this,wr,"m",Fr).call(this)),Lr.set(this,()=>e(this,wr,"m",Br).call(this)),zr.set(this,()=>e(this,wr,"m",Vr).call(this)),Er.set(this,t=>e(this,wr,"m",qr).call(this,t)),Mr.set(this,t=>e(this,wr,"m",Rr).call(this,t)),Tr.set(this,new Ae),Pr.set(this,(new ze).onActiveItemChange(()=>e(this,Pr,"f").activeItem?.focus()).withHomeAndEnd().withSkipPredicate(e=>!e.hasAttribute("tabindex")).withDirectionality(Ve.current)),Ir.set(this,!1),Wr.set(this,null),Dr.set(this,0)}get chips(){return[...this.querySelectorAll("m3e-input-chip")]}get value(){const e=this.chips.filter(e=>!e.disabled).map(e=>e.value);return 0==e.length?null:e}get[(kr=new WeakMap,Cr=new WeakMap,Sr=new WeakMap,_r=new WeakMap,Lr=new WeakMap,zr=new WeakMap,Er=new WeakMap,Mr=new WeakMap,Tr=new WeakMap,Pr=new WeakMap,Ir=new WeakMap,Wr=new WeakMap,Dr=new WeakMap,wr=new WeakSet,le)](){const e=this.value;if(!e)return null;const t=new FormData;for(const a of e)t.append(this.name,a);return t}get shouldLabelFloat(){return this.chips.length>0}onContainerClick(){e(this,Wr,"f")?.focus()}connectedCallback(){super.connectedCallback(),customElements.get("m3e-form-field")?this.closest("m3e-form-field")?.notifyControlStateChange():customElements.whenDefined("m3e-form-field").then(()=>{this.closest("m3e-form-field")?.notifyControlStateChange()}),a(this,Dr,Number.parseInt(this.getAttribute("tabindex")??"0"),"f"),this.addEventListener("focus",e(this,_r,"f")),this.addEventListener("focusin",e(this,Lr,"f")),this.addEventListener("focusout",e(this,zr,"f")),a(this,kr,Ve.observe(()=>e(this,Pr,"f").directionality=Ve.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",e(this,_r,"f")),this.removeEventListener("focusin",e(this,Lr,"f")),this.removeEventListener("focusout",e(this,zr,"f")),e(this,kr,"f")?.call(this)}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${e(this,Dr,"f")}`)}update(t){super.update(t),t.has("vertical")&&(this.ariaOrientation=null),t.has("disabled")&&(e(this,Tr,"f").items.forEach(e=>e.disabled=this.disabled),e(this,Wr,"f")&&(e(this,Wr,"f").disabled=this.disabled))}render(){return s`<slot @keydown="${e(this,wr,"m",Ar)}" @slotchange="${e(this,wr,"m",Hr)}"></slot><span role="row"><span role="gridcell"><slot name="input" @slotchange="${e(this,wr,"m",Or)}"></slot></span></span>`}};Ar=function(t){e(this,Pr,"f").onKeyDown(t)},Hr=async function(){const{added:t,removed:a}=e(this,Tr,"f").setItems([...this.querySelectorAll("m3e-input-chip")]);for(const a of t)a.isUpdatePending&&await a.updateComplete,this.disabled&&(a.disabled=!0),a.addEventListener("remove",e(this,Er,"f")),a.cell.addEventListener("click",e(this,Mr,"f"));a.forEach(t=>{t.removeEventListener("remove",e(this,Er,"f")),t.cell.removeEventListener("click",e(this,Mr,"f"))}),e(this,Pr,"f").setItems(e(this,Tr,"f").items.flatMap(e=>e.removeButton?[e.cell,e.removeButton]:[e.cell])),e(this,Pr,"f").activeItem||e(this,Pr,"f").updateActiveItem(e(this,Pr,"f").items.find(e=>e.hasAttribute("tabindex")))},Or=function(){const t=this.querySelector("input");if(e(this,Wr,"f")&&(e(this,Wr,"f").removeEventListener("change",e(this,Cr,"f")),e(this,Wr,"f").removeEventListener("keydown",e(this,Sr,"f"))),a(this,Wr,t,"f"),e(this,Wr,"f")){e(this,Wr,"f").disabled=this.disabled,e(this,Wr,"f").addEventListener("change",e(this,Cr,"f")),e(this,Wr,"f").addEventListener("keydown",e(this,Sr,"f"));const a=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(t,"value",{get:()=>a.get?.call(t),set:o=>{a.set?.call(t,o),e(this,Wr,"f")!==t||e(this,Ir,"f")||e(this,wr,"m",Ur).call(this)}})}},Fr=function(){setTimeout(()=>(e(this,Pr,"f").activeItem??e(this,Wr,"f"))?.focus())},Br=function(){this.setAttribute("tabindex","-1")},Vr=function(){this.setAttribute("tabindex",`${e(this,Dr,"f")}`)},qr=function(t){const a=t.target,o=e(this,Tr,"f").items.indexOf(a),i=e(this,Tr,"f").items.find((e,t)=>t>o&&!e.disabled&&e.removable);a.remove(),e(this,Pr,"f").setActiveItem(e(this,Pr,"f").items.find(e=>e===i?.removeButton)),e(this,Pr,"f").activeItem||e(this,Wr,"f")?.focus(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"remove",value:a.value,chip:a}}))},Rr=function(t){e(this,Pr,"f").updateActiveItem(t.composedPath().find(e=>e instanceof xr)?.cell)},Ur=async function(){const t=e(this,Wr,"f")?.value;if(!t)return;const o=document.createElement("m3e-input-chip");if(o.removable=!0,o.appendChild(document.createTextNode(t)),this.appendChild(o),o.isUpdatePending&&await o.updateComplete,e(this,Wr,"f"))try{a(this,Ir,!0,"f"),e(this,Wr,"f").value=""}finally{a(this,Ir,!1,"f")}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"add",value:t,chip:o}}))},Nr=function(t){if("Backspace"===t.key&&!e(this,Wr,"f")?.value){const t=[...e(this,Tr,"f").items].reverse().find(e=>!e.disabled&&!e.disabledInteractive&&e.removable);t&&t.dispatchEvent(new Event("remove"))}},B(i`m3e-input-chip-set [slot="input"]::placeholder { user-select: none; color: currentColor; transition: opacity ${v.motion.duration.extraLong1}; } m3e-input-chip-set:not(:focus-within) [slot="input"]::placeholder { opacity: 0; transition: 0s; } m3e-input-chip-set:hover [slot="input"]::placeholder { transition: 0s; } @media (prefers-reduced-motion) { m3e-input-chip-set [slot="input"]::placeholder { transition: none !important; } }`),jr.styles=[ir.styles,i`::slotted([slot="input"]) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: initial; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(m3e-input-chip) { min-width: 0; } span[role="row"], span[role="gridcell"] { display: contents; }`],jr=t([$("m3e-input-chip-set")],jr);let Yr=class extends(U(R(q(N(j(Y(f(ar,"button")))))))){_renderTrailingIcon(){return n}};var Kr,Zr,Gr,Xr,Jr,Qr,es,ts,as,os,is,rs,ss,ns,ls,cs,ds,hs,ms,ps,us,vs,bs,fs,gs,ys,$s,xs,ws,ks,Cs,Ss,_s,Ls,zs,Es,Ms,Ts,Ps,Is,Ws,Ds,As,Hs,Os,Fs,Bs,Vs,qs,Rs,Us,Ns,js,Ys,Ks,Zs,Gs,Xs,Js,Qs,en,tn,an,on,rn,sn,nn,ln,cn,dn,hn,mn,pn,un,vn,bn,fn;Yr.formAssociated=!0,Yr=t([$("m3e-suggestion-chip")],Yr);class gn{constructor(t,o){Kr.set(this,null),Zr.set(this,0),Gr.set(this,!1),Xr.set(this,void 0),Jr.set(this,()=>{if(!e(this,Gr,"f"))return;const t=performance.now();e(this,Xr,"f").call(this,(t-e(this,Zr,"f"))/1e3,t/1e3),a(this,Zr,t,"f"),a(this,Kr,requestAnimationFrame(e(this,Jr,"f")),"f")}),a(this,Xr,o,"f"),t.addController(this)}hostDisconnected(){this.stop()}start(){e(this,Gr,"f")||(a(this,Gr,!0,"f"),a(this,Zr,performance.now(),"f"),e(this,Jr,"f").call(this))}stop(){e(this,Gr,"f")&&(a(this,Gr,!1,"f"),null!==e(this,Kr,"f")&&(cancelAnimationFrame(e(this,Kr,"f")),a(this,Kr,null,"f")))}}Kr=new WeakMap,Zr=new WeakMap,Gr=new WeakMap,Xr=new WeakMap,Jr=new WeakMap;class yn{constructor(t,o){Qr.set(this,void 0),es.set(this,void 0),ts.set(this,new Set),a(this,Qr,t,"f"),a(this,es,o.target,"f"),e(this,Qr,"f").addController(this)}get targets(){return e(this,ts,"f").values()}hostConnected(){null!==e(this,es,"f")&&this.observe(e(this,es,"f")??e(this,Qr,"f"))}hostDisconnected(){e(this,ts,"f").forEach(e=>this.unobserve(e)),e(this,ts,"f").clear()}observe(t){e(this,ts,"f").has(t)||(e(this,ts,"f").add(t),this._observe(t))}isObserving(t){return e(this,ts,"f").has(t)}unobserve(t){e(this,ts,"f").delete(t)&&this._unobserve(t)}}function $n(e,t){if(!t)return 0;const a=document.createElement("div");a.style.all="inherit",a.style.width=t,a.style.position="absolute",a.style.visibility="hidden",a.style.pointerEvents="none",e.appendChild(a);try{return parseFloat(getComputedStyle(a).width)}finally{a.remove()}}function xn(e){const t=parseFloat(getComputedStyle(e).lineHeight);return isNaN(t)||t<=0?0:Math.round(e.scrollHeight/t)}async function wn(e,t=200){function a(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}e.focus();const o=performance.now();for(;!a(e);){if(!e.isConnected||performance.now()-o>t)return!1;await new Promise(requestAnimationFrame),e.focus()}return!0}function kn(){return!l&&matchMedia("(forced-colors: active)").matches}function Cn(e,t,a){return e+(t-e)*a}function Sn(e,t,a,o){return{x:Math.pow(1-o,2)*e.x+2*(1-o)*o*t.x+Math.pow(o,2)*a.x,y:Math.pow(1-o,2)*e.y+2*(1-o)*o*t.y+Math.pow(o,2)*a.y}}function _n(e,t,a,o,i){return{x:Math.pow(1-i,3)*e.x+3*Math.pow(1-i,2)*i*t.x+3*(1-i)*Math.pow(i,2)*a.x+Math.pow(i,3)*o.x,y:Math.pow(1-i,3)*e.y+3*Math.pow(1-i,2)*i*t.y+3*(1-i)*Math.pow(i,2)*a.y+Math.pow(i,3)*o.y}}function Ln(e,t){const a=function(e){return(e.match(/[a-zA-Z][^a-zA-Z]*/g)||[]).map(e=>({type:e[0],nums:e.slice(1).trim().split(/[\s,]+/).filter(Boolean).map(Number)}))}(e);let o={x:0,y:0},i={x:0,y:0};const r=[];for(const e of a)if("M"===e.type)o={x:e.nums[0],y:e.nums[1]},i=o;else if("L"===e.type){const t={x:e.nums[0],y:e.nums[1]},a=t.x-o.x,i=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.hypot(a,i)}),o=t}else if("H"===e.type){const t={x:e.nums[0],y:o.y},a=t.x-o.x;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("V"===e.type){const t={x:o.x,y:e.nums[0]},a=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("Q"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]};let i=0,s=o;const n=20;for(let e=1;e<=n;e++){const r=Sn(o,t,a,e/n);i+=Math.hypot(r.x-s.x,r.y-s.y),s=r}r.push({type:"Q",pts:[o,t,a],length:i}),o=a}else if("C"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]},i={x:e.nums[4],y:e.nums[5]};let s=0,n=o;const l=20;for(let e=1;e<=l;e++){const r=_n(o,t,a,i,e/l);s+=Math.hypot(r.x-n.x,r.y-n.y),n=r}r.push({type:"C",pts:[o,t,a,i],length:s}),o=i}else if("Z"===e.type){const e=i.x-o.x,t=i.y-o.y;r.push({type:"L",pts:[o,i],length:Math.hypot(e,t)}),o=i}const s=r.reduce((e,t)=>e+t.length,0)/(t-1),n=[];let l=0,c=0;for(let e=0;e<t;e++){const t=e*s;for(;c<r.length&&l+r[c].length<t;)l+=r[c].length,c++;const a=r[c];if(!a)break;const o=(t-l)/a.length;if("L"===a.type){const[e,t]=a.pts;n.push({x:Cn(e.x,t.x,o),y:Cn(e.y,t.y,o)})}else if("Q"===a.type){const[e,t,i]=a.pts;n.push(Sn(e,t,i,o))}else if("C"===a.type){const[e,t,i,r]=a.pts;n.push(_n(e,t,i,r,o))}}return n}function zn(e,t,a){return Math.max(t,Math.min(a,e))}function En(e,t){const a=e.length,o=new Array(a);for(let i=0;i<a;i++)o[i]=e[(i+t)%a];return o}function Mn(e,t){const a=Math.min(t.length,e.length);let o=0,i=1/0;for(let r=0;r<a;r++){let s=0;for(let o=0;o<a;o++){const n=t[(o+r)%a],l=e[o],c=n.x-l.x,d=n.y-l.y;if(s+=c*c+d*d,s>=i)break}s<i&&(i=s,o=r)}return o}function Tn(e){let t=0;const a=e.length;for(let o=0;o<a;o++){const i=e[o],r=e[(o+1)%a];t+=i.x*r.y-r.x*i.y}return t/2}function Pn(e,t){return function(e){const t=e.map(e=>{const t=function(e){let t=1/0,a=1/0,o=-1/0,i=-1/0;for(const r of e)r.x<t&&(t=r.x),r.x>o&&(o=r.x),r.y<a&&(a=r.y),r.y>i&&(i=r.y);return{minX:t,minY:a,maxX:o,maxY:i,width:o-t,height:i-a}}(e),a=e.map(e=>({x:e.x-t.minX,y:e.y-t.minY})),o=Math.max(t.width,t.height)||1,i=a.map(e=>({x:e.x/o,y:e.y/o})),r=t.width/o,s=t.height/o,n=(1-r)/2,l=(1-s)/2;return i.map(e=>({x:e.x+n,y:e.y+l}))}),a=t[0],o=Math.sign(Tn(a));for(let e=1;e<t.length;e++){let i=t[e];const r=Math.sign(Tn(i));0!==r&&r!==o&&(i=i.slice().reverse());const s=Mn(a,i);t[e]=En(i,s)}return t}(e.map(e=>Ln(e,t))).map(e=>`${e.map(e=>{const t=zn(100*e.x,0,100),a=zn(100*e.y,0,100);return`${t.toFixed(2)}% ${a.toFixed(2)}%`}).join(", ")}`)}function In(e,t=!1){let a="";switch(e.nodeType){case Node.TEXT_NODE:a=e.nodeValue??"";break;case Node.ELEMENT_NODE:if(e instanceof HTMLSlotElement)for(const o of e.assignedNodes({flatten:!0}))a+=In(o,t);else for(const o of e.childNodes)a+=In(o,t)}return t&&(a=a.trim()),a}function Wn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}function Dn(e){return e.assignedNodes({flatten:!0}).length>0}function An(e,t,a){const o=Object.getOwnPropertyDescriptor(e,t)??Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),t);if(!o)throw new Error(`Property ${String(t)} not found on target.`);const i=o.get?.bind(e),r=o.set?.bind(e);return Object.defineProperty(e,t,{configurable:!0,enumerable:o.enumerable,get:()=>a.get?a.get(()=>i?.()):i?.(),set(e){a.set?a.set(e,e=>r?.(e)):r?.(e)}}),()=>Object.defineProperty(e,t,o)}function Hn(){return l||matchMedia("(prefers-reduced-motion)").matches}function On(e){if("undefined"==typeof window)return;const t=new CSSStyleSheet;t.replaceSync(e.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]}function Fn(e,t=document){return new Promise(a=>{const o=t.querySelector(`#${e}`);o?a(o):"complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",()=>a(t.querySelector(`#${e}`)),{once:!0}):a(t.querySelector(`#${e}`))})}function Bn(e){const t=document?.location??null;return`url(${t?(t.pathname+t.search).split("#")[0]:""}#${e})`}function Vn(e,t,a){const o=t.getBoundingClientRect(),i=e.getBoundingClientRect();(i.top<o.top||i.bottom>o.bottom)&&e.scrollIntoView(a)}Qr=new WeakMap,es=new WeakMap,ts=new WeakMap;class qn{constructor(e=100){as.set(this,[]),os.set(this,void 0),a(this,os,e,"f")}add(t,a=performance.now()){e(this,as,"f").push({y:t,t:a});const o=a-e(this,os,"f");for(;e(this,as,"f").length>1&&e(this,as,"f")[0].t<o;)e(this,as,"f").shift()}getVelocity(){if(e(this,as,"f").length<2)return 0;const t=e(this,as,"f")[0],a=e(this,as,"f")[e(this,as,"f").length-1],o=a.y-t.y,i=(a.t-t.t)/1e3;return i>0?o/i:0}reset(){e(this,as,"f").length=0}}as=new WeakMap,os=new WeakMap;class Rn extends yn{constructor(t,o){super(t,o),is.add(this),rs.set(this,!1),ss.set(this,void 0),ns.set(this,t=>e(this,is,"m",vs).call(this,t)),ls.set(this,t=>e(this,is,"m",bs).call(this,t)),cs.set(this,t=>e(this,is,"m",fs).call(this,t)),ds.set(this,()=>a(this,rs,!0,"f")),hs.set(this,()=>a(this,rs,!1,"f")),ms.set(this,!1),ps.set(this,()=>a(this,ms,!0,"f")),us.set(this,()=>a(this,ms,!1,"f")),a(this,ss,o.callback,"f")}hostConnected(){super.hostConnected(),window?.addEventListener("keydown",e(this,ps,"f"),{capture:!0,passive:!0}),window?.addEventListener("pointerdown",e(this,us,"f"),{capture:!0})}hostDisconnected(){super.hostDisconnected(),window?.removeEventListener("keydown",e(this,ps,"f"),{capture:!0}),window?.removeEventListener("pointerdown",e(this,us,"f"),{capture:!0})}_observe(t){t.addEventListener("keydown",e(this,ns,"f")),t.addEventListener("focusin",e(this,ls,"f")),t.addEventListener("focusout",e(this,cs,"f")),t.addEventListener("touchstart",e(this,ds,"f")),t.addEventListener("touchend",e(this,hs,"f")),t.addEventListener("touchcancel",e(this,hs,"f"))}_unobserve(t){t.removeEventListener("keydown",e(this,ns,"f")),t.removeEventListener("focusin",e(this,ls,"f")),t.removeEventListener("focusout",e(this,cs,"f")),t.removeEventListener("touchstart",e(this,ds,"f")),t.removeEventListener("touchend",e(this,hs,"f")),t.removeEventListener("touchcancel",e(this,hs,"f"))}}rs=new WeakMap,ss=new WeakMap,ns=new WeakMap,ls=new WeakMap,cs=new WeakMap,ds=new WeakMap,hs=new WeakMap,ms=new WeakMap,ps=new WeakMap,us=new WeakMap,is=new WeakSet,vs=function(t){t.currentTarget.matches(":focus-within")&&e(this,is,"m",bs).call(this,t)},bs=function(t){if(e(this,rs,"f"))return;const a=t.currentTarget;e(this,ss,"f").call(this,!0,a.matches(":focus-visible")||e(this,ms,"f")||kn(),a)},fs=function(t){e(this,rs,"f")||e(this,ss,"f").call(this,!1,!1,t.currentTarget)};class Un extends yn{constructor(t,o){super(t,o),gs.add(this),ys.set(this,void 0),$s.set(this,new Map),xs.set(this,new Map),ws.set(this,t=>e(this,gs,"m",Ls).call(this,t)),ks.set(this,t=>e(this,gs,"m",zs).call(this,t)),a(this,ys,o.callback,"f"),this.startDelay=o.startDelay??0,this.endDelay=o.endDelay??0}clearDelays(){for(const t of this.targets)e(this,gs,"m",Cs).call(this,t)}_observe(t){t.addEventListener("pointerenter",e(this,ws,"f")),t.addEventListener("pointerleave",e(this,ks,"f")),t.addEventListener("touchend",e(this,ks,"f"))}_unobserve(t){t.removeEventListener("pointerenter",e(this,ws,"f")),t.removeEventListener("pointerleave",e(this,ks,"f")),t.removeEventListener("touchend",e(this,ks,"f"))}}ys=new WeakMap,$s=new WeakMap,xs=new WeakMap,ws=new WeakMap,ks=new WeakMap,gs=new WeakSet,Cs=function(t){e(this,gs,"m",Ss).call(this,t),e(this,gs,"m",_s).call(this,t)},Ss=function(t){return!!e(this,$s,"f").has(t)&&(clearTimeout(e(this,$s,"f").get(t)),e(this,$s,"f").delete(t))},_s=function(t){return!!e(this,xs,"f").has(t)&&(clearTimeout(e(this,xs,"f").get(t)),e(this,xs,"f").delete(t))},Ls=function(t){const a=t.target;e(this,gs,"m",_s).call(this,a),this.startDelay>0?(e(this,gs,"m",Ss).call(this,a),e(this,$s,"f").set(a,setTimeout(()=>{e(this,$s,"f").delete(a),e(this,ys,"f").call(this,!0,a)},this.startDelay))):e(this,ys,"f").call(this,!0,a)},zs=function(t){const a=t.target;e(this,gs,"m",Ss).call(this,a)||(this.endDelay>0?(e(this,gs,"m",_s).call(this,a),e(this,xs,"f").set(a,setTimeout(()=>{e(this,xs,"f").delete(a),e(this,ys,"f").call(this,!1,a)},this.endDelay))):e(this,ys,"f").call(this,!1,a))};class Nn{constructor(e){Es.set(this,void 0),Ms.set(this,new Array),a(this,Es,e,"f"),e.addController(this)}lock(){this.unlock();for(let t=e(this,Es,"f");t.parentNode&&t.parentNode!==document.documentElement;t=t.parentNode)for(const a of t.parentNode.children)a instanceof HTMLElement&&a!==t&&!a.inert&&(a.inert=!0,e(this,Ms,"f").push(a))}unlock(){e(this,Ms,"f").forEach(e=>e.inert=!1),e(this,Ms,"f").length=0}hostDisconnected(){this.unlock()}}Es=new WeakMap,Ms=new WeakMap;class jn extends yn{constructor(t,o){super(t,o),Ts.set(this,void 0),Ps.set(this,!1),Is.set(this,void 0),Ws.set(this,!0),a(this,Ts,o.callback,"f"),a(this,Ps,o.skipInitial??!1,"f"),l||(window.IntersectionObserver?a(this,Is,new IntersectionObserver((t,a)=>{e(this,Ts,"f").call(this,t,a)},o.init),"f"):console.warn("IntersectionController error: the browser does not support IntersectionObserver."))}async hostUpdated(){e(this,Is,"f")&&!e(this,Ps,"f")&&e(this,Ws,"f")&&e(this,Ts,"f").call(this,[],e(this,Is,"f")),a(this,Ws,!1,"f")}_observe(t){e(this,Is,"f")?.observe(t),a(this,Ws,!0,"f")}_unobserve(t){e(this,Is,"f")?.unobserve(t)}}Ts=new WeakMap,Ps=new WeakMap,Is=new WeakMap,Ws=new WeakMap;class Yn extends yn{constructor(t,o){super(t,o),Ds.add(this),As.set(this,void 0),Hs.set(this,void 0),Os.set(this,new Set),Fs.set(this,new Map),Bs.set(this,t=>e(this,Ds,"m",qs).call(this,t)),Vs.set(this,t=>e(this,Ds,"m",Rs).call(this,t)),a(this,As,o.callback,"f"),a(this,Hs,o.threshold??500,"f")}_observe(t){t.addEventListener("touchstart",e(this,Bs,"f"),{passive:!0}),t.addEventListener("touchend",e(this,Vs,"f")),t.addEventListener("touchcancel",e(this,Vs,"f"))}_unobserve(t){t.removeEventListener("touchstart",e(this,Bs,"f")),t.removeEventListener("touchend",e(this,Vs,"f")),t.removeEventListener("touchcancel",e(this,Vs,"f"))}}As=new WeakMap,Hs=new WeakMap,Os=new WeakMap,Fs=new WeakMap,Bs=new WeakMap,Vs=new WeakMap,Ds=new WeakSet,qs=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Fs,"f").set(a,setTimeout(()=>{e(this,Os,"f").add(a),e(this,Fs,"f").delete(a),e(this,As,"f").call(this,!0,a)},e(this,Hs,"f")))}},Rs=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Os,"f").has(a)&&(e(this,As,"f").call(this,!1,a),e(this,Os,"f").delete(a)),e(this,Fs,"f").has(a)&&(clearTimeout(e(this,Fs,"f").get(a)),e(this,Fs,"f").delete(a))}};class Kn extends yn{constructor(t,o){super(t,o),Us.set(this,void 0),Ns.set(this,!1),js.set(this,void 0),Ys.set(this,void 0),Ks.set(this,!0),a(this,Us,o.callback,"f"),a(this,Ns,o.skipInitial??!1,"f"),a(this,js,o.config,"f"),l||(window.MutationObserver?a(this,Ys,new MutationObserver((t,a)=>e(this,Us,"f").call(this,t,a)),"f"):console.warn("MutationController error: the browser does not support MutationObserver."))}async hostUpdated(){if(e(this,Ys,"f")&&!e(this,Ns,"f")&&e(this,Ks,"f")){const t=e(this,Ys,"f").takeRecords();t.length>0&&e(this,Us,"f").call(this,t,e(this,Ys,"f"))}a(this,Ks,!1,"f")}hostDisconnected(){super.hostDisconnected(),e(this,Ys,"f")?.disconnect()}_observe(t){e(this,Ys,"f")?.observe(t,e(this,js,"f")),a(this,Ks,!0,"f")}_unobserve(){e(this,Ys,"f")?.disconnect();for(const t of this.targets)e(this,Ys,"f")?.observe(t,e(this,js,"f"))}}Us=new WeakMap,Ns=new WeakMap,js=new WeakMap,Ys=new WeakMap,Ks=new WeakMap;class Zn extends yn{constructor(t,o){super(t,o),Zs.add(this),Gs.set(this,void 0),Xs.set(this,void 0),Js.set(this,void 0),Qs.set(this,new Map),en.set(this,void 0),tn.set(this,t=>e(this,Zs,"m",nn).call(this,t)),an.set(this,t=>e(this,Zs,"m",ln).call(this,t)),on.set(this,t=>e(this,Zs,"m",cn).call(this,t)),rn.set(this,t=>e(this,Zs,"m",dn).call(this,t)),sn.set(this,t=>e(this,Zs,"m",hn).call(this,t)),a(this,Gs,o.capture,"f"),a(this,Xs,o.callback,"f"),a(this,Js,o.isPressedKey,"f"),a(this,en,o.minPressedDuration??0,"f")}hostConnected(){document.addEventListener("pointerup",e(this,an,"f"),{capture:e(this,Gs,"f")}),document.addEventListener("touchend",e(this,on,"f"),{capture:e(this,Gs,"f")}),document.addEventListener("touchcancel",e(this,on,"f"),{capture:e(this,Gs,"f")}),super.hostConnected()}hostDisconnected(){document.removeEventListener("pointerup",e(this,an,"f"),{capture:e(this,Gs,"f")}),document.removeEventListener("touchend",e(this,on,"f"),{capture:e(this,Gs,"f")}),document.removeEventListener("touchcancel",e(this,on,"f"),{capture:e(this,Gs,"f")}),super.hostDisconnected(),e(this,Qs,"f").clear()}_observe(t){t.addEventListener("pointerdown",e(this,tn,"f"),{capture:e(this,Gs,"f")}),e(this,Js,"f")&&(t.addEventListener("keydown",e(this,rn,"f"),{capture:e(this,Gs,"f")}),t.addEventListener("keyup",e(this,sn,"f"),{capture:e(this,Gs,"f")}))}_unobserve(t){t.removeEventListener("pointerdown",e(this,tn,"f"),{capture:e(this,Gs,"f")}),e(this,Js,"f")&&(t.removeEventListener("keydown",e(this,rn,"f"),{capture:e(this,Gs,"f")}),t.removeEventListener("keyup",e(this,sn,"f"),{capture:e(this,Gs,"f")}))}}Gs=new WeakMap,Xs=new WeakMap,Js=new WeakMap,Qs=new WeakMap,en=new WeakMap,tn=new WeakMap,an=new WeakMap,on=new WeakMap,rn=new WeakMap,sn=new WeakMap,Zs=new WeakSet,nn=function(t){if(!("mouse"===t.pointerType&&t.button>1))for(const a of t.composedPath())if(a instanceof HTMLElement&&this.isObserving(a)){e(this,Qs,"f").has(a)||(e(this,Qs,"f").set(a,performance.now()),e(this,Xs,"f").call(this,!0,{x:t.x,y:t.y},a));break}},ln=function(t){"mouse"===t.pointerType&&t.button>1||e(this,Zs,"m",mn).call(this,t.x,t.y)},cn=function(t){e(this,Zs,"m",mn).call(this,t.changedTouches[0]?.clientX??0,t.changedTouches[0]?.clientY??0)},dn=function(t){if(t.target!==t.currentTarget)return;const a=t.currentTarget;if(e(this,Js,"f")?.call(this,t.key)&&(" "===t.key&&t.preventDefault(),!e(this,Qs,"f").has(a))){e(this,Qs,"f").set(a,performance.now());const t=a.getBoundingClientRect();e(this,Xs,"f").call(this,!0,{x:t.x+t.width/2,y:t.y+t.height/2},a)}},hn=function(t){const a=t.target;if(e(this,Qs,"f").has(a)&&e(this,Js,"f")?.call(this,t.key)){const t=e(this,en,"f")-(performance.now()-e(this,Qs,"f").get(a)),o=a.getBoundingClientRect();t>0?setTimeout(()=>{e(this,Qs,"f").delete(a),e(this,Xs,"f").call(this,!1,{x:o.x+o.width/2,y:o.y+o.height/2},a)},t):(e(this,Qs,"f").delete(a),e(this,Xs,"f").call(this,!1,{x:o.x+o.width/2,y:o.y+o.height/2},a))}},mn=function(t,a){for(const o of e(this,Qs,"f")){const i=e(this,en,"f")-(performance.now()-o[1]);i>0?setTimeout(()=>{e(this,Qs,"f").delete(o[0]),e(this,Xs,"f").call(this,!1,{x:t,y:a},o[0])},i):(e(this,Qs,"f").delete(o[0]),e(this,Xs,"f").call(this,!1,{x:t,y:a},o[0]))}};class Gn extends yn{constructor(t,o){super(t,o),pn.set(this,void 0),un.set(this,void 0),vn.set(this,void 0),bn.set(this,void 0),fn.set(this,!0),a(this,pn,o.callback,"f"),a(this,un,o.skipInitial??!1,"f"),a(this,vn,o.config,"f"),l||(window.ResizeObserver?a(this,bn,new ResizeObserver((t,a)=>e(this,pn,"f").call(this,t,a)),"f"):console.warn("ResizeController error: the browser does not support ResizeObserver."))}async hostUpdated(){e(this,bn,"f")&&!e(this,un,"f")&&e(this,fn,"f")&&e(this,pn,"f").call(this,[],e(this,bn,"f")),a(this,fn,!1,"f")}_observe(t){e(this,bn,"f")?.observe(t,e(this,vn,"f")),a(this,fn,!0,"f")}_unobserve(t){e(this,bn,"f")?.unobserve(t)}}pn=new WeakMap,un=new WeakMap,vn=new WeakMap,bn=new WeakMap,fn=new WeakMap;const Xn=e=>(t,a)=>{const o=()=>{"undefined"==typeof window||customElements.get(e)||customElements.define(e,t)};a?a.addInitializer(o):o()};function Jn(e){const t=Symbol("_id");return(a,o,i)=>{const r=i.value;return i.value=function(...a){clearTimeout(this[t]),this[t]=setTimeout(()=>r.apply(this,a),e)},i}}var Qn,el,tl,al,ol,il,rl,sl,nl,ll,cl,dl,hl,ml;class pl extends yn{constructor(t,o){super(t,o),Qn.add(this),el.set(this,void 0),tl.set(this,void 0),al.set(this,t=>e(this,Qn,"m",rl).call(this,t)),ol.set(this,new Map),a(this,el,!0===o.debounce,"f"),a(this,tl,o.callback,"f")}getScrollContainers(t){return e(this,ol,"f").get(t)}_observe(t){const a=e(this,Qn,"m",il).call(this,t);if(a.length>0){e(this,ol,"f").set(t,a);for(const t of a)(t===document.documentElement?document:t).addEventListener("scroll",e(this,al,"f"),{passive:!0})}}_unobserve(t){if(e(this,ol,"f").has(t)){for(const a of e(this,ol,"f").get(t))(a===document.documentElement?document:a).removeEventListener("scroll",e(this,al,"f"));e(this,ol,"f").delete(t)}}_debounceCallback(t){e(this,tl,"f").call(this,t)}}el=new WeakMap,tl=new WeakMap,al=new WeakMap,ol=new WeakMap,Qn=new WeakSet,il=function(e){const t=new Array;let a=e;for(;a;){const e=getComputedStyle(a);/(auto|scroll)/.test(e.overflow+e.overflowY+e.overflowX)&&t.push(a),a=a.parentElement}return t},rl=function(t){const a=t.target===document?document.documentElement:t.target;e(this,el,"f")?this._debounceCallback(a):e(this,tl,"f").call(this,a)},t([Jn(40)],pl.prototype,"_debounceCallback",null);class ul{constructor(e){sl.add(this),nl.set(this,!1),ll.set(this,0),cl.set(this,0),dl.set(this,""),hl.set(this,""),e.addController(this)}lock(){e(this,nl,"f")||(a(this,nl,!0,"f"),a(this,ll,window.scrollY,"f"),a(this,cl,window.scrollX,"f"),a(this,dl,document.documentElement.style.overflow,"f"),a(this,hl,document.documentElement.style.scrollbarGutter,"f"),e(this,sl,"m",ml).call(this)&&(document.documentElement.style.scrollbarGutter="stable"),document.documentElement.style.overflow="hidden",window.scrollTo(e(this,cl,"f"),e(this,ll,"f")))}unlock(){e(this,nl,"f")&&(a(this,nl,!1,"f"),document.documentElement.style.overflow=e(this,dl,"f"),document.documentElement.style.scrollbarGutter=e(this,hl,"f"),window.scrollTo(e(this,cl,"f"),e(this,ll,"f")))}hostDisconnected(){this.unlock()}}nl=new WeakMap,ll=new WeakMap,cl=new WeakMap,dl=new WeakMap,hl=new WeakMap,sl=new WeakSet,ml=function(){return document.documentElement.scrollHeight>document.documentElement.clientHeight};const vl={fromAttribute(e){if(!e)return null;const t=e.match(/^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(?:\.(\d{3}))?)?(Z|[+-]\d{2}:\d{2})?$/);if(!t)return null;const a=Number(t[1]),o=Number(t[2])-1,i=Number(t[3]),r=void 0!==t[4],s=r?Number(t[4]):0,n=r?Number(t[5]):0,l=r?Number(t[6]):0,c=r&&t[7]?Number(t[7]):0,d=t[8];if(!r&&!d)return new Date(a,o,i);if(r&&!d)return new Date(a,o,i,s,n,l,c);if("Z"===d)return new Date(Date.UTC(a,o,i,s,n,l,c));if(d&&/^[+-]\d{2}:\d{2}$/.test(d)){const e=d.startsWith("-")?-1:1,[t,r]=d.slice(1).split(":").map(Number),h=e*(60*t+r),m=Date.UTC(a,o,i,s,n,l,c);return new Date(m-6e4*h)}return null},toAttribute:e=>e?.toISOString()??null},bl={fromAttribute:e=>e?e.split(/\s+/).map(e=>e.trim()).filter(Boolean):[],toAttribute:e=>e.join(" ")},fl="important",gl=" !"+fl;const yl=Ke(class extends Ze{constructor(e){if(super(e),e.type!==Ge.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return n}update(e,[t]){const{style:a}=e.element;void 0===this._previousStyleProperties&&(this._previousStyleProperties=new Set(Object.keys(t)));for(const e of this._previousStyleProperties)null==t[e]&&(this._previousStyleProperties.delete(e),e.includes("-")?a.removeProperty(e):a[e]=null);for(const e in t){const o=t[e];if(null!=o){this._previousStyleProperties.add(e);const t="string"==typeof o&&o.endsWith(gl);e.includes("-")||t?a.setProperty(e,t?o.slice(0,-11):o,t?fl:""):a[e]=o}}return c}});function $l(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const xl=Symbol("internals");function wl(e){return $l(e,xl)}const kl=Symbol("_internals"),Cl=Symbol("_customState");function Sl(e,t){var a;class o extends e{constructor(){super(...arguments),this[a]=new Set}get[(a=Cl,xl)](){return this[kl]??(this[kl]=this.attachInternals())}}return o.formAssociated=t,o}function _l(e,t){return Cl in e?e[Cl].has(t):e[xl].states.has(t)}function Ll(e,t){Cl in e&&e[Cl].add(t),e[xl]?.states.add(t),e[xl]?.states.has(t)}function zl(e,t){return Cl in e&&e[Cl].delete(t),!!e[xl]?.states.delete(t)&&(e[xl]?.states.has(t),!0)}function El(e,t,a){a?Ll(e,t):zl(e,t)}function Ml(e){return $l(e,"checked")}function Tl(e){class a extends e{constructor(){super(...arguments),this.checked=!1}update(e){super.update(e),e.has("checked")&&("button"===this.role?(this.ariaPressed=`${this.checked}`,this.ariaChecked=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=`${this.checked}`,this.ariaPressed=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"checked",void 0),a}function Pl(e){return $l(e,"indeterminate")&&Ml(e)}function Il(e){class a extends(Tl(e)){constructor(){super(...arguments),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=!this.checked&&this.indeterminate?"mixed":`${this.checked}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"indeterminate",void 0),a}function Wl(e){return $l(e,"selected")}function Dl(e){class a extends e{constructor(){super(...arguments),this.selected=!1}update(e){super.update(e),e.has("selected")&&("button"===this.role?(this.ariaPressed=`${this.selected}`,this.ariaSelected=null,this.ariaChecked=null):"radio"===this.role?(this.ariaChecked=`${this.selected}`,this.ariaSelected=null,this.ariaPressed=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaSelected=`${this.selected}`,this.ariaPressed=null,this.ariaChecked=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"selected",void 0),a}function Al(e){return Ml(e)||Wl(e)}function Hl(e){return Ml(e)&&e.checked||Wl(e)&&e.selected}function Ol(e,t){Ml(e)?e.checked=t:e.selected=t}function Fl(e){return $l(e,"dirty","pristine","markAsDirty","markAsPristine")}const Bl=Symbol("_eventHandler");function Vl(e){var t;return t=Bl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return _l(this,"-dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[Bl])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[Bl])}markAsPristine(){zl(this,"-dirty")}markAsDirty(){Ll(this,"-dirty")}}}function ql(e){return $l(e,"touched","untouched","markAsTouched","markAsUntouched")}const Rl=Symbol("_eventHandler");function Ul(e){var t;return t=Rl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return _l(this,"-touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Rl],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Rl],{capture:!0})}markAsTouched(){Ll(this,"-touched")}markAsUntouched(){zl(this,"-touched")}}}const Nl={primary:o("var(--md-sys-color-primary, #6750A4)"),onPrimary:o("var(--md-sys-color-on-primary, #FFFFFF)"),primaryContainer:o("var(--md-sys-color-primary-container, #EADDFF)"),onPrimaryContainer:o("var(--md-sys-color-on-primary-container, #4F378B)"),primaryFixed:o("var(--md-sys-color-primary-fixed, #EADDFF)"),primaryFixedDim:o("var(--md-sys-color-primary-fixed-dim, #D0BCFF)"),onPrimaryFixed:o("var(--md-sys-color-on-primary-fixed, #21005D)"),onPrimaryFixedVariant:o("var(--md-sys-color-on-primary-fixed-variant, #4F378B)"),secondary:o("var(--md-sys-color-secondary, #625B71)"),onSecondary:o("var(--md-sys-color-on-secondary, #FFFFFF)"),secondaryContainer:o("var(--md-sys-color-secondary-container, #E8DEF8)"),onSecondaryContainer:o("var(--md-sys-color-on-secondary-container, #4A4458)"),secondaryFixed:o("var(--md-sys-color-secondary-fixed, #E8DEF8)"),secondaryFixedDim:o("var(--md-sys-color-secondary-fixed-dim, #CCC2DC)"),onSecondaryFixed:o("var(--md-sys-color-on-secondary-fixed, #1D192B)"),onSecondaryFixedVariant:o("var(--md-sys-color-on-secondary-fixed-variant, #4A4458)"),tertiary:o("var(--md-sys-color-tertiary, #7D5260)"),onTertiary:o("var(--md-sys-color-on-tertiary, #FFFFFF)"),tertiaryContainer:o("var(--md-sys-color-tertiary-container, #FFD8E4)"),onTertiaryContainer:o("var(--md-sys-color-on-tertiary-container, #633B48)"),tertiaryFixed:o("var(--md-sys-color-tertiary-fixed, #FFD8E4)"),tertiaryFixedDim:o("var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)"),onTertiaryFixed:o("var(--md-sys-color-on-tertiary-fixed, #31111D)"),onTertiaryFixedVariant:o("var(--md-sys-color-on-tertiary-fixed-variant, #633B48)"),error:o("var(--md-sys-color-error, #B3261E)"),onError:o("var(--md-sys-color-on-error, #FFFFFF)"),errorContainer:o("var(--md-sys-color-error-container, #F9DEDC)"),onErrorContainer:o("var(--md-sys-color-on-error-container, #8C1D18)"),surface:o("var(--md-sys-color-surface, #FEF7FF)"),onSurface:o("var(--md-sys-color-on-surface, #1D1B20)"),onSurfaceVariant:o("var(--md-sys-color-on-surface-variant, #49454F)"),surfaceContainerLowest:o("var(--md-sys-color-surface-container-lowest, #FFFFFF)"),surfaceContainerLow:o("var(--md-sys-color-surface-container-low, #F7F2FA)"),surfaceContainer:o("var(--md-sys-color-surface-container, #F3EDF7)"),surfaceContainerHigh:o("var(--md-sys-color-surface-container-high, #ECE6F0)"),surfaceContainerHighest:o("var(--md-sys-color-surface-container-highest, #E6E0E9)"),surfaceDim:o("var(--md-sys-color-surface-dim, #DED8E1)"),surfaceBright:o("var(--md-sys-color-surface-bright, #FEF7FF)"),surfaceVariant:o("var(--md-sys-color-surface-variant, #E7E0EC)"),inverseSurface:o("var(--md-sys-color-inverse-surface, #322F35)"),inverseOnSurface:o("var(--md-sys-color-inverse-on-surface, #F5EFF7)"),inversePrimary:o("var(--md-sys-color-inverse-primary, #D0BCFF)"),outline:o("var(--md-sys-color-outline, #79747E)"),outlineVariant:o("var(--md-sys-color-outline-variant, #CAC4D0)"),shadow:o("var(--md-sys-color-shadow, #000000)"),scrim:o("var(--md-sys-color-scrim, #000000)")},jl={scale:o("var(--md-sys-density-scale, 0)"),size:o("var(--md-sys-density-size, 0.25rem)")},Yl={...jl,calc:e=>o(`calc(max(${e}, ${jl.scale}) * ${jl.size})`)},Kl=`color-mix(in srgb, var(--m3e-elevation-color, ${Nl.shadow}) 20%, transparent)`,Zl=["0px 0px 0px 0px","0px 2px 1px -1px","0px 3px 1px -2px","0px 3px 3px -2px","0px 2px 4px -1px","0px 3px 5px -1px","0px 3px 5px -1px","0px 4px 5px -2px","0px 5px 5px -3px","0px 5px 6px -3px","0px 6px 6px -3px","0px 6px 7px -4px","0px 7px 8px -4px","0px 7px 8px -4px","0px 7px 9px -4px","0px 8px 9px -5px","0px 8px 10px -5px","0px 8px 11px -5px","0px 9px 11px -5px","0px 9px 12px -6px","0px 10px 13px -6px","0px 10px 13px -6px","0px 10px 14px -6px","0px 11px 14px -7px","0px 11px 15px -7px"],Gl=`color-mix(in srgb, var(--m3e-elevation-color, ${Nl.shadow}) 14%, transparent)`,Xl=["0px 0px 0px 0px","0px 1px 1px 0px","0px 2px 2px 0px","0px 3px 4px 0px","0px 4px 5px 0px","0px 5px 8px 0px","0px 6px 10px 0px","0px 7px 10px 1px","0px 8px 10px 1px","0px 9px 12px 1px","0px 10px 14px 1px","0px 11px 15px 1px","0px 12px 17px 2px","0px 13px 19px 2px","0px 14px 21px 2px","0px 15px 22px 2px","0px 16px 24px 2px","0px 17px 26px 2px","0px 18px 28px 2px","0px 19px 29px 2px","0px 20px 31px 3px","0px 21px 33px 3px","0px 22px 35px 3px","0px 23px 36px 3px","0px 24px 38px 3px"],Jl=`color-mix(in srgb, var(--m3e-elevation-color, ${Nl.shadow}) 12%, transparent)`,Ql=["0px 0px 0px 0px","0px 1px 3px 0px","0px 1px 5px 0px","0px 1px 8px 0px","0px 1px 10px 0px","0px 1px 14px 0px","0px 1px 18px 0px","0px 2px 16px 1px","0px 3px 14px 2px","0px 3px 16px 2px","0px 4px 18px 3px","0px 4px 20px 3px","0px 5px 22px 4px","0px 5px 24px 4px","0px 5px 26px 4px","0px 6px 28px 5px","0px 6px 30px 5px","0px 6px 32px 5px","0px 7px 34px 6px","0px 7px 36px 6px","0px 8px 38px 7px","0px 8px 40px 7px","0px 8px 42px 7px","0px 9px 44px 8px","0px 9px 46px 8px"];function ec(e){return`${Kl} ${Zl[e]},${Gl} ${Xl[e]},${Jl} ${Ql[e]}`}const tc={level0:o(`var(--md-sys-elevation-level0, ${ec(0)})`),level1:o(`var(--md-sys-elevation-level1, ${ec(1)})`),level2:o(`var(--md-sys-elevation-level2, ${ec(3)})`),level3:o(`var(--md-sys-elevation-level3, ${ec(6)})`),level4:o(`var(--md-sys-elevation-level4, ${ec(8)})`),level5:o(`var(--md-sys-elevation-level5, ${ec(12)})`)},ac={emphasized:o("var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0.0, 0, 1.0))"),emphasizedDecelerate:o("var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1.0))"),emphasizedAccelerate:o("var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0.0, 0.8, 0.15))"),standard:o("var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0.0, 0, 1.0))"),standardDecelerate:o("var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))"),standardAccelerate:o("var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(0.3, 0, 1, 1))")},oc={fastSpatial:o("var(--md-sys-motion-spring-fast-spatial, 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),defaultSpatial:o("var(--md-sys-motion-spring-default-spatial, 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),slowSpatial:o("var(--md-sys-motion-spring-slow-spatial, 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),fastEffects:o("var(--md-sys-motion-spring-fast-effects, 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00))"),defaultEffects:o("var(--md-sys-motion-spring-default-effects, 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00))"),slowEffects:o("var(--md-sys-motion-spring-slow-effects, 200ms cubic-bezier(0.34, 0.88, 0.34, 1.00))")},ic={easing:ac,duration:{short1:o("var(--md-sys-motion-duration-short-1, 50ms)"),short2:o("var(--md-sys-motion-duration-short-2, 100ms)"),short3:o("var(--md-sys-motion-duration-short-3, 150ms)"),short4:o("var(--md-sys-motion-duration-short-4, 200ms)"),medium1:o("var(--md-sys-motion-duration-medium-1, 250ms)"),medium2:o("var(--md-sys-motion-duration-medium-2, 300ms)"),medium3:o("var(--md-sys-motion-duration-medium-3, 350ms)"),medium4:o("var(--md-sys-motion-duration-medium-4, 400ms)"),long1:o("var(--md-sys-motion-duration-long-1, 450ms)"),long2:o("var(--md-sys-motion-duration-long-2, 500ms)"),long3:o("var(--md-sys-motion-duration-long-3, 550ms)"),long4:o("var(--md-sys-motion-duration-long-4, 600ms)"),extraLong1:o("var(--md-sys-motion-duration-extra-long-1, 700ms)"),extraLong2:o("var(--md-sys-motion-duration-extra-long-2, 800ms)"),extraLong3:o("var(--md-sys-motion-duration-extra-long-3, 900ms)"),extraLong4:o("var(--md-sys-motion-duration-extra-long-4, 1000ms)")},spring:oc},rc={width:o("var(--m3e-scrollbar-width, auto)"),thinWidth:o("var(--m3e-scrollbar-thin-width, thin)"),color:o("var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)")},sc={none:o("var(--md-sys-shape-corner-value-none, 0)"),extraSmall:o("var(--md-sys-shape-corner-value-extra-small, 0.25rem)"),small:o("var(--md-sys-shape-corner-value-small, 0.5rem)"),medium:o("var(--md-sys-shape-corner-value-medium, 0.75rem)"),large:o("var(--md-sys-shape-corner-value-large, 1rem)"),largeIncreased:o("var(--md-sys-shape-corner-value-large-increased, 1.25rem)"),extraLarge:o("var(--md-sys-shape-corner-value-extra-large, 1.75rem)"),extraLargeIncreased:o("var(--md-sys-shape-corner-value-extra-large-increased, 2rem)"),extraExtraLarge:o("var(--md-sys-shape-corner-value-extra-extra-large, 3rem)")},nc={color:Nl,elevation:tc,motion:ic,shape:{corner:{full:o("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:o(`var(--md-sys-shape-corner-extra-large-top, ${sc.extraLarge} ${sc.extraLarge} ${sc.none} ${sc.none})`),extraLarge:o(`var(--md-sys-shape-corner-extra-large, ${sc.extraLarge})`),extraLargeEnd:o(`${sc.none} ${sc.extraLarge} ${sc.extraLarge} ${sc.none}`),extraLargeStart:o(`${sc.extraLarge} ${sc.none} ${sc.none} ${sc.extraLarge}`),largeTop:o(`var(--md-sys-shape-corner-large-top, ${sc.large} ${sc.large} ${sc.none} ${sc.none})`),largeEnd:o(`var(--md-sys-shape-corner-large-end, ${sc.none} ${sc.large} ${sc.large} ${sc.none})`),largeStart:o(`var(--md-sys-shape-corner-large-end, ${sc.large} ${sc.none} ${sc.none} ${sc.large})`),large:o(`var(--md-sys-shape-corner-large, ${sc.large})`),medium:o(`var(--md-sys-shape-corner-medium, ${sc.medium})`),mediumTop:o(`${sc.medium} ${sc.medium} ${sc.none} ${sc.none}`),mediumEnd:o(`${sc.none} ${sc.medium} ${sc.medium} ${sc.none}`),mediumStart:o(`${sc.medium} ${sc.none} ${sc.none} ${sc.medium}`),small:o(`var(--md-sys-shape-corner-small, ${sc.small})`),smallTop:o(`${sc.small} ${sc.small} ${sc.none} ${sc.none}`),smallEnd:o(`${sc.none} ${sc.small} ${sc.small} ${sc.none}`),smallStart:o(`${sc.small} ${sc.none} ${sc.none} ${sc.small}`),extraSmallTop:o(`var(--md-sys-shape-corner-extra-small-top, ${sc.extraSmall} ${sc.extraSmall} ${sc.none} ${sc.none})`),extraSmall:o(`var(--md-sys-shape-corner-extra-small, ${sc.extraSmall})`),extraSmallEnd:o(`${sc.none} ${sc.extraSmall} ${sc.extraSmall} ${sc.none}`),extraSmallStart:o(`${sc.extraSmall} ${sc.none} ${sc.none} ${sc.extraSmall}`),extraSmallBottom:o(`${sc.none} ${sc.none} ${sc.extraSmall} ${sc.extraSmall}`),none:o(`var(--md-sys-shape-corner-none, ${sc.none})`),largeIncreased:o(`var(--md-sys-shape-corner-large-increased, ${sc.largeIncreased})`),extraLargeIncreased:o(`var(--md-sys-shape-corner-extra-large-increased, ${sc.extraLargeIncreased})`),extraExtraLarge:o(`var(--md-sys-shape-corner-extra-extra-large, ${sc.extraExtraLarge})`),value:sc}},state:{focusStateLayerOpacity:o("var(--md-sys-state-focus-state-layer-opacity, 10%)"),hoverStateLayerOpacity:o("var(--md-sys-state-hover-state-layer-opacity, 8%)"),pressedStateLayerOpacity:o("var(--md-sys-state-pressed-state-layer-opacity, 10%)")},typescale:{standard:{display:{large:{fontSize:o("var(--md-sys-typescale-display-large-font-size, 3.5625rem)"),fontWeight:o("var(--md-sys-typescale-display-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-display-large-line-height, 4rem)"),tracking:o("var(--md-sys-typescale-display-large-tracking, 0.015625rem)")},medium:{fontSize:o("var(--md-sys-typescale-display-medium-font-size, 2.8125rem)"),fontWeight:o("var(--md-sys-typescale-display-medium-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-display-medium-line-height, 3.25rem)"),tracking:o("var(--md-sys-typescale-display-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-display-small-font-size, 2.25rem)"),fontWeight:o("var(--md-sys-typescale-display-small-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-display-small-line-height, 2.75rem)"),tracking:o("var(--md-sys-typescale-display-small-tracking, 0)")}},headline:{large:{fontSize:o("var(--md-sys-typescale-headline-large-font-size, 2rem)"),fontWeight:o("var(--md-sys-typescale-headline-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-headline-large-line-height, 2.5rem)"),tracking:o("var(--md-sys-typescale-headline-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-headline-medium-font-size, 1.75rem)"),fontWeight:o("var(--md-sys-typescale-headline-medium-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-headline-medium-line-height, 2.25rem)"),tracking:o("var(--md-sys-typescale-headline-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-headline-small-font-size, 1.5rem)"),fontWeight:o("var(--md-sys-typescale-headline-small-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-headline-small-line-height, 2rem)"),tracking:o("var(--md-sys-typescale-headline-small-tracking, 0)")}},title:{large:{fontSize:o("var(--md-sys-typescale-title-large-font-size, 1.375rem)"),fontWeight:o("var(--md-sys-typescale-title-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-title-large-line-height, 1.75rem)"),tracking:o("var(--md-sys-typescale-title-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-title-medium-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-title-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-title-medium-line-height, 1.5rem)"),tracking:o("var(--md-sys-typescale-title-medium-tracking, 0.009375rem)")},small:{fontSize:o("var(--md-sys-typescale-title-small-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-title-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-title-small-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:o("var(--md-sys-typescale-body-large-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-body-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-body-large-line-height, 1.5rem)"),tracking:o("var(--md-sys-typescale-body-large-tracking, 0.03125rem)")},medium:{fontSize:o("var(--md-sys-typescale-body-medium-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-body-medium-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-body-medium-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-body-medium-tracking, 0.015625rem)")},small:{fontSize:o("var(--md-sys-typescale-body-small-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-body-small-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-body-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:o("var(--md-sys-typescale-label-large-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-label-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-label-large-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-label-large-tracking, 0.00625rem)")},medium:{fontSize:o("var(--md-sys-typescale-label-medium-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-label-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-label-medium-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-label-medium-tracking, 0.03125rem)")},small:{fontSize:o("var(--md-sys-typescale-label-small-font-size, 0.6875rem)"),fontWeight:o("var(--md-sys-typescale-label-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-label-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-label-small-tracking, 0.03125rem)")}}},emphasized:{display:{large:{fontSize:o("var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-display-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)"),tracking:o("var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-display-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-display-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)"),tracking:o("var(--md-sys-typescale-emphasized-display-small-tracking, 0)")}},headline:{large:{fontSize:o("var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)"),tracking:o("var(--md-sys-typescale-emphasized-headline-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)"),tracking:o("var(--md-sys-typescale-emphasized-headline-small-tracking, 0)")}},title:{large:{fontSize:o("var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-title-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)"),tracking:o("var(--md-sys-typescale-emphasized-title-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)"),tracking:o("var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-title-small-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:o("var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-body-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)"),tracking:o("var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-body-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:o("var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-label-large-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-label-small-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)")}}}},scrollbar:rc,density:Yl};function lc(e){return $l(e,"disabled")}function cc(e,a=!0){class o extends e{constructor(){super(...arguments),this.disabled=!1}update(e){super.update(e),e.has("disabled")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaDisabled=this.disabled?"true":null)}}return t([m({type:Boolean,reflect:a})],o.prototype,"disabled",void 0),o}function dc(e){return $l(e,"disabledInteractive")&&lc(e)}const hc=["click","dblclick","auxclick","keydown","keyup"],mc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],pc=Symbol("_suppressedEventHandler");function uc(e){var a;class o extends e{constructor(){super(...arguments),this[a]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&mc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){hc.forEach(e=>this.addEventListener(e,this[pc],!0)),super.connectedCallback()}disconnectedCallback(){hc.forEach(e=>this.removeEventListener(e,this[pc],!0)),super.disconnectedCallback()}update(e){super.update(e),(e.has("disabled")||e.has("disabledInteractive"))&&this.role&&"none"!==this.role&&"presentation"!==this.role&&"none"!==this.role&&(this.ariaDisabled=this.disabled||this.disabledInteractive?"true":null)}}return a=pc,t([m({attribute:"disabled-interactive",type:Boolean,reflect:!0})],o.prototype,"disabledInteractive",void 0),o}const vc=Symbol("updateLabels");function bc(e){return $l(e,"labels")&&wl(e)}const fc=Symbol("_eventHandler");function gc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[vc]()}}get labels(){return this[xl].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[fc]),this.addEventListener("change",this[fc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[fc]),this.removeEventListener("change",this[fc])}update(e){super.update(e),this[vc]()}[(t=fc,vc)](){const e=this.hasAttribute("tabindex"),t=lc(this)&&this.disabled||dc(this)&&this.disabledInteractive,a=ql(this)&&this.touched&&(this.ariaInvalid||_l(this,"-invalid"));for(const o of this.labels??[])o.style.userSelect=e?"none":"",o.style.cursor=!t&&e?"pointer":"",!t&&e?o.style.setProperty("-webkit-tap-highlight-color","rgba(0, 0, 0, 0)"):o.style.removeProperty("-webkit-tap-highlight-color"),o.style.color=t?`color-mix(in srgb, ${nc.color.onSurface} 38%, transparent)`:a?`${nc.color.error}`:""}}return a.formAssociated=!0,a}const yc=Symbol("formValue"),$c=Symbol("defaultValue");function xc(e){return $l(e,"disabled","form","name")&&bc(e)&&wl(e)}const wc=Symbol("_defaultValue"),kc=Symbol("_defaultIndeterminate"),Cc=Symbol("_formDisabled");function Sc(e){var a,o;class i extends e{constructor(){super(...arguments),this[a]=!1,this[o]=!1}get form(){return this[xl].form}get labels(){return this[xl].labels}get[(a=kc,o=Cc,yc)](){return null}get[$c](){return this[wc]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[Cc]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),Ml(this)?(this[wc]=this.checked,Pl(this)&&(this[kc]=this.indeterminate)):"value"in this&&(this[wc]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[xl].setFormValue(this[yc])}formDisabledCallback(e){const t=this.disabled;this[Cc]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){Ml(this)?(this.checked=!0===this[wc],Pl(this)&&(this.indeterminate=this[kc])):"value"in this&&(this.value=this[$c]),Fl(this)&&this.markAsPristine(),ql(this)&&this.markAsUntouched()}}return i.formAssociated=!0,t([m({noAccessor:!0})],i.prototype,"name",null),t([m({type:Boolean})],i.prototype,"disabled",null),i}const _c=Symbol("validate");function Lc(e){return $l(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&xc(e)}const zc=Symbol("_updateValidity"),Ec=Symbol("_validityMessage");function Mc(t){var a,o;class i extends t{constructor(){super(...arguments),a.add(this)}get willValidate(){return this[xl].willValidate}get validity(){return this[zc](),this[xl].validity}get validationMessage(){return this[zc](),this[xl].validationMessage}[(a=new WeakSet,_c)](){return this[Ec]?{customError:!0}:void 0}reportValidity(){return ql(this)&&this.markAsTouched(),this[zc](),this[xl].reportValidity()}checkValidity(){return this[zc](),this[xl].checkValidity()}setCustomValidity(e){this[Ec]=e||void 0,this[zc]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[zc]()}firstUpdated(e){super.firstUpdated(e),this[zc]()}[zc](){if(l||!this.isConnected)return;const t=this[_c](),i=t&&Object.keys(t).some(e=>!0===t[e]);let r=t?.customError?this[Ec]:"";t&&!r&&(r=e(this,a,"m",o).call(this,t)),this[xl].setValidity(t,r),this.ariaInvalid=i?"true":null,El(this,"-invalid",!0===i),bc(this)&&this[vc]?.()}}return o=function(e){const t=document.createElement("input");return t.type="text",e.valueMissing&&(t.required=!0,t.value=""),e.typeMismatch&&(t.type="email",t.value="not-an-email"),e.patternMismatch&&(t.pattern="[0-9]{4}",t.value="abcd"),e.tooShort&&(t.minLength=5,t.value="abc"),e.tooLong&&(t.maxLength=2,t.value="abcdef"),e.rangeUnderflow&&(t.type="number",t.min="10",t.value="5"),e.rangeOverflow&&(t.type="number",t.max="5",t.value="10"),e.stepMismatch&&(t.type="number",t.step="2",t.value="3"),e.badInput&&(t.type="number",t.value="abc"),t.setCustomValidity(""),t.checkValidity(),t.validationMessage},i}function Tc(e,...t){return class extends e{dispatchEvent(e){if(t.includes(e.type)){const t=this.getAttribute(`on${e.type}`);t&&new Function("e",`${t};`).call(this,e)}return super.dispatchEvent(e)}}}const Pc=Symbol("_tabindex");function Ic(e){var t;return t=Pc,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[Pc]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[Pc]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[Pc]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[Pc]}`)}}}function Wc(e){return $l(e,"name","type","value")&&wl(e)}const Dc=Symbol("_clickHandler");function Ac(e){var a;class o extends e{constructor(){super(...arguments),this.type="button",this[a]=async e=>{if(e.defaultPrevented||lc(this)&&this.disabled||dc(this)&&this.disabledInteractive)return;const t=this[xl].form;if(t&&"button"!==this.type&&(await new Promise(e=>setTimeout(e)),!e.defaultPrevented))switch(this.type){case"reset":t.reset();break;case"submit":t.addEventListener("submit",e=>Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>this}),{capture:!0,once:!0}),this[xl].setFormValue(this.value),t.requestSubmit()}}}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get value(){return this.getAttribute("value")}set value(e){null!=e?this.setAttribute("value",e):this.removeAttribute("value")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this[Dc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Dc])}}return a=Dc,o.formAssociated=!0,t([m()],o.prototype,"name",null),t([m()],o.prototype,"value",null),t([m()],o.prototype,"type",void 0),o}function Hc(e){return $l(e,"htmlFor","control","attach","detach")}const Oc=Symbol("_control"),Fc=Symbol("_firstUpdated");function Bc(e){var a;class o extends e{constructor(){super(...arguments),this[a]=!1,this.htmlFor=null}get control(){return this[Oc]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[Oc]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[Oc];e&&(this.detach(),this[Oc]=e)}firstUpdated(e){super.firstUpdated(e),this[Fc]=!0}update(e){if(super.update(e),e.has("htmlFor"))if(this.htmlFor){const e=this.getRootNode();e&&Fn(this.htmlFor,e).then(e=>{e!==this.control&&(this.control&&this.detach(),e instanceof HTMLElement&&this.attach(e))})}else this.control&&this[Fc]&&this.detach()}attach(e){this[Oc]=new WeakRef(e)}detach(){this[Oc]=void 0}}return a=Fc,t([m({attribute:"for"})],o.prototype,"htmlFor",void 0),o}function Vc(t,o=!0){var i,r,s,n,l,c,d;return r=new WeakMap,s=new WeakMap,n=new WeakMap,l=new WeakMap,i=new WeakSet,c=function(e){e.target!==e.currentTarget||lc(this)&&this.disabled||dc(this)&&this.disabledInteractive?a(this,r,!1,"f"):(" "===e.key||o&&"Enter"===e.key)&&a(this,r,!0,"f")},d=function(t){t.target!==t.currentTarget||lc(this)&&this.disabled||dc(this)&&this.disabledInteractive||!e(this,r,"f")?a(this,r,!1,"f"):(a(this,r,!1,"f"),this.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,composed:!0})))},class extends t{constructor(){super(...arguments),i.add(this),r.set(this,!1),s.set(this,t=>e(this,i,"m",c).call(this,t)),n.set(this,t=>e(this,i,"m",d).call(this,t)),l.set(this,()=>a(this,r,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,s,"f")),this.addEventListener("keyup",e(this,n,"f")),this.addEventListener("focusout",e(this,l,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,s,"f")),this.removeEventListener("keyup",e(this,n,"f")),this.removeEventListener("focusout",e(this,l,"f"))}}}const qc=Symbol("renderPseudoLink");function Rc(e){return $l(e,"download","href","rel","target")}const Uc=Symbol("_clickHandler");function Nc(a){var o,i,r,l,c;class d extends a{constructor(){super(...arguments),o.add(this),this[c]=async e=>{if(dc(this)&&this.disabledInteractive&&(e.preventDefault(),e.stopPropagation()),await new Promise(e=>e()),!e.defaultPrevented&&this.href){e.preventDefault(),e.stopImmediatePropagation();const t=document.createElement("a");t.href=this.href,t.rel=this.rel,t.target=this.target,null!=this.download&&(t.download=this.download),t.addEventListener("click",async()=>{await new Promise(e=>e()),t.remove()}),document.body.appendChild(t),t.click()}},this.href="",this.target="",this.rel=""}get download(){return this.getAttribute("download")}set download(e){const t=this.download;t!==e&&(e?this.setAttribute("download",e):this.removeAttribute("download"),this.requestUpdate("download",t))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this[Uc]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Uc])}[(o=new WeakSet,c=Uc,qc)](){const t=lc(this)&&this.disabled,a=dc(this)&&this.disabledInteractive;return t||a||!this.href?n:s`<a href="${this.href}" target="${Ne(this.target||void 0)}" rel="${Ne(this.rel||void 0)}" download="${Ne(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${e(this,o,"m",i)}" @focus="${e(this,o,"m",r)}" @blur="${e(this,o,"m",l)}"></a>`}}return i=function(e){2!==e.button?(e.preventDefault(),e.stopImmediatePropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))):e.target.removeAttribute("aria-hidden")},r=function(e){e.target.blur(),this.focus()},l=function(e){e.target.setAttribute("aria-hidden","true")},t([m()],d.prototype,"href",void 0),t([m()],d.prototype,"target",void 0),t([m()],d.prototype,"rel",void 0),t([m({reflect:!1})],d.prototype,"download",null),d}function jc(e){return $l(e,"readOnly")}function Yc(e,a=!0){class o extends e{constructor(){super(...arguments),this.readOnly=!1}update(e){super.update(e),e.has("readOnly")&&(this.ariaReadOnly=this.readOnly?"true":null)}}return t([m({attribute:"readonly",type:Boolean,reflect:a})],o.prototype,"readOnly",void 0),o}const Kc=Symbol("_wasConnected");function Zc(e){var t;return t=Kc,class extends e{constructor(){super(...arguments),this[t]=!1}reconnectedCallback(){}connectedCallback(){super.connectedCallback(),this[Kc]&&this.reconnectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this[Kc]=!0}}}function Gc(e){return $l(e,"required","optional")}function Xc(e){class a extends e{constructor(){super(...arguments),this.required=!1}get optional(){return!this.required}update(e){super.update(e),e.has("required")&&(this.ariaRequired=`${this.required}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"required",void 0),a}function Jc(e){return Gc(e)&&Lc(e)}function Qc(e){return class extends e{[_c](){const e=super[_c]();if(!e&&this.required){if(Ml(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function ed(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}function td(e){return class extends e{connectedCallback(){super.connectedCallback(),Ll(this,"-no-animate"),requestAnimationFrame(()=>zl(this,"-no-animate"))}}}function ad(e){return $l(e,"vertical")}function od(e){class a extends e{constructor(){super(...arguments),this.vertical=!1}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=this.vertical?"vertical":"horizontal")}}return t([m({type:Boolean,reflect:!0})],a.prototype,"vertical",void 0),a}var id,rd,sd,nd,ld,cd,dd,hd;class md extends r{constructor(){super(...arguments),id.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",e(this,id,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",e(this,id,"f"))}render(){return s`<slot></slot>`}}id=new WeakMap,md.styles=i`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let pd=class extends(Tc(Sl(r),"opening","opened","closing","closed")){constructor(){super(...arguments),rd.add(this),sd.set(this,!1),nd.set(this,!1),this.open=!1}update(t){if(super.update(t),Ll(this,"-no-animate"),!e(this,sd,"f"))return this.open&&(a(this,nd,!0,"f"),e(this,rd,"m",cd).call(this)),void a(this,sd,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(a(this,nd,!0,"f"),Hn()||(e(this,rd,"m",cd).call(this),El(this,"-overflows",this.clientHeight<this.scrollHeight),e(this,rd,"m",dd).call(this)),zl(this,"-closing"),Ll(this,"-opening"),this.dispatchEvent(new Event("opening")),e(this,rd,"m",dd).call(this),zl(this,"-no-animate"),e(this,rd,"m",hd).call(this),Hn()?(e(this,rd,"m",cd).call(this),zl(this,"-opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(e(this,rd,"m",cd).call(this),zl(this,"-opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(zl(this,"-opening"),Ll(this,"-closing"),this.dispatchEvent(new Event("closing")),e(this,rd,"m",hd).call(this),e(this,nd,"f")&&zl(this,"-no-animate"),Hn()?(e(this,rd,"m",dd).call(this),zl(this,"-closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{e(this,rd,"m",dd).call(this),this.addEventListener("transitionend",()=>{this.open||(zl(this,"-closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return s`<slot @slotchange="${e(this,rd,"m",ld)}"></slot>`}};sd=new WeakMap,nd=new WeakMap,rd=new WeakSet,ld=function(){a(this,sd,!0,"f")},cd=function(){this.style.height="auto"},dd=function(){this.style.height=""},hd=function(){this.style.height=`${this.scrollHeight}px`},pd.styles=i`:host { display: block; height: 0px; overflow: hidden; transition: ${o(`visibility var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard}`)}; } :host(:not(:state(-closing)):not([open])) { visibility: hidden; } :host(:not([open])) { min-height: unset !important; padding-top: 0px !important; padding-bottom: 0px !important; } :host(:state(-no-animate)) { transition-duration: 0ms; } :host(:state(-opening)), :host(:state(-closing)) { overflow-y: hidden !important; } :host(:state(-overflows)) { scrollbar-gutter: stable; } ::slotted(*) { --m3e-collapsible-animation-duration: initial; } @media (prefers-reduced-motion) { :host { transition: none; } }`,t([m({type:Boolean,reflect:!0})],pd.prototype,"open",void 0),pd=t([Xn("m3e-collapsible")],pd);const ud=o(`var(--m3e-elevation-lift-duration, ${nc.motion.duration.short4})`),vd=o(`var(--m3e-elevation-lift-easing, ${nc.motion.easing.standard})`),bd=o(`var(--m3e-elevation-settle-duration, ${nc.motion.duration.short3})`),fd=o(`var(--m3e-elevation-settle-easing, ${nc.motion.easing.standardAccelerate})`),gd=o(`var(--m3e-elevation-level, ${nc.elevation.level0})`),yd=o(`var(--m3e-elevation-hover-level, ${nc.elevation.level0})`),$d=o(`var(--m3e-elevation-focus-level, ${nc.elevation.level0})`),xd=o(`var(--m3e-elevation-pressed-level, ${nc.elevation.level0})`);var wd,kd,Cd,Sd,_d,Ld,zd;let Ed=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),wd.add(this),kd.set(this,new Un(this,{target:null,callback:t=>e(this,wd,"m",_d).call(this,t)})),Cd.set(this,new Rn(this,{target:null,callback:t=>e(this,wd,"m",Ld).call(this,t)})),Sd.set(this,new Zn(this,{target:null,callback:t=>e(this,wd,"m",zd).call(this,t)})),this.disabled=!1,this.level=null}attach(t){super.attach(t),e(this,kd,"f").observe(t),e(this,Cd,"f").observe(t),e(this,Sd,"f").observe(t)}detach(){this.control&&(e(this,kd,"f").unobserve(this.control),e(this,Cd,"f").unobserve(this.control),e(this,Sd,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!1)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!0))}render(){return s`<div class="shadow"></div>`}};kd=new WeakMap,Cd=new WeakMap,Sd=new WeakMap,wd=new WeakSet,_d=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},Ld=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},zd=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},Ed.styles=i`:host { display: block; } :host, .shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .shadow.resting, .shadow.focus, .shadow.pressed { will-change: box-shadow; transition: ${o(`box-shadow ${bd} ${fd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${o(`box-shadow ${ud} ${vd};`)}; } .shadow { box-shadow: ${gd}; } .shadow.focus { box-shadow: ${$d}; } .shadow.hover { box-shadow: ${yd}; } .shadow.pressed { box-shadow: ${xd}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${nc.elevation.level0}; --m3e-elevation-hover-level: ${nc.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${nc.elevation.level1}; --m3e-elevation-hover-level: ${nc.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${nc.elevation.level2}; --m3e-elevation-hover-level: ${nc.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${nc.elevation.level3}; --m3e-elevation-hover-level: ${nc.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${nc.elevation.level4}; --m3e-elevation-hover-level: ${nc.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${nc.elevation.level5}; --m3e-elevation-hover-level: ${gd}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${gd}; --m3e-elevation-pressed-level: ${gd}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,t([h(".shadow")],Ed.prototype,"_shadow",void 0),t([m({type:Boolean,reflect:!0})],Ed.prototype,"disabled",void 0),t([m({type:Number,reflect:!0})],Ed.prototype,"level",void 0),Ed=t([Xn("m3e-elevation")],Ed);const Md=o(`var(--m3e-focus-ring-color, ${nc.color.secondary})`),Td=o(`var(--m3e-focus-ring-duration, ${nc.motion.duration.long2})`),Pd=o("var(--m3e-focus-ring-thickness, 3px)"),Id=o("var(--m3e-focus-ring-outward-offset, 2px)"),Wd=o("var(--m3e-focus-ring-inward-offset, 0px)"),Dd=o("var(--m3e-focus-ring-visibility, visible)"),Ad=o("var(--m3e-focus-ring-growth-factor, 2)");var Hd,Od,Fd;let Bd=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),Hd.add(this),Od.set(this,new Rn(this,{target:null,callback:(t,a)=>e(this,Hd,"m",Fd).call(this,a)})),this.inward=!1,this.disabled=!1}show(){this._outline?.classList.toggle("visible",!0)}hide(){this._outline?.classList.toggle("visible",!1)}attach(t){super.attach(t),e(this,Od,"f").observe(t)}detach(){this.control&&e(this,Od,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide()}render(){return s`<div class="outline"></div>`}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};Od=new WeakMap,Hd=new WeakSet,Fd=function(e){this.disabled||(e?this.show():this.hide())},Bd.styles=i`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; outline: none; } .outline { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; z-index: 1; outline-color: ${Md}; outline-width: ${Pd}; visibility: ${Dd}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${Id}; } :host([inward]) .outline { outline-offset: calc(${Wd} - ${Pd}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${Td}; } :host([inward]) .outline.visible { animation: shrink-grow ${Td}; } @keyframes grow-shrink { 50% { outline-width: calc(${Pd} * ${Ad}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${Wd} - calc(${Pd} * ${Ad}) ); outline-width: calc(${Pd} * ${Ad}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,t([h(".outline")],Bd.prototype,"_outline",void 0),t([m({type:Boolean,reflect:!0})],Bd.prototype,"inward",void 0),t([m({type:Boolean,reflect:!0})],Bd.prototype,"disabled",void 0),Bd=t([Xn("m3e-focus-ring")],Bd);let Vd=class extends(Il(cc(ed(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n}};Vd.styles=i`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${nc.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${nc.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${nc.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${nc.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${nc.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${nc.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`,Vd=t([Xn("m3e-pseudo-checkbox")],Vd);let qd=class extends(Tl(cc(ed(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return s`<svg class="icon" viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`}};qd.styles=i`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${nc.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${nc.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${nc.color.onSurface}) 38%, transparent); }`,qd=t([Xn("m3e-pseudo-radio")],qd);const Rd=o(`var(--m3e-ripple-color, ${nc.color.onSurface})`),Ud=o(`var(--m3e-ripple-opacity, ${nc.state.pressedStateLayerOpacity})`),Nd=o(`var(--m3e-ripple-enter-duration, ${nc.motion.duration.long4})`),jd=o(`var(--m3e-ripple-exit-duration, ${nc.motion.duration.short2})`),Yd=o("var(--m3e-ripple-scale-factor, 2.5)");var Kd,Zd,Gd,Xd,Jd,Qd;let eh=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),Kd.add(this),Zd.set(this,null),Gd.set(this,new Zn(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(t,{x:a,y:o})=>e(this,Kd,"m",Qd).call(this,t,a,o)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==e(this,Zd,"f")}show(t,o,i=!1){e(this,Kd,"m",Xd).call(this);const r=this.getBoundingClientRect();this.centered&&(t=r.left+r.width/2,o=r.top+r.height/2);let s=this.radius;if(!s||isNaN(s)){const e=Math.max(Math.abs(t-r.left),Math.abs(t-r.right)),a=Math.max(Math.abs(o-r.top),Math.abs(o-r.bottom));s=Math.sqrt(e*e+a*a)}const n=t-r.left,l=o-r.top;a(this,Zd,document.createElement("div"),"f"),e(this,Zd,"f").classList.add("ripple"),i&&e(this,Zd,"f").classList.add("persistent"),e(this,Zd,"f").style.left=n-s+"px",e(this,Zd,"f").style.top=l-s+"px",e(this,Zd,"f").style.width=2*s+"px",e(this,Zd,"f").style.height=2*s+"px",e(this,Zd,"f").addEventListener("animationend",()=>e(this,Kd,"m",Jd).call(this,i),{once:!0}),e(this,Zd,"f").addEventListener("transitionend",()=>e(this,Kd,"m",Xd).call(this),{once:!0}),this.shadowRoot?.appendChild(e(this,Zd,"f"))}hide(){e(this,Zd,"f")?.classList.add("exit")}attach(t){super.attach(t),e(this,Gd,"f").observe(t)}detach(){this.control&&e(this,Gd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),e(this,Kd,"m",Xd).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var th;Zd=new WeakMap,Gd=new WeakMap,Kd=new WeakSet,Xd=function(){e(this,Zd,"f")?.remove(),a(this,Zd,null,"f")},Jd=function(t){t?e(this,Zd,"f")?.classList.add("pressed"):this.hide()},Qd=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},eh.styles=i`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } :host(:not([unbounded])) { overflow: hidden; } .ripple { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; transform: scale(0); border-radius: ${nc.shape.corner.full}; background-color: color-mix(in srgb, ${Rd} ${Ud}, transparent); will-change: background-color, opacity; animation: ripple ${Nd} linear; } .ripple.persistent.pressed { transform: scale(${Yd}); } .ripple.exit { transition: opacity ${jd} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${Yd}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${Yd}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,t([m({type:Boolean,reflect:!0})],eh.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],eh.prototype,"centered",void 0),t([m({type:Boolean,reflect:!0})],eh.prototype,"unbounded",void 0),t([m({type:Number})],eh.prototype,"radius",void 0),eh=t([Xn("m3e-ripple")],eh);let ah=class extends(Sl(r)){constructor(){super(...arguments),th.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",e(this,th,"f"))}update(t){super.update(t),t.has("dividers")&&(this.removeEventListener("scroll",e(this,th,"f")),"none"!==this.dividers&&this.addEventListener("scroll",e(this,th,"f"),{passive:!0}))}render(){return s`<slot @slotchange="${this._updateScroll}"></slot>`}_updateScroll(){const e=("above"===this.dividers||"above-below"===this.dividers)&&this.scrollTop>0,t=("below"===this.dividers||"above-below"===this.dividers)&&this.scrollHeight-this.scrollTop-this.clientHeight>1;El(this,"-above",e),El(this,"-below",t)}};var oh,ih,rh,sh;th=new WeakMap,ah.styles=i`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${nc.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${Md}; outline-width: ${Pd}; outline-offset: ${Id}; } :host([thin]) { scrollbar-width: ${nc.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${nc.scrollbar.width}; } :host(:not(:focus-visible):state(-above)) { border-top-color: var(--m3e-divider-color, ${nc.color.outlineVariant}); } :host(:not(:focus-visible):state(-below)) { border-bottom-color: var(--m3e-divider-color, ${nc.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${Td}; } @keyframes grow-shrink { 50% { outline-width: calc(${Pd} * ${Ad}); } } @media (forced-colors: active) { :host { border-top: var(--m3e-divider-thickness, 1px) solid Canvas; border-bottom: var(--m3e-divider-thickness, 1px) solid Canvas; } :host(:not(:focus-visible):state(-above)) { border-top-color: GrayText; } :host(:not(:focus-visible):state(-below)) { border-bottom-color: GrayText; } } @media (prefers-reduced-motion) { :host(:focus-visible) { animation: none; } }`,t([m()],ah.prototype,"dividers",void 0),t([m({type:Boolean,reflect:!0})],ah.prototype,"thin",void 0),t([Jn(40)],ah.prototype,"_updateScroll",null),ah=t([Xn("m3e-scroll-container")],ah);let nh=class extends(Sl(r)){constructor(){super(...arguments),oh.add(this),ih.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),Ll(this,"-no-animate")}update(t){super.update(t),t.has("selectedIndex")&&(null===this.selectedIndex&&Ll(this,"-no-animate"),e(this,oh,"m",sh).call(this),null!==this.selectedIndex&&_l(this,"-no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&zl(this,"-no-animate")}))}render(){return s`<slot @slotchange="${e(this,oh,"m",rh)}"></slot>`}};ih=new WeakMap,oh=new WeakSet,rh=function(t){const o=[...t.target.assignedElements({flatten:!0})];for(const t of e(this,ih,"f").filter(e=>!o.includes(e)))t.classList.remove("-before"),t.classList.remove("-after"),t.removeAttribute("inert");a(this,ih,o,"f"),e(this,oh,"m",sh).call(this)},sh=function(){const t=this.selectedIndex??e(this,ih,"f").length;for(let a=0;a<e(this,ih,"f").length;a++){const o=e(this,ih,"f")[a];o.classList.toggle("-before",a<t),o.classList.toggle("-after",a>t),o.toggleAttribute("inert",a!==t)}},nh.styles=i`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${o(`inset-inline-start var(--m3e-slide-animation-duration, ${nc.motion.duration.long2}) ${nc.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${nc.motion.duration.long2}) ${nc.motion.easing.standard} allow-discrete`)}; } ::slotted(.-before), ::slotted(.-after) { visibility: hidden; position: absolute; } ::slotted(.-before) { inset-inline-start: -100%; } ::slotted(.-after) { inset-inline-start: 100%; } ::slotted(:not(.-before):not(.-after)) { position: relative; inset-inline-start: 0; } :host(:state(-no-animate)) ::slotted(*) { transition: none; } @media (prefers-reduced-motion) { ::slotted(*) { transition: none; } }`,t([m({attribute:"selected-index",type:Number,reflect:!0})],nh.prototype,"selectedIndex",void 0),nh=t([Xn("m3e-slide")],nh);const lh=o(`var(--m3e-state-layer-hover-color, ${nc.color.onSurface})`),ch=o(`var(--m3e-state-layer-hover-opacity, ${nc.state.hoverStateLayerOpacity})`),dh=o(`var(--m3e-state-layer-focus-color, ${nc.color.onSurface})`),hh=o(`var(--m3e-state-layer-focus-opacity, ${nc.state.focusStateLayerOpacity})`),mh=o(`var(--m3e-state-layer-duration, ${nc.motion.duration.medium1})`),ph=o(`var(--m3e-state-layer-easing, ${nc.motion.easing.standard})`);var uh,vh,bh,fh,gh;let yh=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),uh.add(this),vh.set(this,new Un(this,{target:null,callback:t=>e(this,uh,"m",fh).call(this,t)})),bh.set(this,new Rn(this,{target:null,callback:(t,a)=>e(this,uh,"m",gh).call(this,a)})),this.disabled=!1,this.disableHover=!1}show(e){this._layer?.classList.toggle(e,!0)}hide(e){this._layer?.classList.toggle(e,!1)}attach(t){super.attach(t),e(this,vh,"f").observe(t),e(this,bh,"f").observe(t)}detach(){this.control&&(e(this,vh,"f").unobserve(this.control),e(this,bh,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide("hover"),this.hide("focused")}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this.hide("hover"),this.hide("focused")),e.has("disableHover")&&this.disableHover&&this.hide("hover")}render(){return s`<div class="layer"></div>`}};var $h,xh,wh,kh,Ch,Sh,_h,Lh;vh=new WeakMap,bh=new WeakMap,uh=new WeakSet,fh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},gh=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},yh.styles=i`:host { display: block; } :host, .layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .layer { will-change: background-color; transition: ${o(`background-color ${mh} ${ph}`)}; } .layer.focused { background-color: color-mix(in srgb, ${dh} ${hh}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${lh} ${ch}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,t([h(".layer")],yh.prototype,"_layer",void 0),t([m({type:Boolean,reflect:!0})],yh.prototype,"disabled",void 0),t([m({attribute:"disable-hover",type:Boolean,reflect:!0})],yh.prototype,"disableHover",void 0),yh=t([Xn("m3e-state-layer")],yh);let zh=Lh=class extends r{constructor(){super(),$h.add(this),xh.set(this,"m3e-text-highlight-"+Lh.__nextId++),wh.set(this,new Array),kh.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.mode="contains",this.isSupported&&(a(this,kh,new CSSStyleSheet,"f"),e(this,kh,"f").replaceSync(i`::highlight(${o(e(this,xh,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${nc.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${nc.color.onSecondaryContainer}); text-decoration: var(--m3e-text-highlight-decoration); text-shadow: var(--m3e-text-highlight-shadow); }`.toString()))}get isSupported(){return!(l||!CSS.highlights)}get ranges(){return e(this,wh,"f")}firstUpdated(t){super.firstUpdated(t),this.shadowRoot&&e(this,kh,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(e(this,kh,"f"))&&this.shadowRoot.adoptedStyleSheets.push(e(this,kh,"f"))}updated(t){super.updated(t),(t.has("term")||t.has("caseSensitive")||t.has("disabled"))&&e(this,$h,"m",_h).call(this)}render(){return s`<slot @slotchange="${e(this,$h,"m",_h)}"></slot>`}};xh=new WeakMap,wh=new WeakMap,kh=new WeakMap,$h=new WeakSet,Ch=function(e){return!/^\s*$/.test(e.data)},Sh=function t(a,o){a instanceof HTMLSlotElement?a.assignedNodes({flatten:!0}).forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,$h,"m",Ch).call(this,a)&&o.push(a);break;case Node.ELEMENT_NODE:e(this,$h,"m",t).call(this,a,o)}}):a.childNodes.forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,$h,"m",Ch).call(this,a)&&o.push(a);break;case Node.ELEMENT_NODE:e(this,$h,"m",t).call(this,a,o)}})},_h=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(e(this,xh,"f")),e(this,wh,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,wh,"f")],bubbles:!1,composed:!1}));const t=new Array;if(e(this,$h,"m",Sh).call(this,this,t),t.length>0){const o=this.caseSensitive?this.term:this.term.toLowerCase();switch(this.mode){case"starts-with":{const a=t[0];if(((this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"").startsWith(o)){const t=new Range;t.setStart(a,0),t.setEnd(a,o.length),e(this,wh,"f").push(t)}}break;case"ends-with":{const a=t[t.length-1],i=(this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"";if(i.endsWith(o)){const t=i.length-o.length,r=t+o.length,s=new Range;s.setStart(a,t),s.setEnd(a,r),e(this,wh,"f").push(s)}}break;case"contains":a(this,wh,t.map(e=>({el:e,text:(this.caseSensitive?e.textContent:e.textContent?.toLowerCase())??""})).map(({el:e,text:t})=>{const a=new Array;let i=0;for(;i<t.length;){const e=t.indexOf(o,i);if(-1===e)break;a.push(e),i=e+o.length}return a.map(t=>{const a=new Range;return a.setStart(e,t),a.setEnd(e,t+o.length),a})}).flat(),"f")}e(this,wh,"f").length>0&&CSS.highlights.set(e(this,xh,"f"),new Highlight(...e(this,wh,"f")))}this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,wh,"f")],bubbles:!1,composed:!1}))},zh.styles=i`:host { display: contents; }`,zh.__nextId=0,t([m({type:Boolean,reflect:!0})],zh.prototype,"disabled",void 0),t([m()],zh.prototype,"term",void 0),t([m({attribute:"case-sensitive",type:Boolean})],zh.prototype,"caseSensitive",void 0),t([m()],zh.prototype,"mode",void 0),zh=Lh=t([Xn("m3e-text-highlight")],zh);let Eh=class extends r{render(){return s`<span class="base"><slot></slot></span>`}};var Mh,Th,Ph,Ih,Wh,Dh,Ah,Hh,Oh,Fh,Bh,Vh,qh,Rh,Uh,Nh,jh,Yh,Kh,Zh,Gh,Xh,Jh;Eh.styles=i`:host { flex: 1 1 auto; display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; } .base { flex: 1 1 auto; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`,Eh=t([Xn("m3e-text-overflow")],Eh);let Qh=Jh=class extends(T(M(P(f(r,"dialog"))))){constructor(){super(...arguments),Mh.add(this),Th.set(this,void 0),Ph.set(this,void 0),Ih.set(this,void 0),Wh.set(this,void 0),Dh.set(this,new W(this)),Ah.set(this,new D(this)),Hh.set(this,t=>e(this,Mh,"m",Vh).call(this,t)),Oh.set(this,t=>e(this,Mh,"m",jh).call(this,t)),Fh.set(this,t=>{"closed"===t.newState&&(e(this,Mh,"m",Xh).call(this),e(this,Wh,"f")?.call(this),a(this,Wh,void 0,"f"))}),this.variant="docked",this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years",this.clearable=!1,this.clearLabel="Clear",this.confirmLabel="OK",this.dismissLabel="Cancel",this.label="Select date"}get isOpen(){return void 0!==e(this,Ph,"f")}get currentVariant(){return this._variant??("modal"!==this.variant?"docked":"modal")}connectedCallback(){super.connectedCallback(),this.setAttribute("popover","manual"),this.addEventListener("toggle",e(this,Fh,"f")),document.addEventListener("click",e(this,Hh,"f")),document.addEventListener("keydown",e(this,Oh,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._variant=void 0,e(this,Th,"f")?.call(this),e(this,Mh,"m",Gh).call(this),C(this,"-docked"),C(this,"-modal"),this.removeEventListener("toggle",e(this,Fh,"f")),document.removeEventListener("click",e(this,Hh,"f")),document.removeEventListener("keydown",e(this,Oh,"f"))}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.variant&&e(this,Mh,"m",Yh).call(this)}async show(t,o){e(this,Ph,"f")&&e(this,Ph,"f")!==t&&this.hide(),"modal"===this.currentVariant&&(e(this,Dh,"f").lock(),e(this,Ah,"f").lock());const i=this._calendar;i.date=this.date,i.rangeStart=this.rangeStart,i.rangeEnd=this.rangeEnd,i.requestUpdate("startView"),i.isUpdatePending&&await i.updateComplete,a(this,Ph,t,"f"),e(this,Ph,"f").ariaExpanded="true",a(this,Ih,o,"f"),await e(this,Mh,"m",Zh).call(this),this.showPopover(),await this._calendar.focusActiveCell()}hide(t=!1){"modal"===this.currentVariant&&(e(this,Dh,"f").unlock(),e(this,Ah,"f").unlock()),this.hidePopover(),e(this,Ph,"f")&&(e(this,Ph,"f").ariaExpanded="false",t&&e(this,Ph,"f").focus(),a(this,Ph,void 0,"f"))}async toggle(t,a){e(this,Ph,"f")?this.hide():await this.show(t,a)}render(){return s`<m3e-focus-trap>${e(this,Mh,"m",Bh).call(this)}<m3e-calendar class="calendar" start-view="${this.startView}" start-at="${Ne(this.startAt?.toISOString())}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" @change="${e(this,Mh,"m",qh)}"></m3e-calendar><div class="actions">${this.clearable?s`<m3e-button @click="${e(this,Mh,"m",Rh)}">${this.clearLabel}</m3e-button>`:n}<div class="spacer" aria-hidden="true"></div><m3e-button @click="${e(this,Mh,"m",Uh)}">${this.dismissLabel}</m3e-button><m3e-button @click="${e(this,Mh,"m",Nh)}">${this.confirmLabel}</m3e-button></div></m3e-focus-trap>`}willUpdate(t){super.willUpdate(t),["date","rangeStart","rangeEnd"].some(e=>t.has(e))&&e(this,Mh,"m",Xh).call(this),t.has("variant")&&(e(this,Th,"f")?.call(this),"auto"===this.variant?e(this,Mh,"m",Yh).call(this):(this._variant=void 0,e(this,Mh,"m",Kh).call(this)))}updated(e){super.updated(e),(e.has("specialDates")||e.has("blackoutDates"))&&(this._calendar.specialDates=this.specialDates,this._calendar.blackoutDates=this.blackoutDates)}};Th=new WeakMap,Ph=new WeakMap,Ih=new WeakMap,Wh=new WeakMap,Dh=new WeakMap,Ah=new WeakMap,Hh=new WeakMap,Oh=new WeakMap,Fh=new WeakMap,Mh=new WeakSet,Bh=function(){if("docked"===this.currentVariant)return n;const e=this._date??this.date;return s`<div class="supporting-text">${this.label}</div><div class="headline">${e?new Intl.DateTimeFormat(navigator.language,{weekday:"short",month:"short",day:"numeric"}).format(e):"––"}</div><div class="divider"></div>`},Vh=function(t){t.composedPath().some(t=>t instanceof Jh||t===e(this,Ph,"f")||t===e(this,Ih,"f"))||this.hide()},qh=function(){this._date=this._calendar.date,this._rangeStart=this._calendar.rangeStart,this._rangeEnd=this._calendar.rangeEnd},Rh=function(){this.date=null,this.rangeStart=null,this.rangeEnd=null,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},Uh=function(){this.hide(!0)},Nh=function(){this.date=this._date??this.date,this.rangeStart=void 0===this._rangeStart?this.rangeStart:this._rangeStart,this.rangeEnd=void 0===this._rangeEnd?this.rangeEnd:this._rangeEnd,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},jh=function(e){!this.isOpen||"modal"!==this.currentVariant||"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide(!0))},Yh=function(){a(this,Th,Xe.observe([Je.XSmall,Je.Small],t=>{this._variant=t.get(Je.XSmall)||t.get(Je.Small)?"modal":"docked",e(this,Mh,"m",Kh).call(this)}),"f")},Kh=function(){switch(this.currentVariant){case"docked":this.ariaModal=null,C(this,"-modal"),z(this,"-docked"),e(this,Dh,"f").unlock(),e(this,Ah,"f").unlock();break;case"modal":this.ariaModal="true",C(this,"-docked"),z(this,"-modal"),this.isOpen&&(e(this,Dh,"f").lock(),e(this,Ah,"f").lock())}this.isOpen&&e(this,Mh,"m",Zh).call(this)},Zh=async function(){"docked"===this.currentVariant&&e(this,Ph,"f")?(e(this,Wh,"f")?.call(this),a(this,Wh,await qe(this,e(this,Ih,"f")??e(this,Ph,"f"),{position:"bottom-start",inline:!0,flip:!0,shift:"both"},(e,t,a)=>{k(this,"-top",a.includes("top")),k(this,"-bottom",a.includes("bottom")),"rtl"===Ve.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f")):e(this,Mh,"m",Gh).call(this)},Gh=function(){e(this,Wh,"f")?.call(this),a(this,Wh,void 0,"f"),this.style.left="",this.style.right="",this.style.top=""},Xh=function(){this._date=this._rangeStart=this._rangeEnd=void 0},Qh.styles=i`:host { flex-direction: column; margin: unset; border: unset; padding-block: var(--m3e-datepicker-container-padding-block, 0.75rem); padding-inline: var(--m3e-datepicker-container-padding-inline, 0.25rem); background-color: var(--m3e-datepicker-container-color, ${v.color.surfaceContainer}); box-shadow: var(--m3e-datepicker-container-elevation, ${v.elevation.level3}); opacity: 0; display: none; } .calendar { --m3e-calendar-container-color: transparent; --m3e-calendar-container-elevation: ${v.elevation.level0}; --m3e-calendar-container-shape: ${v.shape.corner.none}; } .headline { font-size: var( --m3e-datepicker-modal-headline-font-size, ${v.typescale.standard.headline.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-headline-font-weight, ${v.typescale.standard.headline.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-headline-line-height, ${v.typescale.standard.headline.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-headline-tracking, ${v.typescale.standard.headline.large.tracking} ); margin-block-start: 2.25rem; margin-block-end: 0.75rem; margin-inline: 1.5rem; } .supporting-text { font-size: var( --m3e-datepicker-modal-supporting-text-font-size, ${v.typescale.standard.label.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-supporting-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-supporting-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-supporting-text-tracking, ${v.typescale.standard.label.large.tracking} ); margin-block-start: 1rem; margin-inline: 1.5rem; } .divider { height: var(--m3e-divider-thickness, 1px); width: 100%; position: relative; } .divider::before { content: ""; box-sizing: border-box; position: absolute; border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; left: -0.25rem; right: -0.25rem; } .actions { display: flex; align-items: center; column-gap: 0.5rem; padding-inline: var(--m3e-datepicker-actions-padding-inline, 0.5rem); } .spacer { flex: 1 1 auto; } :host(:state(-docked)) { position: absolute; background-color: var(--m3e-datepicker-docked-container-color, ${v.color.surfaceContainer}); border-radius: var(--m3e-datepicker-docked-container-shape, ${v.shape.corner.large}); } :host(:state(-modal)) { position: fixed; inset: 0; margin: auto; transform-origin: top; background-color: var(--m3e-datepicker-modal-container-color, ${v.color.surfaceContainerHigh}); border-radius: var(--m3e-datepicker-modal-container-shape, ${v.shape.corner.extraLarge}); } :host(:not(:state(-no-animate))) { transition: ${o(`opacity ${v.motion.duration.short2} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete`)}; } :host { transform: scaleY(0.8); } :host(:popover-open) { transform: scaleY(1); display: inline-flex; opacity: 1; } :host(:state(-docked))::backdrop { background-color: transparent; } :host(:state(-modal))::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } :host(:state(-modal):not(:popover-open))::backdrop { transition: ${o(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:state(-modal):popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${o(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } :host(:state(-bottom)) { transform-origin: top; } :host(:state(-top)) { transform-origin: bottom; } @starting-style { :host(:popover-open) { transform: scaleY(0.8); } :host(:state(-modal):popover-open)::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; border: 1px solid CanvasText; } }`,t([u()],Qh.prototype,"_date",void 0),t([u()],Qh.prototype,"_rangeStart",void 0),t([u()],Qh.prototype,"_rangeEnd",void 0),t([h("m3e-calendar")],Qh.prototype,"_calendar",void 0),t([u()],Qh.prototype,"_variant",void 0),t([m()],Qh.prototype,"variant",void 0),t([m({attribute:"start-view"})],Qh.prototype,"startView",void 0),t([m({converter:J})],Qh.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],Qh.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],Qh.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Qh.prototype,"maxDate",void 0),t([m({attribute:"range-start",converter:J})],Qh.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],Qh.prototype,"rangeEnd",void 0),t([m({attribute:!1})],Qh.prototype,"blackoutDates",void 0),t([m({attribute:!1})],Qh.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],Qh.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],Qh.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],Qh.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],Qh.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],Qh.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],Qh.prototype,"nextMultiYearLabel",void 0),t([m({type:Boolean})],Qh.prototype,"clearable",void 0),t([m({attribute:"clear-label"})],Qh.prototype,"clearLabel",void 0),t([m({attribute:"confirm-label"})],Qh.prototype,"confirmLabel",void 0),t([m({attribute:"dismiss-label"})],Qh.prototype,"dismissLabel",void 0),t([m()],Qh.prototype,"label",void 0),Qh=Jh=t([$("m3e-datepicker")],Qh);let em=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Qh&&this.parentElement&&this.control.toggle(this.parentElement,this.closest("m3e-form-field")??void 0)}};em=t([$("m3e-datepicker-toggle")],em);let tm=class extends E{constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var am,om,im,rm,sm,nm,lm,cm,dm,hm,mm,pm;t([m({attribute:"return-value"})],tm.prototype,"returnValue",void 0),tm=t([$("m3e-dialog-action")],tm);let um=pm=class extends(x(P(r),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),am.add(this),om.set(this,pm.__nextId++),im.set(this,!1),rm.set(this,!1),this._withActions=!1,sm.set(this,new W(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return e(this,im,"f")}set open(t){t!==e(this,im,"f")&&(a(this,im,t,"f"),e(this,im,"f")?this.show():this.hide())}async show(){if(await this.updateComplete,this._base.open)return;if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);e(this,sm,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const t=this.querySelector("[autofocus]");t&&H(t),this.dispatchEvent(new Event("opened"))}async hide(t=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,e(this,sm,"f").unlock(),!this._base.open)return void(this.open=!1);const a=this.returnValue;this.returnValue=t,this.dispatchEvent(new Event("closing",{cancelable:!0}))?(this.open=!1,this._base.close(t),this.dispatchEvent(new Event("closed"))):this.returnValue=a}render(){return s`<dialog class="base" role="${Ne(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${e(this,om,"f")}-header" .returnvalue="${this.returnValue}" @close="${e(this,am,"m",lm)}" @cancel="${e(this,am,"m",cm)}" @click="${e(this,am,"m",dm)}" @keydown="${e(this,am,"m",hm)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${e(this,om,"f")}-header"></slot>${e(this,am,"m",nm).call(this)}</div><m3e-scroll-container class="content" dividers="${this._withActions?"above-below":"above"}"><slot></slot></m3e-scroll-container><div class="actions"><slot name="actions" @slotchange="${e(this,am,"m",mm)}"></slot></div></m3e-focus-trap></dialog>`}};om=new WeakMap,im=new WeakMap,rm=new WeakMap,sm=new WeakMap,am=new WeakSet,nm=function(){return this.dismissible?s`<m3e-icon-button aria-label="${this.closeLabel}" class="close" @click="${this.hide}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`:n},lm=function(){e(this,rm,"f")&&(a(this,rm,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},cm=function(e){e.target===this._base&&(a(this,rm,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},dm=function(e){this.disableClose||e.target!==this._base||this.hide()},hm=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},mm=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,k(this,"-with-actions",this._withActions)},um.styles=i`:host { display: contents; } .base { font: inherit; border: unset; outline: unset; padding: unset; display: flex; flex-direction: column; position: fixed; overflow: visible; border-radius: var(--m3e-dialog-shape, ${v.shape.corner.extraLarge}); min-width: var(--m3e-dialog-min-width, 17.5rem); max-width: var(--m3e-dialog-max-width, 35rem); color: var(--m3e-dialog-color, ${v.color.onSurface}); background-color: var(--m3e-dialog-container-color, ${v.color.surfaceContainerHigh}); visibility: hidden; opacity: 0; transform-origin: top; transform: translateY(-3.125rem) scaleY(0.8); } .base::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } .base:not([open]) { visibility: hidden; opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); transition: ${o(`opacity ${v.motion.duration.short3} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete`)}; } .base[open] { visibility: visible; opacity: 1; transform: translateY(0) scaleY(1); transition: ${o(`opacity ${v.motion.duration.long2} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.long2} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete`)}; } .base:not([open])::backdrop { transition: ${o(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .base[open]::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${o(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .base[open] { opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); } .base[open]::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } .header { flex: none; display: flex; align-items: center; padding: 1.5rem 1.5rem 1rem 1.5rem; background-color: var(--m3e-dialog-header-container-color, transparent); } ::slotted([slot="header"]) { margin: unset; flex: 1 1 auto; color: var(--m3e-dialog-header-color, inherit); font-size: var(--m3e-dialog-header-font-size, ${v.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-dialog-header-font-weight, ${v.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-dialog-header-line-height, ${v.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-dialog-header-tracking, ${v.typescale.standard.headline.small.tracking}); } .content { padding-inline: 1.5rem; color: var(--m3e-dialog-content-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-dialog-content-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-dialog-content-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-dialog-content-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-dialog-content-tracking, ${v.typescale.standard.body.medium.tracking}); } .actions { padding: 1.5rem; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: 1.5rem; column-gap: 0.5rem; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } :host(:not(:state(-with-actions))) .content { margin-bottom: 1.5rem; } :host(:not(:state(-with-actions))) .actions { display: none; } .close { margin-inline-start: 0.5rem; } ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: var(--m3e-icon-button-icon-size, 1.5rem) !important; } @media (forced-colors: active) { .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } } @media (prefers-reduced-motion) { .base:not([open]), .base[open], .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } }`,um.__nextId=0,t([u()],um.prototype,"_withActions",void 0),t([h(".base")],um.prototype,"_base",void 0),t([h(".content")],um.prototype,"_content",void 0),t([m({type:Boolean})],um.prototype,"alert",void 0),t([m({type:Boolean,reflect:!0})],um.prototype,"open",null),t([m({type:Boolean})],um.prototype,"dismissible",void 0),t([m({attribute:"disable-close",type:Boolean})],um.prototype,"disableClose",void 0),t([m({attribute:"no-focus-trap",type:Boolean})],um.prototype,"noFocusTrap",void 0),t([m({attribute:"close-label"})],um.prototype,"closeLabel",void 0),um=pm=t([$("m3e-dialog")],um);let vm=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof um&&this.control.show()}};vm=t([$("m3e-dialog-trigger")],vm);let bm=class extends(f(r,"separator")){constructor(){super(...arguments),this.vertical=!1,this.inset=!1,this.insetStart=!1,this.insetEnd=!1}render(){return s`<div class="line"></div>`}};bm.styles=i`:host { display: block; position: relative; } :host(:not([vertical])) { height: var(--m3e-divider-thickness, 1px); width: 100%; } :host([vertical]) { width: var(--m3e-divider-thickness, 1px); height: 100%; } .line { box-sizing: border-box; position: absolute; } :host(:not([vertical])) .line { border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; } :host([vertical]) .line { border-right: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); width: inherit; } :host([vertical][inset]) .line, :host([vertical][inset-start]) .line { top: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-start]) .line { left: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical][inset]) .line, :host([vertical][inset-end]) .line { bottom: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-end]) .line { right: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical]:not([inset]):not([inset-start])) .line { top: 0; } :host(:not([vertical]):not([inset]):not([inset-start])) .line { left: 0; } :host([vertical]:not([inset]):not([inset-end])) .line { bottom: 0; } :host(:not([vertical]):not([inset]):not([inset-end])) .line { right: 0; } @media (forced-colors: active) { .line { border-color: GrayText; } }`,t([m({type:Boolean,reflect:!0})],bm.prototype,"vertical",void 0),t([m({type:Boolean,reflect:!0})],bm.prototype,"inset",void 0),t([m({attribute:"inset-start",type:Boolean,reflect:!0})],bm.prototype,"insetStart",void 0),t([m({attribute:"inset-end",type:Boolean,reflect:!0})],bm.prototype,"insetEnd",void 0),bm=t([$("m3e-divider")],bm);const fm=o(`var(--m3e-drawer-container-color, ${v.color.surface})`),gm=o(`var(--m3e-drawer-container-elevation, ${v.elevation.level0})`),ym=o("var(--m3e-drawer-container-width, 22.5rem)"),$m=o("var(--m3e-drawer-container-scrim-opacity, 32%)"),xm=o(`var(--m3e-modal-drawer-corner-shape, ${v.shape.corner.large})`),wm=o(`var(--m3e-modal-drawer-container-color, ${v.color.surfaceContainerLow})`),km=o(`var(--m3e-modal-drawer-elevation, ${v.elevation.level1})`),Cm=o(`var(--m3e-drawer-divider-color, ${v.color.outline})`),Sm=o("var(--m3e-drawer-divider-thickness, 1px)"),_m=i`:host { display: block; position: relative; overflow: hidden; flex: 1 1 auto; } .start, .end { position: absolute; top: 0; bottom: 0; z-index: 3; outline: none; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; box-sizing: border-box; background-color: ${fm}; box-shadow: ${gm}; transition: ${o(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete,\n      background-color ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      box-shadow ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } .start { inset-inline-start: 0; } .end { inset-inline-end: 0; } :host(:not([start])) .start { visibility: hidden; } :host(:not([start]):not(:dir(rtl))) .start { margin-left: calc(0px - var(--_start-drawer-size, ${ym})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${ym})); } :host([start]:not(:dir(rtl))) .start { margin-left: 0; } :host([start]:dir(rtl)) .start { margin-right: 0; } :host(:not([end])) .end { visibility: hidden; } :host(:not([end]):not(:dir(rtl))) .end { margin-right: calc(0px - var(--_end-drawer-size, ${ym})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${ym})); } :host([end]:not(:dir(rtl))) .end { margin-right: 0; } :host([end]:dir(rtl)) .end { margin-left: 0; } ::slotted([slot="start"]), ::slotted([slot="end"]) { height: 100%; width: ${ym}; box-sizing: border-box; } .content { position: relative; height: 100%; overflow: auto; margin-left: 0; margin-right: 0; transition: ${o(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } :host(:state(-start-push)[start]:not(:dir(rtl))) .content, :host(:state(-start-side)[start]:not(:dir(rtl))) .content { margin-left: var(--_start-drawer-size, ${ym}); } :host(:state(-start-push)[start]:dir(rtl)) .content, :host(:state(-start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${ym}); } :host(:state(-end-push)[end]:not(:dir(rtl))) .content, :host(:state(-end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${ym}); } :host(:state(-end-push)[end]:dir(rtl)) .content, :host(:state(-end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${ym}); } .scrim { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: ${v.color.scrim}; opacity: 0; visibility: hidden; transition: ${o(`opacity ${v.motion.duration.medium4} ${v.motion.easing.standard}, \n        visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .scrim { opacity: 0; } } :host(:state(-start-push)[start]) .scrim, :host(:state(-end-push)[end]) .scrim, :host(:state(-start-over)[start]) .scrim, :host(:state(-end-over)[end]) .scrim { visibility: visible; opacity: ${$m}; } :host(:state(-start-push)) .start, :host(:state(-start-over)) .start { border-start-end-radius: ${xm}; border-end-end-radius: ${xm}; } :host(:state(-end-push)) .end, :host(:state(-end-over)) .end { border-start-start-radius: ${xm}; border-end-start-radius: ${xm}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: ${wm}; box-shadow: ${km}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${Sm}; border-inline-end-style: solid; box-sizing: border-box; } :host([start-divider]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: ${Cm}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${Sm}; border-inline-start-style: solid; box-sizing: border-box; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: ${Cm}; } :host(:state(-no-animate)) .start, :host(:state(-no-animate)) .end, :host(:state(-no-animate)) .content { transition: none; } @media (forced-colors: active) { .start, .end { background-color: Canvas; box-shadow: unset; transition: ${o(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: Canvas; box-shadow: unset; border-color: CanvasText; } .start, .end { border-style: solid; border-color: Canvas; border-width: 1px; } .start { border-inline-start-style: none; } .end { border-inline-end-style: none; } :host([start-divider]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: GrayText; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: GrayText; } } @media (prefers-reduced-motion) { .start, .end, .content, .scrim { transition: none; } }`;var Lm,zm,Em,Mm,Tm,Pm,Im,Wm,Dm,Am,Hm,Om,Fm;let Bm=class extends(M(P(r))){constructor(){super(...arguments),Lm.add(this),this._startMode="side",this._endMode="side",zm.set(this,void 0),Em.set(this,!1),Mm.set(this,!1),Tm.set(this,new A(this,{target:null,skipInitial:!0,callback:t=>e(this,Lm,"m",Am).call(this,t)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),z(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),e(this,zm,"f")?.call(this),e(this,Lm,"m",Om).call(this)}willUpdate(t){super.willUpdate(t),(t.has("startMode")||t.has("endMode"))&&(e(this,zm,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?e(this,Lm,"m",Hm).call(this):e(this,Lm,"m",Fm).call(this)),t.has("start")?this.start&&this.end&&"side"!==this._endMode&&(this.end=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):t.has("end")&&this.end&&this.start&&"side"!==this._startMode&&(this.start=!1,this.dispatchEvent(new Event("change",{bubbles:!0})))}reconnectedCallback(){super.reconnectedCallback(),e(this,Lm,"m",Pm).call(this),"auto"!==this.startMode&&"auto"!==this.endMode||e(this,Lm,"m",Hm).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,Lm,"m",Pm).call(this)}render(){return s`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||e(this,Em,"f")}"><slot name="start" @slotchange="${e(this,Lm,"m",Wm)}"></slot></m3e-focus-trap></div><div class="content" .inert="${("side"!==this._startMode||"side"!==this._endMode)&&(this.start||this.end)}"><slot></slot></div><div class="scrim" @click="${e(this,Lm,"m",Im)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||e(this,Mm,"f")}"><slot name="end" @slotchange="${e(this,Lm,"m",Dm)}"></slot></m3e-focus-trap></div>`}};var Vm,qm,Rm,Um,Nm,jm;zm=new WeakMap,Em=new WeakMap,Mm=new WeakMap,Tm=new WeakMap,Lm=new WeakSet,Pm=function(){let t=this.shadowRoot?.querySelector(".start");t&&e(this,Tm,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&e(this,Tm,"f").observe(t)},Im=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},Wm=function(e){a(this,Em,!g(e.target),"f")},Dm=function(e){a(this,Mm,!g(e.target),"f")},Am=function(e){for(const t of e){const e=Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize;t.target.classList.contains("start")?this.style.setProperty("--_start-drawer-size",`${e.inlineSize}px`):t.target.classList.contains("end")&&this.style.setProperty("--_end-drawer-size",`${e.inlineSize}px`)}O(this,"-no-animate")&&(this.offsetTop,C(this,"-no-animate"))},Hm=function(){a(this,zm,Xe.observe([Je.XSmall,Je.Small],t=>e(this,Lm,"m",Fm).call(this,t,!0)),"f")},Om=function(){C(this,"-start-over"),C(this,"-start-push"),C(this,"-start-side"),C(this,"-end-over"),C(this,"-end-push"),C(this,"-end-side")},Fm=function(t,a=!1){let o=!1,i=!1;"auto"===this.startMode?t?.get(Je.Medium)?this._startMode="side":t?.get(Je.Small)?(o="side"===this._startMode&&this.start,this._startMode="push"):t?.get(Je.XSmall)?(o="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?t?.get(Je.Medium)?this._endMode="side":t?.get(Je.Small)?(i="side"===this._endMode&&this.end,this._endMode="push"):t?.get(Je.XSmall)?(i="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,e(this,Lm,"m",Om).call(this),z(this,`-start-${this._startMode}`),z(this,`-end-${this._endMode}`),a&&(o||i)&&(o&&(this.start=!1),i&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0})))},Bm.styles=_m,t([u()],Bm.prototype,"_startMode",void 0),t([u()],Bm.prototype,"_endMode",void 0),t([m({type:Boolean,reflect:!0})],Bm.prototype,"start",void 0),t([m({attribute:"start-mode",reflect:!0})],Bm.prototype,"startMode",void 0),t([m({attribute:"start-divider",type:Boolean,reflect:!0})],Bm.prototype,"startDivider",void 0),t([m({type:Boolean,reflect:!0})],Bm.prototype,"end",void 0),t([m({attribute:"end-mode",reflect:!0})],Bm.prototype,"endMode",void 0),t([m({attribute:"end-divider",type:Boolean,reflect:!0})],Bm.prototype,"endDivider",void 0),Bm=t([$("m3e-drawer-container")],Bm);let Ym=class extends(b(E)){constructor(){super(...arguments),Vm.add(this),qm.set(this,()=>e(this,Vm,"m",Um).call(this)),Rm.set(this,!1)}attach(t){super.attach(t),this.htmlFor&&this.parentElement&&Pe(this.parentElement,"aria-controls",this.htmlFor);const a=t.closest("m3e-drawer-container");a&&(a.addEventListener("change",e(this,qm,"f")),e(this,Vm,"m",jm).call(this,a,!0))}detach(){this.parentElement&&(this.htmlFor&&Ie(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",e(this,qm,"f")),super.detach()}_onClick(){e(this,Vm,"m",Nm).call(this)}};var Km,Zm,Gm,Xm;qm=new WeakMap,Rm=new WeakMap,Vm=new WeakSet,Um=function(){if(this.control&&!e(this,Rm,"f")){const t=this.control.closest("m3e-drawer-container");t&&e(this,Vm,"m",jm).call(this,t,!0)}},Nm=async function(){if(!this.parentElement||!this.control)return;const t=this.control.closest("m3e-drawer-container");if(t){a(this,Rm,!0,"f");try{"start"===this.control.slot?t.start=!t.start:"end"===this.control.slot&&(t.end=!t.end),t.isUpdatePending&&await t.updateComplete,await e(this,Vm,"m",jm).call(this,t,!1)}finally{a(this,Rm,!1,"f")}}},jm=async function(e,t){if(!this.parentElement||!this.control)return;let a=!1;"start"===this.control.slot?a=e.start:"end"===this.control.slot&&(a=e.end),this.parentElement.ariaExpanded=`${a}`,t&&this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",a),this.parentElement instanceof r&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},Ym=t([$("m3e-drawer-toggle")],Ym);let Jm=class extends r{constructor(){super(...arguments),Km.add(this),Zm.set(this,[]),this.multi=!1}get panels(){return e(this,Zm,"f")}render(){return s`<slot @slotchange="${e(this,Km,"m",Gm)}" @opening="${e(this,Km,"m",Xm)}"></slot>`}};Zm=new WeakMap,Km=new WeakSet,Gm=function(){if(a(this,Zm,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let t=!1;for(const a of e(this,Zm,"f").filter(e=>!e.open))t&&(a.open=!1),t=!0},Xm=function(t){if(!this.multi)for(const a of e(this,Zm,"f").filter(e=>e!==t.target&&e.open))a.open=!1},Jm.styles=i`:host { display: block; } ::slotted(m3e-expansion-panel) { --m3e-expansion-panel-container-color: ${v.color.surface}; --m3e-expansion-panel-elevation: ${v.elevation.level2}; --m3e-expansion-panel-open-shape: ${v.shape.corner.medium}; --_expansion-panel-open-spacing: 1rem; } ::slotted(m3e-expansion-panel:first-of-type:last-of-type) { --m3e-expansion-panel-shape: ${v.shape.corner.medium}; } ::slotted(m3e-expansion-panel:first-of-type:not(:last-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.medium} ${v.shape.corner.value.medium} ${v.shape.corner.value.none} ${v.shape.corner.value.none}; } ::slotted(m3e-expansion-panel:last-of-type:not(:first-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.none} ${v.shape.corner.value.none} ${v.shape.corner.value.medium} ${v.shape.corner.value.medium}; }`,t([m({type:Boolean})],Jm.prototype,"multi",void 0),Jm=t([$("m3e-accordion")],Jm);const Qm=o("var(--m3e-expansion-header-collapsed-height, 3rem)"),ep=o("var(--m3e-expansion-header-expanded-height, 4rem)"),tp=o("var(--m3e-expansion-header-padding-left, 1.5rem)"),ap=o("var(--m3e-expansion-header-padding-right, 1.5rem)"),op=o("var(--m3e-expansion-header-spacing, 0.5rem)"),ip=o("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),rp=o(`var(--m3e-expansion-header-font-size, ${v.typescale.standard.title.medium.fontSize})`),sp=o(`var(--m3e-expansion-header-font-weight, ${v.typescale.standard.title.medium.fontWeight})`),np=o(`var(--m3e-expansion-header-line-height, ${v.typescale.standard.title.medium.lineHeight})`),lp=o(`var(--m3e-expansion-header-tracking, ${v.typescale.standard.title.medium.tracking})`),cp=i`:host { display: block; border-radius: inherit; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: ${o(`height var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } .base { box-sizing: border-box; width: 100%; height: 100%; display: flex; border-radius: inherit; outline: none; position: relative; padding-inline-start: ${tp}; padding-inline-end: ${ap}; font-size: ${rp}; font-weight: ${sp}; line-height: ${np}; letter-spacing: ${lp}; column-gap: ${op}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${Qm}; } :host([aria-expanded="true"]) { height: ${ep}; } :host(:not(:focus-visible)) .state-layer { --m3e-state-layer-focus-color: transparent; } :host([aria-expanded="true"]) .state-layer { --m3e-state-layer-hover-color: transparent; } :host([aria-expanded="true"]) [part="background"], .content { flex: 1 1 auto; display: flex; align-items: center; } .toggle { display: flex; align-items: center; justify-content: center; vertical-align: middle; font-size: ${ip}; transition: ${o(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host([toggle-direction="vertical"][aria-expanded="true"]) .toggle { transform: rotate(180deg); } :host([toggle-direction="horizontal"][aria-expanded="true"]) .toggle { transform: rotate(var(--_expansion-header-horizontal-expanded-toggle-rotation, 90deg)); } :host([toggle-position="before"]) .toggle { margin-inline-start: calc(0px - ${op}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${op}); } :host([hide-toggle]) .toggle { display: none; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } @media (prefers-reduced-motion) { :host, .toggle { transition: none; } }`,dp=o(`var(--m3e-expansion-panel-text-color, ${v.color.onSurface})`),hp=o(`var(--m3e-expansion-panel-disabled-text-color, ${v.color.onSurface})`),mp=o("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),pp=o("var(--m3e-expansion-panel-container-color)"),up=o("var(--m3e-expansion-panel-elevation)"),vp=o("var(--m3e-expansion-panel-shape)"),bp=o("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),fp=o("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),gp=o("var(--_expansion-panel-open-spacing)"),yp=o("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),$p=o("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),xp=o("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),wp=o("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),kp=o(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${v.color.outlineVariant}))`),Cp=i`:host { display: block; } .base { background-color: ${pp}; transition: ${o(`box-shadow var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${dp}; } :host(:disabled) .base { color: color-mix( in srgb, ${hp} ${mp}, transparent ); } :host(:not([open])) .base { box-shadow: ${up}; border-radius: ${vp}; } :host([open]) .base { box-shadow: ${bp}; border-radius: ${fp}; margin-block: ${gp}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${ip}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${yp}; } :host(:not(:state(-with-actions))) .actions { display: none; } .actions { padding: ${xp}; border-top-style: solid; border-top-width: ${wp}; border-top-color: ${kp}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${$p}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { border: 1px solid CanvasText; } :host(:disabled) .base { color: GrayText; } .actions { border-top-color: GrayText; } }`;var Sp,_p;let Lp=class extends(q(N(Y(P(f(r,"button"),!0))))){constructor(){super(...arguments),Sp.add(this),this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer>${"before"===this.togglePosition?e(this,Sp,"m",_p).call(this):n}<div class="content"><slot></slot></div>${"after"===this.togglePosition?e(this,Sp,"m",_p).call(this):n}</div>`}};var zp,Ep,Mp,Tp,Pp,Ip,Wp,Dp,Ap,Hp,Op,Fp;Sp=new WeakSet,_p=function(){return s`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},Lp.styles=cp,t([h(".focus-ring")],Lp.prototype,"_focusRing",void 0),t([h(".state-layer")],Lp.prototype,"_stateLayer",void 0),t([m({attribute:"toggle-direction",reflect:!0})],Lp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],Lp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],Lp.prototype,"hideToggle",void 0),Lp=t([$("m3e-expansion-header")],Lp);let Bp=Fp=class extends(x(Y(M(P(r,!0))),"opening","opened","closing","closed")){constructor(){super(...arguments),zp.add(this),Ep.set(this,Fp.__nextId++),Mp.set(this,`m3e-expansion-panel-${e(this,Ep,"f")}-content`),Tp.set(this,`m3e-expansion-panel-${e(this,Ep,"f")}-header`),Pp.set(this,void 0),this.open=!1,this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}focus(e){this._header?.focus(e)}blur(){this._header?.blur()}click(){this._header?.click()}connectedCallback(){super.connectedCallback(),a(this,Pp,Ve.observe(()=>{this.requestUpdate(),e(this,zp,"m",Op).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Pp,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,zp,"m",Op).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,zp,"m",Op).call(this)}render(){return s`<div class="base"><m3e-expansion-header id="${e(this,Tp,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${e(this,Mp,"f")}" @click="${e(this,zp,"m",Wp)}" @keydown="${e(this,zp,"m",Dp)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${e(this,zp,"m",Ip).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${e(this,Mp,"f")}" role="region" aria-labelledby="${e(this,Tp,"f")}" ?open="${this.open}" @opening="${e(this,zp,"m",Ap)}" @opened="${e(this,zp,"m",Ap)}" @closing="${e(this,zp,"m",Ap)}" @closed="${e(this,zp,"m",Ap)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${e(this,zp,"m",Hp)}"></slot></div></m3e-collapsible></div>`}};Ep=new WeakMap,Mp=new WeakMap,Tp=new WeakMap,Pp=new WeakMap,zp=new WeakSet,Ip=function(){return"vertical"===this.toggleDirection?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>`:"ltr"===Ve.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`},Wp=function(){this.open=!this.open},Dp=function(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=[...t.panels].reverse(),a=e.indexOf(this);(e.find((e,t)=>!e.disabled&&t>a)??e.find((e,t)=>!e.disabled&&t<a))?._header?.focus()}else this.open=!1}break;case"ArrowDown":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=t.panels.indexOf(this);(t.panels.find((t,a)=>!t.disabled&&a>e)??t.panels.find((t,a)=>!t.disabled&&a<e))?._header?.focus()}else this.open=!0}}},Ap=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},Hp=function(e){k(this,"-with-actions",g(e.target))},Op=function(){"rtl"===Ve.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},Bp.styles=Cp,Bp.__nextId=0,t([h("m3e-expansion-header")],Bp.prototype,"_header",void 0),t([m({type:Boolean,reflect:!0})],Bp.prototype,"open",void 0),t([m({attribute:"toggle-direction",reflect:!0})],Bp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],Bp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],Bp.prototype,"hideToggle",void 0),Bp=Fp=t([$("m3e-expansion-panel")],Bp);const Vp=i`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .close-icon, ::slotted(:not([slot])), ::slotted([slot="close-icon"]) { font-size: inherit !important; flex: none; } .close-icon, ::slotted(svg:not([slot])), ::slotted(svg[slot="close-icon"]) { width: 1em; height: 1em; } :host(:not([extended])) ::slotted([slot="label"]), .base.with-menu ::slotted([slot="label"]), .base:not(.with-menu) ::slotted([slot="close-icon"]), .base:not(.with-menu) .close-icon, :host([aria-expanded="true"]) .base.with-menu ::slotted(:not([slot])), :host([aria-expanded="false"]) .base.with-menu ::slotted([slot="close-icon"]), :host([aria-expanded="false"]) .base.with-menu .close-icon { display: none; } :host([aria-expanded="true"]) .base.with-menu { border-radius: var(--m3e-fab-menu-close-button-container-shape, ${v.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${v.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); } .base.with-menu { transition: height ${v.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${v.motion.spring.fastSpatial}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base, .icon { transition: none; } .base { outline-style: solid; } :host([variant]:not(:disabled):not([disabled-interactive])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])) .label, :host([variant]:not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } } @media (prefers-reduced-motion) { .base, .base.resting, .base.pressed, .label, .icon { transition: none; } }`,qp={small:{containerHeight:o(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.medium.tracking}))`),iconSize:o(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${v.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:o(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${v.shape.corner.large}))`),leadingSpace:o(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${v.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${v.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:o("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:o("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:o(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.large.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.large.tracking}))`),iconSize:o(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${v.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:o(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${v.shape.corner.largeIncreased}))`),leadingSpace:o(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${v.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${v.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:o("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:o("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:o(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${v.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.headline.small.tracking}))`),iconSize:o(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${v.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:o(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${v.shape.corner.extraLarge}))`),leadingSpace:o(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${v.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${v.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:o("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:o("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function Rp(e){return i`:host([size="${o(e)}"]) .base { height: ${qp[e].containerHeight}; } :host([size="${o(e)}"]) .base { border-radius: ${qp[e].shape}; } :host([size="${o(e)}"]) .label { font-size: ${qp[e].labelTextFontSize}; font-weight: ${qp[e].labelTextFontWeight}; line-height: ${qp[e].labelTextLineHeight}; letter-spacing: ${qp[e].labelTextTracking}; } :host([size="${o(e)}"]:not([extended])) .wrapper { padding-inline-start: ${qp[e].leadingSpace}; padding-inline-end: ${qp[e].trailingSpace}; } :host([size="${o(e)}"]:not([extended])) .icon { font-size: ${qp[e].iconSize}; --m3e-icon-size: ${qp[e].iconSize}; } :host([size="${o(e)}"][extended]) .wrapper { padding-inline-start: ${qp[e].extendedLeadingSpace}; padding-inline-end: ${qp[e].extendedTrailingSpace}; column-gap: ${qp[e].iconLabelSpace}; } :host([size="${o(e)}"][extended]) .icon { font-size: ${qp[e].extendedIconSize}; --m3e-icon-size: ${qp[e].extendedIconSize}; }`}const Up=[Rp("small"),Rp("medium"),Rp("large")],Np={primary:{labelTextColor:o(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onPrimary}))`),iconColor:o(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onPrimary}))`),containerColor:o(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${v.color.primary}))`),containerElevation:o(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},secondary:{labelTextColor:o(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondary}))`),iconColor:o(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondary}))`),containerColor:o(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondary}))`),containerElevation:o(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},tertiary:{labelTextColor:o(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiary}))`),iconColor:o(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiary}))`),containerColor:o(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiary}))`),containerElevation:o(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"primary-container":{labelTextColor:o(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${v.color.onPrimaryContainer}))`),iconColor:o(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${v.color.onPrimaryContainer}))`),containerColor:o(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.primaryContainer}))`),containerElevation:o(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"secondary-container":{labelTextColor:o(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondaryContainer}))`),iconColor:o(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:o(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondaryContainer}))`),containerElevation:o(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"tertiary-container":{labelTextColor:o(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiaryContainer}))`),iconColor:o(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiaryContainer}))`),containerColor:o(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiaryContainer}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},surface:{labelTextColor:o(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.primary}))`),iconColor:o(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.primary}))`),containerColor:o(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${v.color.surfaceContainerHigh}))`),containerElevation:o(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),loweredContainerColor:o(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${v.color.surfaceContainerLow}))`),disabled:{containerColor:o(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}}};function jp(e){return i`:host([variant="${o(e)}"]:not([lowered])) .base { background-color: ${Np[e].containerColor}; --m3e-elevation-level: ${Np[e].containerElevation}; --m3e-elevation-hover-level: ${Np[e].hover.containerElevation}; --m3e-elevation-focus-level: ${Np[e].focus.containerElevation}; --m3e-elevation-pressed-level: ${Np[e].pressed.containerElevation}; } :host([variant="${o(e)}"][lowered]) .base { background-color: ${Np[e].loweredContainerColor??Np[e].containerColor}; --m3e-elevation-level: ${Np[e].loweredContainerElevation}; --m3e-elevation-hover-level: ${Np[e].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${Np[e].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${Np[e].pressed.loweredContainerElevation}; } :host([variant="${o(e)}"]) .base { --m3e-state-layer-hover-color: ${Np[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Np[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Np[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Np[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Np[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Np[e].pressed.stateLayerOpacity}; } :host([variant="${o(e)}"]) .label { color: ${Np[e].labelTextColor}; } :host([variant="${o(e)}"]:focus) .label { color: ${Np[e].focus.labelTextColor}; } :host([variant="${o(e)}"]:hover) .label { color: ${Np[e].hover.labelTextColor}; } :host([variant="${o(e)}"]) .base.pressed .label { color: ${Np[e].pressed.labelTextColor}; } :host([variant="${o(e)}"]) .icon { color: ${Np[e].iconColor}; } :host([variant="${o(e)}"]:focus) .icon { color: ${Np[e].focus.iconColor}; } :host([variant="${o(e)}"]:hover) .icon { color: ${Np[e].hover.iconColor}; } :host([variant="${o(e)}"]) .base.pressed .icon { color: ${Np[e].pressed.iconColor}; } :host([variant="${o(e)}"]:disabled) .base, :host([variant="${o(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Np[e].disabled.containerElevation}; background-color: color-mix( in srgb, ${Np[e].disabled.containerColor} ${Np[e].disabled.containerOpacity}, transparent ); } :host([variant="${o(e)}"]:disabled) .label, :host([variant="${o(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${Np[e].disabled.labelTextColor} ${Np[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${o(e)}"]:disabled) .icon, :host([variant="${o(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Np[e].disabled.iconColor} ${Np[e].disabled.iconOpacity}, transparent ); }`}const Yp=[jp("primary"),jp("secondary"),jp("tertiary"),jp("primary-container"),jp("secondary-container"),jp("tertiary-container"),jp("surface")];var Kp,Zp;let Gp=class extends(q(R(U(N(j(Y(P(f(r,"button"),!0)))))))){constructor(){super(),Kp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new Z(this,{isPressedKey:e=>" "===e,callback:e=>{this.disabled||this.disabledInteractive||(this._base?.classList.toggle("pressed",e),this._base?.classList.toggle("resting",!e))}})}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1)}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?centered="${!this.extended}" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[G]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${e(this,Kp,"m",Zp)}"></slot><slot class="icon" aria-hidden="true" name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot><div class="label"><slot name="label" @slotchange="${e(this,Kp,"m",Zp)}"></slot></div></div></div>`}};var Xp,Jp,Qp;Kp=new WeakSet,Zp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},Gp.styles=[Up,Yp,Vp],t([h(".base")],Gp.prototype,"_base",void 0),t([h(".elevation")],Gp.prototype,"_elevation",void 0),t([h(".focus-ring")],Gp.prototype,"_focusRing",void 0),t([h(".state-layer")],Gp.prototype,"_stateLayer",void 0),t([h(".ripple")],Gp.prototype,"_ripple",void 0),t([m({reflect:!0})],Gp.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],Gp.prototype,"lowered",void 0),t([m({reflect:!0})],Gp.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],Gp.prototype,"extended",void 0),Gp=t([$("m3e-fab")],Gp);let eu=class extends(q(R(Y(P(f(r,"menuitem"),!0))))){constructor(){super(...arguments),Xp.add(this),Jp.set(this,t=>e(this,Xp,"m",Qp).call(this,t))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Jp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Jp,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[G]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var tu,au,ou,iu,ru,su,nu,lu,cu,du,hu,mu,pu,uu;Jp=new WeakMap,Xp=new WeakSet,Qp=function(e){e.defaultPrevented||this.menu?.hide(!0)},eu.styles=i`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; height: var(--m3e-fab-menu-item-height, 3.5rem); font-size: var(--m3e-fab-menu-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-fab-menu-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-fab-menu-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-fab-menu-item-tracking, ${v.typescale.standard.label.large.tracking}); border-radius: var(--m3e-fab-menu-item-shape, ${v.shape.corner.full}); } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: var(--_fab-menu-item-color); } :host(:not(:disabled)) .base { background-color: var(--_fab-menu-item-container-color); --m3e-state-layer-hover-color: var(--_fab-menu-background-hover-color); --m3e-state-layer-focus-color: var(--_fab-menu-background-focus-color); --m3e-ripple-color: var(--_fab-menu-ripple-color); } :host(:disabled) .base { background-color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-container-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-container-opacity, 10%), transparent ); } :host(:disabled) .label, :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-opacity, 38%), transparent ); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; padding-inline-start: var(--m3e-fab-menu-item-leading-space, 1.5rem); padding-inline-end: var(--m3e-fab-menu-item-trailing-space, 1.5rem); column-gap: var(--m3e-fab-menu-item-spacing, 0.5rem); } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem); transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } ::slotted([slot="icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]) { width: 1em; height: 1em; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (prefers-reduced-motion) { .base, .label, .icon { transition: none; } } @media (forced-colors: active) { .base, .label, .icon { transition: none; } :host(:not(:disabled)) .base { background-color: Menu; } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: MenuText; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } }`,t([h(".elevation")],eu.prototype,"_elevation",void 0),t([h(".focus-ring")],eu.prototype,"_focusRing",void 0),t([h(".state-layer")],eu.prototype,"_stateLayer",void 0),t([h(".ripple")],eu.prototype,"_ripple",void 0),eu=t([$("m3e-fab-menu-item")],eu);let vu=class extends(T(P(f(r,"menu")))){constructor(){super(...arguments),tu.add(this),au.set(this,void 0),ou.set(this,void 0),iu.set(this,void 0),ru.set(this,(new He).withWrap().withHomeAndEnd().withVerticalOrientation()),su.set(this,t=>e(this,tu,"m",hu).call(this,t)),nu.set(this,t=>e(this,tu,"m",mu).call(this,t)),lu.set(this,new ve(this,{target:null,callback:()=>this.hide()})),cu.set(this,t=>{"closed"===t.newState?(e(this,iu,"f")?.call(this),a(this,iu,void 0,"f")):setTimeout(()=>{e(this,ru,"f").setActiveItem(e(this,ru,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==e(this,ou,"f")}async show(t){e(this,ou,"f")&&e(this,ou,"f")!==t&&this.hide(),e(this,iu,"f")?.call(this),a(this,iu,await qe(this,t,{position:"top-end",inline:!0,shift:"main",flip:!0,offset:8},(e,t,a)=>{k(this,"-right",a.includes("end")),k(this,"-left",a.includes("start")),"rtl"===Ve.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f"),this.showPopover(),a(this,ou,t,"f"),e(this,ou,"f").ariaExpanded="true",e(this,lu,"f").observe(e(this,ou,"f")),e(this,tu,"m",pu).call(this)}hide(t=!1){e(this,iu,"f")?.call(this),a(this,iu,void 0,"f"),e(this,ou,"f")&&(e(this,ou,"f").ariaExpanded="false",t&&e(this,ou,"f").focus(),e(this,tu,"m",uu).call(this),e(this,lu,"f").unobserve(e(this,ou,"f")),a(this,ou,void 0,"f")),this.hidePopover()}async toggle(t){e(this,ou,"f")?this.hide():await this.show(t)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),this.addEventListener("keydown",e(this,su,"f")),this.addEventListener("toggle",e(this,cu,"f")),document.addEventListener("click",e(this,nu,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,su,"f")),this.removeEventListener("toggle",e(this,cu,"f")),document.removeEventListener("click",e(this,nu,"f"))}render(){return s`<div class="base"><slot @slotchange="${e(this,tu,"m",du)}"></slot></div>`}};au=new WeakMap,ou=new WeakMap,iu=new WeakMap,ru=new WeakMap,su=new WeakMap,nu=new WeakMap,lu=new WeakMap,cu=new WeakMap,tu=new WeakSet,du=function(){const{added:t}=e(this,ru,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);e(this,ru,"f").activeItem||e(this,ru,"f").updateActiveItem(t.find(e=>!e.disabled))},hu=function(t){switch(t.key){case"Tab":this.hide();break;case"Escape":t.shiftKey||t.ctrlKey||this.hide(!0);break;default:e(this,ru,"f").onKeyDown(t)}},mu=function(t){t.composedPath().some(t=>t instanceof eu||t===e(this,ou,"f"))||this.hide()},pu=function(){const t=e(this,ou,"f")?.closest("m3e-fab");t&&(a(this,au,t.tabIndex,"f"),t.addEventListener("keydown",e(this,su,"f")),e(this,ru,"f").setItems([...e(this,ru,"f").items,t]))},uu=function(){const t=e(this,ou,"f")?.closest("m3e-fab");t&&(void 0!==e(this,au,"f")&&(t.tabIndex=e(this,au,"f")),t.removeEventListener("keydown",e(this,su,"f")),e(this,ru,"f").setItems([...e(this,ru,"f").items.filter(e=>e!==t)]))},vu.styles=i`:host { position: absolute; flex-direction: column; row-gap: var(--m3e-fab-menu-spacing, 0.25rem); padding: unset; margin: unset; border: unset; overflow: visible; max-width: var(--m3e-fab-menu-max-width, 17.5rem); opacity: 0; background-color: transparent; display: none; } :host(:not(:state(-no-animate))) { transition: ${o(`opacity ${v.motion.spring.fastEffects}, \n        transform ${v.motion.spring.fastSpatial},\n        overlay ${v.motion.spring.fastEffects} allow-discrete,\n        display ${v.motion.spring.fastEffects} allow-discrete`)}; } .base { display: contents; } :host([variant="primary"]) .base { --_fab-menu-item-color: var(--m3e-primary-fab-color, ${v.color.onPrimaryContainer}); --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${v.color.primaryContainer}); --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${v.color.onPrimaryContainer}); --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${v.color.onPrimaryContainer}); --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${v.color.onPrimaryContainer}); } :host([variant="secondary"]) .base { --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${v.color.onSecondaryContainer}); --_fab-menu-item-container-color: var( --m3e-secondary-fab-container-color, ${v.color.secondaryContainer} ); --_fab-menu-background-hover-color: var( --m3e-secondary-fab-hover-color, ${v.color.onSecondaryContainer} ); --_fab-menu-background-focus-color: var( --m3e-secondary-fab-focus-color, ${v.color.onSecondaryContainer} ); --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${v.color.onSecondaryContainer}); } :host([variant="tertiary"]) .base { --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${v.color.onTertiaryContainer}); --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${v.color.tertiaryContainer}); --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${v.color.onTertiaryContainer}); --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${v.color.onTertiaryContainer}); --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${v.color.onTertiaryContainer}); } :host { transform: scaleX(0.8); } :host(:state(-left)) { align-items: flex-start; transform-origin: left; } :host(:state(-right)) { align-items: flex-end; transform-origin: right; } :host(:popover-open) { transform: scaleX(1); display: inline-flex; opacity: 1; } :host::backdrop { background-color: transparent; } @starting-style { :host(:popover-open) { opacity: 0; } :host(:popover-open) { transform: scaleX(0.8); } } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { border-radius: ${v.shape.corner.medium}; outline: 1px solid MenuText; background-color: Menu; } }`,t([m({reflect:!0})],vu.prototype,"variant",void 0),vu=t([$("m3e-fab-menu")],vu);let bu=class extends(b(E)){get menu(){return this.control instanceof vu?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof vu&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&Pe(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&Ie(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};bu=t([$("m3e-fab-menu-trigger")],bu);
+var bi,fi,gi,yi,$i,xi,wi,ki,Ci,Si;hi=new WeakSet,mi=function(t){const a=this.activeDate.getFullYear()===t.date.getFullYear()&&this.activeDate.getMonth()===t.date.getMonth(),o=this.date?.getFullYear()===t.date.getFullYear()&&this.date?.getMonth()===t.date.getMonth(),i=this.today.getFullYear()===t.date.getFullYear()&&this.today.getMonth()===t.date.getMonth(),r=this.minDate&&(t.date.getFullYear()<this.minDate.getFullYear()||t.date.getFullYear()===this.minDate.getFullYear()&&t.date.getMonth()<this.minDate.getMonth())||this.maxDate&&(t.date.getFullYear()>this.maxDate.getFullYear()||t.date.getFullYear()===this.maxDate.getFullYear()&&t.date.getMonth()>this.maxDate.getMonth()),n=`month-${t.date.getMonth()}`;return s`<td role="gridcell" class="${Ue({current:i,selected:o,active:a})}"><div id="${n}" class="item" role="button" tabindex="${a?"0":"-1"}" data-value="${t.date.toISOString()}" aria-disabled="${Ne(r||void 0)}" aria-current="${Ne(i?"date":void 0)}" aria-pressed="${o}" @click="${e(this,hi,"m",pi)}" @keydown="${e(this,hi,"m",ui)}"><m3e-focus-ring class="focus-ring" for="${n}"></m3e-focus-ring><m3e-state-layer class="state-layer" for="${n}" ?disable-hover="${r}"></m3e-state-layer><m3e-ripple class="ripple" centered for="${n}" ?disabled="${r}"></m3e-ripple><div class="touch"></div><span class="visually-hidden">${t.long}</span> <span aria-hidden="true">${t.narrow}</span></div></td>`},pi=function(e){const t=e.currentTarget;"true"!==t.ariaDisabled&&t.dataset.value&&(this.activeDate=Ko(new Date(t.dataset.value),this.minDate,this.maxDate),this.dispatchEvent(new Event("change",{bubbles:!1})))},ui=function(e){let t=this.activeDate;switch(e.key){case" ":case"Enter":return e.preventDefault(),void e.currentTarget.click();case"ArrowLeft":case"Left":t=Vo(t,"rtl"===Ve.current?1:-1);break;case"ArrowRight":case"Right":t=Vo(t,"rtl"===Ve.current?-1:1);break;case"ArrowUp":case"Up":t=Vo(t,-4);break;case"ArrowDown":case"Down":t=Vo(t,4);break;case"Home":t=Vo(t,-t.getMonth());break;case"End":t=Vo(t,11-t.getMonth());break;case"PageUp":t=qo(t,e.altKey?-10:-1);break;case"PageDown":t=qo(t,e.altKey?10:1);break;default:return}e.preventDefault(),this._changeActiveDate(t)},vi.styles=[Go.styles,i`.item { height: 2.25rem; } .touch { width: 100%; } th { height: 1rem; } td { padding-inline: 0.375rem; } tbody { font-size: var(--m3e-calendar-item-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-calendar-item-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-calendar-item-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-calendar-item-tracking, ${v.typescale.standard.body.medium.tracking}); }`],vi=t([$("m3e-year-view")],vi);let _i=class extends r{constructor(){super(...arguments),bi.add(this),fi.set(this,void 0),this._today=new Date,this._activeView="month",this._activeDate=new Date,this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years"}get periodLabel(){switch(this._activeView){case"month":return new Intl.DateTimeFormat(navigator.language,{month:"short",year:"numeric"}).format(this._activeDate);case"year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).format(new Date(this._activeDate.getFullYear(),0,1));case"multi-year":return new Intl.DateTimeFormat(navigator.language,{year:"numeric"}).formatRange(new Date(jo(this._activeDate,this.minDate,this.maxDate),0,1),new Date(Yo(this._activeDate,this.minDate,this.maxDate),0,1))}}get canMovePreviousPeriod(){if(!this.minDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth(),0)>=this.minDate;case"year":return new Date(this._activeDate.getFullYear()-1,12,1)>=this.minDate;case"multi-year":return new Date(jo(this._activeDate,this.minDate,this.maxDate)-1,12,1)>=this.minDate}}get canMoveNextPeriod(){if(!this.maxDate)return!0;switch(this._activeView){case"month":return new Date(this._activeDate.getFullYear(),this._activeDate.getMonth()+1,1)<=this.maxDate;case"year":return new Date(this._activeDate.getFullYear()+1,1,1)<=this.maxDate;case"multi-year":return new Date(Yo(this._activeDate,this.minDate,this.maxDate)+1,12,1)<=this.maxDate}}async focusActiveCell(){this.isUpdatePending&&await this.updateComplete,await(this._view?.focusActiveCell())}updateTodayDate(){this._today=new Date}async movePreviousPeriod(){if(!this.canMovePreviousPeriod)return;if(S())return void(this._activeDate=e(this,bi,"m",Ci).call(this,this._activeView));await e(this,fi,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,fi,new Promise(a=>{t[0].addEventListener("transitionend",()=>{this._activeDate=e(this,bi,"m",Ci).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("after"),t[0].classList.add("before"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("after"),t[0].classList.remove("before"),await e(this,fi,"f"),this._body.style.overflow="")}async moveNextPeriod(){if(!this.canMoveNextPeriod)return;if(S())return void(this._activeDate=e(this,bi,"m",Si).call(this,this._activeView));await e(this,fi,"f");const t=[...this.shadowRoot?.querySelectorAll(`.row.${this._activeView} .view`)??[]];3==t.length&&(a(this,fi,new Promise(a=>{t[2].addEventListener("transitionend",()=>{this._activeDate=e(this,bi,"m",Si).call(this,this._activeView),t.forEach(e=>e.classList.add("no-animate")),t[1].classList.remove("before"),t[2].classList.add("after"),setTimeout(()=>{t.forEach(e=>e.classList.remove("no-animate")),a()})},{once:!0})}),"f"),this._body.style.overflow="hidden",t[1].classList.add("before"),t[2].classList.remove("after"),await e(this,fi,"f"),this._body.style.overflow="")}async togglePeriod(){await e(this,fi,"f"),this._activeView="month"===this._activeView?"multi-year":"month",await this.focusActiveCell()}willUpdate(e){super.willUpdate(e),e.has("date")&&(this._activeDate=new Date(this.date??this._today)),e.has("startAt")&&(this._activeDate=new Date(this.startAt??this.date??this._today)),e.has("startView")&&(this._activeView=this.startView)}updated(e){super.updated(e),this._view instanceof ri&&(e.has("specialDates")||e.has("blackoutDates"))&&this.shadowRoot?.querySelectorAll("m3e-month-view").forEach(e=>{e.specialDates=this.specialDates,e.blackoutDates=this.blackoutDates})}render(){return s`<div class="base"><slot name="header">${e(this,bi,"m",gi).call(this)}</slot><div class="body ${this._activeView}"><div class="row multi-year">${e(this,bi,"m",yi).call(this,"multi-year",-1)}${e(this,bi,"m",yi).call(this,"multi-year",0)}${e(this,bi,"m",yi).call(this,"multi-year",1)}</div><div class="row year">${e(this,bi,"m",yi).call(this,"year",-1)}${e(this,bi,"m",yi).call(this,"year",0)}${e(this,bi,"m",yi).call(this,"year",1)}</div><div class="row month">${e(this,bi,"m",yi).call(this,"month",-1)}${e(this,bi,"m",yi).call(this,"month",0)}${e(this,bi,"m",yi).call(this,"month",1)}</div></div></div>`}};fi=new WeakMap,bi=new WeakSet,gi=function(){return s`<div class="header"><m3e-button @click="${this.togglePeriod}">${this.periodLabel} <svg class="${Ue({rotate:"month"!==this._activeView})}" slot="trailing-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></m3e-button><div class="spacer"></div><m3e-icon-button ?disabled="${!this.canMovePreviousPeriod}" @click="${this.movePreviousPeriod}" aria-label="${"month"===this._activeView?this.previousMonthLabel:"year"===this._activeView?this.previousYearLabel:this.previousMultiYearLabel}">${"ltr"===Ve.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`}</m3e-icon-button><m3e-icon-button ?disabled="${!this.canMoveNextPeriod}" @click="${this.moveNextPeriod}" aria-label="${"month"===this._activeView?this.nextMonthLabel:"year"===this._activeView?this.nextYearLabel:this.nextMultiYearLabel}">${"ltr"===Ve.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`}</m3e-icon-button></div>`},yi=function(t,a){const o=a<0?e(this,bi,"m",Ci).call(this,t):a>0?e(this,bi,"m",Si).call(this,t):new Date(this._activeDate);switch(t){case"month":return s`<m3e-month-view class="view ${Ue({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${Ne(this.date?.toISOString())}" active-date="${o.toISOString()}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" range-start="${Ne(this.rangeStart?.toISOString())}" range-end="${Ne(this.rangeEnd?.toISOString())}" @active-change="${0===a?e(this,bi,"m",ki):void 0}" @change="${0===a?e(this,bi,"m",$i):void 0}"></m3e-month-view>`;case"year":return s`<m3e-year-view class="view ${Ue({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${Ne(this.date?.toISOString())}" active-date="${o.toISOString()}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,bi,"m",ki):void 0}" @change="${0===a?e(this,bi,"m",xi):void 0}"></m3e-year-view>`;case"multi-year":return s`<m3e-multi-year-view class="view ${Ue({before:a<0,after:a>0,active:t===this._activeView&&0===a})}" ?inert="${0!==a}" today="${this._today.toISOString()}" date="${Ne(this.date?.toISOString())}" active-date="${o.toISOString()}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" @active-change="${0===a?e(this,bi,"m",ki):void 0}" @change="${0===a?e(this,bi,"m",wi):void 0}"></m3e-multi-year-view>`}},$i=function(e){const t=e.currentTarget;this._activeDate=new Date(t.activeDate),this.rangeStart=t.rangeStart,this.rangeEnd=t.rangeEnd,this.date=new Date(this._activeDate),this.dispatchEvent(new Event("change",{bubbles:!0}))},xi=async function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="month",this.focusActiveCell()},wi=function(e){this._activeDate=new Date(e.currentTarget.activeDate),this._activeView="year",this.focusActiveCell()},ki=async function(e){this._view instanceof ri&&(this._view._suppressFocusHighlight=!1),this._activeDate=new Date(e.currentTarget.activeDate),await this.focusActiveCell(),this._view instanceof ri&&(this._view._suppressFocusHighlight=!1)},Ci=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()-1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()-1);break;case"year":t.setFullYear(this._activeDate.getFullYear()-1);break;case"multi-year":t.setDate(1),t.setFullYear(jo(this._activeDate,this.minDate,this.maxDate)-1)}return t},Si=function(e){const t=new Date(this._activeDate);switch(e){case"month":for(t.setMonth(this._activeDate.getMonth()+1);t.getMonth()===this._activeDate.getMonth();)t.setDate(t.getDate()+1);break;case"year":t.setFullYear(this._activeDate.getFullYear()+1);break;case"multi-year":t.setDate(1),t.setFullYear(Yo(this._activeDate,this.minDate,this.maxDate)+1)}return t},_i.styles=i`:host { display: inline-block; vertical-align: top; width: fit-content; height: fit-content; } .base { display: flex; flex-direction: column; width: fit-content; overflow: hidden; padding: var(--m3e-calendar-padding, 0.5rem); background-color: var(--m3e-calendar-container-color); box-shadow: var(--m3e-calendar-container-elevation); border-radius: var(--m3e-calendar-container-shape); } .header { display: flex; align-items: center; --m3e-text-button-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-hover-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-focus-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); --m3e-text-button-pressed-label-text-color: var( --m3e-calendar-period-button-text-color, ${v.color.onSurfaceVariant} ); } .spacer { flex: 1 1 auto; } svg { transition: transform ${v.motion.spring.fastEffects}; } svg.rotate { transform: rotate(-180deg); } .body { position: relative; } .view:not(.no-animate) { transition: ${o(`margin var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard},\n        visibility var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .view.before, .view.after { visibility: hidden; position: absolute; } .view.before { margin-inline-start: -100%; } .view.after { margin-inline-start: 100%; } .view:not(.before):not(.after) { visibility: visible; position: relative; left: 0; margin-inline-start: 0; } .row { opacity: 1; transform: translateY(0); } .row.multi-year { transition: ${o(`transform var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete,\n        opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .row:not(.multi-year) { transition: ${o(`opacity var(--m3e-calendar-slide-animation-duration, ${v.motion.duration.long2}) ${v.motion.easing.standard} allow-discrete`)}; } .body.month > .row:not(.month), .body.year > .row:not(.year), .body.multi-year > .row:not(.multi-year) { visibility: hidden; position: absolute; transform: translateY(-10%); opacity: 0; } .body.month > .row:not(.month) .view:not(.before):not(.after), .body.year > .row:not(.year) .view:not(.before):not(.after), .body.multi-year > .row:not(.multi-year) .view:not(.before):not(.after) { visibility: hidden; transition: none; } @media (prefers-reduced-motion) { .row:not(.multi-year), .row.multi-year, .view:not(.no-animate), svg { transition: none; } }`,t([u()],_i.prototype,"_today",void 0),t([u()],_i.prototype,"_activeView",void 0),t([u()],_i.prototype,"_activeDate",void 0),t([h(".active")],_i.prototype,"_view",void 0),t([h(".body")],_i.prototype,"_body",void 0),t([m({attribute:"start-view"})],_i.prototype,"startView",void 0),t([m({converter:J})],_i.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],_i.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],_i.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],_i.prototype,"maxDate",void 0),t([m({attribute:"range-start",converter:J})],_i.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],_i.prototype,"rangeEnd",void 0),t([m({attribute:!1})],_i.prototype,"blackoutDates",void 0),t([m({attribute:!1})],_i.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],_i.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],_i.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],_i.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],_i.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],_i.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],_i.prototype,"nextMultiYearLabel",void 0),_i=t([$("m3e-calendar")],_i);const Li=o("var(--m3e-card-padding, 1rem)"),zi=o(`var(--m3e-card-shape, ${v.shape.corner.medium});`),Ei={filled:{textColor:o(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:o(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerHighest}))`),containerElevation:o(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),disabled:{textColor:o(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:o("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:o("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:o(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surfaceVariant}))`),containerElevation:o(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:o(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:o("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:o("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:o(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`)},focus:{textColor:o(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`)},pressed:{textColor:o(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`)}},elevated:{textColor:o(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:o(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${v.color.surfaceContainerLow}))`),containerElevation:o(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level1}))`),disabled:{textColor:o(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:o("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:o("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:o(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${v.color.surface}))`),containerElevation:o(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level1}))`),containerElevationColor:o(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:o("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:o("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:o(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level2}))`)},focus:{textColor:o(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level1}))`)},pressed:{textColor:o(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level1}))`)}},outlined:{textColor:o(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${v.color.onSurface}))`),containerColor:o(`var(--m3e-outlined-card-container-color, var(--m3e-card-container-color, ${v.color.surface}))`),containerElevation:o(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${v.elevation.level0}))`),outlineColor:o(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${v.color.outlineVariant}))`),outlineThickness:o("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:o(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${v.color.onSurface}))`),textOpacity:o("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:o("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:o(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${v.elevation.level0}))`),containerElevationColor:o(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${v.color.onSurface}))`),containerElevationOpacity:o("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:o(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${v.color.outline}))`),outlineOpacity:o("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:o(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${v.elevation.level1}))`),outlineColor:o(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${v.color.outlineVariant}))`)},focus:{textColor:o(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${v.elevation.level0}))`),outlineColor:o(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${v.color.onSurface}))`)},pressed:{textColor:o(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${v.color.onSurface}))`),stateLayerColor:o(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${v.color.onSurface}))`),stateLayerOpacity:o(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${v.elevation.level0}))`),outlineColor:o(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${v.color.outlineVariant}))`)}}},Mi=i`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${zi}; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard},\n      border-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${zi}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${Li}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${Li}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${Li}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${Li}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${Li}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${Li}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${Li}; margin-block-start: ${Li}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${Li}; margin-block: ${Li}; } .has-actions slot[name="actions"] { margin-inline: ${Li}; margin-block: ${Li}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${Li}; margin-block-end: ${Li}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${Li}; margin-inline-end: ${Li}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${Ei.outlined.outlineThickness??o("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function Ti(e){return i`:host([variant="${o(e)}"]) .base { background-color: ${Ei[e].containerColor??o("unset")}; box-shadow: ${Ei[e].containerElevation??o("unset")}; border-width: ${Ei[e].outlineThickness??o("unset")}; } :host([actionable][variant="${o(e)}"]) .base { --m3e-state-layer-hover-color: ${Ei[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Ei[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Ei[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Ei[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Ei[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Ei[e].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Ei[e].containerElevation??o("unset")}; --m3e-elevation-hover-level: ${Ei[e].hover.containerElevation??o("unset")}; --m3e-elevation-focus-level: ${Ei[e].focus.containerElevation??o("unset")}; --m3e-elevation-pressed-level: ${Ei[e].pressed.containerElevation??o("unset")}; } :host([variant="${o(e)}"]) .base { border-color: ${Ei[e].outlineColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:focus .base) { border-color: ${Ei[e].focus.outlineColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:hover .base) { border-color: ${Ei[e].hover.outlineColor??o("unset")}; } :host([actionable][variant="${o(e)}"]) .base.pressed { border-color: ${Ei[e].pressed.outlineColor??o("unset")}; } :host([variant="${o(e)}"]) .base { color: ${Ei[e].textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:focus) .base { color: ${Ei[e].focus.textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:hover) .base { color: ${Ei[e].hover.textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]) .base.pressed { color: ${Ei[e].pressed.textColor??o("unset")}; } :host([actionable][variant="${o(e)}"]:disabled) .base, :host([actionable][variant="${o(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Ei[e].disabled.containerElevation??o("unset")}; --m3e-elevation-color: color-mix( in srgb, ${Ei[e].disabled.containerElevationColor} ${Ei[e].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${Ei[e].disabled.textColor} ${Ei[e].disabled.textOpacity}, transparent ); background-color: ${Ei[e].disabled.containerColor&&Ei[e].disabled.containerOpacity?o(`color-mix(\n        in srgb,\n        ${Ei[e].disabled.containerColor} ${Ei[e].disabled.containerOpacity},\n        transparent\n      )`):o("unset")}; border-color: ${Ei[e].disabled.outlineColor&&Ei[e].disabled.outlineOpacity?o(`color-mix(\n        in srgb,\n        ${Ei[e].disabled.outlineColor} ${Ei[e].disabled.outlineOpacity},\n        transparent\n      )`):o("unset")}; } :host([actionable][variant="${o(e)}"]:disabled) ::slotted(img), :host([actionable][variant="${o(e)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${o(e)}"]:disabled) ::slotted(video), :host([actionable][variant="${o(e)}"][disabled-interactive]) ::slotted(video) { opacity: ${Ei[e].disabled.imageOpacity}; }`}const Pi=[Ti("filled"),Ti("elevated"),Ti("outlined")];var Ii,Wi,Di,Ai,Hi,Oi,Fi,Bi;let Vi=class extends(q(R(U(N(j(Y(P(r),!0))))))){constructor(){super(),Ii.add(this),Wi.set(this,t=>e(this,Ii,"m",Bi).call(this,t)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new Z(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",e(this,Wi,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",e(this,Wi,"f"))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[G]()}<slot name="header" @slotchange="${e(this,Ii,"m",Di)}"></slot><slot name="content" @slotchange="${e(this,Ii,"m",Ai)}"><slot @slotchange="${e(this,Ii,"m",Hi)}"></slot></slot><slot name="actions" @slotchange="${e(this,Ii,"m",Oi)}"></slot><slot name="footer" @slotchange="${e(this,Ii,"m",Fi)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};var qi,Ri,Ui,Ni,ji,Yi;Wi=new WeakMap,Ii=new WeakSet,Di=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},Ai=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},Hi=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",g(e.target)&&null===this.querySelector("[slot='content']"))},Oi=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",g(e.target))},Fi=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",g(e.target))},Bi=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},Vi.styles=[Pi,Mi],t([h(".base")],Vi.prototype,"_base",void 0),t([h(".elevation")],Vi.prototype,"_elevation",void 0),t([h(".focus-ring")],Vi.prototype,"_focusRing",void 0),t([h(".state-layer")],Vi.prototype,"_stateLayer",void 0),t([h(".ripple")],Vi.prototype,"_ripple",void 0),t([m({type:Boolean,reflect:!0})],Vi.prototype,"inline",void 0),t([m({type:Boolean,reflect:!0})],Vi.prototype,"actionable",void 0),t([m({reflect:!0})],Vi.prototype,"variant",void 0),t([m({reflect:!0})],Vi.prototype,"orientation",void 0),Vi=t([$("m3e-card")],Vi);let Ki=class extends(Q(ee(te(ae(oe(ie(re(se(q(N(Y(P(f(r,"checkbox")))),!1)))))))))){constructor(){super(...arguments),qi.add(this),Ri.set(this,t=>e(this,qi,"m",Yi).call(this,t)),Ui.set(this,new ne(this,{target:null,callback:e=>{this.disabled||(e?this._stateLayer?.show("hover"):this._stateLayer?.hide("hover"))}})),Ni.set(this,new Z(this,{target:null,minPressedDuration:150,callback:e=>{this.disabled||(e?this._ripple?.show(0,0,!0):this._ripple?.hide())}})),this.value="on"}get[(Ri=new WeakMap,Ui=new WeakMap,Ni=new WeakMap,qi=new WeakSet,le)](){return!this.checked||this.disabled||this.indeterminate?null:this.value}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Ri,"f"));for(const t of this.labels)e(this,Ui,"f").observe(t),e(this,Ni,"f").observe(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Ri,"f"));for(const t of this.labels)e(this,Ui,"f").unobserve(t),e(this,Ni,"f").unobserve(t)}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div><div class="wrapper" aria-hidden="true">${e(this,qi,"m",ji).call(this)}</div></div>`}};var Zi,Gi,Xi,Ji,Qi,er,tr;ji=function(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n},Yi=function(e){e.defaultPrevented||(this.checked=!this.checked,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.indeterminate=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):this.checked=!this.checked,this.closest("label")&&e.preventDefault())},Ki.styles=i`:host { display: inline-block; outline: none; width: fit-content; height: fit-content; vertical-align: middle; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host(:not([aria-disabled="true"])) { cursor: pointer; } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; width: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); height: calc(var(--m3e-checkbox-container-size, 2.5rem) + ${v.density.calc(-3)}); } .touch { position: absolute; height: 3rem; width: 3rem; margin: auto; } .wrapper { box-sizing: border-box; pointer-events: none; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 0.125rem); } :host(:not([checked]):not([indeterminate])) .wrapper { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-hover-color, ${v.color.onSurface}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-focus-color, ${v.color.onSurface}); --m3e-ripple-color: var(--m3e-checkbox-unselected-ripple-color, ${v.color.onSurface}); } :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-hover-color, ${v.color.primary}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-focus-color, ${v.color.primary}); --m3e-ripple-color: var(--m3e-checkbox-selected-ripple-color, ${v.color.primary}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: var(--m3e-checkbox-selected-container-color, ${v.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${v.color.onPrimary}); } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper { border-color: var(--m3e-checkbox-unselected-outline-color, ${v.color.onSurfaceVariant}); } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover) .wrapper { border-color: var(--m3e-checkbox-unselected-hover-outline-color, ${v.color.onSurface}); } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${v.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${v.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${v.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-unselected-error-hover-color, ${v.color.error}); --m3e-state-layer-focus-color: var(--m3e-checkbox-unselected-error-focus-color, ${v.color.error}); --m3e-ripple-color: var(--m3e-checkbox-unselected-error-ripple-color, ${v.color.error}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: var(--m3e-checkbox-selected-error-hover-color, ${v.color.onError}); --m3e-state-layer-focus-color: var(--m3e-checkbox-selected-error-focus-color, ${v.color.onError}); --m3e-ripple-color: var(--m3e-checkbox-selected-error-ripple-color, ${v.color.onError}); } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: var(--m3e-checkbox-unselected-error-outline-color, ${v.color.error}); } @media (forced-colors: active) { :host(:not(:state(-touched):state(-invalid)):not([indeterminate]):not([checked])) .base, :host(:not(:state(-touched):state(-invalid))[checked]) .base, :host(:not(:state(-touched):state(-invalid))[indeterminate]) .base { --m3e-state-layer-hover-color: CanvasText; --m3e-state-layer-focus-color: CanvasText; --m3e-ripple-color: CanvasText; } :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):not( :hover ) ) .wrapper, :host( :not([aria-disabled="true"]):not(:state(-touched):state(-invalid)):not([checked]):not([indeterminate]):hover ) .wrapper { border-color: CanvasText; } :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[checked]) .wrapper, :host(:not([aria-disabled="true"]):not(:state(-touched):state(-invalid))[indeterminate]) .wrapper { background-color: CanvasText; color: Canvas; } :host([aria-disabled="true"]:not([checked]):not([indeterminate])) .wrapper { border-color: GrayText; } :host([aria-disabled="true"][checked]) .wrapper, :host([aria-disabled="true"][indeterminate]) .wrapper { background-color: GrayText; color: Canvas; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .wrapper { border-color: Highlight; } :host(:not([aria-disabled="true"]):state(-touched):state(-invalid):not([checked]):not([indeterminate])) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[checked]) .base, :host(:not([aria-disabled="true"]):state(-touched):state(-invalid)[indeterminate]) .base { --m3e-state-layer-hover-color: Highlight; --m3e-state-layer-focus-color: Highlight; --m3e-ripple-color: Highlight; } }`,t([h(".focus-ring")],Ki.prototype,"_focusRing",void 0),t([h(".state-layer")],Ki.prototype,"_stateLayer",void 0),t([h(".ripple")],Ki.prototype,"_ripple",void 0),t([m()],Ki.prototype,"value",void 0),Ki=t([$("m3e-checkbox")],Ki);let ar=class extends(P(r)){constructor(){super(...arguments),Zi.add(this),Gi.set(this,void 0),Xi.set(this,""),this.variant="outlined"}get value(){return e(this,Gi,"f")??e(this,Xi,"f")}set value(e){a(this,Gi,e,"f")}get label(){return e(this,Xi,"f")}firstUpdated(e){super.firstUpdated(e),"listitem"===this.role&&this.removeAttribute("tabindex"),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>{e?.htmlFor||e?.attach(this)})}render(){const t=!ce(this)||this.disabled,a=de(this)&&this.disabledInteractive;return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${t||a}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${t||a}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${t}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${t||a}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${he(this)?this[G]():n}<div class="wrapper">${e(this,Zi,"m",Ji).call(this)}</div></div>`}_renderIcon(){return s`<slot name="icon" aria-hidden="true" @slotchange="${e(this,Zi,"m",Qi)}"></slot>`}_renderTrailingIcon(){return s`<slot name="trailing-icon" aria-hidden="true" @slotchange="${e(this,Zi,"m",er)}"></slot>`}_renderSlot(){return s`<slot @slotchange="${e(this,Zi,"m",tr)}"></slot>`}};Gi=new WeakMap,Xi=new WeakMap,Zi=new WeakSet,Ji=function(){return s`${this._renderIcon()}<div class="label">${this._renderSlot()}</div>${this._renderTrailingIcon()}`},Qi=function(e){k(this,"-with-icon",g(e.target))},er=function(e){k(this,"-with-trailing-icon",g(e.target))},tr=function(e){a(this,Xi,me(e.target),"f")},ar.styles=i`:host { display: inline-block; vertical-align: middle; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; border-radius: var(--m3e-chip-container-shape, ${v.shape.corner.small}); height: calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-2)}); font-size: var(--m3e-chip-label-text-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-chip-label-text-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-chip-label-text-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-chip-label-text-tracking, ${v.typescale.standard.label.large.tracking}); } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host(:not(m3e-chip):not(:disabled)[disabled-interactive]) { cursor: not-allowed; } :host(:not(m3e-chip):not(:disabled):not([disabled-interactive])) .base { user-select: none; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; column-gap: var(--m3e-chip-spacing, 0.5rem); } .label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host([variant="elevated"]) .base { background-color: var(--m3e-elevated-chip-container-color, ${v.color.surfaceContainerLow}); --m3e-elevation-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-hover-level: var(--m3e-elevated-chip-hover-elevation, ${v.elevation.level2}); --m3e-elevation-focus-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); --m3e-elevation-pressed-level: var(--m3e-elevated-chip-elevation, ${v.elevation.level1}); } :host([variant="outlined"]) .base { outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-style: solid; outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: var(--m3e-outlined-chip-outline-color, ${v.color.outlineVariant}); } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: color-mix( in srgb, var(--m3e-outlined-chip-disabled-outline-color, ${v.color.onSurface}) var(--m3e-outlined-chip-disabled-outline-opacity, 12%), transparent ); } :host(:state(-with-icon)) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } :host(:not(:state(-with-icon))) .wrapper { padding-inline-start: var(--m3e-chip-padding-start, 1rem); } :host(:state(-with-trailing-icon)) .wrapper { padding-inline-end: var(--m3e-chip-with-icon-padding-end, 0.5rem); } :host(:not(:state(-with-trailing-icon))) .wrapper { padding-inline-end: var(--m3e-chip-padding-end, 1rem); } ::slotted([slot="icon"]), ::slotted([slot="trailing-icon"]) { flex: none; width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem) !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-label-text-color, ${v.color.onSurface}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-icon-color, ${v.color.primary}); } :host(:disabled) .base, :host([disabled-interactive]) .base { color: color-mix( in srgb, var(--m3e-chip-disabled-label-text-color, ${v.color.onSurface}) var(--m3e-chip-disabled-label-text-opacity, 38%), transparent ); } :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: color-mix( in srgb, var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}) var(--m3e-chip-disabled-icon-opacity, 38%), transparent ); } :host([variant="elevated"]:disabled) .base, :host([variant="elevated"][disabled-interactive]) .base { background-color: color-mix( in srgb, var(--m3e-elevated-chip-disabled-container-color, ${v.color.onSurface}) var(--m3e-elevated-chip-disabled-container-opacity, 12%), transparent ); --m3e-elevation-level: var(--m3e-elevated-chip-disabled-elevation, ${v.elevation.level0}); } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { transition: none; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[variant="outlined"]) .base { outline-color: CanvasText; } :host(:disabled) .base, :host([disabled-interactive]) .base, :host(:disabled) ::slotted([slot="icon"]), :host([disabled-interactive]) ::slotted([slot="icon"]), :host(:disabled) ::slotted([slot="trailing-icon"]), :host([disabled-interactive]) ::slotted([slot="trailing-icon"]) { color: GrayText; } :host(:disabled[variant="outlined"]) .base, :host([disabled-interactive][variant="outlined"]) .base { outline-color: GrayText; } }`,t([h(".elevation")],ar.prototype,"_elevation",void 0),t([h(".focus-ring")],ar.prototype,"_focusRing",void 0),t([h(".state-layer")],ar.prototype,"_stateLayer",void 0),t([h(".ripple")],ar.prototype,"_ripple",void 0),t([m({reflect:!0})],ar.prototype,"variant",void 0),t([m()],ar.prototype,"value",null),ar=t([$("m3e-chip")],ar);let or=class extends(U(R(q(N(j(Y(f(ar,"button")))))))){_renderTrailingIcon(){return n}};or.formAssociated=!0,or=t([$("m3e-assist-chip")],or);let ir=class extends(pe(r)){render(){return s`<slot></slot>`}};var rr,sr,nr;ir.styles=i`:host { display: inline-flex; flex-wrap: wrap; vertical-align: middle; gap: var(--m3e-chip-set-spacing, 0.5rem); outline: none; } :host([vertical]) { flex-direction: column; }`,ir=t([$("m3e-chip-set")],ir);let lr=class extends(ue(q(N(j(Y(f(ar,"radio"))))))){constructor(){super(...arguments),rr.add(this),sr.set(this,t=>e(this,rr,"m",nr).call(this,t))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,sr,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,sr,"f"))}update(e){super.update(e),e.has("selected")&&this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this)}_renderIcon(){return s`<div class="icon" aria-hidden="true"><svg class="check" viewBox="0 -960 960 960" aria-hidden="true"><path fill="currentColor" d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg> ${super._renderIcon()}</div>`}};var cr,dr,hr,mr,pr,ur,vr;sr=new WeakMap,rr=new WeakSet,nr=function(e){if(e.defaultPrevented)return;const t=this.selected;this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.closest("m3e-filter-chip-set")?.[We].notifySelectionChange(this),this.dispatchEvent(new Event("change",{bubbles:!0}))):this.selected=t},lr.formAssociated=!0,lr.styles=[ar.styles,i`:host([selected]:not(:state(-hide-selection))) .wrapper { padding-inline-start: var(--m3e-chip-with-icon-padding-start, 0.5rem); } .icon { display: flex; align-items: center; justify-content: center; } .check { width: 1em; font-size: var(--m3e-chip-icon-size, 1.125rem); } :host(:not(:disabled):not([disabled-interactive])) .check { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not([selected])) .check, :host(:state(-hide-selection)) .check, :host(:state(-hide-selection):not(:state(-with-icon))) .icon { display: none; } :host(:not(:state(-with-icon))) .icon { margin-inline-start: calc(0px - var(--m3e-chip-with-icon-padding-start, 0.5rem)); transition: margin-inline-start ${v.motion.spring.fastEffects}; } :host([selected]) .icon { margin-inline-start: 0; } :host([selected]:not(:state(-hide-selection))) ::slotted([slot="icon"]) { display: none !important; } :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base { color: var(--m3e-chip-unselected-label-text-color, ${v.color.onSurfaceVariant}); --m3e-ripple-color: var(--m3e-chip-unselected-ripple-color, ${v.color.onSurfaceVariant}); --m3e-state-layer-focus-color: var( --m3e-chip-unselected-state-layer-focus-color, ${v.color.onSurfaceVariant} ); --m3e-state-layer-hover-color: var( --m3e-chip-unselected-state-layer-hover-color, ${v.color.onSurfaceVariant} ); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]) { color: var(--m3e-chip-unselected-leading-icon-color, ${v.color.primary}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-unselected-trailing-icon-color, ${v.color.onSurfaceVariant}); } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: unset; outline-width: var(--m3e-chip-selected-outline-thickness, 0); color: var(--m3e-chip-selected-label-text-color, ${v.color.onSecondaryContainer}); background-color: var(--m3e-chip-selected-container-color, ${v.color.secondaryContainer}); --m3e-state-layer-hover-color: var( --m3e-chip-selected-container-hover-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-focus-color: var( --m3e-chip-selected-container-focus-color, ${v.color.onSecondaryContainer} ); --m3e-elevation-hover-level: var(--m3e-chip-selected-hover-elevation, ${v.elevation.level1}); --m3e-ripple-color: var(--m3e-chip-selected-ripple-color, ${v.color.onSecondaryContainer}); --m3e-state-layer-focus-color: var( --m3e-chip-selected-state-layer-focus-color, ${v.color.onSecondaryContainer} ); --m3e-state-layer-hover-color: var( --m3e-chip-selected-state-layer-hover-color, ${v.color.onSecondaryContainer} ); } :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]) { color: var(--m3e-chip-selected-leading-icon-color, ${v.color.onSecondaryContainer}); } :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: var(--m3e-chip-selected-trailing-icon-color, ${v.color.onSecondaryContainer}); } @media (prefers-reduced-motion) { .base, :host(:not(:state(-with-icon))) .icon { transition: none; } } @media (forced-colors: active) { :host(:not(:disabled):not([disabled-interactive]):not([selected])) .base, :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive]):not([selected])) ::slotted([slot="trailing-icon"]) { color: CanvasText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base, :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="icon"]), :host(:not(:disabled):not([disabled-interactive])[selected]) ::slotted([slot="trailing-icon"]), :host(:not(:disabled):not([disabled-interactive])) .check { color: ButtonText; } :host(:not(:disabled):not([disabled-interactive])[selected]) .base { outline-offset: calc(0px - var(--m3e-outlined-chip-outline-thickness, 1px)); outline-width: var(--m3e-outlined-chip-outline-thickness, 1px); outline-color: ButtonText; } }`],lr=t([$("m3e-filter-chip")],lr);let br=class extends(Q(te(ae(se(Y(P(f(ir,"radiogroup")))))))){constructor(){super(...arguments),cr.add(this),dr.set(this,void 0),this[vr]=(new De).onActiveItemChange(()=>this[We].activeItem?.focus()).withWrap().withDirectionality(Ve.current),this.multi=!1,this.hideSelectionIndicator=!1}get chips(){return this[We]?.items??[]}get selected(){return this[We]?.selectedItems??[]}get value(){const e=this.selected.filter(e=>!e.disabled).map(e=>e.value);switch(e.length){case 0:return null;case 1:return e[0];default:return e}}get[(dr=new WeakMap,cr=new WeakSet,vr=We,le)](){const e=this.value;if(Array.isArray(e)){const t=new FormData;for(const a of e)t.append(this.name,a);return t}return e}connectedCallback(){super.connectedCallback(),a(this,dr,Ve.observe(()=>this[We].directionality=Ve.current),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,dr,"f")?.call(this)}update(t){super.update(t),t.has("vertical")&&(this[We].vertical=this.vertical),t.has("disabled")&&(void 0!==t.get("disabled")||this.disabled)&&(this[We].disabled=this.disabled),t.has("multi")&&(this.role=this.multi?"group":"radiogroup",e(this,cr,"m",ur).call(this),this[We].multi=this.multi,this[We].disableRovingTabIndex(this.multi)),(t.has("multi")||t.has("disabled"))&&(this.ariaDisabled=this.multi&&this.disabled?"true":null),t.has("hideSelectionIndicator")&&this.chips.forEach(e=>k(e,"-hide-selection",this.hideSelectionIndicator))}render(){return s`<slot @slotchange="${e(this,cr,"m",hr)}" @keydown="${e(this,cr,"m",mr)}" @change="${e(this,cr,"m",pr)}"></slot>`}};var fr,gr,yr,$r;hr=function(){const{added:t}=this[We].setItems([...this.querySelectorAll("m3e-filter-chip")]);t.forEach(e=>k(e,"-hide-selection",this.hideSelectionIndicator)),e(this,cr,"m",ur).call(this)},mr=function(e){this.multi||this[We].onKeyDown(e)},pr=function(e){e.stopPropagation(),this.dispatchEvent(new Event("change",{bubbles:!0}))},ur=function(){this.chips.forEach(e=>e.role=this.multi?"button":"radio")},t([m({type:Boolean})],br.prototype,"multi",void 0),t([m({attribute:"hide-selection-indicator",type:Boolean})],br.prototype,"hideSelectionIndicator",void 0),br=t([$("m3e-filter-chip-set")],br);let xr=class extends(x(j(Y(f(ar,"row"))),"remove")){constructor(){super(...arguments),fr.add(this),this.removable=!1,this.removeLabel="Remove"}connectedCallback(){super.connectedCallback(),this.removeAttribute("tabindex")}update(e){super.update(e),this.removeAttribute("tabindex"),e.has("removable")&&k(this,"-with-trailing-icon",this.removable)}render(){return s`<div class="base"><m3e-elevation class="elevation" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" for="cell" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" for="cell" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="wrapper"><div id="cell" class="cell" role="gridcell" tabindex="${Ne(this.disabled?void 0:"-1")}" @keydown="${e(this,fr,"m",$r)}"><slot name="avatar" @slotchange="${e(this,fr,"m",gr)}"></slot>${this._renderIcon()}<div class="label">${this._renderSlot()}</div><div class="touch" aria-hidden="true"></div></div>${this._renderTrailingIcon()}</div></div>`}_renderTrailingIcon(){return this.removable?s`<span role="gridcell" class="remove"><m3e-icon-button class="remove-button" aria-label="${this.removeLabel}" size="extra-small" tabindex="-1" ?disabled="${this.disabled}" ?disabled-interactive="${this.disabledInteractive}" @click="${e(this,fr,"m",yr)}"><slot name="remove-icon"><svg class="remove-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button></span>`:n}};var wr,kr,Cr,Sr,_r,Lr,zr,Er,Mr,Tr,Pr,Ir,Wr,Dr,Ar,Hr,Or,Fr,Br,Vr,qr,Rr,Ur,Nr;fr=new WeakSet,gr=function(e){k(this,"-with-avatar",g(e.target))},yr=function(e){e.stopPropagation(),this.dispatchEvent(new Event("remove"))},$r=function(e){if(this.removable)switch(e.key){case"Backspace":case"Delete":this.dispatchEvent(new Event("remove"))}},xr.formAssociated=!0,xr.styles=[ar.styles,i`.cell { display: inline-flex; align-items: center; outline: none; column-gap: var(--m3e-chip-spacing, 0.5rem); min-width: 0; } .remove-button { --m3e-icon-button-extra-small-container-height: 1.5rem; --m3e-icon-button-extra-small-icon-size: var(--m3e-chip-icon-size, 1.125rem); width: 1.5rem; } .remove-icon { flex: none; width: var(--m3e-chip-icon-size, 1.125rem); height: var(--m3e-chip-icon-size, 1.125rem); } .touch { top: calc( 0px - calc(calc(3rem - calc(var(--m3e-chip-container-height, 2rem) + ${v.density.calc(-2)})) / 2) ); } .wrapper { height: 100%; overflow: visible; min-width: 0; } ::slotted([slot="avatar"]) { flex: none; font-size: var(--m3e-chip-avatar-size, 1.5rem); } ::slotted(m3e-avatar[slot="avatar"]) { --m3e-icon-size: var(--m3e-chip-avatar-icon-size, 1.125rem); --m3e-avatar-size: var(--m3e-chip-avatar-size, 1.5rem); --m3e-avatar-font-size: var( --m3e-chip-avatar-font-size, ${v.typescale.standard.title.small.fontSize} ); --m3e-avatar-font-weight: var( --m3e-chip-avatar-font-height, ${v.typescale.standard.title.small.fontWeight} ); --m3e-avatar-line-height: var( --m3e-chip-avatar-line-height, ${v.typescale.standard.title.small.lineHeight} ); --m3e-avatar-tracking: var(--m3e-chip-avatar-tracking, ${v.typescale.standard.title.small.tracking}); } :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { opacity: var(--m3e-chip-disabled-avatar-opacity, 38%); color: var(--m3e-chip-disabled-icon-color, ${v.color.onSurface}); } :host(:state(-with-avatar)) ::slotted([slot="icon"]) { display: none; } :host(:state(-with-avatar)) .wrapper { padding-inline-start: var(--m3e-chip-with-avatar-padding-start, 0.25rem); } @media (forced-colors: active) { :host(:disabled) ::slotted([slot="avatar"]), :host([disabled-interactive]) ::slotted([slot="avatar"]) { color: CanvasText; } }`],t([h(".cell")],xr.prototype,"cell",void 0),t([h(".remove-button")],xr.prototype,"removeButton",void 0),t([m({type:Boolean})],xr.prototype,"removable",void 0),t([m({attribute:"remove-label"})],xr.prototype,"removeLabel",void 0),xr=t([$("m3e-input-chip")],xr);let jr=class extends(ee(oe(ie(te(ae(se(Y(P(f(ir,"grid")))))))))){constructor(){super(...arguments),wr.add(this),kr.set(this,void 0),Cr.set(this,()=>e(this,wr,"m",Ur).call(this)),Sr.set(this,t=>e(this,wr,"m",Nr).call(this,t)),_r.set(this,()=>e(this,wr,"m",Fr).call(this)),Lr.set(this,()=>e(this,wr,"m",Br).call(this)),zr.set(this,()=>e(this,wr,"m",Vr).call(this)),Er.set(this,t=>e(this,wr,"m",qr).call(this,t)),Mr.set(this,t=>e(this,wr,"m",Rr).call(this,t)),Tr.set(this,new Ae),Pr.set(this,(new ze).onActiveItemChange(()=>e(this,Pr,"f").activeItem?.focus()).withHomeAndEnd().withSkipPredicate(e=>!e.hasAttribute("tabindex")).withDirectionality(Ve.current)),Ir.set(this,!1),Wr.set(this,null),Dr.set(this,0)}get chips(){return[...this.querySelectorAll("m3e-input-chip")]}get value(){const e=this.chips.filter(e=>!e.disabled).map(e=>e.value);return 0==e.length?null:e}get[(kr=new WeakMap,Cr=new WeakMap,Sr=new WeakMap,_r=new WeakMap,Lr=new WeakMap,zr=new WeakMap,Er=new WeakMap,Mr=new WeakMap,Tr=new WeakMap,Pr=new WeakMap,Ir=new WeakMap,Wr=new WeakMap,Dr=new WeakMap,wr=new WeakSet,le)](){const e=this.value;if(!e)return null;const t=new FormData;for(const a of e)t.append(this.name,a);return t}get shouldLabelFloat(){return this.chips.length>0}onContainerClick(){e(this,Wr,"f")?.focus()}connectedCallback(){super.connectedCallback(),customElements.get("m3e-form-field")?this.closest("m3e-form-field")?.notifyControlStateChange():customElements.whenDefined("m3e-form-field").then(()=>{this.closest("m3e-form-field")?.notifyControlStateChange()}),a(this,Dr,Number.parseInt(this.getAttribute("tabindex")??"0"),"f"),this.addEventListener("focus",e(this,_r,"f")),this.addEventListener("focusin",e(this,Lr,"f")),this.addEventListener("focusout",e(this,zr,"f")),a(this,kr,Ve.observe(()=>e(this,Pr,"f").directionality=Ve.current),"f")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",e(this,_r,"f")),this.removeEventListener("focusin",e(this,Lr,"f")),this.removeEventListener("focusout",e(this,zr,"f")),e(this,kr,"f")?.call(this)}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${e(this,Dr,"f")}`)}update(t){super.update(t),t.has("vertical")&&(this.ariaOrientation=null),t.has("disabled")&&(e(this,Tr,"f").items.forEach(e=>e.disabled=this.disabled),e(this,Wr,"f")&&(e(this,Wr,"f").disabled=this.disabled))}render(){return s`<slot @keydown="${e(this,wr,"m",Ar)}" @slotchange="${e(this,wr,"m",Hr)}"></slot><span role="row"><span role="gridcell"><slot name="input" @slotchange="${e(this,wr,"m",Or)}"></slot></span></span>`}};Ar=function(t){e(this,Pr,"f").onKeyDown(t)},Hr=async function(){const{added:t,removed:a}=e(this,Tr,"f").setItems([...this.querySelectorAll("m3e-input-chip")]);for(const a of t)a.isUpdatePending&&await a.updateComplete,this.disabled&&(a.disabled=!0),a.addEventListener("remove",e(this,Er,"f")),a.cell.addEventListener("click",e(this,Mr,"f"));a.forEach(t=>{t.removeEventListener("remove",e(this,Er,"f")),t.cell.removeEventListener("click",e(this,Mr,"f"))}),e(this,Pr,"f").setItems(e(this,Tr,"f").items.flatMap(e=>e.removeButton?[e.cell,e.removeButton]:[e.cell])),e(this,Pr,"f").activeItem||e(this,Pr,"f").updateActiveItem(e(this,Pr,"f").items.find(e=>e.hasAttribute("tabindex")))},Or=function(){const t=this.querySelector("input");if(e(this,Wr,"f")&&(e(this,Wr,"f").removeEventListener("change",e(this,Cr,"f")),e(this,Wr,"f").removeEventListener("keydown",e(this,Sr,"f"))),a(this,Wr,t,"f"),e(this,Wr,"f")){e(this,Wr,"f").disabled=this.disabled,e(this,Wr,"f").addEventListener("change",e(this,Cr,"f")),e(this,Wr,"f").addEventListener("keydown",e(this,Sr,"f"));const a=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(t,"value",{get:()=>a.get?.call(t),set:o=>{a.set?.call(t,o),e(this,Wr,"f")!==t||e(this,Ir,"f")||e(this,wr,"m",Ur).call(this)}})}},Fr=function(){setTimeout(()=>(e(this,Pr,"f").activeItem??e(this,Wr,"f"))?.focus())},Br=function(){this.setAttribute("tabindex","-1")},Vr=function(){this.setAttribute("tabindex",`${e(this,Dr,"f")}`)},qr=function(t){const a=t.target,o=e(this,Tr,"f").items.indexOf(a),i=e(this,Tr,"f").items.find((e,t)=>t>o&&!e.disabled&&e.removable);a.remove(),e(this,Pr,"f").setActiveItem(e(this,Pr,"f").items.find(e=>e===i?.removeButton)),e(this,Pr,"f").activeItem||e(this,Wr,"f")?.focus(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"remove",value:a.value,chip:a}}))},Rr=function(t){e(this,Pr,"f").updateActiveItem(t.composedPath().find(e=>e instanceof xr)?.cell)},Ur=async function(){const t=e(this,Wr,"f")?.value;if(!t)return;const o=document.createElement("m3e-input-chip");if(o.removable=!0,o.appendChild(document.createTextNode(t)),this.appendChild(o),o.isUpdatePending&&await o.updateComplete,e(this,Wr,"f"))try{a(this,Ir,!0,"f"),e(this,Wr,"f").value=""}finally{a(this,Ir,!1,"f")}this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{type:"add",value:t,chip:o}}))},Nr=function(t){if("Backspace"===t.key&&!e(this,Wr,"f")?.value){const t=[...e(this,Tr,"f").items].reverse().find(e=>!e.disabled&&!e.disabledInteractive&&e.removable);t&&t.dispatchEvent(new Event("remove"))}},B(i`m3e-input-chip-set [slot="input"]::placeholder { user-select: none; color: currentColor; transition: opacity ${v.motion.duration.extraLong1}; } m3e-input-chip-set:not(:focus-within) [slot="input"]::placeholder { opacity: 0; transition: 0s; } m3e-input-chip-set:hover [slot="input"]::placeholder { transition: 0s; } @media (prefers-reduced-motion) { m3e-input-chip-set [slot="input"]::placeholder { transition: none !important; } }`),jr.styles=[ir.styles,i`::slotted([slot="input"]) { outline: unset; border: unset; background-color: transparent; box-shadow: none; font-family: inherit; font-size: inherit; line-height: initial; letter-spacing: inherit; color: var(--_form-field-input-color, inherit); flex: 1 1 auto; min-width: 0; padding: unset; } ::slotted(m3e-input-chip) { min-width: 0; } span[role="row"], span[role="gridcell"] { display: contents; }`],jr=t([$("m3e-input-chip-set")],jr);let Yr=class extends(U(R(q(N(j(Y(f(ar,"button")))))))){_renderTrailingIcon(){return n}};var Kr,Zr,Gr,Xr,Jr,Qr,es,ts,as,os,is,rs,ss,ns,ls,cs,ds,hs,ms,ps,us,vs,bs,fs,gs,ys,$s,xs,ws,ks,Cs,Ss,_s,Ls,zs,Es,Ms,Ts,Ps,Is,Ws,Ds,As,Hs,Os,Fs,Bs,Vs,qs,Rs,Us,Ns,js,Ys,Ks,Zs,Gs,Xs,Js,Qs,en,tn,an,on,rn,sn,nn,ln,cn,dn,hn,mn,pn,un,vn,bn,fn;Yr.formAssociated=!0,Yr=t([$("m3e-suggestion-chip")],Yr);class gn{constructor(t,o){Kr.set(this,null),Zr.set(this,0),Gr.set(this,!1),Xr.set(this,void 0),Jr.set(this,()=>{if(!e(this,Gr,"f"))return;const t=performance.now();e(this,Xr,"f").call(this,(t-e(this,Zr,"f"))/1e3,t/1e3),a(this,Zr,t,"f"),a(this,Kr,requestAnimationFrame(e(this,Jr,"f")),"f")}),a(this,Xr,o,"f"),t.addController(this)}hostDisconnected(){this.stop()}start(){e(this,Gr,"f")||(a(this,Gr,!0,"f"),a(this,Zr,performance.now(),"f"),e(this,Jr,"f").call(this))}stop(){e(this,Gr,"f")&&(a(this,Gr,!1,"f"),null!==e(this,Kr,"f")&&(cancelAnimationFrame(e(this,Kr,"f")),a(this,Kr,null,"f")))}}Kr=new WeakMap,Zr=new WeakMap,Gr=new WeakMap,Xr=new WeakMap,Jr=new WeakMap;class yn{constructor(t,o){Qr.set(this,void 0),es.set(this,void 0),ts.set(this,new Set),a(this,Qr,t,"f"),a(this,es,o.target,"f"),e(this,Qr,"f").addController(this)}get targets(){return e(this,ts,"f").values()}hostConnected(){null!==e(this,es,"f")&&this.observe(e(this,es,"f")??e(this,Qr,"f"))}hostDisconnected(){e(this,ts,"f").forEach(e=>this.unobserve(e)),e(this,ts,"f").clear()}observe(t){e(this,ts,"f").has(t)||(e(this,ts,"f").add(t),this._observe(t))}isObserving(t){return e(this,ts,"f").has(t)}unobserve(t){e(this,ts,"f").delete(t)&&this._unobserve(t)}}function $n(e,t){if(!t)return 0;const a=document.createElement("div");a.style.all="inherit",a.style.width=t,a.style.position="absolute",a.style.visibility="hidden",a.style.pointerEvents="none",e.appendChild(a);try{return parseFloat(getComputedStyle(a).width)}finally{a.remove()}}function xn(e){const t=parseFloat(getComputedStyle(e).lineHeight);return isNaN(t)||t<=0?0:Math.round(e.scrollHeight/t)}async function wn(e,t=200){function a(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}e.focus();const o=performance.now();for(;!a(e);){if(!e.isConnected||performance.now()-o>t)return!1;await new Promise(requestAnimationFrame),e.focus()}return!0}function kn(){return!l&&matchMedia("(forced-colors: active)").matches}function Cn(e,t,a){return e+(t-e)*a}function Sn(e,t,a,o){return{x:Math.pow(1-o,2)*e.x+2*(1-o)*o*t.x+Math.pow(o,2)*a.x,y:Math.pow(1-o,2)*e.y+2*(1-o)*o*t.y+Math.pow(o,2)*a.y}}function _n(e,t,a,o,i){return{x:Math.pow(1-i,3)*e.x+3*Math.pow(1-i,2)*i*t.x+3*(1-i)*Math.pow(i,2)*a.x+Math.pow(i,3)*o.x,y:Math.pow(1-i,3)*e.y+3*Math.pow(1-i,2)*i*t.y+3*(1-i)*Math.pow(i,2)*a.y+Math.pow(i,3)*o.y}}function Ln(e,t){const a=function(e){return(e.match(/[a-zA-Z][^a-zA-Z]*/g)||[]).map(e=>({type:e[0],nums:e.slice(1).trim().split(/[\s,]+/).filter(Boolean).map(Number)}))}(e);let o={x:0,y:0},i={x:0,y:0};const r=[];for(const e of a)if("M"===e.type)o={x:e.nums[0],y:e.nums[1]},i=o;else if("L"===e.type){const t={x:e.nums[0],y:e.nums[1]},a=t.x-o.x,i=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.hypot(a,i)}),o=t}else if("H"===e.type){const t={x:e.nums[0],y:o.y},a=t.x-o.x;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("V"===e.type){const t={x:o.x,y:e.nums[0]},a=t.y-o.y;r.push({type:"L",pts:[o,t],length:Math.abs(a)}),o=t}else if("Q"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]};let i=0,s=o;const n=20;for(let e=1;e<=n;e++){const r=Sn(o,t,a,e/n);i+=Math.hypot(r.x-s.x,r.y-s.y),s=r}r.push({type:"Q",pts:[o,t,a],length:i}),o=a}else if("C"===e.type){const t={x:e.nums[0],y:e.nums[1]},a={x:e.nums[2],y:e.nums[3]},i={x:e.nums[4],y:e.nums[5]};let s=0,n=o;const l=20;for(let e=1;e<=l;e++){const r=_n(o,t,a,i,e/l);s+=Math.hypot(r.x-n.x,r.y-n.y),n=r}r.push({type:"C",pts:[o,t,a,i],length:s}),o=i}else if("Z"===e.type){const e=i.x-o.x,t=i.y-o.y;r.push({type:"L",pts:[o,i],length:Math.hypot(e,t)}),o=i}const s=r.reduce((e,t)=>e+t.length,0)/(t-1),n=[];let l=0,c=0;for(let e=0;e<t;e++){const t=e*s;for(;c<r.length&&l+r[c].length<t;)l+=r[c].length,c++;const a=r[c];if(!a)break;const o=(t-l)/a.length;if("L"===a.type){const[e,t]=a.pts;n.push({x:Cn(e.x,t.x,o),y:Cn(e.y,t.y,o)})}else if("Q"===a.type){const[e,t,i]=a.pts;n.push(Sn(e,t,i,o))}else if("C"===a.type){const[e,t,i,r]=a.pts;n.push(_n(e,t,i,r,o))}}return n}function zn(e,t,a){return Math.max(t,Math.min(a,e))}function En(e,t){const a=e.length,o=new Array(a);for(let i=0;i<a;i++)o[i]=e[(i+t)%a];return o}function Mn(e,t){const a=Math.min(t.length,e.length);let o=0,i=1/0;for(let r=0;r<a;r++){let s=0;for(let o=0;o<a;o++){const n=t[(o+r)%a],l=e[o],c=n.x-l.x,d=n.y-l.y;if(s+=c*c+d*d,s>=i)break}s<i&&(i=s,o=r)}return o}function Tn(e){let t=0;const a=e.length;for(let o=0;o<a;o++){const i=e[o],r=e[(o+1)%a];t+=i.x*r.y-r.x*i.y}return t/2}function Pn(e,t){return function(e){const t=e.map(e=>{const t=function(e){let t=1/0,a=1/0,o=-1/0,i=-1/0;for(const r of e)r.x<t&&(t=r.x),r.x>o&&(o=r.x),r.y<a&&(a=r.y),r.y>i&&(i=r.y);return{minX:t,minY:a,maxX:o,maxY:i,width:o-t,height:i-a}}(e),a=e.map(e=>({x:e.x-t.minX,y:e.y-t.minY})),o=Math.max(t.width,t.height)||1,i=a.map(e=>({x:e.x/o,y:e.y/o})),r=t.width/o,s=t.height/o,n=(1-r)/2,l=(1-s)/2;return i.map(e=>({x:e.x+n,y:e.y+l}))}),a=t[0],o=Math.sign(Tn(a));for(let e=1;e<t.length;e++){let i=t[e];const r=Math.sign(Tn(i));0!==r&&r!==o&&(i=i.slice().reverse());const s=Mn(a,i);t[e]=En(i,s)}return t}(e.map(e=>Ln(e,t))).map(e=>`${e.map(e=>{const t=zn(100*e.x,0,100),a=zn(100*e.y,0,100);return`${t.toFixed(2)}% ${a.toFixed(2)}%`}).join(", ")}`)}function In(e,t=!1){let a="";switch(e.nodeType){case Node.TEXT_NODE:a=e.nodeValue??"";break;case Node.ELEMENT_NODE:if(e instanceof HTMLSlotElement)for(const o of e.assignedNodes({flatten:!0}))a+=In(o,t);else for(const o of e.childNodes)a+=In(o,t)}return t&&(a=a.trim()),a}function Wn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}function Dn(e){return e.assignedNodes({flatten:!0}).length>0}function An(e,t,a){const o=Object.getOwnPropertyDescriptor(e,t)??Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),t);if(!o)throw new Error(`Property ${String(t)} not found on target.`);const i=o.get?.bind(e),r=o.set?.bind(e);return Object.defineProperty(e,t,{configurable:!0,enumerable:o.enumerable,get:()=>a.get?a.get(()=>i?.()):i?.(),set(e){a.set?a.set(e,e=>r?.(e)):r?.(e)}}),()=>Object.defineProperty(e,t,o)}function Hn(){return l||matchMedia("(prefers-reduced-motion)").matches}function On(e){if("undefined"==typeof window)return;const t=new CSSStyleSheet;t.replaceSync(e.toString()),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]}function Fn(e,t=document){return new Promise(a=>{const o=t.querySelector(`#${e}`);o?a(o):"complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",()=>a(t.querySelector(`#${e}`)),{once:!0}):a(t.querySelector(`#${e}`))})}function Bn(e){const t=document?.location??null;return`url(${t?(t.pathname+t.search).split("#")[0]:""}#${e})`}function Vn(e,t,a){const o=t.getBoundingClientRect(),i=e.getBoundingClientRect();(i.top<o.top||i.bottom>o.bottom)&&e.scrollIntoView(a)}Qr=new WeakMap,es=new WeakMap,ts=new WeakMap;class qn{constructor(e=100){as.set(this,[]),os.set(this,void 0),a(this,os,e,"f")}add(t,a=performance.now()){e(this,as,"f").push({y:t,t:a});const o=a-e(this,os,"f");for(;e(this,as,"f").length>1&&e(this,as,"f")[0].t<o;)e(this,as,"f").shift()}getVelocity(){if(e(this,as,"f").length<2)return 0;const t=e(this,as,"f")[0],a=e(this,as,"f")[e(this,as,"f").length-1],o=a.y-t.y,i=(a.t-t.t)/1e3;return i>0?o/i:0}reset(){e(this,as,"f").length=0}}as=new WeakMap,os=new WeakMap;class Rn extends yn{constructor(t,o){super(t,o),is.add(this),rs.set(this,!1),ss.set(this,void 0),ns.set(this,t=>e(this,is,"m",vs).call(this,t)),ls.set(this,t=>e(this,is,"m",bs).call(this,t)),cs.set(this,t=>e(this,is,"m",fs).call(this,t)),ds.set(this,()=>a(this,rs,!0,"f")),hs.set(this,()=>a(this,rs,!1,"f")),ms.set(this,!1),ps.set(this,()=>a(this,ms,!0,"f")),us.set(this,()=>a(this,ms,!1,"f")),a(this,ss,o.callback,"f")}hostConnected(){super.hostConnected(),window?.addEventListener("keydown",e(this,ps,"f"),{capture:!0,passive:!0}),window?.addEventListener("pointerdown",e(this,us,"f"),{capture:!0})}hostDisconnected(){super.hostDisconnected(),window?.removeEventListener("keydown",e(this,ps,"f"),{capture:!0}),window?.removeEventListener("pointerdown",e(this,us,"f"),{capture:!0})}_observe(t){t.addEventListener("keydown",e(this,ns,"f")),t.addEventListener("focusin",e(this,ls,"f")),t.addEventListener("focusout",e(this,cs,"f")),t.addEventListener("touchstart",e(this,ds,"f")),t.addEventListener("touchend",e(this,hs,"f")),t.addEventListener("touchcancel",e(this,hs,"f"))}_unobserve(t){t.removeEventListener("keydown",e(this,ns,"f")),t.removeEventListener("focusin",e(this,ls,"f")),t.removeEventListener("focusout",e(this,cs,"f")),t.removeEventListener("touchstart",e(this,ds,"f")),t.removeEventListener("touchend",e(this,hs,"f")),t.removeEventListener("touchcancel",e(this,hs,"f"))}}rs=new WeakMap,ss=new WeakMap,ns=new WeakMap,ls=new WeakMap,cs=new WeakMap,ds=new WeakMap,hs=new WeakMap,ms=new WeakMap,ps=new WeakMap,us=new WeakMap,is=new WeakSet,vs=function(t){t.currentTarget.matches(":focus-within")&&e(this,is,"m",bs).call(this,t)},bs=function(t){if(e(this,rs,"f"))return;const a=t.currentTarget;e(this,ss,"f").call(this,!0,a.matches(":focus-visible")||e(this,ms,"f")||kn(),a)},fs=function(t){e(this,rs,"f")||e(this,ss,"f").call(this,!1,!1,t.currentTarget)};class Un extends yn{constructor(t,o){super(t,o),gs.add(this),ys.set(this,void 0),$s.set(this,new Map),xs.set(this,new Map),ws.set(this,t=>e(this,gs,"m",Ls).call(this,t)),ks.set(this,t=>e(this,gs,"m",zs).call(this,t)),a(this,ys,o.callback,"f"),this.startDelay=o.startDelay??0,this.endDelay=o.endDelay??0}clearDelays(){for(const t of this.targets)e(this,gs,"m",Cs).call(this,t)}_observe(t){t.addEventListener("pointerenter",e(this,ws,"f")),t.addEventListener("pointerleave",e(this,ks,"f")),t.addEventListener("touchend",e(this,ks,"f"))}_unobserve(t){t.removeEventListener("pointerenter",e(this,ws,"f")),t.removeEventListener("pointerleave",e(this,ks,"f")),t.removeEventListener("touchend",e(this,ks,"f"))}}ys=new WeakMap,$s=new WeakMap,xs=new WeakMap,ws=new WeakMap,ks=new WeakMap,gs=new WeakSet,Cs=function(t){e(this,gs,"m",Ss).call(this,t),e(this,gs,"m",_s).call(this,t)},Ss=function(t){return!!e(this,$s,"f").has(t)&&(clearTimeout(e(this,$s,"f").get(t)),e(this,$s,"f").delete(t))},_s=function(t){return!!e(this,xs,"f").has(t)&&(clearTimeout(e(this,xs,"f").get(t)),e(this,xs,"f").delete(t))},Ls=function(t){const a=t.target;e(this,gs,"m",_s).call(this,a),this.startDelay>0?(e(this,gs,"m",Ss).call(this,a),e(this,$s,"f").set(a,setTimeout(()=>{e(this,$s,"f").delete(a),e(this,ys,"f").call(this,!0,a)},this.startDelay))):e(this,ys,"f").call(this,!0,a)},zs=function(t){const a=t.target;e(this,gs,"m",Ss).call(this,a)||(this.endDelay>0?(e(this,gs,"m",_s).call(this,a),e(this,xs,"f").set(a,setTimeout(()=>{e(this,xs,"f").delete(a),e(this,ys,"f").call(this,!1,a)},this.endDelay))):e(this,ys,"f").call(this,!1,a))};class Nn{constructor(e){Es.set(this,void 0),Ms.set(this,new Array),a(this,Es,e,"f"),e.addController(this)}lock(){this.unlock();for(let t=e(this,Es,"f");t.parentNode&&t.parentNode!==document.documentElement;t=t.parentNode)for(const a of t.parentNode.children)a instanceof HTMLElement&&a!==t&&!a.inert&&(a.inert=!0,e(this,Ms,"f").push(a))}unlock(){e(this,Ms,"f").forEach(e=>e.inert=!1),e(this,Ms,"f").length=0}hostDisconnected(){this.unlock()}}Es=new WeakMap,Ms=new WeakMap;class jn extends yn{constructor(t,o){super(t,o),Ts.set(this,void 0),Ps.set(this,!1),Is.set(this,void 0),Ws.set(this,!0),a(this,Ts,o.callback,"f"),a(this,Ps,o.skipInitial??!1,"f"),l||(window.IntersectionObserver?a(this,Is,new IntersectionObserver((t,a)=>{e(this,Ts,"f").call(this,t,a)},o.init),"f"):console.warn("IntersectionController error: the browser does not support IntersectionObserver."))}async hostUpdated(){e(this,Is,"f")&&!e(this,Ps,"f")&&e(this,Ws,"f")&&e(this,Ts,"f").call(this,[],e(this,Is,"f")),a(this,Ws,!1,"f")}_observe(t){e(this,Is,"f")?.observe(t),a(this,Ws,!0,"f")}_unobserve(t){e(this,Is,"f")?.unobserve(t)}}Ts=new WeakMap,Ps=new WeakMap,Is=new WeakMap,Ws=new WeakMap;class Yn extends yn{constructor(t,o){super(t,o),Ds.add(this),As.set(this,void 0),Hs.set(this,void 0),Os.set(this,new Set),Fs.set(this,new Map),Bs.set(this,t=>e(this,Ds,"m",qs).call(this,t)),Vs.set(this,t=>e(this,Ds,"m",Rs).call(this,t)),a(this,As,o.callback,"f"),a(this,Hs,o.threshold??500,"f")}_observe(t){t.addEventListener("touchstart",e(this,Bs,"f"),{passive:!0}),t.addEventListener("touchend",e(this,Vs,"f")),t.addEventListener("touchcancel",e(this,Vs,"f"))}_unobserve(t){t.removeEventListener("touchstart",e(this,Bs,"f")),t.removeEventListener("touchend",e(this,Vs,"f")),t.removeEventListener("touchcancel",e(this,Vs,"f"))}}As=new WeakMap,Hs=new WeakMap,Os=new WeakMap,Fs=new WeakMap,Bs=new WeakMap,Vs=new WeakMap,Ds=new WeakSet,qs=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Fs,"f").set(a,setTimeout(()=>{e(this,Os,"f").add(a),e(this,Fs,"f").delete(a),e(this,As,"f").call(this,!0,a)},e(this,Hs,"f")))}},Rs=function(t){if(t.currentTarget instanceof HTMLElement&&this.isObserving(t.currentTarget)){const a=t.currentTarget;e(this,Os,"f").has(a)&&(e(this,As,"f").call(this,!1,a),e(this,Os,"f").delete(a)),e(this,Fs,"f").has(a)&&(clearTimeout(e(this,Fs,"f").get(a)),e(this,Fs,"f").delete(a))}};class Kn extends yn{constructor(t,o){super(t,o),Us.set(this,void 0),Ns.set(this,!1),js.set(this,void 0),Ys.set(this,void 0),Ks.set(this,!0),a(this,Us,o.callback,"f"),a(this,Ns,o.skipInitial??!1,"f"),a(this,js,o.config,"f"),l||(window.MutationObserver?a(this,Ys,new MutationObserver((t,a)=>e(this,Us,"f").call(this,t,a)),"f"):console.warn("MutationController error: the browser does not support MutationObserver."))}async hostUpdated(){if(e(this,Ys,"f")&&!e(this,Ns,"f")&&e(this,Ks,"f")){const t=e(this,Ys,"f").takeRecords();t.length>0&&e(this,Us,"f").call(this,t,e(this,Ys,"f"))}a(this,Ks,!1,"f")}hostDisconnected(){super.hostDisconnected(),e(this,Ys,"f")?.disconnect()}_observe(t){e(this,Ys,"f")?.observe(t,e(this,js,"f")),a(this,Ks,!0,"f")}_unobserve(){e(this,Ys,"f")?.disconnect();for(const t of this.targets)e(this,Ys,"f")?.observe(t,e(this,js,"f"))}}Us=new WeakMap,Ns=new WeakMap,js=new WeakMap,Ys=new WeakMap,Ks=new WeakMap;class Zn extends yn{constructor(t,o){super(t,o),Zs.add(this),Gs.set(this,void 0),Xs.set(this,void 0),Js.set(this,void 0),Qs.set(this,new Map),en.set(this,void 0),tn.set(this,t=>e(this,Zs,"m",nn).call(this,t)),an.set(this,t=>e(this,Zs,"m",ln).call(this,t)),on.set(this,t=>e(this,Zs,"m",cn).call(this,t)),rn.set(this,t=>e(this,Zs,"m",dn).call(this,t)),sn.set(this,t=>e(this,Zs,"m",hn).call(this,t)),a(this,Gs,o.capture,"f"),a(this,Xs,o.callback,"f"),a(this,Js,o.isPressedKey,"f"),a(this,en,o.minPressedDuration??0,"f")}hostConnected(){document.addEventListener("pointerup",e(this,an,"f"),{capture:e(this,Gs,"f")}),document.addEventListener("touchend",e(this,on,"f"),{capture:e(this,Gs,"f")}),document.addEventListener("touchcancel",e(this,on,"f"),{capture:e(this,Gs,"f")}),super.hostConnected()}hostDisconnected(){document.removeEventListener("pointerup",e(this,an,"f"),{capture:e(this,Gs,"f")}),document.removeEventListener("touchend",e(this,on,"f"),{capture:e(this,Gs,"f")}),document.removeEventListener("touchcancel",e(this,on,"f"),{capture:e(this,Gs,"f")}),super.hostDisconnected(),e(this,Qs,"f").clear()}_observe(t){t.addEventListener("pointerdown",e(this,tn,"f"),{capture:e(this,Gs,"f")}),e(this,Js,"f")&&(t.addEventListener("keydown",e(this,rn,"f"),{capture:e(this,Gs,"f")}),t.addEventListener("keyup",e(this,sn,"f"),{capture:e(this,Gs,"f")}))}_unobserve(t){t.removeEventListener("pointerdown",e(this,tn,"f"),{capture:e(this,Gs,"f")}),e(this,Js,"f")&&(t.removeEventListener("keydown",e(this,rn,"f"),{capture:e(this,Gs,"f")}),t.removeEventListener("keyup",e(this,sn,"f"),{capture:e(this,Gs,"f")}))}}Gs=new WeakMap,Xs=new WeakMap,Js=new WeakMap,Qs=new WeakMap,en=new WeakMap,tn=new WeakMap,an=new WeakMap,on=new WeakMap,rn=new WeakMap,sn=new WeakMap,Zs=new WeakSet,nn=function(t){if(!("mouse"===t.pointerType&&t.button>1))for(const a of t.composedPath())if(a instanceof HTMLElement&&this.isObserving(a)){e(this,Qs,"f").has(a)||(e(this,Qs,"f").set(a,performance.now()),e(this,Xs,"f").call(this,!0,{x:t.x,y:t.y},a));break}},ln=function(t){"mouse"===t.pointerType&&t.button>1||e(this,Zs,"m",mn).call(this,t.x,t.y)},cn=function(t){e(this,Zs,"m",mn).call(this,t.changedTouches[0]?.clientX??0,t.changedTouches[0]?.clientY??0)},dn=function(t){if(t.target!==t.currentTarget)return;const a=t.currentTarget;if(e(this,Js,"f")?.call(this,t.key)&&(" "===t.key&&t.preventDefault(),!e(this,Qs,"f").has(a))){e(this,Qs,"f").set(a,performance.now());const t=a.getBoundingClientRect();e(this,Xs,"f").call(this,!0,{x:t.x+t.width/2,y:t.y+t.height/2},a)}},hn=function(t){const a=t.target;if(e(this,Qs,"f").has(a)&&e(this,Js,"f")?.call(this,t.key)){const t=e(this,en,"f")-(performance.now()-e(this,Qs,"f").get(a)),o=a.getBoundingClientRect();t>0?setTimeout(()=>{e(this,Qs,"f").delete(a),e(this,Xs,"f").call(this,!1,{x:o.x+o.width/2,y:o.y+o.height/2},a)},t):(e(this,Qs,"f").delete(a),e(this,Xs,"f").call(this,!1,{x:o.x+o.width/2,y:o.y+o.height/2},a))}},mn=function(t,a){for(const o of e(this,Qs,"f")){const i=e(this,en,"f")-(performance.now()-o[1]);i>0?setTimeout(()=>{e(this,Qs,"f").delete(o[0]),e(this,Xs,"f").call(this,!1,{x:t,y:a},o[0])},i):(e(this,Qs,"f").delete(o[0]),e(this,Xs,"f").call(this,!1,{x:t,y:a},o[0]))}};class Gn extends yn{constructor(t,o){super(t,o),pn.set(this,void 0),un.set(this,void 0),vn.set(this,void 0),bn.set(this,void 0),fn.set(this,!0),a(this,pn,o.callback,"f"),a(this,un,o.skipInitial??!1,"f"),a(this,vn,o.config,"f"),l||(window.ResizeObserver?a(this,bn,new ResizeObserver((t,a)=>e(this,pn,"f").call(this,t,a)),"f"):console.warn("ResizeController error: the browser does not support ResizeObserver."))}async hostUpdated(){e(this,bn,"f")&&!e(this,un,"f")&&e(this,fn,"f")&&e(this,pn,"f").call(this,[],e(this,bn,"f")),a(this,fn,!1,"f")}_observe(t){e(this,bn,"f")?.observe(t,e(this,vn,"f")),a(this,fn,!0,"f")}_unobserve(t){e(this,bn,"f")?.unobserve(t)}}pn=new WeakMap,un=new WeakMap,vn=new WeakMap,bn=new WeakMap,fn=new WeakMap;const Xn=e=>(t,a)=>{const o=()=>{"undefined"==typeof window||customElements.get(e)||customElements.define(e,t)};a?a.addInitializer(o):o()};function Jn(e){const t=Symbol("_id");return(a,o,i)=>{const r=i.value;return i.value=function(...a){clearTimeout(this[t]),this[t]=setTimeout(()=>r.apply(this,a),e)},i}}var Qn,el,tl,al,ol,il,rl,sl,nl,ll,cl,dl,hl,ml;class pl extends yn{constructor(t,o){super(t,o),Qn.add(this),el.set(this,void 0),tl.set(this,void 0),al.set(this,t=>e(this,Qn,"m",rl).call(this,t)),ol.set(this,new Map),a(this,el,!0===o.debounce,"f"),a(this,tl,o.callback,"f")}getScrollContainers(t){return e(this,ol,"f").get(t)}_observe(t){const a=e(this,Qn,"m",il).call(this,t);if(a.length>0){e(this,ol,"f").set(t,a);for(const t of a)(t===document.documentElement?document:t).addEventListener("scroll",e(this,al,"f"),{passive:!0})}}_unobserve(t){if(e(this,ol,"f").has(t)){for(const a of e(this,ol,"f").get(t))(a===document.documentElement?document:a).removeEventListener("scroll",e(this,al,"f"));e(this,ol,"f").delete(t)}}_debounceCallback(t){e(this,tl,"f").call(this,t)}}el=new WeakMap,tl=new WeakMap,al=new WeakMap,ol=new WeakMap,Qn=new WeakSet,il=function(e){const t=new Array;let a=e;for(;a;){const e=getComputedStyle(a);/(auto|scroll)/.test(e.overflow+e.overflowY+e.overflowX)&&t.push(a),a=a.parentElement}return t},rl=function(t){const a=t.target===document?document.documentElement:t.target;e(this,el,"f")?this._debounceCallback(a):e(this,tl,"f").call(this,a)},t([Jn(40)],pl.prototype,"_debounceCallback",null);class ul{constructor(e){sl.add(this),nl.set(this,!1),ll.set(this,0),cl.set(this,0),dl.set(this,""),hl.set(this,""),e.addController(this)}lock(){e(this,nl,"f")||(a(this,nl,!0,"f"),a(this,ll,window.scrollY,"f"),a(this,cl,window.scrollX,"f"),a(this,dl,document.documentElement.style.overflow,"f"),a(this,hl,document.documentElement.style.scrollbarGutter,"f"),e(this,sl,"m",ml).call(this)&&(document.documentElement.style.scrollbarGutter="stable"),document.documentElement.style.overflow="hidden",window.scrollTo(e(this,cl,"f"),e(this,ll,"f")))}unlock(){e(this,nl,"f")&&(a(this,nl,!1,"f"),document.documentElement.style.overflow=e(this,dl,"f"),document.documentElement.style.scrollbarGutter=e(this,hl,"f"),window.scrollTo(e(this,cl,"f"),e(this,ll,"f")))}hostDisconnected(){this.unlock()}}nl=new WeakMap,ll=new WeakMap,cl=new WeakMap,dl=new WeakMap,hl=new WeakMap,sl=new WeakSet,ml=function(){return document.documentElement.scrollHeight>document.documentElement.clientHeight};const vl={fromAttribute(e){if(!e)return null;const t=e.match(/^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(?:\.(\d{3}))?)?(Z|[+-]\d{2}:\d{2})?$/);if(!t)return null;const a=Number(t[1]),o=Number(t[2])-1,i=Number(t[3]),r=void 0!==t[4],s=r?Number(t[4]):0,n=r?Number(t[5]):0,l=r?Number(t[6]):0,c=r&&t[7]?Number(t[7]):0,d=t[8];if(!r&&!d)return new Date(a,o,i);if(r&&!d)return new Date(a,o,i,s,n,l,c);if("Z"===d)return new Date(Date.UTC(a,o,i,s,n,l,c));if(d&&/^[+-]\d{2}:\d{2}$/.test(d)){const e=d.startsWith("-")?-1:1,[t,r]=d.slice(1).split(":").map(Number),h=e*(60*t+r),m=Date.UTC(a,o,i,s,n,l,c);return new Date(m-6e4*h)}return null},toAttribute:e=>e?.toISOString()??null},bl={fromAttribute:e=>e?e.split(/\s+/).map(e=>e.trim()).filter(Boolean):[],toAttribute:e=>e.join(" ")},fl="important",gl=" !"+fl;const yl=Ke(class extends Ze{constructor(e){if(super(e),e.type!==Ge.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw new Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return n}update(e,[t]){const{style:a}=e.element;void 0===this._previousStyleProperties&&(this._previousStyleProperties=new Set(Object.keys(t)));for(const e of this._previousStyleProperties)null==t[e]&&(this._previousStyleProperties.delete(e),e.includes("-")?a.removeProperty(e):a[e]=null);for(const e in t){const o=t[e];if(null!=o){this._previousStyleProperties.add(e);const t="string"==typeof o&&o.endsWith(gl);e.includes("-")||t?a.setProperty(e,t?o.slice(0,-11):o,t?fl:""):a[e]=o}}return c}});function $l(e,...t){return"object"==typeof e&&null!==e&&t.every(t=>t in e)}const xl=Symbol("internals");function wl(e){return $l(e,xl)}const kl=Symbol("_internals"),Cl=Symbol("_customState");function Sl(e,t){var a;class o extends e{constructor(){super(...arguments),this[a]=new Set}get[(a=Cl,xl)](){return this[kl]??(this[kl]=this.attachInternals())}}return o.formAssociated=t,o}function _l(e,t){return Cl in e?e[Cl].has(t):e[xl].states.has(t)}function Ll(e,t){Cl in e&&e[Cl].add(t),e[xl]?.states.add(t),e[xl]?.states.has(t)}function zl(e,t){return Cl in e&&e[Cl].delete(t),!!e[xl]?.states.delete(t)&&(e[xl]?.states.has(t),!0)}function El(e,t,a){a?Ll(e,t):zl(e,t)}function Ml(e){return $l(e,"checked")}function Tl(e){class a extends e{constructor(){super(...arguments),this.checked=!1}update(e){super.update(e),e.has("checked")&&("button"===this.role?(this.ariaPressed=`${this.checked}`,this.ariaChecked=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=`${this.checked}`,this.ariaPressed=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"checked",void 0),a}function Pl(e){return $l(e,"indeterminate")&&Ml(e)}function Il(e){class a extends(Tl(e)){constructor(){super(...arguments),this.indeterminate=!1}update(e){super.update(e),e.has("indeterminate")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaChecked=!this.checked&&this.indeterminate?"mixed":`${this.checked}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"indeterminate",void 0),a}function Wl(e){return $l(e,"selected")}function Dl(e){class a extends e{constructor(){super(...arguments),this.selected=!1}update(e){super.update(e),e.has("selected")&&("button"===this.role?(this.ariaPressed=`${this.selected}`,this.ariaSelected=null,this.ariaChecked=null):"radio"===this.role?(this.ariaChecked=`${this.selected}`,this.ariaSelected=null,this.ariaPressed=null):this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaSelected=`${this.selected}`,this.ariaPressed=null,this.ariaChecked=null))}}return t([m({type:Boolean,reflect:!0})],a.prototype,"selected",void 0),a}function Al(e){return Ml(e)||Wl(e)}function Hl(e){return Ml(e)&&e.checked||Wl(e)&&e.selected}function Ol(e,t){Ml(e)?e.checked=t:e.selected=t}function Fl(e){return $l(e,"dirty","pristine","markAsDirty","markAsPristine")}const Bl=Symbol("_eventHandler");function Vl(e){var t;return t=Bl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsDirty()}get dirty(){return _l(this,"-dirty")}get pristine(){return!this.dirty}connectedCallback(){this.markAsPristine(),super.connectedCallback(),this.addEventListener("change",this[Bl])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this[Bl])}markAsPristine(){zl(this,"-dirty")}markAsDirty(){Ll(this,"-dirty")}}}function ql(e){return $l(e,"touched","untouched","markAsTouched","markAsUntouched")}const Rl=Symbol("_eventHandler");function Ul(e){var t;return t=Rl,class extends e{constructor(){super(...arguments),this[t]=()=>this.markAsTouched()}get touched(){return _l(this,"-touched")}get untouched(){return!this.touched}connectedCallback(){this.markAsUntouched(),super.connectedCallback(),this.addEventListener("focusout",this[Rl],{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[Rl],{capture:!0})}markAsTouched(){Ll(this,"-touched")}markAsUntouched(){zl(this,"-touched")}}}const Nl={primary:o("var(--md-sys-color-primary, #6750A4)"),onPrimary:o("var(--md-sys-color-on-primary, #FFFFFF)"),primaryContainer:o("var(--md-sys-color-primary-container, #EADDFF)"),onPrimaryContainer:o("var(--md-sys-color-on-primary-container, #4F378B)"),primaryFixed:o("var(--md-sys-color-primary-fixed, #EADDFF)"),primaryFixedDim:o("var(--md-sys-color-primary-fixed-dim, #D0BCFF)"),onPrimaryFixed:o("var(--md-sys-color-on-primary-fixed, #21005D)"),onPrimaryFixedVariant:o("var(--md-sys-color-on-primary-fixed-variant, #4F378B)"),secondary:o("var(--md-sys-color-secondary, #625B71)"),onSecondary:o("var(--md-sys-color-on-secondary, #FFFFFF)"),secondaryContainer:o("var(--md-sys-color-secondary-container, #E8DEF8)"),onSecondaryContainer:o("var(--md-sys-color-on-secondary-container, #4A4458)"),secondaryFixed:o("var(--md-sys-color-secondary-fixed, #E8DEF8)"),secondaryFixedDim:o("var(--md-sys-color-secondary-fixed-dim, #CCC2DC)"),onSecondaryFixed:o("var(--md-sys-color-on-secondary-fixed, #1D192B)"),onSecondaryFixedVariant:o("var(--md-sys-color-on-secondary-fixed-variant, #4A4458)"),tertiary:o("var(--md-sys-color-tertiary, #7D5260)"),onTertiary:o("var(--md-sys-color-on-tertiary, #FFFFFF)"),tertiaryContainer:o("var(--md-sys-color-tertiary-container, #FFD8E4)"),onTertiaryContainer:o("var(--md-sys-color-on-tertiary-container, #633B48)"),tertiaryFixed:o("var(--md-sys-color-tertiary-fixed, #FFD8E4)"),tertiaryFixedDim:o("var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)"),onTertiaryFixed:o("var(--md-sys-color-on-tertiary-fixed, #31111D)"),onTertiaryFixedVariant:o("var(--md-sys-color-on-tertiary-fixed-variant, #633B48)"),error:o("var(--md-sys-color-error, #B3261E)"),onError:o("var(--md-sys-color-on-error, #FFFFFF)"),errorContainer:o("var(--md-sys-color-error-container, #F9DEDC)"),onErrorContainer:o("var(--md-sys-color-on-error-container, #8C1D18)"),surface:o("var(--md-sys-color-surface, #FEF7FF)"),onSurface:o("var(--md-sys-color-on-surface, #1D1B20)"),onSurfaceVariant:o("var(--md-sys-color-on-surface-variant, #49454F)"),surfaceContainerLowest:o("var(--md-sys-color-surface-container-lowest, #FFFFFF)"),surfaceContainerLow:o("var(--md-sys-color-surface-container-low, #F7F2FA)"),surfaceContainer:o("var(--md-sys-color-surface-container, #F3EDF7)"),surfaceContainerHigh:o("var(--md-sys-color-surface-container-high, #ECE6F0)"),surfaceContainerHighest:o("var(--md-sys-color-surface-container-highest, #E6E0E9)"),surfaceDim:o("var(--md-sys-color-surface-dim, #DED8E1)"),surfaceBright:o("var(--md-sys-color-surface-bright, #FEF7FF)"),surfaceVariant:o("var(--md-sys-color-surface-variant, #E7E0EC)"),inverseSurface:o("var(--md-sys-color-inverse-surface, #322F35)"),inverseOnSurface:o("var(--md-sys-color-inverse-on-surface, #F5EFF7)"),inversePrimary:o("var(--md-sys-color-inverse-primary, #D0BCFF)"),outline:o("var(--md-sys-color-outline, #79747E)"),outlineVariant:o("var(--md-sys-color-outline-variant, #CAC4D0)"),shadow:o("var(--md-sys-color-shadow, #000000)"),scrim:o("var(--md-sys-color-scrim, #000000)")},jl={scale:o("var(--md-sys-density-scale, 0)"),size:o("var(--md-sys-density-size, 0.25rem)")},Yl={...jl,calc:e=>o(`calc(max(${e}, ${jl.scale}) * ${jl.size})`)},Kl=`color-mix(in srgb, var(--m3e-elevation-color, ${Nl.shadow}) 20%, transparent)`,Zl=["0px 0px 0px 0px","0px 2px 1px -1px","0px 3px 1px -2px","0px 3px 3px -2px","0px 2px 4px -1px","0px 3px 5px -1px","0px 3px 5px -1px","0px 4px 5px -2px","0px 5px 5px -3px","0px 5px 6px -3px","0px 6px 6px -3px","0px 6px 7px -4px","0px 7px 8px -4px","0px 7px 8px -4px","0px 7px 9px -4px","0px 8px 9px -5px","0px 8px 10px -5px","0px 8px 11px -5px","0px 9px 11px -5px","0px 9px 12px -6px","0px 10px 13px -6px","0px 10px 13px -6px","0px 10px 14px -6px","0px 11px 14px -7px","0px 11px 15px -7px"],Gl=`color-mix(in srgb, var(--m3e-elevation-color, ${Nl.shadow}) 14%, transparent)`,Xl=["0px 0px 0px 0px","0px 1px 1px 0px","0px 2px 2px 0px","0px 3px 4px 0px","0px 4px 5px 0px","0px 5px 8px 0px","0px 6px 10px 0px","0px 7px 10px 1px","0px 8px 10px 1px","0px 9px 12px 1px","0px 10px 14px 1px","0px 11px 15px 1px","0px 12px 17px 2px","0px 13px 19px 2px","0px 14px 21px 2px","0px 15px 22px 2px","0px 16px 24px 2px","0px 17px 26px 2px","0px 18px 28px 2px","0px 19px 29px 2px","0px 20px 31px 3px","0px 21px 33px 3px","0px 22px 35px 3px","0px 23px 36px 3px","0px 24px 38px 3px"],Jl=`color-mix(in srgb, var(--m3e-elevation-color, ${Nl.shadow}) 12%, transparent)`,Ql=["0px 0px 0px 0px","0px 1px 3px 0px","0px 1px 5px 0px","0px 1px 8px 0px","0px 1px 10px 0px","0px 1px 14px 0px","0px 1px 18px 0px","0px 2px 16px 1px","0px 3px 14px 2px","0px 3px 16px 2px","0px 4px 18px 3px","0px 4px 20px 3px","0px 5px 22px 4px","0px 5px 24px 4px","0px 5px 26px 4px","0px 6px 28px 5px","0px 6px 30px 5px","0px 6px 32px 5px","0px 7px 34px 6px","0px 7px 36px 6px","0px 8px 38px 7px","0px 8px 40px 7px","0px 8px 42px 7px","0px 9px 44px 8px","0px 9px 46px 8px"];function ec(e){return`${Kl} ${Zl[e]},${Gl} ${Xl[e]},${Jl} ${Ql[e]}`}const tc={level0:o(`var(--md-sys-elevation-level0, ${ec(0)})`),level1:o(`var(--md-sys-elevation-level1, ${ec(1)})`),level2:o(`var(--md-sys-elevation-level2, ${ec(3)})`),level3:o(`var(--md-sys-elevation-level3, ${ec(6)})`),level4:o(`var(--md-sys-elevation-level4, ${ec(8)})`),level5:o(`var(--md-sys-elevation-level5, ${ec(12)})`)},ac={emphasized:o("var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0.0, 0, 1.0))"),emphasizedDecelerate:o("var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1.0))"),emphasizedAccelerate:o("var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0.0, 0.8, 0.15))"),standard:o("var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0.0, 0, 1.0))"),standardDecelerate:o("var(--md-sys-motion-easing-standard-decelerate, cubic-bezier(0, 0, 0, 1))"),standardAccelerate:o("var(--md-sys-motion-easing-standard-accelerate, cubic-bezier(0.3, 0, 1, 1))")},oc={fastSpatial:o("var(--md-sys-motion-spring-fast-spatial, 350ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),defaultSpatial:o("var(--md-sys-motion-spring-default-spatial, 500ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),slowSpatial:o("var(--md-sys-motion-spring-slow-spatial, 750ms cubic-bezier(0.27, 1.06, 0.18, 1.00))"),fastEffects:o("var(--md-sys-motion-spring-fast-effects, 150ms cubic-bezier(0.31, 0.94, 0.34, 1.00))"),defaultEffects:o("var(--md-sys-motion-spring-default-effects, 200ms cubic-bezier(0.34, 0.80, 0.34, 1.00))"),slowEffects:o("var(--md-sys-motion-spring-slow-effects, 200ms cubic-bezier(0.34, 0.88, 0.34, 1.00))")},ic={easing:ac,duration:{short1:o("var(--md-sys-motion-duration-short-1, 50ms)"),short2:o("var(--md-sys-motion-duration-short-2, 100ms)"),short3:o("var(--md-sys-motion-duration-short-3, 150ms)"),short4:o("var(--md-sys-motion-duration-short-4, 200ms)"),medium1:o("var(--md-sys-motion-duration-medium-1, 250ms)"),medium2:o("var(--md-sys-motion-duration-medium-2, 300ms)"),medium3:o("var(--md-sys-motion-duration-medium-3, 350ms)"),medium4:o("var(--md-sys-motion-duration-medium-4, 400ms)"),long1:o("var(--md-sys-motion-duration-long-1, 450ms)"),long2:o("var(--md-sys-motion-duration-long-2, 500ms)"),long3:o("var(--md-sys-motion-duration-long-3, 550ms)"),long4:o("var(--md-sys-motion-duration-long-4, 600ms)"),extraLong1:o("var(--md-sys-motion-duration-extra-long-1, 700ms)"),extraLong2:o("var(--md-sys-motion-duration-extra-long-2, 800ms)"),extraLong3:o("var(--md-sys-motion-duration-extra-long-3, 900ms)"),extraLong4:o("var(--md-sys-motion-duration-extra-long-4, 1000ms)")},spring:oc},rc={width:o("var(--m3e-scrollbar-width, auto)"),thinWidth:o("var(--m3e-scrollbar-thin-width, thin)"),color:o("var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)")},sc={none:o("var(--md-sys-shape-corner-value-none, 0)"),extraSmall:o("var(--md-sys-shape-corner-value-extra-small, 0.25rem)"),small:o("var(--md-sys-shape-corner-value-small, 0.5rem)"),medium:o("var(--md-sys-shape-corner-value-medium, 0.75rem)"),large:o("var(--md-sys-shape-corner-value-large, 1rem)"),largeIncreased:o("var(--md-sys-shape-corner-value-large-increased, 1.25rem)"),extraLarge:o("var(--md-sys-shape-corner-value-extra-large, 1.75rem)"),extraLargeIncreased:o("var(--md-sys-shape-corner-value-extra-large-increased, 2rem)"),extraExtraLarge:o("var(--md-sys-shape-corner-value-extra-extra-large, 3rem)")},nc={color:Nl,elevation:tc,motion:ic,shape:{corner:{full:o("var(--md-sys-shape-corner-full, 624.9375rem)"),extraLargeTop:o(`var(--md-sys-shape-corner-extra-large-top, ${sc.extraLarge} ${sc.extraLarge} ${sc.none} ${sc.none})`),extraLarge:o(`var(--md-sys-shape-corner-extra-large, ${sc.extraLarge})`),extraLargeEnd:o(`${sc.none} ${sc.extraLarge} ${sc.extraLarge} ${sc.none}`),extraLargeStart:o(`${sc.extraLarge} ${sc.none} ${sc.none} ${sc.extraLarge}`),largeTop:o(`var(--md-sys-shape-corner-large-top, ${sc.large} ${sc.large} ${sc.none} ${sc.none})`),largeEnd:o(`var(--md-sys-shape-corner-large-end, ${sc.none} ${sc.large} ${sc.large} ${sc.none})`),largeStart:o(`var(--md-sys-shape-corner-large-end, ${sc.large} ${sc.none} ${sc.none} ${sc.large})`),large:o(`var(--md-sys-shape-corner-large, ${sc.large})`),medium:o(`var(--md-sys-shape-corner-medium, ${sc.medium})`),mediumTop:o(`${sc.medium} ${sc.medium} ${sc.none} ${sc.none}`),mediumEnd:o(`${sc.none} ${sc.medium} ${sc.medium} ${sc.none}`),mediumStart:o(`${sc.medium} ${sc.none} ${sc.none} ${sc.medium}`),small:o(`var(--md-sys-shape-corner-small, ${sc.small})`),smallTop:o(`${sc.small} ${sc.small} ${sc.none} ${sc.none}`),smallEnd:o(`${sc.none} ${sc.small} ${sc.small} ${sc.none}`),smallStart:o(`${sc.small} ${sc.none} ${sc.none} ${sc.small}`),extraSmallTop:o(`var(--md-sys-shape-corner-extra-small-top, ${sc.extraSmall} ${sc.extraSmall} ${sc.none} ${sc.none})`),extraSmall:o(`var(--md-sys-shape-corner-extra-small, ${sc.extraSmall})`),extraSmallEnd:o(`${sc.none} ${sc.extraSmall} ${sc.extraSmall} ${sc.none}`),extraSmallStart:o(`${sc.extraSmall} ${sc.none} ${sc.none} ${sc.extraSmall}`),extraSmallBottom:o(`${sc.none} ${sc.none} ${sc.extraSmall} ${sc.extraSmall}`),none:o(`var(--md-sys-shape-corner-none, ${sc.none})`),largeIncreased:o(`var(--md-sys-shape-corner-large-increased, ${sc.largeIncreased})`),extraLargeIncreased:o(`var(--md-sys-shape-corner-extra-large-increased, ${sc.extraLargeIncreased})`),extraExtraLarge:o(`var(--md-sys-shape-corner-extra-extra-large, ${sc.extraExtraLarge})`),value:sc}},state:{focusStateLayerOpacity:o("var(--md-sys-state-focus-state-layer-opacity, 10%)"),hoverStateLayerOpacity:o("var(--md-sys-state-hover-state-layer-opacity, 8%)"),pressedStateLayerOpacity:o("var(--md-sys-state-pressed-state-layer-opacity, 10%)")},typescale:{standard:{display:{large:{fontSize:o("var(--md-sys-typescale-display-large-font-size, 3.5625rem)"),fontWeight:o("var(--md-sys-typescale-display-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-display-large-line-height, 4rem)"),tracking:o("var(--md-sys-typescale-display-large-tracking, 0.015625rem)")},medium:{fontSize:o("var(--md-sys-typescale-display-medium-font-size, 2.8125rem)"),fontWeight:o("var(--md-sys-typescale-display-medium-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-display-medium-line-height, 3.25rem)"),tracking:o("var(--md-sys-typescale-display-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-display-small-font-size, 2.25rem)"),fontWeight:o("var(--md-sys-typescale-display-small-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-display-small-line-height, 2.75rem)"),tracking:o("var(--md-sys-typescale-display-small-tracking, 0)")}},headline:{large:{fontSize:o("var(--md-sys-typescale-headline-large-font-size, 2rem)"),fontWeight:o("var(--md-sys-typescale-headline-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-headline-large-line-height, 2.5rem)"),tracking:o("var(--md-sys-typescale-headline-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-headline-medium-font-size, 1.75rem)"),fontWeight:o("var(--md-sys-typescale-headline-medium-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-headline-medium-line-height, 2.25rem)"),tracking:o("var(--md-sys-typescale-headline-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-headline-small-font-size, 1.5rem)"),fontWeight:o("var(--md-sys-typescale-headline-small-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-headline-small-line-height, 2rem)"),tracking:o("var(--md-sys-typescale-headline-small-tracking, 0)")}},title:{large:{fontSize:o("var(--md-sys-typescale-title-large-font-size, 1.375rem)"),fontWeight:o("var(--md-sys-typescale-title-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-title-large-line-height, 1.75rem)"),tracking:o("var(--md-sys-typescale-title-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-title-medium-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-title-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-title-medium-line-height, 1.5rem)"),tracking:o("var(--md-sys-typescale-title-medium-tracking, 0.009375rem)")},small:{fontSize:o("var(--md-sys-typescale-title-small-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-title-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-title-small-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:o("var(--md-sys-typescale-body-large-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-body-large-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-body-large-line-height, 1.5rem)"),tracking:o("var(--md-sys-typescale-body-large-tracking, 0.03125rem)")},medium:{fontSize:o("var(--md-sys-typescale-body-medium-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-body-medium-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-body-medium-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-body-medium-tracking, 0.015625rem)")},small:{fontSize:o("var(--md-sys-typescale-body-small-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-body-small-font-weight, 400)"),lineHeight:o("var(--md-sys-typescale-body-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:o("var(--md-sys-typescale-label-large-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-label-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-label-large-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-label-large-tracking, 0.00625rem)")},medium:{fontSize:o("var(--md-sys-typescale-label-medium-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-label-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-label-medium-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-label-medium-tracking, 0.03125rem)")},small:{fontSize:o("var(--md-sys-typescale-label-small-font-size, 0.6875rem)"),fontWeight:o("var(--md-sys-typescale-label-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-label-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-label-small-tracking, 0.03125rem)")}}},emphasized:{display:{large:{fontSize:o("var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-display-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)"),tracking:o("var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-display-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-display-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)"),tracking:o("var(--md-sys-typescale-emphasized-display-small-tracking, 0)")}},headline:{large:{fontSize:o("var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)"),tracking:o("var(--md-sys-typescale-emphasized-headline-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)"),tracking:o("var(--md-sys-typescale-emphasized-headline-small-tracking, 0)")}},title:{large:{fontSize:o("var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-title-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)"),tracking:o("var(--md-sys-typescale-emphasized-title-large-tracking, 0)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)"),tracking:o("var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-title-small-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)")}},body:{large:{fontSize:o("var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-body-large-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)"),tracking:o("var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-body-small-font-weight, 500)"),lineHeight:o("var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)")}},label:{large:{fontSize:o("var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-label-large-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)"),tracking:o("var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)")},medium:{fontSize:o("var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)")},small:{fontSize:o("var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)"),fontWeight:o("var(--md-sys-typescale-emphasized-label-small-font-weight, 700)"),lineHeight:o("var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)"),tracking:o("var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)")}}}},scrollbar:rc,density:Yl};function lc(e){return $l(e,"disabled")}function cc(e,a=!0){class o extends e{constructor(){super(...arguments),this.disabled=!1}update(e){super.update(e),e.has("disabled")&&this.role&&"none"!==this.role&&"presentation"!==this.role&&(this.ariaDisabled=this.disabled?"true":null)}}return t([m({type:Boolean,reflect:a})],o.prototype,"disabled",void 0),o}function dc(e){return $l(e,"disabledInteractive")&&lc(e)}const hc=["click","dblclick","auxclick","keydown","keyup"],mc=["Tab","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Left","Up","Right","Down"],pc=Symbol("_suppressedEventHandler");function uc(e){var a;class o extends e{constructor(){super(...arguments),this[a]=e=>{if(this.disabledInteractive){if(e instanceof KeyboardEvent&&mc.includes(e.key))return;e.stopImmediatePropagation(),e.preventDefault()}},this.disabledInteractive=!1}connectedCallback(){hc.forEach(e=>this.addEventListener(e,this[pc],!0)),super.connectedCallback()}disconnectedCallback(){hc.forEach(e=>this.removeEventListener(e,this[pc],!0)),super.disconnectedCallback()}update(e){super.update(e),(e.has("disabled")||e.has("disabledInteractive"))&&this.role&&"none"!==this.role&&"presentation"!==this.role&&"none"!==this.role&&(this.ariaDisabled=this.disabled||this.disabledInteractive?"true":null)}}return a=pc,t([m({attribute:"disabled-interactive",type:Boolean,reflect:!0})],o.prototype,"disabledInteractive",void 0),o}const vc=Symbol("updateLabels");function bc(e){return $l(e,"labels")&&wl(e)}const fc=Symbol("_eventHandler");function gc(e){var t;class a extends e{constructor(){super(...arguments),this[t]=e=>{e.defaultPrevented||this[vc]()}}get labels(){return this[xl].labels}connectedCallback(){super.connectedCallback(),this.addEventListener("focusout",this[fc]),this.addEventListener("change",this[fc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusout",this[fc]),this.removeEventListener("change",this[fc])}update(e){super.update(e),this[vc]()}[(t=fc,vc)](){const e=this.hasAttribute("tabindex"),t=lc(this)&&this.disabled||dc(this)&&this.disabledInteractive,a=ql(this)&&this.touched&&(this.ariaInvalid||_l(this,"-invalid"));for(const o of this.labels??[])o.style.userSelect=e?"none":"",o.style.cursor=!t&&e?"pointer":"",!t&&e?o.style.setProperty("-webkit-tap-highlight-color","rgba(0, 0, 0, 0)"):o.style.removeProperty("-webkit-tap-highlight-color"),o.style.color=t?`color-mix(in srgb, ${nc.color.onSurface} 38%, transparent)`:a?`${nc.color.error}`:""}}return a.formAssociated=!0,a}const yc=Symbol("formValue"),$c=Symbol("defaultValue");function xc(e){return $l(e,"disabled","form","name")&&bc(e)&&wl(e)}const wc=Symbol("_defaultValue"),kc=Symbol("_defaultIndeterminate"),Cc=Symbol("_formDisabled");function Sc(e){var a,o;class i extends e{constructor(){super(...arguments),this[a]=!1,this[o]=!1}get form(){return this[xl].form}get labels(){return this[xl].labels}get[(a=kc,o=Cc,yc)](){return null}get[$c](){return this[wc]}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get disabled(){return super.disabled||this[Cc]}set disabled(e){super.disabled=e}connectedCallback(){super.connectedCallback(),Ml(this)?(this[wc]=this.checked,Pl(this)&&(this[kc]=this.indeterminate)):"value"in this&&(this[wc]=this.value)}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[xl].setFormValue(this[yc])}formDisabledCallback(e){const t=this.disabled;this[Cc]=e,this.disabled!=t&&this.requestUpdate("disabled",t)}formResetCallback(){Ml(this)?(this.checked=!0===this[wc],Pl(this)&&(this.indeterminate=this[kc])):"value"in this&&(this.value=this[$c]),Fl(this)&&this.markAsPristine(),ql(this)&&this.markAsUntouched()}}return i.formAssociated=!0,t([m({noAccessor:!0})],i.prototype,"name",null),t([m({type:Boolean})],i.prototype,"disabled",null),i}const _c=Symbol("validate");function Lc(e){return $l(e,"willValidate","validity","validationMessage","reportValidity","checkValidity","setCustomValidity")&&xc(e)}const zc=Symbol("_updateValidity"),Ec=Symbol("_validityMessage");function Mc(t){var a,o;class i extends t{constructor(){super(...arguments),a.add(this)}get willValidate(){return this[xl].willValidate}get validity(){return this[zc](),this[xl].validity}get validationMessage(){return this[zc](),this[xl].validationMessage}[(a=new WeakSet,_c)](){return this[Ec]?{customError:!0}:void 0}reportValidity(){return ql(this)&&this.markAsTouched(),this[zc](),this[xl].reportValidity()}checkValidity(){return this[zc](),this[xl].checkValidity()}setCustomValidity(e){this[Ec]=e||void 0,this[zc]()}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[zc]()}firstUpdated(e){super.firstUpdated(e),this[zc]()}[zc](){if(l||!this.isConnected)return;const t=this[_c](),i=t&&Object.keys(t).some(e=>!0===t[e]);let r=t?.customError?this[Ec]:"";t&&!r&&(r=e(this,a,"m",o).call(this,t)),this[xl].setValidity(t,r),this.ariaInvalid=i?"true":null,El(this,"-invalid",!0===i),bc(this)&&this[vc]?.()}}return o=function(e){const t=document.createElement("input");return t.type="text",e.valueMissing&&(t.required=!0,t.value=""),e.typeMismatch&&(t.type="email",t.value="not-an-email"),e.patternMismatch&&(t.pattern="[0-9]{4}",t.value="abcd"),e.tooShort&&(t.minLength=5,t.value="abc"),e.tooLong&&(t.maxLength=2,t.value="abcdef"),e.rangeUnderflow&&(t.type="number",t.min="10",t.value="5"),e.rangeOverflow&&(t.type="number",t.max="5",t.value="10"),e.stepMismatch&&(t.type="number",t.step="2",t.value="3"),e.badInput&&(t.type="number",t.value="abc"),t.setCustomValidity(""),t.checkValidity(),t.validationMessage},i}function Tc(e,...t){return class extends e{dispatchEvent(e){if(t.includes(e.type)){const t=this.getAttribute(`on${e.type}`);t&&new Function("e",`${t};`).call(this,e)}return super.dispatchEvent(e)}}}const Pc=Symbol("_tabindex");function Ic(e){var t;return t=Pc,class extends e{constructor(){super(...arguments),this[t]=0}connectedCallback(){this[Pc]=Number.parseInt(this.getAttribute("tabindex")??"0"),super.connectedCallback()}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("tabindex")||e.has("disabled")||this.setAttribute("tabindex",`${this[Pc]}`)}update(e){if(super.update(e),e.has("disabled"))if(this.disabled||"none"===this.role){const e=this.getAttribute("tabindex");e&&(this[Pc]=Number.parseInt(e)),this.removeAttribute("tabindex")}else this.hasAttribute("tabindex")||this.setAttribute("tabindex",`${this[Pc]}`)}}}function Wc(e){return $l(e,"name","type","value")&&wl(e)}const Dc=Symbol("_clickHandler");function Ac(e){var a;class o extends e{constructor(){super(...arguments),this.type="button",this[a]=async e=>{if(e.defaultPrevented||lc(this)&&this.disabled||dc(this)&&this.disabledInteractive)return;const t=this[xl].form;if(t&&"button"!==this.type&&(await new Promise(e=>setTimeout(e)),!e.defaultPrevented))switch(this.type){case"reset":t.reset();break;case"submit":t.addEventListener("submit",e=>Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>this}),{capture:!0,once:!0}),this[xl].setFormValue(this.value),t.requestSubmit()}}}get name(){return this.getAttribute("name")??""}set name(e){e?this.setAttribute("name",e):this.removeAttribute("name")}get value(){return this.getAttribute("value")}set value(e){null!=e?this.setAttribute("value",e):this.removeAttribute("value")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this[Dc])}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Dc])}}return a=Dc,o.formAssociated=!0,t([m()],o.prototype,"name",null),t([m()],o.prototype,"value",null),t([m()],o.prototype,"type",void 0),o}function Hc(e){return $l(e,"htmlFor","control","attach","detach")}const Oc=Symbol("_control"),Fc=Symbol("_firstUpdated");function Bc(e){var a;class o extends e{constructor(){super(...arguments),this[a]=!1,this.htmlFor=null}get control(){return this[Oc]?.deref()??null}connectedCallback(){super.connectedCallback();const e=this[Oc]?.deref();e&&this.attach(e)}disconnectedCallback(){super.disconnectedCallback();const e=this[Oc];e&&(this.detach(),this[Oc]=e)}firstUpdated(e){super.firstUpdated(e),this[Fc]=!0}update(e){if(super.update(e),e.has("htmlFor"))if(this.htmlFor){const e=this.getRootNode();e&&Fn(this.htmlFor,e).then(e=>{e!==this.control&&(this.control&&this.detach(),e instanceof HTMLElement&&this.attach(e))})}else this.control&&this[Fc]&&this.detach()}attach(e){this[Oc]=new WeakRef(e)}detach(){this[Oc]=void 0}}return a=Fc,t([m({attribute:"for"})],o.prototype,"htmlFor",void 0),o}function Vc(t,o=!0){var i,r,s,n,l,c,d;return r=new WeakMap,s=new WeakMap,n=new WeakMap,l=new WeakMap,i=new WeakSet,c=function(e){e.target!==e.currentTarget||lc(this)&&this.disabled||dc(this)&&this.disabledInteractive?a(this,r,!1,"f"):(" "===e.key||o&&"Enter"===e.key)&&a(this,r,!0,"f")},d=function(t){t.target!==t.currentTarget||lc(this)&&this.disabled||dc(this)&&this.disabledInteractive||!e(this,r,"f")?a(this,r,!1,"f"):(a(this,r,!1,"f"),this.dispatchEvent(new MouseEvent("click",{cancelable:!0,bubbles:!0,composed:!0})))},class extends t{constructor(){super(...arguments),i.add(this),r.set(this,!1),s.set(this,t=>e(this,i,"m",c).call(this,t)),n.set(this,t=>e(this,i,"m",d).call(this,t)),l.set(this,()=>a(this,r,!1,"f"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e(this,s,"f")),this.addEventListener("keyup",e(this,n,"f")),this.addEventListener("focusout",e(this,l,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,s,"f")),this.removeEventListener("keyup",e(this,n,"f")),this.removeEventListener("focusout",e(this,l,"f"))}}}const qc=Symbol("renderPseudoLink");function Rc(e){return $l(e,"download","href","rel","target")}const Uc=Symbol("_clickHandler");function Nc(a){var o,i,r,l,c;class d extends a{constructor(){super(...arguments),o.add(this),this[c]=async e=>{if(dc(this)&&this.disabledInteractive&&(e.preventDefault(),e.stopPropagation()),await new Promise(e=>e()),!e.defaultPrevented&&this.href){e.preventDefault(),e.stopImmediatePropagation();const t=document.createElement("a");t.href=this.href,t.rel=this.rel,t.target=this.target,null!=this.download&&(t.download=this.download),t.addEventListener("click",async()=>{await new Promise(e=>e()),t.remove()}),document.body.appendChild(t),t.click()}},this.href="",this.target="",this.rel=""}get download(){return this.getAttribute("download")}set download(e){const t=this.download;t!==e&&(e?this.setAttribute("download",e):this.removeAttribute("download"),this.requestUpdate("download",t))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this[Uc]),this.hasAttribute("href")&&"button"===this.role&&(this.role="link")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this[Uc])}[(o=new WeakSet,c=Uc,qc)](){const t=lc(this)&&this.disabled,a=dc(this)&&this.disabledInteractive;return t||a||!this.href?n:s`<a href="${this.href}" target="${Ne(this.target||void 0)}" rel="${Ne(this.rel||void 0)}" download="${Ne(this.download||void 0)}" tabindex="-1" aria-hidden="true" @pointerdown="${e(this,o,"m",i)}" @focus="${e(this,o,"m",r)}" @blur="${e(this,o,"m",l)}"></a>`}}return i=function(e){2!==e.button?(e.preventDefault(),e.stopImmediatePropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))):e.target.removeAttribute("aria-hidden")},r=function(e){e.target.blur(),this.focus()},l=function(e){e.target.setAttribute("aria-hidden","true")},t([m()],d.prototype,"href",void 0),t([m()],d.prototype,"target",void 0),t([m()],d.prototype,"rel",void 0),t([m({reflect:!1})],d.prototype,"download",null),d}function jc(e){return $l(e,"readOnly")}function Yc(e,a=!0){class o extends e{constructor(){super(...arguments),this.readOnly=!1}update(e){super.update(e),e.has("readOnly")&&(this.ariaReadOnly=this.readOnly?"true":null)}}return t([m({attribute:"readonly",type:Boolean,reflect:a})],o.prototype,"readOnly",void 0),o}const Kc=Symbol("_wasConnected");function Zc(e){var t;return t=Kc,class extends e{constructor(){super(...arguments),this[t]=!1}reconnectedCallback(){}connectedCallback(){super.connectedCallback(),this[Kc]&&this.reconnectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this[Kc]=!0}}}function Gc(e){return $l(e,"required","optional")}function Xc(e){class a extends e{constructor(){super(...arguments),this.required=!1}get optional(){return!this.required}update(e){super.update(e),e.has("required")&&(this.ariaRequired=`${this.required}`)}}return t([m({type:Boolean,reflect:!0})],a.prototype,"required",void 0),a}function Jc(e){return Gc(e)&&Lc(e)}function Qc(e){return class extends e{[_c](){const e=super[_c]();if(!e&&this.required){if(Ml(this)&&!this.checked)return{valueMissing:!0};if(!this.value)return{valueMissing:!0}}return e}}}function ed(e,t){return class extends e{connectedCallback(){this.role=this.role||t,super.connectedCallback()}}}function td(e){return class extends e{connectedCallback(){super.connectedCallback(),Ll(this,"-no-animate"),requestAnimationFrame(()=>zl(this,"-no-animate"))}}}function ad(e){return $l(e,"vertical")}function od(e){class a extends e{constructor(){super(...arguments),this.vertical=!1}update(e){super.update(e),e.has("vertical")&&(this.ariaOrientation=this.vertical?"vertical":"horizontal")}}return t([m({type:Boolean,reflect:!0})],a.prototype,"vertical",void 0),a}var id,rd,sd,nd,ld,cd,dd,hd;class md extends r{constructor(){super(...arguments),id.set(this,e=>{e.defaultPrevented||this._onClick(e)})}connectedCallback(){super.connectedCallback(),this.parentElement?.addEventListener("click",e(this,id,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.parentElement?.removeEventListener("click",e(this,id,"f"))}render(){return s`<slot></slot>`}}id=new WeakMap,md.styles=i`:host { display: contents; } ::slotted(.material-icons) { font-size: inherit !important; }`;let pd=class extends(Tc(Sl(r),"opening","opened","closing","closed")){constructor(){super(...arguments),rd.add(this),sd.set(this,!1),nd.set(this,!1),this.open=!1}update(t){if(super.update(t),Ll(this,"-no-animate"),!e(this,sd,"f"))return this.open&&(a(this,nd,!0,"f"),e(this,rd,"m",cd).call(this)),void a(this,sd,!0,"f");this.toggleAttribute("inert",!this.open),this.open?(a(this,nd,!0,"f"),Hn()||(e(this,rd,"m",cd).call(this),El(this,"-overflows",this.clientHeight<this.scrollHeight),e(this,rd,"m",dd).call(this)),zl(this,"-closing"),Ll(this,"-opening"),this.dispatchEvent(new Event("opening")),e(this,rd,"m",dd).call(this),zl(this,"-no-animate"),e(this,rd,"m",hd).call(this),Hn()?(e(this,rd,"m",cd).call(this),zl(this,"-opening"),this.dispatchEvent(new Event("opened"))):this.addEventListener("transitionend",()=>{this.open&&(e(this,rd,"m",cd).call(this),zl(this,"-opening"),this.dispatchEvent(new Event("opened")))},{once:!0})):(zl(this,"-opening"),Ll(this,"-closing"),this.dispatchEvent(new Event("closing")),e(this,rd,"m",hd).call(this),e(this,nd,"f")&&zl(this,"-no-animate"),Hn()?(e(this,rd,"m",dd).call(this),zl(this,"-closing"),this.dispatchEvent(new Event("closed"))):requestAnimationFrame(()=>{e(this,rd,"m",dd).call(this),this.addEventListener("transitionend",()=>{this.open||(zl(this,"-closing"),this.dispatchEvent(new Event("closed")))},{once:!0})}))}render(){return s`<slot @slotchange="${e(this,rd,"m",ld)}"></slot>`}};sd=new WeakMap,nd=new WeakMap,rd=new WeakSet,ld=function(){a(this,sd,!0,"f")},cd=function(){this.style.height="auto"},dd=function(){this.style.height=""},hd=function(){this.style.height=`${this.scrollHeight}px`},pd.styles=i`:host { display: block; height: 0px; overflow: hidden; transition: ${o(`visibility var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard},\n        height var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard},\n        padding-top var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard},\n        padding-bottom var(--m3e-collapsible-animation-duration, ${nc.motion.duration.medium1})\n          ${nc.motion.easing.standard}`)}; } :host(:not(:state(-closing)):not([open])) { visibility: hidden; } :host(:not([open])) { min-height: unset !important; padding-top: 0px !important; padding-bottom: 0px !important; } :host(:state(-no-animate)) { transition-duration: 0ms; } :host(:state(-opening)), :host(:state(-closing)) { overflow-y: hidden !important; } :host(:state(-overflows)) { scrollbar-gutter: stable; } ::slotted(*) { --m3e-collapsible-animation-duration: initial; } @media (prefers-reduced-motion) { :host { transition: none; } }`,t([m({type:Boolean,reflect:!0})],pd.prototype,"open",void 0),pd=t([Xn("m3e-collapsible")],pd);const ud=o(`var(--m3e-elevation-lift-duration, ${nc.motion.duration.short4})`),vd=o(`var(--m3e-elevation-lift-easing, ${nc.motion.easing.standard})`),bd=o(`var(--m3e-elevation-settle-duration, ${nc.motion.duration.short3})`),fd=o(`var(--m3e-elevation-settle-easing, ${nc.motion.easing.standardAccelerate})`),gd=o(`var(--m3e-elevation-level, ${nc.elevation.level0})`),yd=o(`var(--m3e-elevation-hover-level, ${nc.elevation.level0})`),$d=o(`var(--m3e-elevation-focus-level, ${nc.elevation.level0})`),xd=o(`var(--m3e-elevation-pressed-level, ${nc.elevation.level0})`);var wd,kd,Cd,Sd,_d,Ld,zd;let Ed=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),wd.add(this),kd.set(this,new Un(this,{target:null,callback:t=>e(this,wd,"m",_d).call(this,t)})),Cd.set(this,new Rn(this,{target:null,callback:t=>e(this,wd,"m",Ld).call(this,t)})),Sd.set(this,new Zn(this,{target:null,callback:t=>e(this,wd,"m",zd).call(this,t)})),this.disabled=!1,this.level=null}attach(t){super.attach(t),e(this,kd,"f").observe(t),e(this,Cd,"f").observe(t),e(this,Sd,"f").observe(t)}detach(){this.control&&(e(this,kd,"f").unobserve(this.control),e(this,Cd,"f").unobserve(this.control),e(this,Sd,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!1)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this._shadow?.classList.toggle("hover",!1),this._shadow?.classList.toggle("focus",!1),this._shadow?.classList.toggle("pressed",!1),this._shadow?.classList.toggle("resting",!0))}render(){return s`<div class="shadow"></div>`}};kd=new WeakMap,Cd=new WeakMap,Sd=new WeakMap,wd=new WeakSet,_d=function(e){this.disabled||(this._shadow?.classList.toggle("hover",e),this._shadow?.classList.toggle("resting",!e))},Ld=function(e){this.disabled||this._shadow?.classList.toggle("focus",e)},zd=function(e){this.disabled||this._shadow?.classList.toggle("pressed",e)},Ed.styles=i`:host { display: block; } :host, .shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .shadow.resting, .shadow.focus, .shadow.pressed { will-change: box-shadow; transition: ${o(`box-shadow ${bd} ${fd};`)}; } .shadow.hover { will-change: box-shadow; transition: ${o(`box-shadow ${ud} ${vd};`)}; } .shadow { box-shadow: ${gd}; } .shadow.focus { box-shadow: ${$d}; } .shadow.hover { box-shadow: ${yd}; } .shadow.pressed { box-shadow: ${xd}; } :host([level="0"]) .shadow { --m3e-elevation-level: ${nc.elevation.level0}; --m3e-elevation-hover-level: ${nc.elevation.level1}; } :host([level="1"]) .shadow { --m3e-elevation-level: ${nc.elevation.level1}; --m3e-elevation-hover-level: ${nc.elevation.level2}; } :host([level="2"]) .shadow { --m3e-elevation-level: ${nc.elevation.level2}; --m3e-elevation-hover-level: ${nc.elevation.level3}; } :host([level="3"]) .shadow { --m3e-elevation-level: ${nc.elevation.level3}; --m3e-elevation-hover-level: ${nc.elevation.level4}; } :host([level="4"]) .shadow { --m3e-elevation-level: ${nc.elevation.level4}; --m3e-elevation-hover-level: ${nc.elevation.level5}; } :host([level="5"]) .shadow { --m3e-elevation-level: ${nc.elevation.level5}; --m3e-elevation-hover-level: ${gd}; } :host([level]) .shadow { --m3e-elevation-focus-level: ${gd}; --m3e-elevation-pressed-level: ${gd}; } @media (prefers-reduced-motion) { .shadow.resting, .shadow.pressed, .shadow.focus, .shadow.hover { transition: none; } } @media (forced-colors: active) { .shadow { display: none; } }`,t([h(".shadow")],Ed.prototype,"_shadow",void 0),t([m({type:Boolean,reflect:!0})],Ed.prototype,"disabled",void 0),t([m({type:Number,reflect:!0})],Ed.prototype,"level",void 0),Ed=t([Xn("m3e-elevation")],Ed);const Md=o(`var(--m3e-focus-ring-color, ${nc.color.secondary})`),Td=o(`var(--m3e-focus-ring-duration, ${nc.motion.duration.long2})`),Pd=o("var(--m3e-focus-ring-thickness, 3px)"),Id=o("var(--m3e-focus-ring-outward-offset, 2px)"),Wd=o("var(--m3e-focus-ring-inward-offset, 0px)"),Dd=o("var(--m3e-focus-ring-visibility, visible)"),Ad=o("var(--m3e-focus-ring-growth-factor, 2)");var Hd,Od,Fd;let Bd=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),Hd.add(this),Od.set(this,new Rn(this,{target:null,callback:(t,a)=>e(this,Hd,"m",Fd).call(this,a)})),this.inward=!1,this.disabled=!1}show(){this._outline?.classList.toggle("visible",!0)}hide(){this._outline?.classList.toggle("visible",!1)}attach(t){super.attach(t),e(this,Od,"f").observe(t)}detach(){this.control&&e(this,Od,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide()}render(){return s`<div class="outline"></div>`}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};Od=new WeakMap,Hd=new WeakSet,Fd=function(e){this.disabled||(e?this.show():this.hide())},Bd.styles=i`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; outline: none; } .outline { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; z-index: 1; outline-color: ${Md}; outline-width: ${Pd}; visibility: ${Dd}; } .outline.visible { outline-style: solid; } :host(:not([inward])) .outline { outline-offset: ${Id}; } :host([inward]) .outline { outline-offset: calc(${Wd} - ${Pd}); } :host(:not([inward])) .outline.visible { animation: grow-shrink ${Td}; } :host([inward]) .outline.visible { animation: shrink-grow ${Td}; } @keyframes grow-shrink { 50% { outline-width: calc(${Pd} * ${Ad}); } } @keyframes shrink-grow { 50% { outline-offset: calc( ${Wd} - calc(${Pd} * ${Ad}) ); outline-width: calc(${Pd} * ${Ad}); } } @media (prefers-reduced-motion) { :host(:not([inward])) .outline.visible, :host([inward]) .outline.visible { animation: none; } } @media (forced-colors: active) { .outline { outline-color: Highlight; } }`,t([h(".outline")],Bd.prototype,"_outline",void 0),t([m({type:Boolean,reflect:!0})],Bd.prototype,"inward",void 0),t([m({type:Boolean,reflect:!0})],Bd.prototype,"disabled",void 0),Bd=t([Xn("m3e-focus-ring")],Bd);let Vd=class extends(Il(cc(ed(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return this.indeterminate?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path Required d="M240-440v-80h480v80H240Z"/></svg>`:this.checked?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>`:n}};Vd.styles=i`:host { display: inline-block; vertical-align: middle; width: var(--m3e-checkbox-icon-size, 1.125rem); height: var(--m3e-checkbox-icon-size, 1.125rem); border-radius: var(--m3e-checkbox-container-shape, 2px); box-sizing: border-box; flex: none; } :host(:not([checked]):not([indeterminate])) { border-width: var(--m3e-checkbox-unselected-outline-thickness, 2px); border-style: solid; } :host(:not([disabled])[checked]), :host(:not([disabled])[indeterminate]) { background-color: var(--m3e-checkbox-selected-container-color, ${nc.color.primary}); color: var(--m3e-checkbox-selected-icon-color, ${nc.color.onPrimary}); } :host(:not([disabled]):not([checked]):not([indeterminate])) { border-color: var(--m3e-checkbox-unselected-outline-color, ${nc.color.onSurfaceVariant}); } :host([disabled]:not([checked]):not([indeterminate])) { border-color: color-mix( in srgb, var(--m3e-checkbox-unselected-disabled-outline-color, ${nc.color.onSurface}) var(--m3e-checkbox-unselected-disabled-outline-opacity, 38%), transparent ); } :host([disabled][checked]), :host([disabled][indeterminate]) { background-color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-container-color, ${nc.color.onSurface}) var(--m3e-checkbox-selected-disabled-container-opacity, 38%), transparent ); color: color-mix( in srgb, var(--m3e-checkbox-selected-disabled-icon-color, ${nc.color.surface}) var(--m3e-checkbox-selected-disabled-icon-opacity, 100%), transparent ); }`,Vd=t([Xn("m3e-pseudo-checkbox")],Vd);let qd=class extends(Tl(cc(ed(r,"none")))){connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}render(){return s`<svg class="icon" viewBox="0 0 20 20"><mask id="cutout2"><rect width="100%" height="100%" fill="white"></rect><circle cx="10" cy="10" r="8" fill="black"></circle></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#cutout2)"></circle><circle class="inner circle" cx="10" cy="10" r="5"></circle></svg>`}};qd.styles=i`:host { display: inline-block; vertical-align: middle; box-sizing: border-box; width: var(--m3e-radio-icon-size, 1.25rem); height: var(--m3e-radio-icon-size, 1.25rem); flex: none; } .circle { fill: currentColor; } :host(:not([checked])) .circle.inner { opacity: 0; } :host(:not([checked])) { color: var(--m3e-radio-unselected-icon-color, ${nc.color.onSurfaceVariant}); } :host([checked]) { color: var(--m3e-radio-selected-icon-color, ${nc.color.primary}); } :host([disabled]) { color: color-mix(in srgb, var(--m3e-radio-disabled-icon-color, ${nc.color.onSurface}) 38%, transparent); }`,qd=t([Xn("m3e-pseudo-radio")],qd);const Rd=o(`var(--m3e-ripple-color, ${nc.color.onSurface})`),Ud=o(`var(--m3e-ripple-opacity, ${nc.state.pressedStateLayerOpacity})`),Nd=o(`var(--m3e-ripple-enter-duration, ${nc.motion.duration.long4})`),jd=o(`var(--m3e-ripple-exit-duration, ${nc.motion.duration.short2})`),Yd=o("var(--m3e-ripple-scale-factor, 2.5)");var Kd,Zd,Gd,Xd,Jd,Qd;let eh=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),Kd.add(this),Zd.set(this,null),Gd.set(this,new Zn(this,{target:null,minPressedDuration:150,isPressedKey:e=>" "===e,callback:(t,{x:a,y:o})=>e(this,Kd,"m",Qd).call(this,t,a,o)})),this.disabled=!1,this.centered=!1,this.unbounded=!1,this.radius=null}get visible(){return null!==e(this,Zd,"f")}show(t,o,i=!1){e(this,Kd,"m",Xd).call(this);const r=this.getBoundingClientRect();this.centered&&(t=r.left+r.width/2,o=r.top+r.height/2);let s=this.radius;if(!s||isNaN(s)){const e=Math.max(Math.abs(t-r.left),Math.abs(t-r.right)),a=Math.max(Math.abs(o-r.top),Math.abs(o-r.bottom));s=Math.sqrt(e*e+a*a)}const n=t-r.left,l=o-r.top;a(this,Zd,document.createElement("div"),"f"),e(this,Zd,"f").classList.add("ripple"),i&&e(this,Zd,"f").classList.add("persistent"),e(this,Zd,"f").style.left=n-s+"px",e(this,Zd,"f").style.top=l-s+"px",e(this,Zd,"f").style.width=2*s+"px",e(this,Zd,"f").style.height=2*s+"px",e(this,Zd,"f").addEventListener("animationend",()=>e(this,Kd,"m",Jd).call(this,i),{once:!0}),e(this,Zd,"f").addEventListener("transitionend",()=>e(this,Kd,"m",Xd).call(this),{once:!0}),this.shadowRoot?.appendChild(e(this,Zd,"f"))}hide(){e(this,Zd,"f")?.classList.add("exit")}attach(t){super.attach(t),e(this,Gd,"f").observe(t)}detach(){this.control&&e(this,Gd,"f").unobserve(this.control),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),e(this,Kd,"m",Xd).call(this)}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&this.hide()}};var th;Zd=new WeakMap,Gd=new WeakMap,Kd=new WeakSet,Xd=function(){e(this,Zd,"f")?.remove(),a(this,Zd,null,"f")},Jd=function(t){t?e(this,Zd,"f")?.classList.add("pressed"):this.hide()},Qd=function(e,t,a){this.disabled||(e?this.show(t,a,!0):this.hide())},eh.styles=i`:host { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } :host(:not([unbounded])) { overflow: hidden; } .ripple { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; transform: scale(0); border-radius: ${nc.shape.corner.full}; background-color: color-mix(in srgb, ${Rd} ${Ud}, transparent); will-change: background-color, opacity; animation: ripple ${Nd} linear; } .ripple.persistent.pressed { transform: scale(${Yd}); } .ripple.exit { transition: opacity ${jd} cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; } @keyframes ripple { to { transform: scale(${Yd}); } } @media (prefers-reduced-motion) { .ripple { transform: scale(${Yd}); animation-duration: 90ms; } .ripple.exit { transition-duration: 10ms; } } @media (forced-colors: active) { .ripple { display: none; } }`,t([m({type:Boolean,reflect:!0})],eh.prototype,"disabled",void 0),t([m({type:Boolean,reflect:!0})],eh.prototype,"centered",void 0),t([m({type:Boolean,reflect:!0})],eh.prototype,"unbounded",void 0),t([m({type:Number})],eh.prototype,"radius",void 0),eh=t([Xn("m3e-ripple")],eh);let ah=class extends(Sl(r)){constructor(){super(...arguments),th.set(this,()=>this._updateScroll()),this.dividers="above-below",this.thin=!1}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",e(this,th,"f"))}update(t){super.update(t),t.has("dividers")&&(this.removeEventListener("scroll",e(this,th,"f")),"none"!==this.dividers&&this.addEventListener("scroll",e(this,th,"f"),{passive:!0}))}render(){return s`<slot @slotchange="${this._updateScroll}"></slot>`}_updateScroll(){const e=("above"===this.dividers||"above-below"===this.dividers)&&this.scrollTop>0,t=("below"===this.dividers||"above-below"===this.dividers)&&this.scrollHeight-this.scrollTop-this.clientHeight>1;El(this,"-above",e),El(this,"-below",t)}};var oh,ih,rh,sh;th=new WeakMap,ah.styles=i`:host { display: block; overflow-y: auto; position: relative; box-sizing: border-box; scrollbar-color: ${nc.scrollbar.color}; border-top: var(--m3e-divider-thickness, 1px) solid transparent; border-bottom: var(--m3e-divider-thickness, 1px) solid transparent; outline-color: ${Md}; outline-width: ${Pd}; outline-offset: ${Id}; } :host([thin]) { scrollbar-width: ${nc.scrollbar.thinWidth}; } :host(:not([thin])) { scrollbar-width: ${nc.scrollbar.width}; } :host(:not(:focus-visible):state(-above)) { border-top-color: var(--m3e-divider-color, ${nc.color.outlineVariant}); } :host(:not(:focus-visible):state(-below)) { border-bottom-color: var(--m3e-divider-color, ${nc.color.outlineVariant}); } :host(:focus-visible) { outline-style: solid; animation: grow-shrink ${Td}; } @keyframes grow-shrink { 50% { outline-width: calc(${Pd} * ${Ad}); } } @media (forced-colors: active) { :host { border-top: var(--m3e-divider-thickness, 1px) solid Canvas; border-bottom: var(--m3e-divider-thickness, 1px) solid Canvas; } :host(:not(:focus-visible):state(-above)) { border-top-color: GrayText; } :host(:not(:focus-visible):state(-below)) { border-bottom-color: GrayText; } } @media (prefers-reduced-motion) { :host(:focus-visible) { animation: none; } }`,t([m()],ah.prototype,"dividers",void 0),t([m({type:Boolean,reflect:!0})],ah.prototype,"thin",void 0),t([Jn(40)],ah.prototype,"_updateScroll",null),ah=t([Xn("m3e-scroll-container")],ah);let nh=class extends(Sl(r)){constructor(){super(...arguments),oh.add(this),ih.set(this,new Array),this.selectedIndex=null}connectedCallback(){super.connectedCallback(),Ll(this,"-no-animate")}update(t){super.update(t),t.has("selectedIndex")&&(null===this.selectedIndex&&Ll(this,"-no-animate"),e(this,oh,"m",sh).call(this),null!==this.selectedIndex&&_l(this,"-no-animate")&&requestAnimationFrame(()=>{null!==this.selectedIndex&&zl(this,"-no-animate")}))}render(){return s`<slot @slotchange="${e(this,oh,"m",rh)}"></slot>`}};ih=new WeakMap,oh=new WeakSet,rh=function(t){const o=[...t.target.assignedElements({flatten:!0})];for(const t of e(this,ih,"f").filter(e=>!o.includes(e)))t.classList.remove("-before"),t.classList.remove("-after"),t.removeAttribute("inert");a(this,ih,o,"f"),e(this,oh,"m",sh).call(this)},sh=function(){const t=this.selectedIndex??e(this,ih,"f").length;for(let a=0;a<e(this,ih,"f").length;a++){const o=e(this,ih,"f")[a];o.classList.toggle("-before",a<t),o.classList.toggle("-after",a>t),o.toggleAttribute("inert",a!==t)}},nh.styles=i`:host { display: flex; position: relative; overflow: hidden; } ::slotted(*) { width: 100%; top: 0; transition: ${o(`inset-inline-start var(--m3e-slide-animation-duration, ${nc.motion.duration.long2}) ${nc.motion.easing.standard},\n        visibility var(--m3e-slide-animation-duration, ${nc.motion.duration.long2}) ${nc.motion.easing.standard} allow-discrete`)}; } ::slotted(.-before), ::slotted(.-after) { visibility: hidden; position: absolute; } ::slotted(.-before) { inset-inline-start: -100%; } ::slotted(.-after) { inset-inline-start: 100%; } ::slotted(:not(.-before):not(.-after)) { position: relative; inset-inline-start: 0; } :host(:state(-no-animate)) ::slotted(*) { transition: none; } @media (prefers-reduced-motion) { ::slotted(*) { transition: none; } }`,t([m({attribute:"selected-index",type:Number,reflect:!0})],nh.prototype,"selectedIndex",void 0),nh=t([Xn("m3e-slide")],nh);const lh=o(`var(--m3e-state-layer-hover-color, ${nc.color.onSurface})`),ch=o(`var(--m3e-state-layer-hover-opacity, ${nc.state.hoverStateLayerOpacity})`),dh=o(`var(--m3e-state-layer-focus-color, ${nc.color.onSurface})`),hh=o(`var(--m3e-state-layer-focus-opacity, ${nc.state.focusStateLayerOpacity})`),mh=o(`var(--m3e-state-layer-duration, ${nc.motion.duration.medium1})`),ph=o(`var(--m3e-state-layer-easing, ${nc.motion.easing.standard})`);var uh,vh,bh,fh,gh;let yh=class extends(Bc(ed(r,"none"))){constructor(){super(...arguments),uh.add(this),vh.set(this,new Un(this,{target:null,callback:t=>e(this,uh,"m",fh).call(this,t)})),bh.set(this,new Rn(this,{target:null,callback:(t,a)=>e(this,uh,"m",gh).call(this,a)})),this.disabled=!1,this.disableHover=!1}show(e){this._layer?.classList.toggle(e,!0)}hide(e){this._layer?.classList.toggle(e,!1)}attach(t){super.attach(t),e(this,vh,"f").observe(t),e(this,bh,"f").observe(t)}detach(){this.control&&(e(this,vh,"f").unobserve(this.control),e(this,bh,"f").unobserve(this.control)),super.detach()}connectedCallback(){this.ariaHidden="true",super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.hide("hover"),this.hide("focused")}updated(e){super.updated(e),e.has("disabled")&&this.disabled&&(this.hide("hover"),this.hide("focused")),e.has("disableHover")&&this.disableHover&&this.hide("hover")}render(){return s`<div class="layer"></div>`}};var $h,xh,wh,kh,Ch,Sh,_h,Lh;vh=new WeakMap,bh=new WeakMap,uh=new WeakSet,fh=function(e){this.disabled||this.disableHover||(e?this.show("hover"):this.hide("hover"))},gh=function(e){this.disabled||(e?this.show("focused"):this.hide("focused"))},yh.styles=i`:host { display: block; } :host, .layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; border-radius: inherit; } .layer { will-change: background-color; transition: ${o(`background-color ${mh} ${ph}`)}; } .layer.focused { background-color: color-mix(in srgb, ${dh} ${hh}, transparent); } .layer.hover { background-color: color-mix(in srgb, ${lh} ${ch}, transparent); } @media (prefers-reduced-motion) { .layer { transition: none; } } @media (forced-colors: active) { .layer { display: none; } }`,t([h(".layer")],yh.prototype,"_layer",void 0),t([m({type:Boolean,reflect:!0})],yh.prototype,"disabled",void 0),t([m({attribute:"disable-hover",type:Boolean,reflect:!0})],yh.prototype,"disableHover",void 0),yh=t([Xn("m3e-state-layer")],yh);let zh=Lh=class extends r{constructor(){super(),$h.add(this),xh.set(this,"m3e-text-highlight-"+Lh.__nextId++),wh.set(this,new Array),kh.set(this,null),this.disabled=!1,this.term="",this.caseSensitive=!1,this.mode="contains",this.isSupported&&(a(this,kh,new CSSStyleSheet,"f"),e(this,kh,"f").replaceSync(i`::highlight(${o(e(this,xh,"f"))}) { background-color: var(--m3e-text-highlight-container-color, ${nc.color.secondaryContainer}); color: var(--m3e-text-highlight-color, ${nc.color.onSecondaryContainer}); text-decoration: var(--m3e-text-highlight-decoration); text-shadow: var(--m3e-text-highlight-shadow); }`.toString()))}get isSupported(){return!(l||!CSS.highlights)}get ranges(){return e(this,wh,"f")}firstUpdated(t){super.firstUpdated(t),this.shadowRoot&&e(this,kh,"f")&&!this.shadowRoot.adoptedStyleSheets.includes(e(this,kh,"f"))&&this.shadowRoot.adoptedStyleSheets.push(e(this,kh,"f"))}updated(t){super.updated(t),(t.has("term")||t.has("caseSensitive")||t.has("disabled"))&&e(this,$h,"m",_h).call(this)}render(){return s`<slot @slotchange="${e(this,$h,"m",_h)}"></slot>`}};xh=new WeakMap,wh=new WeakMap,kh=new WeakMap,$h=new WeakSet,Ch=function(e){return!/^\s*$/.test(e.data)},Sh=function t(a,o){a instanceof HTMLSlotElement?a.assignedNodes({flatten:!0}).forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,$h,"m",Ch).call(this,a)&&o.push(a);break;case Node.ELEMENT_NODE:e(this,$h,"m",t).call(this,a,o)}}):a.childNodes.forEach(a=>{switch(a.nodeType){case Node.TEXT_NODE:e(this,$h,"m",Ch).call(this,a)&&o.push(a);break;case Node.ELEMENT_NODE:e(this,$h,"m",t).call(this,a,o)}})},_h=function(){if(!this.isSupported||!this.isConnected)return;if(CSS.highlights.delete(e(this,xh,"f")),e(this,wh,"f").length=0,this.disabled)return;if(!this.term)return void this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,wh,"f")],bubbles:!1,composed:!1}));const t=new Array;if(e(this,$h,"m",Sh).call(this,this,t),t.length>0){const o=this.caseSensitive?this.term:this.term.toLowerCase();switch(this.mode){case"starts-with":{const a=t[0];if(((this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"").startsWith(o)){const t=new Range;t.setStart(a,0),t.setEnd(a,o.length),e(this,wh,"f").push(t)}}break;case"ends-with":{const a=t[t.length-1],i=(this.caseSensitive?a.textContent:a.textContent?.toLowerCase())??"";if(i.endsWith(o)){const t=i.length-o.length,r=t+o.length,s=new Range;s.setStart(a,t),s.setEnd(a,r),e(this,wh,"f").push(s)}}break;case"contains":a(this,wh,t.map(e=>({el:e,text:(this.caseSensitive?e.textContent:e.textContent?.toLowerCase())??""})).map(({el:e,text:t})=>{const a=new Array;let i=0;for(;i<t.length;){const e=t.indexOf(o,i);if(-1===e)break;a.push(e),i=e+o.length}return a.map(t=>{const a=new Range;return a.setStart(e,t),a.setEnd(e,t+o.length),a})}).flat(),"f")}e(this,wh,"f").length>0&&CSS.highlights.set(e(this,xh,"f"),new Highlight(...e(this,wh,"f")))}this.dispatchEvent(new CustomEvent("highlight",{detail:[...e(this,wh,"f")],bubbles:!1,composed:!1}))},zh.styles=i`:host { display: contents; }`,zh.__nextId=0,t([m({type:Boolean,reflect:!0})],zh.prototype,"disabled",void 0),t([m()],zh.prototype,"term",void 0),t([m({attribute:"case-sensitive",type:Boolean})],zh.prototype,"caseSensitive",void 0),t([m()],zh.prototype,"mode",void 0),zh=Lh=t([Xn("m3e-text-highlight")],zh);let Eh=class extends r{render(){return s`<span class="base"><slot></slot></span>`}};var Mh,Th,Ph,Ih,Wh,Dh,Ah,Hh,Oh,Fh,Bh,Vh,qh,Rh,Uh,Nh,jh,Yh,Kh,Zh,Gh,Xh,Jh;Eh.styles=i`:host { flex: 1 1 auto; display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; } .base { flex: 1 1 auto; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`,Eh=t([Xn("m3e-text-overflow")],Eh);let Qh=Jh=class extends(T(M(P(f(r,"dialog"))))){constructor(){super(...arguments),Mh.add(this),Th.set(this,void 0),Ph.set(this,void 0),Ih.set(this,void 0),Wh.set(this,void 0),Dh.set(this,new W(this)),Ah.set(this,new D(this)),Hh.set(this,t=>e(this,Mh,"m",Vh).call(this,t)),Oh.set(this,t=>e(this,Mh,"m",jh).call(this,t)),Fh.set(this,t=>{"closed"===t.newState&&(e(this,Mh,"m",Xh).call(this),e(this,Wh,"f")?.call(this),a(this,Wh,void 0,"f"))}),this.variant="docked",this.startView="month",this.date=null,this.startAt=null,this.minDate=null,this.maxDate=null,this.rangeStart=null,this.rangeEnd=null,this.blackoutDates=null,this.specialDates=null,this.previousMonthLabel="Previous month",this.previousYearLabel="Previous year",this.previousMultiYearLabel="Previous 24 years",this.nextMonthLabel="Next month",this.nextYearLabel="Next year",this.nextMultiYearLabel="Next 24 years",this.clearable=!1,this.clearLabel="Clear",this.confirmLabel="OK",this.dismissLabel="Cancel",this.label="Select date"}get isOpen(){return void 0!==e(this,Ph,"f")}get currentVariant(){return this._variant??("modal"!==this.variant?"docked":"modal")}connectedCallback(){super.connectedCallback(),this.setAttribute("popover","manual"),this.addEventListener("toggle",e(this,Fh,"f")),document.addEventListener("click",e(this,Hh,"f")),document.addEventListener("keydown",e(this,Oh,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._variant=void 0,e(this,Th,"f")?.call(this),e(this,Mh,"m",Gh).call(this),C(this,"-docked"),C(this,"-modal"),this.removeEventListener("toggle",e(this,Fh,"f")),document.removeEventListener("click",e(this,Hh,"f")),document.removeEventListener("keydown",e(this,Oh,"f"))}reconnectedCallback(){super.reconnectedCallback(),"auto"===this.variant&&e(this,Mh,"m",Yh).call(this)}async show(t,o){e(this,Ph,"f")&&e(this,Ph,"f")!==t&&this.hide(),"modal"===this.currentVariant&&(e(this,Dh,"f").lock(),e(this,Ah,"f").lock());const i=this._calendar;i.date=this.date,i.rangeStart=this.rangeStart,i.rangeEnd=this.rangeEnd,i.requestUpdate("startView"),i.isUpdatePending&&await i.updateComplete,a(this,Ph,t,"f"),e(this,Ph,"f").ariaExpanded="true",a(this,Ih,o,"f"),await e(this,Mh,"m",Zh).call(this),this.showPopover(),await this._calendar.focusActiveCell()}hide(t=!1){"modal"===this.currentVariant&&(e(this,Dh,"f").unlock(),e(this,Ah,"f").unlock()),this.hidePopover(),e(this,Ph,"f")&&(e(this,Ph,"f").ariaExpanded="false",t&&e(this,Ph,"f").focus(),a(this,Ph,void 0,"f"))}async toggle(t,a){e(this,Ph,"f")?this.hide():await this.show(t,a)}render(){return s`<m3e-focus-trap>${e(this,Mh,"m",Bh).call(this)}<m3e-calendar class="calendar" start-view="${this.startView}" start-at="${Ne(this.startAt?.toISOString())}" min-date="${Ne(this.minDate?.toISOString())}" max-date="${Ne(this.maxDate?.toISOString())}" @change="${e(this,Mh,"m",qh)}"></m3e-calendar><div class="actions">${this.clearable?s`<m3e-button @click="${e(this,Mh,"m",Rh)}">${this.clearLabel}</m3e-button>`:n}<div class="spacer" aria-hidden="true"></div><m3e-button @click="${e(this,Mh,"m",Uh)}">${this.dismissLabel}</m3e-button><m3e-button @click="${e(this,Mh,"m",Nh)}">${this.confirmLabel}</m3e-button></div></m3e-focus-trap>`}willUpdate(t){super.willUpdate(t),["date","rangeStart","rangeEnd"].some(e=>t.has(e))&&e(this,Mh,"m",Xh).call(this),t.has("variant")&&(e(this,Th,"f")?.call(this),"auto"===this.variant?e(this,Mh,"m",Yh).call(this):(this._variant=void 0,e(this,Mh,"m",Kh).call(this)))}updated(e){super.updated(e),(e.has("specialDates")||e.has("blackoutDates"))&&(this._calendar.specialDates=this.specialDates,this._calendar.blackoutDates=this.blackoutDates)}};Th=new WeakMap,Ph=new WeakMap,Ih=new WeakMap,Wh=new WeakMap,Dh=new WeakMap,Ah=new WeakMap,Hh=new WeakMap,Oh=new WeakMap,Fh=new WeakMap,Mh=new WeakSet,Bh=function(){if("docked"===this.currentVariant)return n;const e=this._date??this.date;return s`<div class="supporting-text">${this.label}</div><div class="headline">${e?new Intl.DateTimeFormat(navigator.language,{weekday:"short",month:"short",day:"numeric"}).format(e):"––"}</div><div class="divider"></div>`},Vh=function(t){t.composedPath().some(t=>t instanceof Jh||t===e(this,Ph,"f")||t===e(this,Ih,"f"))||this.hide()},qh=function(){this._date=this._calendar.date,this._rangeStart=this._calendar.rangeStart,this._rangeEnd=this._calendar.rangeEnd},Rh=function(){this.date=null,this.rangeStart=null,this.rangeEnd=null,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},Uh=function(){this.hide(!0)},Nh=function(){this.date=this._date??this.date,this.rangeStart=void 0===this._rangeStart?this.rangeStart:this._rangeStart,this.rangeEnd=void 0===this._rangeEnd?this.rangeEnd:this._rangeEnd,this.hide(!0),this.dispatchEvent(new Event("change",{bubbles:!0}))},jh=function(e){!this.isOpen||"modal"!==this.currentVariant||"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.hide(!0))},Yh=function(){a(this,Th,Xe.observe([Je.XSmall,Je.Small],t=>{this._variant=t.get(Je.XSmall)||t.get(Je.Small)?"modal":"docked",e(this,Mh,"m",Kh).call(this)}),"f")},Kh=function(){switch(this.currentVariant){case"docked":this.ariaModal=null,C(this,"-modal"),z(this,"-docked"),e(this,Dh,"f").unlock(),e(this,Ah,"f").unlock();break;case"modal":this.ariaModal="true",C(this,"-docked"),z(this,"-modal"),this.isOpen&&(e(this,Dh,"f").lock(),e(this,Ah,"f").lock())}this.isOpen&&e(this,Mh,"m",Zh).call(this)},Zh=async function(){"docked"===this.currentVariant&&e(this,Ph,"f")?(e(this,Wh,"f")?.call(this),a(this,Wh,await qe(this,e(this,Ih,"f")??e(this,Ph,"f"),{position:"bottom-start",inline:!0,flip:!0,shift:"both"},(e,t,a)=>{k(this,"-top",a.includes("top")),k(this,"-bottom",a.includes("bottom")),"rtl"===Ve.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f")):e(this,Mh,"m",Gh).call(this)},Gh=function(){e(this,Wh,"f")?.call(this),a(this,Wh,void 0,"f"),this.style.left="",this.style.right="",this.style.top=""},Xh=function(){this._date=this._rangeStart=this._rangeEnd=void 0},Qh.styles=i`:host { flex-direction: column; margin: unset; border: unset; padding-block: var(--m3e-datepicker-container-padding-block, 0.75rem); padding-inline: var(--m3e-datepicker-container-padding-inline, 0.25rem); background-color: var(--m3e-datepicker-container-color, ${v.color.surfaceContainer}); box-shadow: var(--m3e-datepicker-container-elevation, ${v.elevation.level3}); opacity: 0; display: none; } .calendar { --m3e-calendar-container-color: transparent; --m3e-calendar-container-elevation: ${v.elevation.level0}; --m3e-calendar-container-shape: ${v.shape.corner.none}; } .headline { color: var(--m3e-datepicker-modal-headline-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-datepicker-modal-headline-font-size, ${v.typescale.standard.headline.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-headline-font-weight, ${v.typescale.standard.headline.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-headline-line-height, ${v.typescale.standard.headline.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-headline-tracking, ${v.typescale.standard.headline.large.tracking} ); margin-block-start: 2.25rem; margin-block-end: 0.75rem; margin-inline: 1.5rem; } .supporting-text { color: var(--m3e-datepicker-modal-supporting-text-color, ${v.color.onSurfaceVariant}); font-size: var( --m3e-datepicker-modal-supporting-text-font-size, ${v.typescale.standard.label.large.fontSize} ); font-weight: var( --m3e-datepicker-modal-supporting-text-font-weight, ${v.typescale.standard.label.large.fontWeight} ); line-height: var( --m3e-datepicker-modal-supporting-text-line-height, ${v.typescale.standard.label.large.lineHeight} ); letter-spacing: var( --m3e-datepicker-modal-supporting-text-tracking, ${v.typescale.standard.label.large.tracking} ); margin-block-start: 1rem; margin-inline: 1.5rem; } .divider { height: var(--m3e-divider-thickness, 1px); width: 100%; position: relative; } .divider::before { content: ""; box-sizing: border-box; position: absolute; border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; left: -0.25rem; right: -0.25rem; } .actions { display: flex; align-items: center; column-gap: 0.5rem; padding-inline: var(--m3e-datepicker-actions-padding-inline, 0.5rem); } .spacer { flex: 1 1 auto; } :host(:state(-docked)) { position: absolute; background-color: var(--m3e-datepicker-docked-container-color, ${v.color.surfaceContainer}); border-radius: var(--m3e-datepicker-docked-container-shape, ${v.shape.corner.large}); } :host(:state(-modal)) { position: fixed; inset: 0; margin: auto; transform-origin: top; background-color: var(--m3e-datepicker-modal-container-color, ${v.color.surfaceContainerHigh}); border-radius: var(--m3e-datepicker-modal-container-shape, ${v.shape.corner.extraLarge}); } :host(:not(:state(-no-animate))) { transition: ${o(`opacity ${v.motion.duration.short2} ${v.motion.easing.standard}, \n        transform ${v.motion.duration.short2} ${v.motion.easing.standard},\n        overlay ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete,\n        display ${v.motion.duration.short2} ${v.motion.easing.standard} allow-discrete`)}; } :host { transform: scaleY(0.8); } :host(:popover-open) { transform: scaleY(1); display: inline-flex; opacity: 1; } :host(:state(-docked))::backdrop { background-color: transparent; } :host(:state(-modal))::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } :host(:state(-modal):not(:popover-open))::backdrop { transition: ${o(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } :host(:state(-modal):popover-open)::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${o(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } :host(:state(-bottom)) { transform-origin: top; } :host(:state(-top)) { transform-origin: bottom; } @starting-style { :host(:popover-open) { transform: scaleY(0.8); } :host(:state(-modal):popover-open)::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { background-color: Menu; color: MenuText; border: 1px solid CanvasText; } }`,t([u()],Qh.prototype,"_date",void 0),t([u()],Qh.prototype,"_rangeStart",void 0),t([u()],Qh.prototype,"_rangeEnd",void 0),t([h("m3e-calendar")],Qh.prototype,"_calendar",void 0),t([u()],Qh.prototype,"_variant",void 0),t([m()],Qh.prototype,"variant",void 0),t([m({attribute:"start-view"})],Qh.prototype,"startView",void 0),t([m({converter:J})],Qh.prototype,"date",void 0),t([m({attribute:"start-at",converter:J})],Qh.prototype,"startAt",void 0),t([m({attribute:"min-date",converter:J})],Qh.prototype,"minDate",void 0),t([m({attribute:"max-date",converter:J})],Qh.prototype,"maxDate",void 0),t([m({attribute:"range-start",converter:J})],Qh.prototype,"rangeStart",void 0),t([m({attribute:"range-end",converter:J})],Qh.prototype,"rangeEnd",void 0),t([m({attribute:!1})],Qh.prototype,"blackoutDates",void 0),t([m({attribute:!1})],Qh.prototype,"specialDates",void 0),t([m({attribute:"previous-month-label"})],Qh.prototype,"previousMonthLabel",void 0),t([m({attribute:"previous-year-label"})],Qh.prototype,"previousYearLabel",void 0),t([m({attribute:"previous-multi-year-label"})],Qh.prototype,"previousMultiYearLabel",void 0),t([m({attribute:"next-month-label"})],Qh.prototype,"nextMonthLabel",void 0),t([m({attribute:"next-year-label"})],Qh.prototype,"nextYearLabel",void 0),t([m({attribute:"next-multi-year-label"})],Qh.prototype,"nextMultiYearLabel",void 0),t([m({type:Boolean})],Qh.prototype,"clearable",void 0),t([m({attribute:"clear-label"})],Qh.prototype,"clearLabel",void 0),t([m({attribute:"confirm-label"})],Qh.prototype,"confirmLabel",void 0),t([m({attribute:"dismiss-label"})],Qh.prototype,"dismissLabel",void 0),t([m()],Qh.prototype,"label",void 0),Qh=Jh=t([$("m3e-datepicker")],Qh);let em=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof Qh&&this.parentElement&&this.control.toggle(this.parentElement,this.closest("m3e-form-field")??void 0)}};em=t([$("m3e-datepicker-toggle")],em);let tm=class extends E{constructor(){super(...arguments),this.returnValue=""}_onClick(){this.closest("m3e-dialog")?.hide(this.returnValue)}};var am,om,im,rm,sm,nm,lm,cm,dm,hm,mm,pm;t([m({attribute:"return-value"})],tm.prototype,"returnValue",void 0),tm=t([$("m3e-dialog-action")],tm);let um=pm=class extends(x(P(r),"opening","opened","cancel","closing","closed")){constructor(){super(...arguments),am.add(this),om.set(this,pm.__nextId++),im.set(this,!1),rm.set(this,!1),this._withActions=!1,sm.set(this,new W(this)),this.alert=!1,this.dismissible=!1,this.disableClose=!1,this.noFocusTrap=!1,this.closeLabel="Close",this.returnValue=""}get open(){return e(this,im,"f")}set open(t){t!==e(this,im,"f")&&(a(this,im,t,"f"),e(this,im,"f")?this.show():this.hide())}async show(){if(await this.updateComplete,this._base.open)return;if(!this.dispatchEvent(new Event("opening",{cancelable:!0})))return void(this.open=!1);e(this,sm,"f").lock(),this._base.showModal(),this._content.scrollTop=0;const t=this.querySelector("[autofocus]");t&&H(t),this.dispatchEvent(new Event("opened"))}async hide(t=this.returnValue){if(!this.isConnected)return void(this.open=!1);if(await this.updateComplete,e(this,sm,"f").unlock(),!this._base.open)return void(this.open=!1);const a=this.returnValue;this.returnValue=t,this.dispatchEvent(new Event("closing",{cancelable:!0}))?(this.open=!1,this._base.close(t),this.dispatchEvent(new Event("closed"))):this.returnValue=a}render(){return s`<dialog class="base" role="${Ne(this.alert?"alertdialog":void 0)}" aria-labelledby="m3e-dialog-${e(this,om,"f")}-header" .returnvalue="${this.returnValue}" @close="${e(this,am,"m",lm)}" @cancel="${e(this,am,"m",cm)}" @click="${e(this,am,"m",dm)}" @keydown="${e(this,am,"m",hm)}"><m3e-elevation level="3"></m3e-elevation><m3e-focus-trap ?disabled="${this.noFocusTrap}"><div class="header"><slot name="header" id="m3e-dialog-${e(this,om,"f")}-header"></slot>${e(this,am,"m",nm).call(this)}</div><m3e-scroll-container class="content" dividers="${this._withActions?"above-below":"above"}"><slot></slot></m3e-scroll-container><div class="actions"><slot name="actions" @slotchange="${e(this,am,"m",mm)}"></slot></div></m3e-focus-trap></dialog>`}};om=new WeakMap,im=new WeakMap,rm=new WeakMap,sm=new WeakMap,am=new WeakSet,nm=function(){return this.dismissible?s`<m3e-icon-button aria-label="${this.closeLabel}" class="close" @click="${this.hide}"><slot name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot></m3e-icon-button>`:n},lm=function(){e(this,rm,"f")&&(a(this,rm,!0,"f"),this._base?.dispatchEvent(new Event("cancel",{cancelable:!0})))},cm=function(e){e.target===this._base&&(a(this,rm,!1,"f"),e.preventDefault(),this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.hide())},dm=function(e){this.disableClose||e.target!==this._base||this.hide()},hm=function(e){"Escape"!==e.key||e.shiftKey||e.ctrlKey||(e.preventDefault(),this.disableClose||this.hide())},mm=function(e){this._withActions=e.target.assignedNodes({flatten:!0}).length>0,k(this,"-with-actions",this._withActions)},um.styles=i`:host { display: contents; } .base { font: inherit; border: unset; outline: unset; padding: unset; display: flex; flex-direction: column; position: fixed; overflow: visible; border-radius: var(--m3e-dialog-shape, ${v.shape.corner.extraLarge}); min-width: var(--m3e-dialog-min-width, 17.5rem); max-width: var(--m3e-dialog-max-width, 35rem); color: var(--m3e-dialog-color, ${v.color.onSurface}); background-color: var(--m3e-dialog-container-color, ${v.color.surfaceContainerHigh}); visibility: hidden; opacity: 0; transform-origin: top; transform: translateY(-3.125rem) scaleY(0.8); } .base::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); margin-inline-end: -20px; } .base:not([open]) { visibility: hidden; opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); transition: ${o(`opacity ${v.motion.duration.short3} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.short3} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.emphasized} allow-discrete`)}; } .base[open] { visibility: visible; opacity: 1; transform: translateY(0) scaleY(1); transition: ${o(`opacity ${v.motion.duration.long2} ${v.motion.easing.emphasized}, \n        transform ${v.motion.duration.long2} ${v.motion.easing.emphasized},\n        overlay ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.emphasized} allow-discrete`)}; } .base:not([open])::backdrop { transition: ${o(`background-color ${v.motion.duration.short3} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.short3} ${v.motion.easing.standard} allow-discrete`)}; } .base[open]::backdrop { background-color: color-mix( in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) var(--m3e-dialog-scrim-opacity, 32%), transparent ); transition: ${o(`background-color ${v.motion.duration.long2} ${v.motion.easing.standard}, \n        overlay ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete,\n        visibility ${v.motion.duration.long2} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .base[open] { opacity: 0; transform: translateY(-3.125rem) scaleY(0.8); } .base[open]::backdrop { background-color: color-mix(in srgb, var(--m3e-dialog-scrim-color, ${v.color.scrim}) 0%, transparent); } } .header { flex: none; display: flex; align-items: center; padding: 1.5rem 1.5rem 1rem 1.5rem; background-color: var(--m3e-dialog-header-container-color, transparent); } ::slotted([slot="header"]) { margin: unset; flex: 1 1 auto; color: var(--m3e-dialog-header-color, inherit); font-size: var(--m3e-dialog-header-font-size, ${v.typescale.standard.headline.small.fontSize}); font-weight: var(--m3e-dialog-header-font-weight, ${v.typescale.standard.headline.small.fontWeight}); line-height: var(--m3e-dialog-header-line-height, ${v.typescale.standard.headline.small.lineHeight}); letter-spacing: var(--m3e-dialog-header-tracking, ${v.typescale.standard.headline.small.tracking}); } .content { padding-inline: 1.5rem; color: var(--m3e-dialog-content-color, ${v.color.onSurfaceVariant}); font-size: var(--m3e-dialog-content-font-size, ${v.typescale.standard.body.medium.fontSize}); font-weight: var(--m3e-dialog-content-font-weight, ${v.typescale.standard.body.medium.fontWeight}); line-height: var(--m3e-dialog-content-line-height, ${v.typescale.standard.body.medium.lineHeight}); letter-spacing: var(--m3e-dialog-content-tracking, ${v.typescale.standard.body.medium.tracking}); } .actions { padding: 1.5rem; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; min-height: 1.5rem; column-gap: 0.5rem; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } :host(:not(:state(-with-actions))) .content { margin-bottom: 1.5rem; } :host(:not(:state(-with-actions))) .actions { display: none; } .close { margin-inline-start: 0.5rem; } ::slotted([slot="close-icon"]), .close-icon { width: 1em; font-size: var(--m3e-icon-button-icon-size, 1.5rem) !important; } @media (forced-colors: active) { .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } .base { border-style: solid; border-width: 1px; border-color: CanvasText; } } @media (prefers-reduced-motion) { .base:not([open]), .base[open], .base:not([open])::backdrop, .base[open]::backdrop { transition: none; } }`,um.__nextId=0,t([u()],um.prototype,"_withActions",void 0),t([h(".base")],um.prototype,"_base",void 0),t([h(".content")],um.prototype,"_content",void 0),t([m({type:Boolean})],um.prototype,"alert",void 0),t([m({type:Boolean,reflect:!0})],um.prototype,"open",null),t([m({type:Boolean})],um.prototype,"dismissible",void 0),t([m({attribute:"disable-close",type:Boolean})],um.prototype,"disableClose",void 0),t([m({attribute:"no-focus-trap",type:Boolean})],um.prototype,"noFocusTrap",void 0),t([m({attribute:"close-label"})],um.prototype,"closeLabel",void 0),um=pm=t([$("m3e-dialog")],um);let vm=class extends(b(E)){connectedCallback(){super.connectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup="dialog")}disconnectedCallback(){super.disconnectedCallback(),this.parentElement&&(this.parentElement.ariaHasPopup=null)}_onClick(){this.control instanceof um&&this.control.show()}};vm=t([$("m3e-dialog-trigger")],vm);let bm=class extends(f(r,"separator")){constructor(){super(...arguments),this.vertical=!1,this.inset=!1,this.insetStart=!1,this.insetEnd=!1}render(){return s`<div class="line"></div>`}};bm.styles=i`:host { display: block; position: relative; } :host(:not([vertical])) { height: var(--m3e-divider-thickness, 1px); width: 100%; } :host([vertical]) { width: var(--m3e-divider-thickness, 1px); height: 100%; } .line { box-sizing: border-box; position: absolute; } :host(:not([vertical])) .line { border-bottom: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); height: inherit; } :host([vertical]) .line { border-right: var(--m3e-divider-thickness, 1px) solid var(--m3e-divider-color, ${v.color.outlineVariant}); width: inherit; } :host([vertical][inset]) .line, :host([vertical][inset-start]) .line { top: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-start]) .line { left: var(--m3e-divider-inset-start-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical][inset]) .line, :host([vertical][inset-end]) .line { bottom: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host(:not([vertical])[inset]) .line, :host(:not([vertical])[inset-end]) .line { right: var(--m3e-divider-inset-end-size, var(--m3e-divider-inset-size, 1rem)); } :host([vertical]:not([inset]):not([inset-start])) .line { top: 0; } :host(:not([vertical]):not([inset]):not([inset-start])) .line { left: 0; } :host([vertical]:not([inset]):not([inset-end])) .line { bottom: 0; } :host(:not([vertical]):not([inset]):not([inset-end])) .line { right: 0; } @media (forced-colors: active) { .line { border-color: GrayText; } }`,t([m({type:Boolean,reflect:!0})],bm.prototype,"vertical",void 0),t([m({type:Boolean,reflect:!0})],bm.prototype,"inset",void 0),t([m({attribute:"inset-start",type:Boolean,reflect:!0})],bm.prototype,"insetStart",void 0),t([m({attribute:"inset-end",type:Boolean,reflect:!0})],bm.prototype,"insetEnd",void 0),bm=t([$("m3e-divider")],bm);const fm=o(`var(--m3e-drawer-container-color, ${v.color.surface})`),gm=o(`var(--m3e-drawer-container-elevation, ${v.elevation.level0})`),ym=o("var(--m3e-drawer-container-width, 22.5rem)"),$m=o("var(--m3e-drawer-container-scrim-opacity, 32%)"),xm=o(`var(--m3e-modal-drawer-corner-shape, ${v.shape.corner.large})`),wm=o(`var(--m3e-modal-drawer-container-color, ${v.color.surfaceContainerLow})`),km=o(`var(--m3e-modal-drawer-elevation, ${v.elevation.level1})`),Cm=o(`var(--m3e-drawer-divider-color, ${v.color.outline})`),Sm=o("var(--m3e-drawer-divider-thickness, 1px)"),_m=i`:host { display: block; position: relative; overflow: hidden; flex: 1 1 auto; } .start, .end { position: absolute; top: 0; bottom: 0; z-index: 3; outline: none; overflow-x: hidden; overflow-y: auto; scrollbar-width: ${v.scrollbar.thinWidth}; scrollbar-color: ${v.scrollbar.color}; box-sizing: border-box; background-color: ${fm}; box-shadow: ${gm}; transition: ${o(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete,\n      background-color ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      box-shadow ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } .start { inset-inline-start: 0; } .end { inset-inline-end: 0; } :host(:not([start])) .start { visibility: hidden; } :host(:not([start]):not(:dir(rtl))) .start { margin-left: calc(0px - var(--_start-drawer-size, ${ym})); } :host(:not([start]):dir(rtl)) .start { margin-right: calc(0px - var(--_start-drawer-size, ${ym})); } :host([start]:not(:dir(rtl))) .start { margin-left: 0; } :host([start]:dir(rtl)) .start { margin-right: 0; } :host(:not([end])) .end { visibility: hidden; } :host(:not([end]):not(:dir(rtl))) .end { margin-right: calc(0px - var(--_end-drawer-size, ${ym})); } :host(:not([end]):dir(rtl)) .end { margin-left: calc(0px - var(--_end-drawer-size, ${ym})); } :host([end]:not(:dir(rtl))) .end { margin-right: 0; } :host([end]:dir(rtl)) .end { margin-left: 0; } ::slotted([slot="start"]), ::slotted([slot="end"]) { height: 100%; width: ${ym}; box-sizing: border-box; } .content { position: relative; height: 100%; overflow: auto; margin-left: 0; margin-right: 0; transition: ${o(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard}`)}; } :host(:state(-start-push)[start]:not(:dir(rtl))) .content, :host(:state(-start-side)[start]:not(:dir(rtl))) .content { margin-left: var(--_start-drawer-size, ${ym}); } :host(:state(-start-push)[start]:dir(rtl)) .content, :host(:state(-start-side)[start]:dir(rtl)) .content { margin-right: var(--_start-drawer-size, ${ym}); } :host(:state(-end-push)[end]:not(:dir(rtl))) .content, :host(:state(-end-side)[end]:not(:dir(rtl))) .content { margin-right: var(--_end-drawer-size, ${ym}); } :host(:state(-end-push)[end]:dir(rtl)) .content, :host(:state(-end-side)[end]:dir(rtl)) .content { margin-left: var(--_end-drawer-size, ${ym}); } .scrim { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: ${v.color.scrim}; opacity: 0; visibility: hidden; transition: ${o(`opacity ${v.motion.duration.medium4} ${v.motion.easing.standard}, \n        visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } @starting-style { .scrim { opacity: 0; } } :host(:state(-start-push)[start]) .scrim, :host(:state(-end-push)[end]) .scrim, :host(:state(-start-over)[start]) .scrim, :host(:state(-end-over)[end]) .scrim { visibility: visible; opacity: ${$m}; } :host(:state(-start-push)) .start, :host(:state(-start-over)) .start { border-start-end-radius: ${xm}; border-end-end-radius: ${xm}; } :host(:state(-end-push)) .end, :host(:state(-end-over)) .end { border-start-start-radius: ${xm}; border-end-start-radius: ${xm}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: ${wm}; box-shadow: ${km}; } :host([start-divider]) .start { border-inline-end-color: transparent; border-inline-end-width: ${Sm}; border-inline-end-style: solid; box-sizing: border-box; } :host([start-divider]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: ${Cm}; } :host([end-divider]) .end { border-inline-start-color: transparent; border-inline-start-width: ${Sm}; border-inline-start-style: solid; box-sizing: border-box; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: ${Cm}; } :host(:state(-no-animate)) .start, :host(:state(-no-animate)) .end, :host(:state(-no-animate)) .content { transition: none; } @media (forced-colors: active) { .start, .end { background-color: Canvas; box-shadow: unset; transition: ${o(`margin ${v.motion.duration.medium4} ${v.motion.easing.standard},\n      visibility ${v.motion.duration.medium4} ${v.motion.easing.standard} allow-discrete`)}; } :host(:state(-start-push)) .start, :host(:state(-end-push)) .end, :host(:state(-start-over)) .start, :host(:state(-end-over)) .end { background-color: Canvas; box-shadow: unset; border-color: CanvasText; } .start, .end { border-style: solid; border-color: Canvas; border-width: 1px; } .start { border-inline-start-style: none; } .end { border-inline-end-style: none; } :host([start-divider]:state(-start-side)[start]:not(:state(-end-push)[end]):not(:state(-end-over)[end])) .start { border-inline-end-color: GrayText; } :host([end-divider]:state(-end-side)[end]:not(:state(-start-push)[start]):not(:state(-start-over)[start])) .end { border-inline-start-color: GrayText; } } @media (prefers-reduced-motion) { .start, .end, .content, .scrim { transition: none; } }`;var Lm,zm,Em,Mm,Tm,Pm,Im,Wm,Dm,Am,Hm,Om,Fm;let Bm=class extends(M(P(r))){constructor(){super(...arguments),Lm.add(this),this._startMode="side",this._endMode="side",zm.set(this,void 0),Em.set(this,!1),Mm.set(this,!1),Tm.set(this,new A(this,{target:null,skipInitial:!0,callback:t=>e(this,Lm,"m",Am).call(this,t)})),this.start=!1,this.startMode="side",this.startDivider=!1,this.end=!1,this.endMode="side",this.endDivider=!1}connectedCallback(){super.connectedCallback(),z(this,"-no-animate")}disconnectedCallback(){super.disconnectedCallback(),e(this,zm,"f")?.call(this),e(this,Lm,"m",Om).call(this)}willUpdate(t){super.willUpdate(t),(t.has("startMode")||t.has("endMode"))&&(e(this,zm,"f")?.call(this),"auto"===this.startMode||"auto"===this.endMode?e(this,Lm,"m",Hm).call(this):e(this,Lm,"m",Fm).call(this)),t.has("start")?this.start&&this.end&&"side"!==this._endMode&&(this.end=!1,this.dispatchEvent(new Event("change",{bubbles:!0}))):t.has("end")&&this.end&&this.start&&"side"!==this._startMode&&(this.start=!1,this.dispatchEvent(new Event("change",{bubbles:!0})))}reconnectedCallback(){super.reconnectedCallback(),e(this,Lm,"m",Pm).call(this),"auto"!==this.startMode&&"auto"!==this.endMode||e(this,Lm,"m",Hm).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,Lm,"m",Pm).call(this)}render(){return s`<div class="start"><m3e-focus-trap ?disabled="${!this.start||"side"===this._startMode||e(this,Em,"f")}"><slot name="start" @slotchange="${e(this,Lm,"m",Wm)}"></slot></m3e-focus-trap></div><div class="content" .inert="${("side"!==this._startMode||"side"!==this._endMode)&&(this.start||this.end)}"><slot></slot></div><div class="scrim" @click="${e(this,Lm,"m",Im)}"></div><div class="end"><m3e-focus-trap ?disabled="${!this.end||"side"===this._endMode||e(this,Mm,"f")}"><slot name="end" @slotchange="${e(this,Lm,"m",Dm)}"></slot></m3e-focus-trap></div>`}};var Vm,qm,Rm,Um,Nm,jm;zm=new WeakMap,Em=new WeakMap,Mm=new WeakMap,Tm=new WeakMap,Lm=new WeakSet,Pm=function(){let t=this.shadowRoot?.querySelector(".start");t&&e(this,Tm,"f").observe(t),t=this.shadowRoot?.querySelector(".end"),t&&e(this,Tm,"f").observe(t)},Im=function(){"side"!==this._startMode&&(this.start=!1),"side"!==this._endMode&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0}))},Wm=function(e){a(this,Em,!g(e.target),"f")},Dm=function(e){a(this,Mm,!g(e.target),"f")},Am=function(e){for(const t of e){const e=Array.isArray(t.borderBoxSize)?t.borderBoxSize[0]:t.borderBoxSize;t.target.classList.contains("start")?this.style.setProperty("--_start-drawer-size",`${e.inlineSize}px`):t.target.classList.contains("end")&&this.style.setProperty("--_end-drawer-size",`${e.inlineSize}px`)}O(this,"-no-animate")&&(this.offsetTop,C(this,"-no-animate"))},Hm=function(){a(this,zm,Xe.observe([Je.XSmall,Je.Small],t=>e(this,Lm,"m",Fm).call(this,t,!0)),"f")},Om=function(){C(this,"-start-over"),C(this,"-start-push"),C(this,"-start-side"),C(this,"-end-over"),C(this,"-end-push"),C(this,"-end-side")},Fm=function(t,a=!1){let o=!1,i=!1;"auto"===this.startMode?t?.get(Je.Medium)?this._startMode="side":t?.get(Je.Small)?(o="side"===this._startMode&&this.start,this._startMode="push"):t?.get(Je.XSmall)?(o="over"!==this._startMode&&this.start,this._startMode="over"):this._startMode="side":this._startMode=this.startMode,"auto"===this.endMode?t?.get(Je.Medium)?this._endMode="side":t?.get(Je.Small)?(i="side"===this._endMode&&this.end,this._endMode="push"):t?.get(Je.XSmall)?(i="over"!==this._endMode&&this.end,this._endMode="over"):this._endMode="side":this._endMode=this.endMode,e(this,Lm,"m",Om).call(this),z(this,`-start-${this._startMode}`),z(this,`-end-${this._endMode}`),a&&(o||i)&&(o&&(this.start=!1),i&&(this.end=!1),this.dispatchEvent(new Event("change",{bubbles:!0})))},Bm.styles=_m,t([u()],Bm.prototype,"_startMode",void 0),t([u()],Bm.prototype,"_endMode",void 0),t([m({type:Boolean,reflect:!0})],Bm.prototype,"start",void 0),t([m({attribute:"start-mode",reflect:!0})],Bm.prototype,"startMode",void 0),t([m({attribute:"start-divider",type:Boolean,reflect:!0})],Bm.prototype,"startDivider",void 0),t([m({type:Boolean,reflect:!0})],Bm.prototype,"end",void 0),t([m({attribute:"end-mode",reflect:!0})],Bm.prototype,"endMode",void 0),t([m({attribute:"end-divider",type:Boolean,reflect:!0})],Bm.prototype,"endDivider",void 0),Bm=t([$("m3e-drawer-container")],Bm);let Ym=class extends(b(E)){constructor(){super(...arguments),Vm.add(this),qm.set(this,()=>e(this,Vm,"m",Um).call(this)),Rm.set(this,!1)}attach(t){super.attach(t),this.htmlFor&&this.parentElement&&Pe(this.parentElement,"aria-controls",this.htmlFor);const a=t.closest("m3e-drawer-container");a&&(a.addEventListener("change",e(this,qm,"f")),e(this,Vm,"m",jm).call(this,a,!0))}detach(){this.parentElement&&(this.htmlFor&&Ie(this.parentElement,"aria-controls",this.htmlFor),this.parentElement.ariaExpanded=null),this.control?.closest("m3e-drawer-container")?.removeEventListener("change",e(this,qm,"f")),super.detach()}_onClick(){e(this,Vm,"m",Nm).call(this)}};var Km,Zm,Gm,Xm;qm=new WeakMap,Rm=new WeakMap,Vm=new WeakSet,Um=function(){if(this.control&&!e(this,Rm,"f")){const t=this.control.closest("m3e-drawer-container");t&&e(this,Vm,"m",jm).call(this,t,!0)}},Nm=async function(){if(!this.parentElement||!this.control)return;const t=this.control.closest("m3e-drawer-container");if(t){a(this,Rm,!0,"f");try{"start"===this.control.slot?t.start=!t.start:"end"===this.control.slot&&(t.end=!t.end),t.isUpdatePending&&await t.updateComplete,await e(this,Vm,"m",jm).call(this,t,!1)}finally{a(this,Rm,!1,"f")}}},jm=async function(e,t){if(!this.parentElement||!this.control)return;let a=!1;"start"===this.control.slot?a=e.start:"end"===this.control.slot&&(a=e.end),this.parentElement.ariaExpanded=`${a}`,t&&this.parentElement.hasAttribute("toggle")&&this.parentElement.toggleAttribute("selected",a),this.parentElement instanceof r&&(await this.parentElement.updateComplete,this.parentElement.ariaPressed=null)},Ym=t([$("m3e-drawer-toggle")],Ym);let Jm=class extends r{constructor(){super(...arguments),Km.add(this),Zm.set(this,[]),this.multi=!1}get panels(){return e(this,Zm,"f")}render(){return s`<slot @slotchange="${e(this,Km,"m",Gm)}" @opening="${e(this,Km,"m",Xm)}"></slot>`}};Zm=new WeakMap,Km=new WeakSet,Gm=function(){if(a(this,Zm,[...this.querySelectorAll("m3e-expansion-panel")],"f"),this.multi)return;let t=!1;for(const a of e(this,Zm,"f").filter(e=>!e.open))t&&(a.open=!1),t=!0},Xm=function(t){if(!this.multi)for(const a of e(this,Zm,"f").filter(e=>e!==t.target&&e.open))a.open=!1},Jm.styles=i`:host { display: block; } ::slotted(m3e-expansion-panel) { --m3e-expansion-panel-container-color: ${v.color.surface}; --m3e-expansion-panel-elevation: ${v.elevation.level2}; --m3e-expansion-panel-open-shape: ${v.shape.corner.medium}; --_expansion-panel-open-spacing: 1rem; } ::slotted(m3e-expansion-panel:first-of-type:last-of-type) { --m3e-expansion-panel-shape: ${v.shape.corner.medium}; } ::slotted(m3e-expansion-panel:first-of-type:not(:last-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.medium} ${v.shape.corner.value.medium} ${v.shape.corner.value.none} ${v.shape.corner.value.none}; } ::slotted(m3e-expansion-panel:last-of-type:not(:first-of-type)) { --m3e-expansion-panel-shape: ${v.shape.corner.value.none} ${v.shape.corner.value.none} ${v.shape.corner.value.medium} ${v.shape.corner.value.medium}; }`,t([m({type:Boolean})],Jm.prototype,"multi",void 0),Jm=t([$("m3e-accordion")],Jm);const Qm=o("var(--m3e-expansion-header-collapsed-height, 3rem)"),ep=o("var(--m3e-expansion-header-expanded-height, 4rem)"),tp=o("var(--m3e-expansion-header-padding-left, 1.5rem)"),ap=o("var(--m3e-expansion-header-padding-right, 1.5rem)"),op=o("var(--m3e-expansion-header-spacing, 0.5rem)"),ip=o("var(--m3e-expansion-header-toggle-icon-size, 1.5rem)"),rp=o(`var(--m3e-expansion-header-font-size, ${v.typescale.standard.title.medium.fontSize})`),sp=o(`var(--m3e-expansion-header-font-weight, ${v.typescale.standard.title.medium.fontWeight})`),np=o(`var(--m3e-expansion-header-line-height, ${v.typescale.standard.title.medium.lineHeight})`),lp=o(`var(--m3e-expansion-header-tracking, ${v.typescale.standard.title.medium.tracking})`),cp=i`:host { display: block; border-radius: inherit; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: ${o(`height var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } .base { box-sizing: border-box; width: 100%; height: 100%; display: flex; border-radius: inherit; outline: none; position: relative; padding-inline-start: ${tp}; padding-inline-end: ${ap}; font-size: ${rp}; font-weight: ${sp}; line-height: ${np}; letter-spacing: ${lp}; column-gap: ${op}; } :host(:not(:disabled)) { cursor: pointer; } :host(:not([aria-expanded="true"])) { height: ${Qm}; } :host([aria-expanded="true"]) { height: ${ep}; } :host(:not(:focus-visible)) .state-layer { --m3e-state-layer-focus-color: transparent; } :host([aria-expanded="true"]) .state-layer { --m3e-state-layer-hover-color: transparent; } :host([aria-expanded="true"]) [part="background"], .content { flex: 1 1 auto; display: flex; align-items: center; } .toggle { display: flex; align-items: center; justify-content: center; vertical-align: middle; font-size: ${ip}; transition: ${o(`transform var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host([toggle-direction="vertical"][aria-expanded="true"]) .toggle { transform: rotate(180deg); } :host([toggle-direction="horizontal"][aria-expanded="true"]) .toggle { transform: rotate(var(--_expansion-header-horizontal-expanded-toggle-rotation, 90deg)); } :host([toggle-position="before"]) .toggle { margin-inline-start: calc(0px - ${op}); } :host([toggle-position="after"]) .toggle { margin-inline-end: calc(0px - ${op}); } :host([hide-toggle]) .toggle { display: none; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } @media (prefers-reduced-motion) { :host, .toggle { transition: none; } }`,dp=o(`var(--m3e-expansion-panel-text-color, ${v.color.onSurface})`),hp=o(`var(--m3e-expansion-panel-disabled-text-color, ${v.color.onSurface})`),mp=o("var(--m3e-expansion-panel-disabled-text-opacity, 38%)"),pp=o("var(--m3e-expansion-panel-container-color)"),up=o("var(--m3e-expansion-panel-elevation)"),vp=o("var(--m3e-expansion-panel-shape)"),bp=o("var(--m3e-expansion-panel-open-elevation, var(--m3e-expansion-panel-elevation))"),fp=o("var(--m3e-expansion-panel-open-shape, var(--m3e-expansion-panel-shape))"),gp=o("var(--_expansion-panel-open-spacing)"),yp=o("var(--m3e-expansion-panel-content-padding, 0 1.5rem 1rem 1.5rem)"),$p=o("var(--m3e-expansion-panel-actions-spacing, 0.5rem)"),xp=o("var(--m3e-expansion-panel-actions-padding, 1rem 1.5rem 1rem 1.5rem)"),wp=o("var(--m3e-expansion-panel-actions-divider-thickness, var(--m3e-divider-thickness, 1px))"),kp=o(`var(--m3e-expansion-panel-actions-divider-color, var(--m3e-divider-color, ${v.color.outlineVariant}))`),Cp=i`:host { display: block; } .base { background-color: ${pp}; transition: ${o(`box-shadow var(--m3e-collapsible-animation-duration, ${v.motion.duration.medium1})\n        ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) .base { color: ${dp}; } :host(:disabled) .base { color: color-mix( in srgb, ${hp} ${mp}, transparent ); } :host(:not([open])) .base { box-shadow: ${up}; border-radius: ${vp}; } :host([open]) .base { box-shadow: ${bp}; border-radius: ${fp}; margin-block: ${gp}; } .toggle { display: flex; align-items: center; justify-content: center; font-size: ${ip}; } ::slotted([slot="toggle-icon"]) { font-size: inherit !important; flex: none; } .toggle svg, ::slotted(svg[slot="toggle-icon"]) { width: 1em; height: 1em; } .content { padding: ${yp}; } :host(:not(:state(-with-actions))) .actions { display: none; } .actions { padding: ${xp}; border-top-style: solid; border-top-width: ${wp}; border-top-color: ${kp}; } ::slotted([slot="actions"]) { flex: none; display: flex; align-items: center; column-gap: ${$p}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } @media (prefers-reduced-motion) { .base { transition: none; } } @media (forced-colors: active) { .base { border: 1px solid CanvasText; } :host(:disabled) .base { color: GrayText; } .actions { border-top-color: GrayText; } }`;var Sp,_p;let Lp=class extends(q(N(Y(P(f(r,"button"),!0))))){constructor(){super(...arguments),Sp.add(this),this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}firstUpdated(e){super.firstUpdated(e),[this._focusRing,this._stateLayer].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer>${"before"===this.togglePosition?e(this,Sp,"m",_p).call(this):n}<div class="content"><slot></slot></div>${"after"===this.togglePosition?e(this,Sp,"m",_p).call(this):n}</div>`}};var zp,Ep,Mp,Tp,Pp,Ip,Wp,Dp,Ap,Hp,Op,Fp;Sp=new WeakSet,_p=function(){return s`<div class="toggle" aria-hidden="true"><slot name="toggle-icon"></slot></div>`},Lp.styles=cp,t([h(".focus-ring")],Lp.prototype,"_focusRing",void 0),t([h(".state-layer")],Lp.prototype,"_stateLayer",void 0),t([m({attribute:"toggle-direction",reflect:!0})],Lp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],Lp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],Lp.prototype,"hideToggle",void 0),Lp=t([$("m3e-expansion-header")],Lp);let Bp=Fp=class extends(x(Y(M(P(r,!0))),"opening","opened","closing","closed")){constructor(){super(...arguments),zp.add(this),Ep.set(this,Fp.__nextId++),Mp.set(this,`m3e-expansion-panel-${e(this,Ep,"f")}-content`),Tp.set(this,`m3e-expansion-panel-${e(this,Ep,"f")}-header`),Pp.set(this,void 0),this.open=!1,this.toggleDirection="vertical",this.togglePosition="after",this.hideToggle=!1}focus(e){this._header?.focus(e)}blur(){this._header?.blur()}click(){this._header?.click()}connectedCallback(){super.connectedCallback(),a(this,Pp,Ve.observe(()=>{this.requestUpdate(),e(this,zp,"m",Op).call(this)}),"f")}disconnectedCallback(){super.disconnectedCallback(),e(this,Pp,"f")?.call(this)}reconnectedCallback(){super.reconnectedCallback(),e(this,zp,"m",Op).call(this)}firstUpdated(t){super.firstUpdated(t),e(this,zp,"m",Op).call(this)}render(){return s`<div class="base"><m3e-expansion-header id="${e(this,Tp,"f")}" toggle-direction="${this.toggleDirection}" toggle-position="${this.togglePosition}" ?hide-toggle="${this.hideToggle}" ?disabled="${this.disabled}" aria-expanded="${this.open}" aria-controls="${e(this,Mp,"f")}" @click="${e(this,zp,"m",Wp)}" @keydown="${e(this,zp,"m",Dp)}"><div slot="toggle-icon" class="toggle"><slot name="toggle-icon">${e(this,zp,"m",Ip).call(this)}</slot></div><slot name="header"></slot></m3e-expansion-header><m3e-collapsible id="${e(this,Mp,"f")}" role="region" aria-labelledby="${e(this,Tp,"f")}" ?open="${this.open}" @opening="${e(this,zp,"m",Ap)}" @opened="${e(this,zp,"m",Ap)}" @closing="${e(this,zp,"m",Ap)}" @closed="${e(this,zp,"m",Ap)}"><div class="content"><slot></slot></div><div class="actions"><slot name="actions" @slotchange="${e(this,zp,"m",Hp)}"></slot></div></m3e-collapsible></div>`}};Ep=new WeakMap,Mp=new WeakMap,Tp=new WeakMap,Pp=new WeakMap,zp=new WeakSet,Ip=function(){return"vertical"===this.toggleDirection?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>`:"ltr"===Ve.current?s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>`:s`<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>`},Wp=function(){this.open=!this.open},Dp=function(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=[...t.panels].reverse(),a=e.indexOf(this);(e.find((e,t)=>!e.disabled&&t>a)??e.find((e,t)=>!e.disabled&&t<a))?._header?.focus()}else this.open=!1}break;case"ArrowDown":{e.preventDefault();const t=this.closest("m3e-accordion");if(t){const e=t.panels.indexOf(this);(t.panels.find((t,a)=>!t.disabled&&a>e)??t.panels.find((t,a)=>!t.disabled&&a<e))?._header?.focus()}else this.open=!0}}},Ap=function(e){e.stopPropagation(),this.dispatchEvent(new Event(e.type,{bubbles:!0}))},Hp=function(e){k(this,"-with-actions",g(e.target))},Op=function(){"rtl"===Ve.current?this._header?.style.setProperty("--_expansion-header-horizontal-expanded-toggle-rotation","-90deg"):this._header?.style.removeProperty("--_expansion-header-horizontal-expanded-toggle-rotation")},Bp.styles=Cp,Bp.__nextId=0,t([h("m3e-expansion-header")],Bp.prototype,"_header",void 0),t([m({type:Boolean,reflect:!0})],Bp.prototype,"open",void 0),t([m({attribute:"toggle-direction",reflect:!0})],Bp.prototype,"toggleDirection",void 0),t([m({attribute:"toggle-position",reflect:!0})],Bp.prototype,"togglePosition",void 0),t([m({attribute:"hide-toggle",type:Boolean,reflect:!0})],Bp.prototype,"hideToggle",void 0),Bp=Fp=t([$("m3e-expansion-panel")],Bp);const Vp=i`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } .close-icon, ::slotted(:not([slot])), ::slotted([slot="close-icon"]) { font-size: inherit !important; flex: none; } .close-icon, ::slotted(svg:not([slot])), ::slotted(svg[slot="close-icon"]) { width: 1em; height: 1em; } :host(:not([extended])) ::slotted([slot="label"]), .base.with-menu ::slotted([slot="label"]), .base:not(.with-menu) ::slotted([slot="close-icon"]), .base:not(.with-menu) .close-icon, :host([aria-expanded="true"]) .base.with-menu ::slotted(:not([slot])), :host([aria-expanded="false"]) .base.with-menu ::slotted([slot="close-icon"]), :host([aria-expanded="false"]) .base.with-menu .close-icon { display: none; } :host([aria-expanded="true"]) .base.with-menu { border-radius: var(--m3e-fab-menu-close-button-container-shape, ${v.shape.corner.full}); height: calc(var(--m3e-fab-menu-close-button-container-height, 3.5rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .wrapper { padding-inline-start: calc(var(--m3e-fab-menu-close-button-leading-space, 1rem) + ${v.density.calc(-3)}); padding-inline-end: calc(var(--m3e-fab-menu-close-button-trailing-space, 1rem) + ${v.density.calc(-3)}); } :host([aria-expanded="true"]) .base.with-menu .icon { font-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); --m3e-icon-size: calc(var(--m3e-fab-menu-close-button-icon-size, 1.5rem) + ${v.density.calc(-3)}); } .base.with-menu { transition: height ${v.motion.spring.fastSpatial}; } .base.with-menu .wrapper { transition: padding ${v.motion.spring.fastSpatial}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base, .icon { transition: none; } .base { outline-style: solid; } :host([variant]:not(:disabled):not([disabled-interactive])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])) .label, :host([variant]:not(:disabled):not([disabled-interactive])) .icon { color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-button-small-outline-thickness, 1px)); outline-width: var(--m3e-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-button-large-outline-thickness, 2px)); outline-width: var(--m3e-button-large-outline-thickness, 2px); } } @media (prefers-reduced-motion) { .base, .base.resting, .base.pressed, .label, .icon { transition: none; } }`,qp={small:{containerHeight:o(`calc(var(--m3e-fab-small-container-height, var(--m3e-fab-container-height, 3.5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-small-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.medium.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-small-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.medium.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-small-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.medium.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-small-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.medium.tracking}))`),iconSize:o(`calc(var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem)) + ${v.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-small-icon-size, var(--m3e-fab-icon-size, 1.5rem))"),shape:o(`var(--m3e-fab-small-shape, var(--m3e-fab-shape, ${v.shape.corner.large}))`),leadingSpace:o(`calc(var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem)) + ${v.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem)) + ${v.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-small-icon-label-space, var(--m3e-fab-icon-label-space, 0.5rem))"),extendedLeadingSpace:o("var(--m3e-fab-small-leading-space, var(--m3e-fab-leading-space, 1rem))"),extendedTrailingSpace:o("var(--m3e-fab-small-trailing-space, var(--m3e-fab-trailing-space, 1rem))")},medium:{containerHeight:o(`calc(var(--m3e-fab-medium-container-height, var(--m3e-fab-container-height, 5rem)) + ${v.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-medium-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.title.large.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-medium-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.title.large.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-medium-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.title.large.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-medium-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.title.large.tracking}))`),iconSize:o(`calc(var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem)) + ${v.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-medium-icon-size, var(--m3e-fab-icon-size, 1.75rem))"),shape:o(`var(--m3e-fab-medium-shape, var(--m3e-fab-shape, ${v.shape.corner.largeIncreased}))`),leadingSpace:o(`calc(var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem)) + ${v.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem)) + ${v.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-medium-icon-label-space, var(--m3e-fab-icon-label-space, 0.75rem))"),extendedLeadingSpace:o("var(--m3e-fab-medium-leading-space, var(--m3e-fab-leading-space, 1.625rem))"),extendedTrailingSpace:o("var(--m3e-fab-medium-trailing-space, var(--m3e-fab-trailing-space, 1.625rem))")},large:{containerHeight:o(`calc(var(--m3e-fab-large-container-height, var(--m3e-fab-container-height, 6rem)) + ${v.density.calc(-3)})`),labelTextFontSize:o(`var(--m3e-fab-large-label-text-font-size, var(--m3e-fab-label-text-font-size, ${v.typescale.standard.headline.small.fontSize}))`),labelTextFontWeight:o(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${v.typescale.standard.headline.small.fontWeight}))`),labelTextLineHeight:o(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${v.typescale.standard.headline.small.lineHeight}))`),labelTextTracking:o(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${v.typescale.standard.headline.small.tracking}))`),iconSize:o(`calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem)) + ${v.density.calc(-3)})`),extendedIconSize:o("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),shape:o(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${v.shape.corner.extraLarge}))`),leadingSpace:o(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + ${v.density.calc(-3)})`),trailingSpace:o(`calc(var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem)) + ${v.density.calc(-3)})`),iconLabelSpace:o("var(--m3e-fab-large-icon-label-space, var(--m3e-fab-icon-label-space, 1rem))"),extendedLeadingSpace:o("var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem))"),extendedTrailingSpace:o("var(--m3e-fab-large-trailing-space, var(--m3e-fab-trailing-space, 1.75rem))")}};function Rp(e){return i`:host([size="${o(e)}"]) .base { height: ${qp[e].containerHeight}; } :host([size="${o(e)}"]) .base { border-radius: ${qp[e].shape}; } :host([size="${o(e)}"]) .label { font-size: ${qp[e].labelTextFontSize}; font-weight: ${qp[e].labelTextFontWeight}; line-height: ${qp[e].labelTextLineHeight}; letter-spacing: ${qp[e].labelTextTracking}; } :host([size="${o(e)}"]:not([extended])) .wrapper { padding-inline-start: ${qp[e].leadingSpace}; padding-inline-end: ${qp[e].trailingSpace}; } :host([size="${o(e)}"]:not([extended])) .icon { font-size: ${qp[e].iconSize}; --m3e-icon-size: ${qp[e].iconSize}; } :host([size="${o(e)}"][extended]) .wrapper { padding-inline-start: ${qp[e].extendedLeadingSpace}; padding-inline-end: ${qp[e].extendedTrailingSpace}; column-gap: ${qp[e].iconLabelSpace}; } :host([size="${o(e)}"][extended]) .icon { font-size: ${qp[e].extendedIconSize}; --m3e-icon-size: ${qp[e].extendedIconSize}; }`}const Up=[Rp("small"),Rp("medium"),Rp("large")],Np={primary:{labelTextColor:o(`var(--m3e-primary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onPrimary}))`),iconColor:o(`var(--m3e-primary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onPrimary}))`),containerColor:o(`var(--m3e-primary-fab-container-color, var(--m3e-fab-container-color, ${v.color.primary}))`),containerElevation:o(`var(--m3e-primary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-primary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-primary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-primary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-primary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-primary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-primary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-primary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-primary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-primary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-primary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimary}))`),labelTextColor:o(`var(--m3e-primary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimary}))`),stateLayerColor:o(`var(--m3e-primary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimary}))`),stateLayerOpacity:o(`var(--m3e-primary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},secondary:{labelTextColor:o(`var(--m3e-secondary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondary}))`),iconColor:o(`var(--m3e-secondary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondary}))`),containerColor:o(`var(--m3e-secondary-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondary}))`),containerElevation:o(`var(--m3e-secondary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-secondary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-secondary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-secondary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-secondary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-secondary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-secondary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-secondary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-secondary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-secondary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-secondary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondary}))`),labelTextColor:o(`var(--m3e-secondary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondary}))`),stateLayerColor:o(`var(--m3e-secondary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondary}))`),stateLayerOpacity:o(`var(--m3e-secondary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},tertiary:{labelTextColor:o(`var(--m3e-tertiary-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiary}))`),iconColor:o(`var(--m3e-tertiary-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiary}))`),containerColor:o(`var(--m3e-tertiary-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiary}))`),containerElevation:o(`var(--m3e-tertiary-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-tertiary-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-tertiary-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-tertiary-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-tertiary-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-tertiary-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-tertiary-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-tertiary-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-tertiary-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-tertiary-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-tertiary-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiary}))`),labelTextColor:o(`var(--m3e-tertiary-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiary}))`),stateLayerColor:o(`var(--m3e-tertiary-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiary}))`),stateLayerOpacity:o(`var(--m3e-tertiary-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"primary-container":{labelTextColor:o(`var(--m3e-primary-container-fab-label-text-color, var(--m3e-primary-container-fab-label-text-color, ${v.color.onPrimaryContainer}))`),iconColor:o(`var(--m3e-primary-container-fab-icon-color, var(--m3e-primary-container-fab-icon-color, ${v.color.onPrimaryContainer}))`),containerColor:o(`var(--m3e-primary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.primaryContainer}))`),containerElevation:o(`var(--m3e-primary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-primary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-primary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-primary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-primary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-primary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-primary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-primary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-primary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-primary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-primary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onPrimaryContainer}))`),labelTextColor:o(`var(--m3e-primary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onPrimaryContainer}))`),stateLayerColor:o(`var(--m3e-primary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onPrimaryContainer}))`),stateLayerOpacity:o(`var(--m3e-primary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-primary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-primary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"secondary-container":{labelTextColor:o(`var(--m3e-secondary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onSecondaryContainer}))`),iconColor:o(`var(--m3e-secondary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onSecondaryContainer}))`),containerColor:o(`var(--m3e-secondary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.secondaryContainer}))`),containerElevation:o(`var(--m3e-secondary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-secondary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-secondary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-secondary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-secondary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-secondary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-secondary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-secondary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-secondary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-secondary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-secondary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onSecondaryContainer}))`),labelTextColor:o(`var(--m3e-secondary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onSecondaryContainer}))`),stateLayerColor:o(`var(--m3e-secondary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onSecondaryContainer}))`),stateLayerOpacity:o(`var(--m3e-secondary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-secondary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-secondary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},"tertiary-container":{labelTextColor:o(`var(--m3e-tertiary-container-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.onTertiaryContainer}))`),iconColor:o(`var(--m3e-tertiary-container-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.onTertiaryContainer}))`),containerColor:o(`var(--m3e-tertiary-container-fab-container-color, var(--m3e-fab-container-color, ${v.color.tertiaryContainer}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),disabled:{containerColor:o(`var(--m3e-tertiary-container-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-tertiary-container-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-tertiary-container-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-tertiary-container-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-tertiary-container-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-tertiary-container-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-tertiary-container-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-tertiary-container-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-tertiary-container-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-tertiary-container-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.onTertiaryContainer}))`),labelTextColor:o(`var(--m3e-tertiary-container-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.onTertiaryContainer}))`),stateLayerColor:o(`var(--m3e-tertiary-container-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.onTertiaryContainer}))`),stateLayerOpacity:o(`var(--m3e-tertiary-container-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-tertiary-container-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-tertiary-container-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}},surface:{labelTextColor:o(`var(--m3e-surface-fab-label-text-color, var(--m3e-fab-label-text-color, ${v.color.primary}))`),iconColor:o(`var(--m3e-surface-fab-icon-color, var(--m3e-fab-icon-color, ${v.color.primary}))`),containerColor:o(`var(--m3e-surface-fab-container-color, var(--m3e-fab-container-color, ${v.color.surfaceContainerHigh}))`),containerElevation:o(`var(--m3e-surface-fab-container-elevation, var(--m3e-fab-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-container-elevation, var(--m3e-fab-lowered-container-elevation, ${v.elevation.level2}))`),loweredContainerColor:o(`var(--m3e-surface-fab-lowered-container-color, var(--m3e-fab-lowered-container-color, ${v.color.surfaceContainerLow}))`),disabled:{containerColor:o(`var(--m3e-surface-fab-disabled-container-color, var(--m3e-fab-disabled-container-color, ${v.color.onSurface}))`),containerOpacity:o("var(--m3e-surface-fab-disabled-container-opacity, var(--m3e-fab-disabled-container-opacity, 10%))"),iconColor:o(`var(--m3e-surface-fab-disabled-icon-color, var(--m3e-fab-disabled-icon-color, ${v.color.onSurface}))`),iconOpacity:o("var(--m3e-surface-fab-disabled-icon-opacity, var(--m3e-fab-disabled-icon-opacity, 38%))"),labelTextColor:o(`var(--m3e-surface-fab-disabled-label-text-color, var(--m3e-fab-disabled-label-text-color, ${v.color.onSurface}))`),labelTextOpacity:o("var(--m3e-surface-fab-disabled-label-text-opacity, var(--m3e-fab-disabled-label-text-opacity, 38%))"),containerElevation:o(`var(--m3e-surface-fab-disabled-container-elevation, var(--m3e-fab-disabled-container-elevation, ${v.elevation.level0}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-disabled-container-elevation, var(--m3e-fab-lowered-disabled-container-elevation, ${v.elevation.level0}))`)},hover:{iconColor:o(`var(--m3e-surface-fab-hover-icon-color, var(--m3e-fab-hover-icon-color, ${v.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-hover-label-text-color, var(--m3e-fab-hover-label-text-color, ${v.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-hover-state-layer-color, var(--m3e-fab-hover-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-hover-state-layer-opacity, var(--m3e-fab-hover-state-layer-opacity, ${v.state.hoverStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-hover-container-elevation, var(--m3e-fab-hover-container-elevation, ${v.elevation.level4}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-hover-container-elevation, var(--m3e-fab-lowered-hover-container-elevation, ${v.elevation.level3}))`)},focus:{iconColor:o(`var(--m3e-surface-fab-focus-icon-color, var(--m3e-fab-focus-icon-color, ${v.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-focus-label-text-color, var(--m3e-fab-focus-label-text-color, ${v.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-focus-state-layer-color, var(--m3e-fab-focus-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-focus-state-layer-opacity, var(--m3e-fab-focus-state-layer-opacity, ${v.state.focusStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-focus-container-elevation, var(--m3e-fab-focus-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-focus-container-elevation, var(--m3e-fab-lowered-focus-container-elevation, ${v.elevation.level2}))`)},pressed:{iconColor:o(`var(--m3e-surface-fab-pressed-icon-color, var(--m3e-fab-pressed-icon-color, ${v.color.primary}))`),labelTextColor:o(`var(--m3e-surface-fab-pressed-label-text-color, var(--m3e-fab-pressed-label-text-color, ${v.color.primary}))`),stateLayerColor:o(`var(--m3e-surface-fab-pressed-state-layer-color, var(--m3e-fab-pressed-state-layer-color, ${v.color.primary}))`),stateLayerOpacity:o(`var(--m3e-surface-fab-pressed-state-layer-opacity, var(--m3e-fab-pressed-state-layer-opacity, ${v.state.pressedStateLayerOpacity}))`),containerElevation:o(`var(--m3e-surface-fab-pressed-container-elevation, var(--m3e-fab-pressed-container-elevation, ${v.elevation.level3}))`),loweredContainerElevation:o(`var(--m3e-surface-fab-lowered-pressed-container-elevation, var(--m3e-fab-lowered-pressed-container-elevation, ${v.elevation.level2}))`)}}};function jp(e){return i`:host([variant="${o(e)}"]:not([lowered])) .base { background-color: ${Np[e].containerColor}; --m3e-elevation-level: ${Np[e].containerElevation}; --m3e-elevation-hover-level: ${Np[e].hover.containerElevation}; --m3e-elevation-focus-level: ${Np[e].focus.containerElevation}; --m3e-elevation-pressed-level: ${Np[e].pressed.containerElevation}; } :host([variant="${o(e)}"][lowered]) .base { background-color: ${Np[e].loweredContainerColor??Np[e].containerColor}; --m3e-elevation-level: ${Np[e].loweredContainerElevation}; --m3e-elevation-hover-level: ${Np[e].hover.loweredContainerElevation}; --m3e-elevation-focus-level: ${Np[e].focus.loweredContainerElevation}; --m3e-elevation-pressed-level: ${Np[e].pressed.loweredContainerElevation}; } :host([variant="${o(e)}"]) .base { --m3e-state-layer-hover-color: ${Np[e].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Np[e].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Np[e].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Np[e].focus.stateLayerOpacity}; --m3e-ripple-color: ${Np[e].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Np[e].pressed.stateLayerOpacity}; } :host([variant="${o(e)}"]) .label { color: ${Np[e].labelTextColor}; } :host([variant="${o(e)}"]:focus) .label { color: ${Np[e].focus.labelTextColor}; } :host([variant="${o(e)}"]:hover) .label { color: ${Np[e].hover.labelTextColor}; } :host([variant="${o(e)}"]) .base.pressed .label { color: ${Np[e].pressed.labelTextColor}; } :host([variant="${o(e)}"]) .icon { color: ${Np[e].iconColor}; } :host([variant="${o(e)}"]:focus) .icon { color: ${Np[e].focus.iconColor}; } :host([variant="${o(e)}"]:hover) .icon { color: ${Np[e].hover.iconColor}; } :host([variant="${o(e)}"]) .base.pressed .icon { color: ${Np[e].pressed.iconColor}; } :host([variant="${o(e)}"]:disabled) .base, :host([variant="${o(e)}"][disabled-interactive]) .base { --m3e-elevation-level: ${Np[e].disabled.containerElevation}; background-color: color-mix( in srgb, ${Np[e].disabled.containerColor} ${Np[e].disabled.containerOpacity}, transparent ); } :host([variant="${o(e)}"]:disabled) .label, :host([variant="${o(e)}"][disabled-interactive]) .label { color: color-mix( in srgb, ${Np[e].disabled.labelTextColor} ${Np[e].disabled.labelTextOpacity}, transparent ); } :host([variant="${o(e)}"]:disabled) .icon, :host([variant="${o(e)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Np[e].disabled.iconColor} ${Np[e].disabled.iconOpacity}, transparent ); }`}const Yp=[jp("primary"),jp("secondary"),jp("tertiary"),jp("primary-container"),jp("secondary-container"),jp("tertiary-container"),jp("surface")];var Kp,Zp;let Gp=class extends(q(R(U(N(j(Y(P(f(r,"button"),!0)))))))){constructor(){super(),Kp.add(this),this.variant="primary-container",this.lowered=!1,this.size="medium",this.extended=!1,new Z(this,{isPressedKey:e=>" "===e,callback:e=>{this.disabled||this.disabledInteractive||(this._base?.classList.toggle("pressed",e),this._base?.classList.toggle("resting",!e))}})}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1)}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this._base?.classList.toggle("pressed",!1),this._base?.classList.toggle("resting",!1))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?centered="${!this.extended}" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[G]()}<div class="wrapper"><slot class="icon" aria-hidden="true" @slotchange="${e(this,Kp,"m",Zp)}"></slot><slot class="icon" aria-hidden="true" name="close-icon"><svg class="close-icon" viewBox="0 -960 960 960" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></slot><div class="label"><slot name="label" @slotchange="${e(this,Kp,"m",Zp)}"></slot></div></div></div>`}};var Xp,Jp,Qp;Kp=new WeakSet,Zp=function(){this._base?.classList.toggle("with-menu",null!==this.querySelector("m3e-fab-menu-trigger"))},Gp.styles=[Up,Yp,Vp],t([h(".base")],Gp.prototype,"_base",void 0),t([h(".elevation")],Gp.prototype,"_elevation",void 0),t([h(".focus-ring")],Gp.prototype,"_focusRing",void 0),t([h(".state-layer")],Gp.prototype,"_stateLayer",void 0),t([h(".ripple")],Gp.prototype,"_ripple",void 0),t([m({reflect:!0})],Gp.prototype,"variant",void 0),t([m({type:Boolean,reflect:!0})],Gp.prototype,"lowered",void 0),t([m({reflect:!0})],Gp.prototype,"size",void 0),t([m({type:Boolean,reflect:!0})],Gp.prototype,"extended",void 0),Gp=t([$("m3e-fab")],Gp);let eu=class extends(q(R(Y(P(f(r,"menuitem"),!0))))){constructor(){super(...arguments),Xp.add(this),Jp.set(this,t=>e(this,Xp,"m",Qp).call(this,t))}get menu(){return this.closest("m3e-fab-menu")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",e(this,Jp,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",e(this,Jp,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}render(){return s`<div class="base"><m3e-elevation class="elevation" ?disabled="${this.disabled}"></m3e-elevation><m3e-state-layer class="state-layer" ?disabled="${this.disabled}"></m3e-state-layer><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" ?disabled="${this.disabled}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[G]()}<div class="wrapper"><slot class="icon" name="icon" aria-hidden="true"></slot><div class="label"><slot></slot></div></div></div>`}};var tu,au,ou,iu,ru,su,nu,lu,cu,du,hu,mu,pu,uu;Jp=new WeakMap,Xp=new WeakSet,Qp=function(e){e.defaultPrevented||this.menu?.hide(!0)},eu.styles=i`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${o(`background-color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; height: var(--m3e-fab-menu-item-height, 3.5rem); font-size: var(--m3e-fab-menu-item-font-size, ${v.typescale.standard.label.large.fontSize}); font-weight: var(--m3e-fab-menu-item-font-weight, ${v.typescale.standard.label.large.fontWeight}); line-height: var(--m3e-fab-menu-item-line-height, ${v.typescale.standard.label.large.lineHeight}); letter-spacing: var(--m3e-fab-menu-item-tracking, ${v.typescale.standard.label.large.tracking}); border-radius: var(--m3e-fab-menu-item-shape, ${v.shape.corner.full}); } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: var(--_fab-menu-item-color); } :host(:not(:disabled)) .base { background-color: var(--_fab-menu-item-container-color); --m3e-state-layer-hover-color: var(--_fab-menu-background-hover-color); --m3e-state-layer-focus-color: var(--_fab-menu-background-focus-color); --m3e-ripple-color: var(--_fab-menu-ripple-color); } :host(:disabled) .base { background-color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-container-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-container-opacity, 10%), transparent ); } :host(:disabled) .label, :host(:disabled) .icon { color: color-mix( in srgb, var(--m3e-fab-menu-item-disabled-color, ${v.color.onSurface}) var(--m3e-fab-menu-item-disabled-opacity, 38%), transparent ); } .touch { position: absolute; height: 3rem; left: 0; right: 0; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; padding-inline-start: var(--m3e-fab-menu-item-leading-space, 1.5rem); padding-inline-end: var(--m3e-fab-menu-item-trailing-space, 1.5rem); column-gap: var(--m3e-fab-menu-item-spacing, 0.5rem); } .label { justify-self: center; flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } .icon { font-size: var(--m3e-fab-menu-item-icon-size, 1.5rem); transition: ${o(`color ${v.motion.duration.short4} ${v.motion.easing.standard}`)}; } :host(:not(:disabled)) { cursor: pointer; } ::slotted([slot="icon"]) { font-size: inherit !important; flex: none; } ::slotted(svg[slot="icon"]) { width: 1em; height: 1em; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (prefers-reduced-motion) { .base, .label, .icon { transition: none; } } @media (forced-colors: active) { .base, .label, .icon { transition: none; } :host(:not(:disabled)) .base { background-color: Menu; } :host(:not(:disabled)) .label, :host(:not(:disabled)) .icon { color: MenuText; } :host(:disabled) .label, :host(:disabled) .icon { color: GrayText; } }`,t([h(".elevation")],eu.prototype,"_elevation",void 0),t([h(".focus-ring")],eu.prototype,"_focusRing",void 0),t([h(".state-layer")],eu.prototype,"_stateLayer",void 0),t([h(".ripple")],eu.prototype,"_ripple",void 0),eu=t([$("m3e-fab-menu-item")],eu);let vu=class extends(T(P(f(r,"menu")))){constructor(){super(...arguments),tu.add(this),au.set(this,void 0),ou.set(this,void 0),iu.set(this,void 0),ru.set(this,(new He).withWrap().withHomeAndEnd().withVerticalOrientation()),su.set(this,t=>e(this,tu,"m",hu).call(this,t)),nu.set(this,t=>e(this,tu,"m",mu).call(this,t)),lu.set(this,new ve(this,{target:null,callback:()=>this.hide()})),cu.set(this,t=>{"closed"===t.newState?(e(this,iu,"f")?.call(this),a(this,iu,void 0,"f")):setTimeout(()=>{e(this,ru,"f").setActiveItem(e(this,ru,"f").items.find(e=>!e.disabled))},40)}),this.variant="primary"}get isOpen(){return void 0!==e(this,ou,"f")}async show(t){e(this,ou,"f")&&e(this,ou,"f")!==t&&this.hide(),e(this,iu,"f")?.call(this),a(this,iu,await qe(this,t,{position:"top-end",inline:!0,shift:"main",flip:!0,offset:8},(e,t,a)=>{k(this,"-right",a.includes("end")),k(this,"-left",a.includes("start")),"rtl"===Ve.current?(this.style.right=window.innerWidth-e-this.clientWidth+"px",this.style.left=""):(this.style.left=`${e}px`,this.style.right=""),this.style.top=`${t}px`}),"f"),this.showPopover(),a(this,ou,t,"f"),e(this,ou,"f").ariaExpanded="true",e(this,lu,"f").observe(e(this,ou,"f")),e(this,tu,"m",pu).call(this)}hide(t=!1){e(this,iu,"f")?.call(this),a(this,iu,void 0,"f"),e(this,ou,"f")&&(e(this,ou,"f").ariaExpanded="false",t&&e(this,ou,"f").focus(),e(this,tu,"m",uu).call(this),e(this,lu,"f").unobserve(e(this,ou,"f")),a(this,ou,void 0,"f")),this.hidePopover()}async toggle(t){e(this,ou,"f")?this.hide():await this.show(t)}connectedCallback(){super.connectedCallback(),this.tabIndex=-1,this.setAttribute("popover","manual"),this.addEventListener("keydown",e(this,su,"f")),this.addEventListener("toggle",e(this,cu,"f")),document.addEventListener("click",e(this,nu,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",e(this,su,"f")),this.removeEventListener("toggle",e(this,cu,"f")),document.removeEventListener("click",e(this,nu,"f"))}render(){return s`<div class="base"><slot @slotchange="${e(this,tu,"m",du)}"></slot></div>`}};au=new WeakMap,ou=new WeakMap,iu=new WeakMap,ru=new WeakMap,su=new WeakMap,nu=new WeakMap,lu=new WeakMap,cu=new WeakMap,tu=new WeakSet,du=function(){const{added:t}=e(this,ru,"f").setItems([...this.querySelectorAll("m3e-fab-menu-item")]);e(this,ru,"f").activeItem||e(this,ru,"f").updateActiveItem(t.find(e=>!e.disabled))},hu=function(t){switch(t.key){case"Tab":this.hide();break;case"Escape":t.shiftKey||t.ctrlKey||this.hide(!0);break;default:e(this,ru,"f").onKeyDown(t)}},mu=function(t){t.composedPath().some(t=>t instanceof eu||t===e(this,ou,"f"))||this.hide()},pu=function(){const t=e(this,ou,"f")?.closest("m3e-fab");t&&(a(this,au,t.tabIndex,"f"),t.addEventListener("keydown",e(this,su,"f")),e(this,ru,"f").setItems([...e(this,ru,"f").items,t]))},uu=function(){const t=e(this,ou,"f")?.closest("m3e-fab");t&&(void 0!==e(this,au,"f")&&(t.tabIndex=e(this,au,"f")),t.removeEventListener("keydown",e(this,su,"f")),e(this,ru,"f").setItems([...e(this,ru,"f").items.filter(e=>e!==t)]))},vu.styles=i`:host { position: absolute; flex-direction: column; row-gap: var(--m3e-fab-menu-spacing, 0.25rem); padding: unset; margin: unset; border: unset; overflow: visible; max-width: var(--m3e-fab-menu-max-width, 17.5rem); opacity: 0; background-color: transparent; display: none; } :host(:not(:state(-no-animate))) { transition: ${o(`opacity ${v.motion.spring.fastEffects}, \n        transform ${v.motion.spring.fastSpatial},\n        overlay ${v.motion.spring.fastEffects} allow-discrete,\n        display ${v.motion.spring.fastEffects} allow-discrete`)}; } .base { display: contents; } :host([variant="primary"]) .base { --_fab-menu-item-color: var(--m3e-primary-fab-color, ${v.color.onPrimaryContainer}); --_fab-menu-item-container-color: var(--m3e-primary-fab-container-color, ${v.color.primaryContainer}); --_fab-menu-background-hover-color: var(--m3e-primary-fab-hover-color, ${v.color.onPrimaryContainer}); --_fab-menu-background-focus-color: var(--m3e-primary-fab-focus-color, ${v.color.onPrimaryContainer}); --_fab-menu-ripple-color: var(--m3e-primary-fab-ripple-color, ${v.color.onPrimaryContainer}); } :host([variant="secondary"]) .base { --_fab-menu-item-color: var(--m3e-secondary-fab-color, ${v.color.onSecondaryContainer}); --_fab-menu-item-container-color: var( --m3e-secondary-fab-container-color, ${v.color.secondaryContainer} ); --_fab-menu-background-hover-color: var( --m3e-secondary-fab-hover-color, ${v.color.onSecondaryContainer} ); --_fab-menu-background-focus-color: var( --m3e-secondary-fab-focus-color, ${v.color.onSecondaryContainer} ); --_fab-menu-ripple-color: var(--m3e-secondary-fab-ripple-color, ${v.color.onSecondaryContainer}); } :host([variant="tertiary"]) .base { --_fab-menu-item-color: var(--m3e-tertiary-fab-color, ${v.color.onTertiaryContainer}); --_fab-menu-item-container-color: var(--m3e-tertiary-fab-container-color, ${v.color.tertiaryContainer}); --_fab-menu-background-hover-color: var(--m3e-tertiary-fab-hover-color, ${v.color.onTertiaryContainer}); --_fab-menu-background-focus-color: var(--m3e-tertiary-fab-focus-color, ${v.color.onTertiaryContainer}); --_fab-menu-ripple-color: var(--m3e-tertiary-fab-ripple-color, ${v.color.onTertiaryContainer}); } :host { transform: scaleX(0.8); } :host(:state(-left)) { align-items: flex-start; transform-origin: left; } :host(:state(-right)) { align-items: flex-end; transform-origin: right; } :host(:popover-open) { transform: scaleX(1); display: inline-flex; opacity: 1; } :host::backdrop { background-color: transparent; } @starting-style { :host(:popover-open) { opacity: 0; } :host(:popover-open) { transform: scaleX(0.8); } } @media (prefers-reduced-motion) { :host(:not(:state(-no-animate))) { transition: none; } } @media (forced-colors: active) { :host { border-radius: ${v.shape.corner.medium}; outline: 1px solid MenuText; background-color: Menu; } }`,t([m({reflect:!0})],vu.prototype,"variant",void 0),vu=t([$("m3e-fab-menu")],vu);let bu=class extends(b(E)){get menu(){return this.control instanceof vu?this.control:null}attach(e){super.attach(e),this.parentElement&&e instanceof vu&&(this.parentElement.ariaHasPopup="menu",this.parentElement.ariaExpanded="false",e.id&&Pe(this.parentElement,"aria-controls",e.id))}detach(){this.parentElement&&(this.parentElement.ariaHasPopup=null,this.parentElement.ariaExpanded=null,this.control?.id&&Ie(this.parentElement,"aria-controls",this.control.id)),super.detach()}_onClick(){this.parentElement&&this.menu?.toggle(this.parentElement)}};bu=t([$("m3e-fab-menu-trigger")],bu);
 /**
  * Adapted from Angular Material Form Field Control
  * Source: https://github.com/angular/components/blob/main/src/material/form-field/form-field-control.ts