@vandeurenglenn/lite-elements 0.3.83 → 0.3.85

package/exports/bundle/upload-image.js

@@ -1,4 +1,4 @@
-import{b as e,_ as t,a as r}from"./tslib.es6-B87RQr7F.js";import{x as o,i as a,T as n,E as l,B as s,r as d,s as c}from"./dark-mode-m29sAj4H.js";import{t as u}from"./query-DCTzLeFk.js";import{e as p}from"./custom-element-B_TPyPQO.js";import{n as h,i as v,t as m}from"./property-CMTrOHQk.js";import{DeviceApi as f}from"./device.js";import"./dialog.js";import"./icon.js";import"./tabs.js";import"./tab.js";import"./selector.js";import"./pages.js";import{FileReaderMixin as b}from"./file-reader-mixin.js";import"./elevation.js";import"./selector-mixin.js";import"./select-mixin.js";
+import{b as e,_ as t,a as r}from"./tslib.es6-B87RQr7F.js";import{x as o,i as a,T as n,E as l,B as s,r as d,s as c}from"./dark-mode2-CXqeCi6t.js";import{t as u}from"./query-DCTzLeFk.js";import{e as p}from"./custom-element-B_TPyPQO.js";import{n as h,i as v,t as m}from"./property-CChxy2ZU.js";import{DeviceApi as f}from"./device.js";import"./dialog.js";import"./icon.js";import"./tabs.js";import"./tab.js";import"./selector.js";import"./pages.js";import{FileReaderMixin as b}from"./file-reader-mixin.js";import"./elevation.js";import"./selector-mixin.js";import"./select-mixin.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -62,29 +62,29 @@ const T=Symbol("attachableController");let $;$=new MutationObserver((e=>{for(con
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z=1,I=3,S=4,L=e=>(...t)=>({_$litDirective$:e,values:t});let R=class i{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};
+const z=1,S=3,I=4,L=e=>(...t)=>({_$litDirective$:e,values:t});let R=class i{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const P=L(class extends R{constructor(e){if(super(e),e.type!==z||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const r=e.element.classList;for(const e of this.st)e in t||(r.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return n}}),B="cubic-bezier(0.2, 0, 0, 1)";
+ */const P=L(class extends R{constructor(e){if(super(e),e.type!==z||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const r=e.element.classList;for(const e of this.st)e in t||(r.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return n}}),O="cubic-bezier(0.2, 0, 0, 1)";
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */var O;!function(e){e[e.INACTIVE=0]="INACTIVE",e[e.TOUCH_DELAY=1]="TOUCH_DELAY",e[e.HOLDING=2]="HOLDING",e[e.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(O||(O={}));const D=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],M=window.matchMedia("(forced-colors: active)");class Ripple extends v{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=O.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new AttachableController(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return o`<div class="surface ${P(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==O.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==O.HOLDING)return this.state===O.TOUCH_DELAY?(this.state=O.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=O.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=O.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=O.TOUCH_DELAY,await new Promise((e=>{setTimeout(e,150)})),this.state===O.TOUCH_DELAY&&(this.state=O.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==O.WAITING_FOR_CLICK?this.state===O.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),r=Math.max(e,t),o=Math.max(.35*r,75),a=Math.floor(.2*r),n=Math.sqrt(t**2+e**2)+10;this.initialSize=a,this.rippleScale=""+(n+o)/a,this.rippleSize=`${a}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:r}=window,{left:o,top:a}=this.getBoundingClientRect(),n=t+o,l=r+a,{pageX:s,pageY:d}=e;return{x:s-n,y:d-l}}getTranslationCoordinates(e){const{height:t,width:r}=this.getBoundingClientRect(),o={x:(r-this.initialSize)/2,y:(t-this.initialSize)/2};let a;return a=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:r/2,y:t/2},a={x:a.x-this.initialSize/2,y:a.y-this.initialSize/2},{startPoint:a,endPoint:o}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:r}=this.getTranslationCoordinates(e),o=`${t.x}px, ${t.y}px`,a=`${r.x}px, ${r.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${a}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:B,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=O.INACTIVE;const e=this.growAnimation;let t=1/0;"number"==typeof e?.currentTime?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise((e=>{setTimeout(e,225-t)})),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if("pointerenter"===e.type||"pointerleave"===e.type)return!this.isTouch(e);const t=1===e.buttons;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:r,left:o,bottom:a,right:n}=this.getBoundingClientRect();return e>=o&&e<=n&&t>=r&&t<=a}isTouch({pointerType:e}){return"touch"===e}async handleEvent(e){if(!M?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){for(const r of D)e?.removeEventListener(r,this),t?.addEventListener(r,this)}}e([h({type:Boolean,reflect:!0})],Ripple.prototype,"disabled",void 0),e([g()],Ripple.prototype,"hovered",void 0),e([g()],Ripple.prototype,"pressed",void 0),e([y(".surface")],Ripple.prototype,"mdRoot",void 0);
+ */var D;!function(e){e[e.INACTIVE=0]="INACTIVE",e[e.TOUCH_DELAY=1]="TOUCH_DELAY",e[e.HOLDING=2]="HOLDING",e[e.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(D||(D={}));const B=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],V=window.matchMedia("(forced-colors: active)");class Ripple extends v{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=D.INACTIVE,this.attachableController=new AttachableController(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return o`<div class="surface ${P(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==D.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==D.HOLDING)return this.state===D.TOUCH_DELAY?(this.state=D.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=D.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=D.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.state=D.TOUCH_DELAY,await new Promise((e=>{setTimeout(e,150)})),this.state===D.TOUCH_DELAY&&(this.state=D.HOLDING,this.startPressAnimation(e))}}handleClick(){this.disabled||(this.state!==D.WAITING_FOR_CLICK?this.state===D.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||this.endPressAnimation()}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),r=Math.max(e,t),o=Math.max(.35*r,75),a=this.currentCSSZoom??1,n=Math.floor(.2*r/a),l=Math.sqrt(t**2+e**2)+10;this.initialSize=n;const s=(l+o)/n;this.rippleScale=""+s/a,this.rippleSize=`${n}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:r}=window,{left:o,top:a}=this.getBoundingClientRect(),n=t+o,l=r+a,{pageX:s,pageY:d}=e,c=this.currentCSSZoom??1;return{x:(s-n)/c,y:(d-l)/c}}getTranslationCoordinates(e){const{height:t,width:r}=this.getBoundingClientRect(),o=this.currentCSSZoom??1,a={x:(r/o-this.initialSize)/2,y:(t/o-this.initialSize)/2};let n;return n=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:r/o/2,y:t/o/2},n={x:n.x-this.initialSize/2,y:n.y-this.initialSize/2},{startPoint:n,endPoint:a}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:r}=this.getTranslationCoordinates(e),o=`${t.x}px, ${t.y}px`,a=`${r.x}px, ${r.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${a}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:O,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=D.INACTIVE;const e=this.growAnimation;let t=1/0;"number"==typeof e?.currentTime?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise((e=>{setTimeout(e,225-t)})),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if("pointerenter"===e.type||"pointerleave"===e.type)return!this.isTouch(e);const t=1===e.buttons;return this.isTouch(e)||t}isTouch({pointerType:e}){return"touch"===e}async handleEvent(e){if(!V?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){for(const r of B)e?.removeEventListener(r,this),t?.addEventListener(r,this)}}e([h({type:Boolean,reflect:!0})],Ripple.prototype,"disabled",void 0),e([g()],Ripple.prototype,"hovered",void 0),e([g()],Ripple.prototype,"pressed",void 0),e([y(".surface")],Ripple.prototype,"mdRoot",void 0);
 /**
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const V=a`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
+const M=a`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
 `
 /**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */;let q=class MdRipple extends Ripple{};q.styles=[V],q=e([m("md-ripple")],q);
+ */;let q=class MdRipple extends Ripple{};q.styles=[M],q=e([m("md-ripple")],q);
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -110,7 +110,7 @@ const N=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaCo
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */(),t}(e)))}let ee=!1;const te=W(J(v));class Button extends te{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[X].form}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.href="",this.download="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.addEventListener("click",this.handleClick.bind(this))}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}render(){const e=!this.href&&(this.disabled||this.softDisabled),t=this.href?this.renderLink():this.renderButton(),r=this.href?"link":"button";return o`
+ */(),t}(e)))}let ee=!1;const te=W(J(v));class Button extends te{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[X].form}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.href="",this.download="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.addEventListener("click",this.handleClick.bind(this))}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}render(){const e=this.disabled||this.softDisabled,t=this.href?this.renderLink():this.renderButton(),r=this.href?"link":"button";return o`
       ${this.renderElevationOrOutline?.()}
       <div class="background"></div>
       <md-focus-ring part="focus-ring" for=${r}></md-focus-ring>
@@ -134,6 +134,8 @@ const N=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaCo
       aria-label="${e||l}"
       aria-haspopup="${t||l}"
       aria-expanded="${r||l}"
+      aria-disabled=${this.disabled||this.softDisabled||l}
+      tabindex="${this.disabled&&!this.softDisabled?-1:l}"
       href=${this.href}
       download=${this.download||l}
       target=${this.target||l}
@@ -145,7 +147,7 @@ const N=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaCo
       ${this.trailingIcon?l:e}
       <span class="label"><slot></slot></span>
       ${this.trailingIcon?e:l}
-    `}handleClick(e){if(!this.href&&this.softDisabled)return e.stopImmediatePropagation(),void e.preventDefault();Q(e)&&this.buttonElement&&(this.focus(),
+    `}handleClick(e){if(this.softDisabled||this.disabled&&this.href)return e.stopImmediatePropagation(),void e.preventDefault();Q(e)&&this.buttonElement&&(this.focus(),
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -164,7 +166,7 @@ class FilledTonalButton extends Button{renderElevationOrOutline(){return o`<md-e
  * SPDX-License-Identifier: Apache-2.0
  */const re=a`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)}
 `,oe=a`md-elevation{transition-duration:280ms}:host(:is([disabled],[soft-disabled])) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host(:is([disabled],[soft-disabled])) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)}
-`,ie=a`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host(:is([disabled],[soft-disabled])) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host(:is([disabled],[soft-disabled])) .background{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host(:is([disabled],[soft-disabled])){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host(:is([disabled],[soft-disabled])) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none}
+`,ie=a`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host(:is([disabled],[soft-disabled])) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host(:is([disabled],[soft-disabled])) .background{background:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host(:is([disabled],[soft-disabled])){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host(:is([disabled],[soft-disabled])) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none}
 `
 /**
  * @license
@@ -215,7 +217,7 @@ class Field extends v{constructor(){super(...arguments),this.disabled=!1,this.er
       <span class="label ${P(r)}" aria-hidden=${!t}
         >${a}</span
       >
-    `}animateLabelIfNeeded({wasFocused:e,wasPopulated:t}){if(!this.label)return;e??=this.focused,t??=this.populated;(e||t)!==(this.focused||this.populated)&&(this.isAnimating=!0,this.labelAnimation?.cancel(),this.labelAnimation=this.floatingLabelEl?.animate(this.getLabelKeyframes(),{duration:150,easing:B}),this.labelAnimation?.addEventListener("finish",(()=>{this.isAnimating=!1})))}getLabelKeyframes(){const{floatingLabelEl:e,restingLabelEl:t}=this;if(!e||!t)return[];const{x:r,y:o,height:a}=e.getBoundingClientRect(),{x:n,y:l,height:s}=t.getBoundingClientRect(),d=e.scrollWidth,c=t.scrollWidth,u=c/d,p=`translateX(${n-r}px) translateY(${l-o+Math.round((s-a*u)/2)}px) scale(${u})`,h="translateX(0) translateY(0) scale(1)",v=t.clientWidth,m=c>v?v/u+"px":"";return this.focused||this.populated?[{transform:p,width:m},{transform:h,width:m}]:[{transform:h,width:m},{transform:p,width:m}]}getSurfacePositionClientRect(){return this.containerEl.getBoundingClientRect()}}e([h({type:Boolean})],Field.prototype,"disabled",void 0),e([h({type:Boolean})],Field.prototype,"error",void 0),e([h({type:Boolean})],Field.prototype,"focused",void 0),e([h()],Field.prototype,"label",void 0),e([h({type:Boolean,attribute:"no-asterisk"})],Field.prototype,"noAsterisk",void 0),e([h({type:Boolean})],Field.prototype,"populated",void 0),e([h({type:Boolean})],Field.prototype,"required",void 0),e([h({type:Boolean})],Field.prototype,"resizable",void 0),e([h({attribute:"supporting-text"})],Field.prototype,"supportingText",void 0),e([h({attribute:"error-text"})],Field.prototype,"errorText",void 0),e([h({type:Number})],Field.prototype,"count",void 0),e([h({type:Number})],Field.prototype,"max",void 0),e([h({type:Boolean,attribute:"has-start"})],Field.prototype,"hasStart",void 0),e([h({type:Boolean,attribute:"has-end"})],Field.prototype,"hasEnd",void 0),e([_({slot:"aria-describedby"})],Field.prototype,"slottedAriaDescribedBy",void 0),e([g()],Field.prototype,"isAnimating",void 0),e([g()],Field.prototype,"refreshErrorAlert",void 0),e([g()],Field.prototype,"disableTransitions",void 0),e([y(".label.floating")],Field.prototype,"floatingLabelEl",void 0),e([y(".label.resting")],Field.prototype,"restingLabelEl",void 0),e([y(".container")],Field.prototype,"containerEl",void 0);
+    `}animateLabelIfNeeded({wasFocused:e,wasPopulated:t}){if(!this.label)return;e??=this.focused,t??=this.populated;(e||t)!==(this.focused||this.populated)&&(this.isAnimating=!0,this.labelAnimation?.cancel(),this.labelAnimation=this.floatingLabelEl?.animate(this.getLabelKeyframes(),{duration:150,easing:O}),this.labelAnimation?.addEventListener("finish",(()=>{this.isAnimating=!1})))}getLabelKeyframes(){const{floatingLabelEl:e,restingLabelEl:t}=this;if(!e||!t)return[];const{x:r,y:o,height:a}=e.getBoundingClientRect(),{x:n,y:l,height:s}=t.getBoundingClientRect(),d=e.scrollWidth,c=t.scrollWidth,u=c/d,p=`translateX(${n-r}px) translateY(${l-o+Math.round((s-a*u)/2)}px) scale(${u})`,h="translateX(0) translateY(0) scale(1)",v=t.clientWidth,m=c>v?v/u+"px":"";return this.focused||this.populated?[{transform:p,width:m},{transform:h,width:m}]:[{transform:h,width:m},{transform:p,width:m}]}getSurfacePositionClientRect(){return this.containerEl.getBoundingClientRect()}}e([h({type:Boolean})],Field.prototype,"disabled",void 0),e([h({type:Boolean})],Field.prototype,"error",void 0),e([h({type:Boolean})],Field.prototype,"focused",void 0),e([h()],Field.prototype,"label",void 0),e([h({type:Boolean,attribute:"no-asterisk"})],Field.prototype,"noAsterisk",void 0),e([h({type:Boolean})],Field.prototype,"populated",void 0),e([h({type:Boolean})],Field.prototype,"required",void 0),e([h({type:Boolean})],Field.prototype,"resizable",void 0),e([h({attribute:"supporting-text"})],Field.prototype,"supportingText",void 0),e([h({attribute:"error-text"})],Field.prototype,"errorText",void 0),e([h({type:Number})],Field.prototype,"count",void 0),e([h({type:Number})],Field.prototype,"max",void 0),e([h({type:Boolean,attribute:"has-start"})],Field.prototype,"hasStart",void 0),e([h({type:Boolean,attribute:"has-end"})],Field.prototype,"hasEnd",void 0),e([_({slot:"aria-describedby"})],Field.prototype,"slottedAriaDescribedBy",void 0),e([g()],Field.prototype,"isAnimating",void 0),e([g()],Field.prototype,"refreshErrorAlert",void 0),e([g()],Field.prototype,"disableTransitions",void 0),e([y(".label.floating")],Field.prototype,"floatingLabelEl",void 0),e([y(".label.resting")],Field.prototype,"restingLabelEl",void 0),e([y(".container")],Field.prototype,"containerEl",void 0);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -260,7 +262,7 @@ const de=Symbol.for(""),ce=e=>{if(e?.r===de)return e?._$litStatic$},ue=(e,...t)=
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */,me={},fe=L(class extends R{constructor(e){if(super(e),e.type!==I&&e.type!==z&&e.type!==S)throw Error("The `live` directive is not allowed on child or event bindings");if(!(e=>void 0===e.strings)(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===n||t===l)return t;const r=e.element,o=e.name;if(e.type===I){if(t===r[o])return n}else if(e.type===S){if(!!t===r.hasAttribute(o))return n}else if(e.type===z&&r.getAttribute(o)===t+"")return n;return((e,t=me)=>{e._$AH=t;
+ */,me={},fe=L(class extends R{constructor(e){if(super(e),e.type!==S&&e.type!==z&&e.type!==I)throw Error("The `live` directive is not allowed on child or event bindings");if(!(e=>void 0===e.strings)(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===n||t===l)return t;const r=e.element,o=e.name;if(e.type===S){if(t===r[o])return n}else if(e.type===I){if(!!t===r.hasAttribute(o))return n}else if(e.type===z&&r.getAttribute(o)===t+"")return n;return((e,t=me)=>{e._$AH=t;
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -288,7 +290,7 @@ const Ae=Symbol("getFormValue"),Ee=Symbol("getFormState");
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const ke=Symbol("onReportValidity"),Fe=Symbol("privateCleanupFormListeners"),ze=Symbol("privateDoNotReportInvalid"),Ie=Symbol("privateIsSelfReportingValidity"),Se=Symbol("privateCallOnReportValidity");const Le=new WeakMap;
+const ke=Symbol("onReportValidity"),Fe=Symbol("privateCleanupFormListeners"),ze=Symbol("privateDoNotReportInvalid"),Se=Symbol("privateIsSelfReportingValidity"),Ie=Symbol("privateCallOnReportValidity");const Le=new WeakMap;
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -304,7 +306,7 @@ class Validator{constructor(e){this.getCurrentState=e,this.currentValidity={vali
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */const Pe=W(function(e){var t,r,o;class OnReportValidityElement extends e{constructor(...e){super(...e),this[t]=new AbortController,this[r]=!1,this[o]=!1,this.addEventListener("invalid",(e=>{!this[ze]&&e.isTrusted&&this.addEventListener("invalid",(()=>{this[Se](e)}),{once:!0})}),{capture:!0})}checkValidity(){this[ze]=!0;const e=super.checkValidity();return this[ze]=!1,e}reportValidity(){this[Ie]=!0;const e=super.reportValidity();return e&&this[Se](null),this[Ie]=!1,e}[(t=Fe,r=ze,o=Ie,Se)](e){const t=e?.defaultPrevented;if(t)return;this[ke](e);!t&&e?.defaultPrevented&&(this[Ie]||function(e,t){if(!e)return!0;let r;for(const t of e.elements)if(t.matches(":invalid")){r=t;break}return r===t}(this[X].form,this))&&this.focus()}[ke](e){throw new Error("Implement [onReportValidity]")}formAssociatedCallback(e){super.formAssociatedCallback&&super.formAssociatedCallback(e),this[Fe].abort(),e&&(this[Fe]=new AbortController,function(e,t,r,o){const a=function(e){if(!Le.has(e)){const t=new EventTarget;Le.set(e,t);for(const r of["reportValidity","requestSubmit"]){const o=e[r];e[r]=function(){t.dispatchEvent(new Event("before"));const e=Reflect.apply(o,this,arguments);return t.dispatchEvent(new Event("after")),e}}}return Le.get(e)}(t);let n,l=!1,s=!1;a.addEventListener("before",(()=>{s=!0,n=new AbortController,l=!1,e.addEventListener("invalid",(()=>{l=!0}),{signal:n.signal})}),{signal:o}),a.addEventListener("after",(()=>{s=!1,n?.abort(),l||r()}),{signal:o}),t.addEventListener("submit",(()=>{s||r()}),{signal:o})}(this,e,(()=>{this[Se](null)}),this[Fe].signal))}}return OnReportValidityElement}(function(e){var t;class ConstraintValidationElement extends e{constructor(){super(...arguments),this[t]=""}get validity(){return this[Te](),this[X].validity}get validationMessage(){return this[Te](),this[X].validationMessage}get willValidate(){return this[Te](),this[X].willValidate}checkValidity(){return this[Te](),this[X].checkValidity()}reportValidity(){return this[Te](),this[X].reportValidity()}setCustomValidity(e){this[$e]=e,this[Te]()}requestUpdate(e,t,r){super.requestUpdate(e,t,r),this[Te]()}firstUpdated(e){super.firstUpdated(e),this[Te]()}[(t=$e,Te)](){this[Ce]||(this[Ce]=this[_e]());const{validity:e,validationMessage:t}=this[Ce].getValidity(),r=!!this[$e],o=this[$e]||t;this[X].setValidity({...e,customError:r},o,this[we]()??void 0)}[_e](){throw new Error("Implement [createValidator]")}[we](){throw new Error("Implement [getValidityAnchor]")}}return ConstraintValidationElement}(function(t){class FormAssociatedElement extends t{get form(){return this[X].form}get labels(){return this[X].labels}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}attributeChangedCallback(e,t,r){if("name"!==e&&"disabled"!==e)super.attributeChangedCallback(e,t,r);else{const r="disabled"===e?null!==t:t;this.requestUpdate(e,r)}}requestUpdate(e,t,r){super.requestUpdate(e,t,r),this[X].setFormValue(this[Ae](),this[Ee]())}[Ae](){throw new Error("Implement [getFormValue]")}[Ee](){return this[Ae]()}formDisabledCallback(e){this.disabled=e}}return FormAssociatedElement.formAssociated=!0,e([h({noAccessor:!0})],FormAssociatedElement.prototype,"name",null),e([h({type:Boolean,noAccessor:!0})],FormAssociatedElement.prototype,"disabled",null),FormAssociatedElement}(J(v)))));class TextField extends Pe{constructor(){super(...arguments),this.error=!1,this.errorText="",this.label="",this.noAsterisk=!1,this.required=!1,this.value="",this.prefixText="",this.suffixText="",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.supportingText="",this.textDirection="",this.rows=2,this.cols=20,this.inputMode="",this.max="",this.maxLength=-1,this.min="",this.minLength=-1,this.noSpinner=!1,this.pattern="",this.placeholder="",this.readOnly=!1,this.multiple=!1,this.step="",this.type="text",this.autocomplete="",this.dirty=!1,this.focused=!1,this.nativeError=!1,this.nativeErrorText=""}get selectionDirection(){return this.getInputOrTextarea().selectionDirection}set selectionDirection(e){this.getInputOrTextarea().selectionDirection=e}get selectionEnd(){return this.getInputOrTextarea().selectionEnd}set selectionEnd(e){this.getInputOrTextarea().selectionEnd=e}get selectionStart(){return this.getInputOrTextarea().selectionStart}set selectionStart(e){this.getInputOrTextarea().selectionStart=e}get valueAsNumber(){const e=this.getInput();return e?e.valueAsNumber:NaN}set valueAsNumber(e){const t=this.getInput();t&&(t.valueAsNumber=e,this.value=t.value)}get valueAsDate(){const e=this.getInput();return e?e.valueAsDate:null}set valueAsDate(e){const t=this.getInput();t&&(t.valueAsDate=e,this.value=t.value)}get hasError(){return this.error||this.nativeError}select(){this.getInputOrTextarea().select()}setRangeText(...e){this.getInputOrTextarea().setRangeText(...e),this.value=this.getInputOrTextarea().value}setSelectionRange(e,t,r){this.getInputOrTextarea().setSelectionRange(e,t,r)}showPicker(){const e=this.getInput();e&&e.showPicker()}stepDown(e){const t=this.getInput();t&&(t.stepDown(e),this.value=t.value)}stepUp(e){const t=this.getInput();t&&(t.stepUp(e),this.value=t.value)}reset(){this.dirty=!1,this.value=this.getAttribute("value")??"",this.nativeError=!1,this.nativeErrorText=""}attributeChangedCallback(e,t,r){"value"===e&&this.dirty||super.attributeChangedCallback(e,t,r)}render(){const e={disabled:this.disabled,error:!this.disabled&&this.hasError,textarea:"textarea"===this.type,"no-spinner":this.noSpinner};return o`
+ */const Pe=W(function(e){var t,r,o;class OnReportValidityElement extends e{constructor(...e){super(...e),this[t]=new AbortController,this[r]=!1,this[o]=!1,this.addEventListener("invalid",(e=>{!this[ze]&&e.isTrusted&&this.addEventListener("invalid",(()=>{this[Ie](e)}),{once:!0})}),{capture:!0})}checkValidity(){this[ze]=!0;const e=super.checkValidity();return this[ze]=!1,e}reportValidity(){this[Se]=!0;const e=super.reportValidity();return e&&this[Ie](null),this[Se]=!1,e}[(t=Fe,r=ze,o=Se,Ie)](e){const t=e?.defaultPrevented;if(t)return;this[ke](e);!t&&e?.defaultPrevented&&(this[Se]||function(e,t){if(!e)return!0;let r;for(const t of e.elements)if(t.matches(":invalid")){r=t;break}return r===t}(this[X].form,this))&&this.focus()}[ke](e){throw new Error("Implement [onReportValidity]")}formAssociatedCallback(e){super.formAssociatedCallback&&super.formAssociatedCallback(e),this[Fe].abort(),e&&(this[Fe]=new AbortController,function(e,t,r,o){const a=function(e){if(!Le.has(e)){const t=new EventTarget;Le.set(e,t);for(const r of["reportValidity","requestSubmit"]){const o=e[r];e[r]=function(){t.dispatchEvent(new Event("before"));const e=Reflect.apply(o,this,arguments);return t.dispatchEvent(new Event("after")),e}}}return Le.get(e)}(t);let n,l=!1,s=!1;a.addEventListener("before",(()=>{s=!0,n=new AbortController,l=!1,e.addEventListener("invalid",(()=>{l=!0}),{signal:n.signal})}),{signal:o}),a.addEventListener("after",(()=>{s=!1,n?.abort(),l||r()}),{signal:o}),t.addEventListener("submit",(()=>{s||r()}),{signal:o})}(this,e,(()=>{this[Ie](null)}),this[Fe].signal))}}return OnReportValidityElement}(function(e){var t;class ConstraintValidationElement extends e{constructor(){super(...arguments),this[t]=""}get validity(){return this[Te](),this[X].validity}get validationMessage(){return this[Te](),this[X].validationMessage}get willValidate(){return this[Te](),this[X].willValidate}checkValidity(){return this[Te](),this[X].checkValidity()}reportValidity(){return this[Te](),this[X].reportValidity()}setCustomValidity(e){this[$e]=e,this[Te]()}requestUpdate(e,t,r){super.requestUpdate(e,t,r),this[Te]()}firstUpdated(e){super.firstUpdated(e),this[Te]()}[(t=$e,Te)](){this[Ce]||(this[Ce]=this[_e]());const{validity:e,validationMessage:t}=this[Ce].getValidity(),r=!!this[$e],o=this[$e]||t;this[X].setValidity({...e,customError:r},o,this[we]()??void 0)}[_e](){throw new Error("Implement [createValidator]")}[we](){throw new Error("Implement [getValidityAnchor]")}}return ConstraintValidationElement}(function(t){class FormAssociatedElement extends t{get form(){return this[X].form}get labels(){return this[X].labels}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}attributeChangedCallback(e,t,r){if("name"!==e&&"disabled"!==e)super.attributeChangedCallback(e,t,r);else{const r="disabled"===e?null!==t:t;this.requestUpdate(e,r)}}requestUpdate(e,t,r){super.requestUpdate(e,t,r),this[X].setFormValue(this[Ae](),this[Ee]())}[Ae](){throw new Error("Implement [getFormValue]")}[Ee](){return this[Ae]()}formDisabledCallback(e){this.disabled=e}}return FormAssociatedElement.formAssociated=!0,e([h({noAccessor:!0})],FormAssociatedElement.prototype,"name",null),e([h({type:Boolean,noAccessor:!0})],FormAssociatedElement.prototype,"disabled",null),FormAssociatedElement}(J(v)))));class TextField extends Pe{constructor(){super(...arguments),this.error=!1,this.errorText="",this.label="",this.noAsterisk=!1,this.required=!1,this.value="",this.prefixText="",this.suffixText="",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.supportingText="",this.textDirection="",this.rows=2,this.cols=20,this.inputMode="",this.max="",this.maxLength=-1,this.min="",this.minLength=-1,this.noSpinner=!1,this.pattern="",this.placeholder="",this.readOnly=!1,this.multiple=!1,this.step="",this.type="text",this.autocomplete="",this.dirty=!1,this.focused=!1,this.nativeError=!1,this.nativeErrorText=""}get selectionDirection(){return this.getInputOrTextarea().selectionDirection}set selectionDirection(e){this.getInputOrTextarea().selectionDirection=e}get selectionEnd(){return this.getInputOrTextarea().selectionEnd}set selectionEnd(e){this.getInputOrTextarea().selectionEnd=e}get selectionStart(){return this.getInputOrTextarea().selectionStart}set selectionStart(e){this.getInputOrTextarea().selectionStart=e}get valueAsNumber(){const e=this.getInput();return e?e.valueAsNumber:NaN}set valueAsNumber(e){const t=this.getInput();t&&(t.valueAsNumber=e,this.value=t.value)}get valueAsDate(){const e=this.getInput();return e?e.valueAsDate:null}set valueAsDate(e){const t=this.getInput();t&&(t.valueAsDate=e,this.value=t.value)}get hasError(){return this.error||this.nativeError}select(){this.getInputOrTextarea().select()}setRangeText(...e){this.getInputOrTextarea().setRangeText(...e),this.value=this.getInputOrTextarea().value}setSelectionRange(e,t,r){this.getInputOrTextarea().setSelectionRange(e,t,r)}showPicker(){const e=this.getInput();e&&e.showPicker()}stepDown(e){const t=this.getInput();t&&(t.stepDown(e),this.value=t.value)}stepUp(e){const t=this.getInput();t&&(t.stepUp(e),this.value=t.value)}reset(){this.dirty=!1,this.value=this.getAttribute("value")??"",this.nativeError=!1,this.nativeErrorText=""}attributeChangedCallback(e,t,r){"value"===e&&this.dirty||super.attributeChangedCallback(e,t,r)}render(){const e={disabled:this.disabled,error:!this.disabled&&this.hasError,textarea:"textarea"===this.type,"no-spinner":this.noSpinner};return o`
       <span class="text-field ${P(e)}">
         ${this.renderField()}
       </span>
@@ -410,19 +412,19 @@ class OutlinedTextField extends TextField{constructor(){super(...arguments),this
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */const Be=a`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}:focus-within .input{caret-color:var(--_focus-caret-color)}.error:focus-within .input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) .input::placeholder{color:var(--_input-text-placeholder-color)}.prefix,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)}
+ */const Oe=a`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}:focus-within .input{caret-color:var(--_focus-caret-color)}.error:focus-within .input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) .input::placeholder{color:var(--_input-text-placeholder-color)}.prefix,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)}
 `
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */;let Oe=class MdOutlinedTextField extends OutlinedTextField{constructor(){super(...arguments),this.fieldTag=ue`md-outlined-field`}};Oe.styles=[Be,ve],Oe=e([m("md-outlined-text-field")],Oe);
+ */;let De=class MdOutlinedTextField extends OutlinedTextField{constructor(){super(...arguments),this.fieldTag=ue`md-outlined-field`}};De.styles=[Oe,ve],De=e([m("md-outlined-text-field")],De);
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const De=W(v);class Progress extends De{constructor(){super(...arguments),this.value=0,this.max=1,this.indeterminate=!1,this.fourColor=!1}render(){const{ariaLabel:e}=this;return o`
+const Be=W(v);class Progress extends Be{constructor(){super(...arguments),this.value=0,this.max=1,this.indeterminate=!1,this.fourColor=!1}render(){const{ariaLabel:e}=this;return o`
       <div
         class="progress ${P(this.getRenderClasses())}"
         role="progressbar"
@@ -458,13 +460,13 @@ class CircularProgress extends Progress{renderIndicator(){return this.indetermin
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */const Me=a`:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 10);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;width:var(--_size);height:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.progress{flex:1;align-self:stretch;margin:4px}.progress,.spinner,.left,.right,.circle,svg,.track,.active-track{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.active-track{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.progress.indeterminate{animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media(forced-colors: active){.active-track{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}}
+ */const Ve=a`:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 10);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;width:var(--_size);height:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.progress{flex:1;align-self:stretch;margin:4px}.progress,.spinner,.left,.right,.circle,svg,.track,.active-track{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.active-track{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.progress.indeterminate{animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media(forced-colors: active){.active-track{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}}
 `
 /**
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */;let Ve=class MdCircularProgress extends CircularProgress{};Ve.styles=[Me],Ve=e([m("md-circular-progress")],Ve);let qe=(()=>{let e,n,l,h,v,m,g,x,y,_=[p("custom-upload-image")],w=[],C=b(c),T=[],$=[],A=[],E=[],k=[],F=[],z=[],I=[],S=[],L=[],R=[],P=[],B=[],O=[];return class extends C{static{n=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(C[Symbol.metadata]??null):void 0;l=[u("custom-pages")],h=[d({type:Array,consumes:!0})],v=[u("custom-tabs")],m=[d({type:Boolean,reflect:!0})],g=[d({type:Boolean})],x=[d({type:Boolean})],y=[d({type:Boolean,attribute:"has-library"})],t(this,null,l,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:e=>"pages"in e,get:e=>e.pages,set:(e,t)=>{e.pages=t}},metadata:r},T,$),t(this,null,h,{kind:"accessor",name:"images",static:!1,private:!1,access:{has:e=>"images"in e,get:e=>e.images,set:(e,t)=>{e.images=t}},metadata:r},A,E),t(this,null,v,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:e=>"selector"in e,get:e=>e.selector,set:(e,t)=>{e.selector=t}},metadata:r},k,F),t(this,null,m,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:r},z,I),t(this,null,g,{kind:"accessor",name:"frontCameraDisabled",static:!1,private:!1,access:{has:e=>"frontCameraDisabled"in e,get:e=>e.frontCameraDisabled,set:(e,t)=>{e.frontCameraDisabled=t}},metadata:r},S,L),t(this,null,x,{kind:"accessor",name:"rearCameraDisabled",static:!1,private:!1,access:{has:e=>"rearCameraDisabled"in e,get:e=>e.rearCameraDisabled,set:(e,t)=>{e.rearCameraDisabled=t}},metadata:r},R,P),t(this,null,y,{kind:"accessor",name:"hasLibrary",static:!1,private:!1,access:{has:e=>"hasLibrary"in e,get:e=>e.hasLibrary,set:(e,t)=>{e.hasLibrary=t}},metadata:r},B,O),t(null,e={value:n},_,{kind:"class",name:n.name,metadata:r},null,w),n=e.value,r&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r})}deviceApi=new f;#e=r(this,T,void 0);get pages(){return this.#e}set pages(e){this.#e=e}#t=(r(this,$),r(this,A,void 0));get images(){return this.#t}set images(e){this.#t=e}#r=(r(this,E),r(this,k,void 0));get selector(){return this.#r}set selector(e){this.#r=e}#o=(r(this,F),r(this,z,!1));get open(){return this.#o}set open(e){this.#o=e}#i=(r(this,I),r(this,S,!1));get frontCameraDisabled(){return this.#i}set frontCameraDisabled(e){this.#i=e}#a=(r(this,L),r(this,R,!1));get rearCameraDisabled(){return this.#a}set rearCameraDisabled(e){this.#a=e}#n=(r(this,P),r(this,B,void 0));get hasLibrary(){return this.#n}set hasLibrary(e){this.#n=e}static styles=[a`
+ */;let Me=class MdCircularProgress extends CircularProgress{};Me.styles=[Ve],Me=e([m("md-circular-progress")],Me);let qe=(()=>{let e,n,l,h,v,m,g,x,y,_=[p("custom-upload-image")],w=[],C=b(c),T=[],$=[],A=[],E=[],k=[],F=[],z=[],S=[],I=[],L=[],R=[],P=[],O=[],D=[];return class extends C{static{n=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(C[Symbol.metadata]??null):void 0;l=[u("custom-pages")],h=[d({type:Array,consumes:!0})],v=[u("custom-tabs")],m=[d({type:Boolean,reflect:!0})],g=[d({type:Boolean})],x=[d({type:Boolean})],y=[d({type:Boolean,attribute:"has-library"})],t(this,null,l,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:e=>"pages"in e,get:e=>e.pages,set:(e,t)=>{e.pages=t}},metadata:r},T,$),t(this,null,h,{kind:"accessor",name:"images",static:!1,private:!1,access:{has:e=>"images"in e,get:e=>e.images,set:(e,t)=>{e.images=t}},metadata:r},A,E),t(this,null,v,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:e=>"selector"in e,get:e=>e.selector,set:(e,t)=>{e.selector=t}},metadata:r},k,F),t(this,null,m,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:r},z,S),t(this,null,g,{kind:"accessor",name:"frontCameraDisabled",static:!1,private:!1,access:{has:e=>"frontCameraDisabled"in e,get:e=>e.frontCameraDisabled,set:(e,t)=>{e.frontCameraDisabled=t}},metadata:r},I,L),t(this,null,x,{kind:"accessor",name:"rearCameraDisabled",static:!1,private:!1,access:{has:e=>"rearCameraDisabled"in e,get:e=>e.rearCameraDisabled,set:(e,t)=>{e.rearCameraDisabled=t}},metadata:r},R,P),t(this,null,y,{kind:"accessor",name:"hasLibrary",static:!1,private:!1,access:{has:e=>"hasLibrary"in e,get:e=>e.hasLibrary,set:(e,t)=>{e.hasLibrary=t}},metadata:r},O,D),t(null,e={value:n},_,{kind:"class",name:n.name,metadata:r},null,w),n=e.value,r&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r})}deviceApi=new f;#e=r(this,T,void 0);get pages(){return this.#e}set pages(e){this.#e=e}#t=(r(this,$),r(this,A,void 0));get images(){return this.#t}set images(e){this.#t=e}#r=(r(this,E),r(this,k,void 0));get selector(){return this.#r}set selector(e){this.#r=e}#o=(r(this,F),r(this,z,!1));get open(){return this.#o}set open(e){this.#o=e}#i=(r(this,S),r(this,I,!1));get frontCameraDisabled(){return this.#i}set frontCameraDisabled(e){this.#i=e}#a=(r(this,L),r(this,R,!1));get rearCameraDisabled(){return this.#a}set rearCameraDisabled(e){this.#a=e}#n=(r(this,P),r(this,O,void 0));get hasLibrary(){return this.#n}set hasLibrary(e){this.#n=e}static styles=[a`
       :host {
         display: block;
       }
@@ -557,7 +559,7 @@ class CircularProgress extends Progress{renderIndicator(){return this.indetermin
       md-dialog {
         --_container-color: #2d2f31;
       }
-    `];get#l(){return this.shadowRoot.querySelector("custom-dialog")}get#s(){return this.shadowRoot.querySelector(".camera-preview")}#d=(r(this,O),"user");#c={data:null,type:null};#u=async()=>{const e=await this.deviceApi.camera.takePhoto(this.#d);this.#c.data=await globalThis.readAsDataURL(e),this.#c.type="base64";const t=document.createElement("img");t.src=this.#c.data,this.shadowRoot.querySelector("flex-container").replaceChild(t.cloneNode(!0),this.#s)};#p=({})=>{const e=document.createElement("input");e.type="file",e.multiple=!0;const t=async r=>{const o=await Promise.all(Array.from(e.files).map((async e=>{const t=await this.readAsDataURL(e),r=document.createElement("md-list-item");return r.headline=e.name,r.setAttribute("noninteractive",""),r.innerHTML=`\n          <img data-variant="icon" slot="start" src="${t}">\n          <md-standard-icon-button slot="end"><custom-icon>delete</custom-icon></md-standard-icon-button>\n        `,r.onclick=()=>{this.shadowRoot.querySelector('section[route="file"]').removeChild(r)},this.shadowRoot.querySelector('section[route="file"]').appendChild(r),{name:e.name,data:t}})));this.#c.data=o,this.#c.type="base64[]",e.removeEventListener("change",t)};e.addEventListener("change",t),e.click()};onChange(e,t){"open"===e&&t&&(this.hasLibrary?this.select("library"):this.select("url"))}select(e){this.selector.select(e)}#h=async({detail:e})=>{this.shadowRoot.querySelector("custom-pages").select(e),"camera"===e&&(this.frontCameraDisabled=!await this.deviceApi.hasFrontCam(),this.rearCameraDisabled=!await this.deviceApi.hasBackCam(),this.deviceApi.camera.preview(this.#s,this.#d))};#v=(e,t)=>{this.#c.data=t,this.#c.type="library"};show(){this.#l.open=!0}#m(){return o`
+    `];get#l(){return this.shadowRoot.querySelector("custom-dialog")}get#s(){return this.shadowRoot.querySelector(".camera-preview")}#d=(r(this,D),"user");#c={data:null,type:null};#u=async()=>{const e=await this.deviceApi.camera.takePhoto(this.#d);this.#c.data=await globalThis.readAsDataURL(e),this.#c.type="base64";const t=document.createElement("img");t.src=this.#c.data,this.shadowRoot.querySelector("flex-container").replaceChild(t.cloneNode(!0),this.#s)};#p=({})=>{const e=document.createElement("input");e.type="file",e.multiple=!0;const t=async r=>{const o=await Promise.all(Array.from(e.files).map((async e=>{const t=await this.readAsDataURL(e),r=document.createElement("md-list-item");return r.headline=e.name,r.setAttribute("noninteractive",""),r.innerHTML=`\n          <img data-variant="icon" slot="start" src="${t}">\n          <md-standard-icon-button slot="end"><custom-icon>delete</custom-icon></md-standard-icon-button>\n        `,r.onclick=()=>{this.shadowRoot.querySelector('section[route="file"]').removeChild(r)},this.shadowRoot.querySelector('section[route="file"]').appendChild(r),{name:e.name,data:t}})));this.#c.data=o,this.#c.type="base64[]",e.removeEventListener("change",t)};e.addEventListener("change",t),e.click()};onChange(e,t){"open"===e&&t&&(this.hasLibrary?this.select("library"):this.select("url"))}select(e){this.selector.select(e)}#h=async({detail:e})=>{this.shadowRoot.querySelector("custom-pages").select(e),"camera"===e&&(this.frontCameraDisabled=!await this.deviceApi.hasFrontCam(),this.rearCameraDisabled=!await this.deviceApi.hasBackCam(),this.deviceApi.camera.preview(this.#s,this.#d))};#v=(e,t)=>{this.#c.data=t,this.#c.type="library"};show(){this.#l.open=!0}#m(){return o`
       <form id="form-content" method="dialog">
         <custom-tabs attr-for-selected="route" @selected=${this.#h.bind(this)}>
           ${this.hasLibrary?o`

package/exports/pane.js

@@ -93,8 +93,10 @@ let CustomPane = (() => {
             <slot name="headline"></slot>
             <flex-it></flex-it>
 
-            <custom-icon-button @click=${(e) => this.closePane(e)} .id=${this.id} .icon=${this.icon || 'menu_open'}>
-            </custom-icon-button>
+            <slot name="close">
+              <custom-icon-button @click=${(e) => this.closePane(e)} .id=${this.id} .icon=${this.icon || 'menu_open'}>
+              </custom-icon-button>
+            </slot>
           </flex-row>
         </slot>
         <flex-column class="content">

package/exports/{apis → src/apis}/device.d.ts

@@ -28,6 +28,6 @@ export declare class DeviceApi {
     get camera(): {
         preview: (el: any, facingMode: any) => Promise<void>;
         takePhoto: (facingMode: any) => Promise<any>;
-        close: any;
+        close: () => void;
     };
 }

package/exports/{drawer → src/drawer}/drawer-layout.d.ts

@@ -15,7 +15,7 @@ export declare class CustomDrawerLayout extends LiteElement {
     accessor mobileTrigger: string;
     onChange(propertyKey: string, value: any): void;
     connectedCallback(): void;
-    _onnarrow({ detail }: CustomEvent): boolean;
+    _onnarrow({ detail }: CustomEvent): false | undefined;
     private _click;
     render(): import("lit-html").TemplateResult<1>;
 }

package/exports/{mixins → src/mixins}/select-mixin.d.ts

@@ -8,7 +8,7 @@ export declare class SelectBase extends LiteElement {
     get defaultSelected(): string | 0;
     set selected(value: string | number | HTMLElement | string[] | HTMLElement[]);
     get selected(): string | number | HTMLElement | string[] | HTMLElement[];
-    get slotted(): HTMLSlotElement | this;
+    get slotted(): HTMLSlotElement | this | null;
     get attrForSelected(): string;
     /**
      * get the attribute used to set selected
@@ -27,6 +27,6 @@ export declare class SelectBase extends LiteElement {
     select(selected: any): void;
     next(): void;
     previous(): void;
-    getIndexFor(element: any): number;
+    getIndexFor(element: any): any;
 }
 export declare function SelectMixin<TBase extends CustomElementConstructor>(Base: TBase): typeof SelectBase;

package/exports/{notification → src/notification}/notifications.d.ts

@@ -5,7 +5,7 @@ import './../pane/pane.js';
 import '@vandeurenglenn/flex-elements/row.js';
 export declare class CustomNotifications extends LiteElement {
     accessor open: boolean;
-    get _list(): Element;
+    get _list(): Element | null;
     createNotification({ title, message, image }: {
         title: string;
         message: string;

package/exports/{places → src/places}/input.d.ts

@@ -1,5 +1,5 @@
 import { LiteElement } from '@vandeurenglenn/lite';
 export declare class CustomPlacesInput extends LiteElement {
-    static styles: any[];
+    static styles: never[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/exports/{router → src/router}/hash-router.d.ts

@@ -5,14 +5,14 @@ export default class HashRouter {
     routes: RoutesOption;
     constructor({ host, fallback, routes }: HashRouterConstructorOptions);
     static queryIt(params: any): string;
-    static dequeryIt(query: any): {};
+    static dequeryIt(query: any): {} | undefined;
     static bang(route: string): string;
     static debang(route: string): string;
     static parseHash(hash: any): {
         route: string;
         routes: string[];
         subRoutes: string[];
-        params: {};
+        params: {} | undefined;
         url: string;
     };
 }