@vandeurenglenn/lite-elements 0.3.73 → 0.3.75

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"./property-ITdaEFzc.js";import{t as u}from"./query-DCTzLeFk.js";import{e as p}from"./custom-element-B_TPyPQO.js";import{n as h,r as v,t as m}from"./property-uXlWYiST.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-mode-BhSl3mXB.js";import{t as u}from"./query-DCTzLeFk.js";import{e as p}from"./custom-element-B_TPyPQO.js";import{n as h,r as v,t as m}from"./property-Cz7Tusq9.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
@@ -67,12 +67,12 @@ const z=1,I=3,S=4,L=e=>(...t)=>({_$litDirective$:e,values:t});let R=class i{cons
  * @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}}),O="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}}),B="cubic-bezier(0.2, 0, 0, 1)";
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */var B;!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"}(B||(B={}));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=B.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!==B.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==B.HOLDING)return this.state===B.TOUCH_DELAY?(this.state=B.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=B.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=B.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=B.TOUCH_DELAY,await new Promise((e=>{setTimeout(e,150)})),this.state===B.TOUCH_DELAY&&(this.state=B.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==B.WAITING_FOR_CLICK?this.state===B.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:O,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=B.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 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);
 /**
  * @license
  * Copyright 2024 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.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.href&&(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>
@@ -135,6 +135,7 @@ const N=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaCo
       aria-haspopup="${t||l}"
       aria-expanded="${r||l}"
       href=${this.href}
+      download=${this.download||l}
       target=${this.target||l}
       >${this.renderContent()}
     </a>`}renderContent(){const e=o`<slot
@@ -150,7 +151,7 @@ const N=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaCo
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-function(e){const t=new MouseEvent("click",{bubbles:!0});e.dispatchEvent(t)}(this.buttonElement))}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}Button.addInitializer((e=>{const t=e;t.addEventListener("click",(async e=>{const{type:r,[X]:o}=t,{form:a}=o;a&&"button"!==r&&(await new Promise((e=>{setTimeout(e)})),e.defaultPrevented||("reset"!==r?(a.addEventListener("submit",(e=>{Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>t})}),{capture:!0,once:!0}),o.setFormValue(t.value),a.requestSubmit()):a.reset()))}))})),Button.formAssociated=!0,Button.shadowRootOptions={mode:"open",delegatesFocus:!0},e([h({type:Boolean,reflect:!0})],Button.prototype,"disabled",void 0),e([h({type:Boolean,attribute:"soft-disabled",reflect:!0})],Button.prototype,"softDisabled",void 0),e([h()],Button.prototype,"href",void 0),e([h()],Button.prototype,"target",void 0),e([h({type:Boolean,attribute:"trailing-icon",reflect:!0})],Button.prototype,"trailingIcon",void 0),e([h({type:Boolean,attribute:"has-icon",reflect:!0})],Button.prototype,"hasIcon",void 0),e([h()],Button.prototype,"type",void 0),e([h({reflect:!0})],Button.prototype,"value",void 0),e([y(".button")],Button.prototype,"buttonElement",void 0),e([_({slot:"icon",flatten:!0})],Button.prototype,"assignedIcons",void 0);
+function(e){const t=new MouseEvent("click",{bubbles:!0});e.dispatchEvent(t)}(this.buttonElement))}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}Button.addInitializer((e=>{const t=e;t.addEventListener("click",(async e=>{const{type:r,[X]:o}=t,{form:a}=o;a&&"button"!==r&&(await new Promise((e=>{setTimeout(e)})),e.defaultPrevented||("reset"!==r?(a.addEventListener("submit",(e=>{Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>t})}),{capture:!0,once:!0}),o.setFormValue(t.value),a.requestSubmit()):a.reset()))}))})),Button.formAssociated=!0,Button.shadowRootOptions={mode:"open",delegatesFocus:!0},e([h({type:Boolean,reflect:!0})],Button.prototype,"disabled",void 0),e([h({type:Boolean,attribute:"soft-disabled",reflect:!0})],Button.prototype,"softDisabled",void 0),e([h()],Button.prototype,"href",void 0),e([h()],Button.prototype,"download",void 0),e([h()],Button.prototype,"target",void 0),e([h({type:Boolean,attribute:"trailing-icon",reflect:!0})],Button.prototype,"trailingIcon",void 0),e([h({type:Boolean,attribute:"has-icon",reflect:!0})],Button.prototype,"hasIcon",void 0),e([h()],Button.prototype,"type",void 0),e([h({reflect:!0})],Button.prototype,"value",void 0),e([y(".button")],Button.prototype,"buttonElement",void 0),e([_({slot:"icon",flatten:!0})],Button.prototype,"assignedIcons",void 0);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -214,7 +215,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: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);
+    `}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);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -303,7 +304,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)}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[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`
       <span class="text-field ${P(e)}">
         ${this.renderField()}
       </span>
@@ -409,13 +410,13 @@ class OutlinedTextField extends TextField{constructor(){super(...arguments),this
  * @license
  * Copyright 2024 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */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)}
+ */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)}
 `
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */;let Be=class MdOutlinedTextField extends OutlinedTextField{constructor(){super(...arguments),this.fieldTag=ue`md-outlined-field`}};Be.styles=[Oe,ve],Be=e([m("md-outlined-text-field")],Be);
+ */;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);
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -463,7 +464,7 @@ class CircularProgress extends Progress{renderIndicator(){return this.indetermin
  * @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=[],O=[],B=[];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},O,B),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,O,void 0));get hasLibrary(){return this.#n}set hasLibrary(e){this.#n=e}static styles=[a`
+ */;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`
       :host {
         display: block;
       }
@@ -556,7 +557,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,B),"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,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`
       <form id="form-content" method="dialog">
         <custom-tabs attr-for-selected="route" @selected=${this.#h.bind(this)}>
           ${this.hasLibrary?o`

package/exports/demo.js

@@ -72,6 +72,7 @@ let DemoShell = (() => {
             <custom-drawer-item route="drawer">drawer</custom-drawer-item>
             <custom-drawer-item route="pane">pane</custom-drawer-item>
             <custom-drawer-item route="supporting-pane">supporting pane</custom-drawer-item>
+            <custom-drawer-item route="notifications">notifications</custom-drawer-item>
             <custom-drawer-item route="tabs">tabs</custom-drawer-item>
             <custom-drawer-item route="menu">menu</custom-drawer-item>
             <custom-drawer-item route="dropdown-menu">dropdown-menu</custom-drawer-item>
@@ -218,6 +219,10 @@ let DemoShell = (() => {
               </custom-top-app-bar>
             </demo-section>
 
+            <demo-section route="notifications">
+              <custom-notifications></custom-notifications>
+            </demo-section>
+
             <demo-section route="typography">
               <custom-typography>
                 <span>title</span>

package/exports/divider.js

@@ -30,7 +30,6 @@ let CustomDivider = (() => {
           box-sizing: border-box;
           min-height: 1px;
           margin: 8px 0 16px 0;
-          width: 100%;
           background: var(--md-sys-color-outline);
         }
 

package/exports/mixins/select-mixin.d.ts

@@ -2,7 +2,7 @@ import { LiteElement } from '@vandeurenglenn/lite';
 export declare class SelectBase extends LiteElement {
     #private;
     currentSelected: HTMLElement;
-    connectedCallback(): void;
+    beforeRender(): void;
     get multi(): boolean;
     set multi(value: boolean);
     get defaultSelected(): string | 0;

package/exports/mixins/selector-mixin.d.ts

@@ -2,7 +2,7 @@ import { SelectBase } from './select-mixin.js';
 export declare class SelectorBase extends SelectBase {
     #private;
     constructor();
-    connectedCallback(): Promise<void>;
+    firstRender(): void;
     disconnectedCallback(): void;
 }
 export declare function SelectorMixin<TBase extends CustomElementConstructor>(Base: TBase): typeof SelectorBase;

package/exports/select-mixin.js

@@ -3,7 +3,7 @@ import { LiteElement } from '@vandeurenglenn/lite';
 class SelectBase extends LiteElement {
     #selected;
     currentSelected;
-    connectedCallback() {
+    beforeRender() {
         this.selected = this.defaultSelected;
     }
     get multi() {

package/exports/selector-mixin.js

@@ -5,9 +5,8 @@ class SelectorBase extends SelectBase {
     constructor() {
         super();
     }
-    async connectedCallback() {
-        super.connectedCallback && (await super.connectedCallback());
-        // this.updateComplete && await this.updateComplete
+    firstRender() {
+        super.firstRender?.();
         this.slotted.addEventListener('click', this.#onClick.bind(this));
     }
     disconnectedCallback() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.73",
+	"version": "0.3.75",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -19,32 +19,32 @@
 	"license": "MIT",
 	"dependencies": {
 		"@material-design-icons/svg": "^0.14.15",
-		"@material-symbols/svg-400": "^0.29.0",
-		"@material/web": "^2.2.0",
+		"@material-symbols/svg-400": "^0.31.2",
+		"@material/web": "^2.3.0",
 		"@vandeurenglenn/custom-shared-styles": "^0.0.21",
 		"@vandeurenglenn/flex-elements": "^1.3.2",
-		"@vandeurenglenn/lite": "^0.2.59",
+		"@vandeurenglenn/lite": "^0.2.64",
 		"custom-element-decorator": "^0.6.0"
 	},
 	"devDependencies": {
-		"@rollup/plugin-commonjs": "^28.0.2",
+		"@rollup/plugin-commonjs": "^28.0.3",
 		"@rollup/plugin-json": "^6.1.0",
-		"@rollup/plugin-node-resolve": "^16.0.0",
+		"@rollup/plugin-node-resolve": "^16.0.1",
 		"@rollup/plugin-terser": "^0.4.4",
 		"@rollup/plugin-typescript": "^12.1.2",
 		"@types/html": "^1.0.4",
-		"@types/node": "^22.13.9",
+		"@types/node": "^22.14.1",
 		"@web/rollup-plugin-html": "^2.3.0",
 		"chrome-launcher": "^1.1.2",
 		"globby": "^14.1.0",
-		"lighthouse": "^12.4.0",
-		"material-symbols": "^0.29.0",
+		"lighthouse": "^12.5.1",
+		"material-symbols": "^0.31.2",
 		"rimraf": "^6.0.1",
-		"rollup": "^4.34.9",
+		"rollup": "^4.40.0",
 		"rollup-plugin-auto-exports": "^1.0.8",
 		"rollup-plugin-material-symbols": "^2.1.6",
 		"tslib": "^2.8.1",
-		"typescript": "^5.8.2"
+		"typescript": "^5.8.3"
 	},
 	"exports": {
 		".": {

package/exports/bundle/row-D8mlTlsJ.js

@@ -1,28 +0,0 @@
-import{x as t,B as e,L as i}from"./property-ITdaEFzc.js";Symbol.metadata??=Symbol("metadata");class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i,this.attributeChangeTimeout&&clearTimeout(this.attributeChangeTimeout),this.attributeChangeTimeout=setTimeout((()=>{this.requestRender()}),this.renderedOnce?150:0))}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}connectedCallback(){this.renderedOnce=!0,this.renderResolve(!0),this.firstRender&&this.firstRender()}render(){return t`<slot></slot>`}requestRender(){e(this.render(),this.shadowRoot)}}const r=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i};globalThis.pubsub=globalThis.pubsub||new i;const a={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},n=t=>{t={...a,...t};let e=0;return function(i,{kind:a,name:n,addInitializer:o,access:c,metadata:h}){const{type:d,reflect:l,renders:u,batches:g,batchDelay:m,consumer:p,provider:_,temporaryRender:b}=t,y=t.attribute??l,f=String(n),v=y&&"string"==typeof y?y:f,x=d===Boolean,w=p||"boolean"==typeof t.consumes?v:t.consumes,S=_||"boolean"==typeof t.provides?v:t.provides;if(t.provider&&console.warn(`${f}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${f}: 'options.consumer' is deprecated, use options.consumes instead`),o((function(){"accessor"!==a&&console.warn(`${this.localName}: @property(${t}) ${f} ${a} is not supported`),y&&(h||(h={}),h.observedAttributes||(h.observedAttributes=new Map),h.observedAttributes.set(f,v)),w&&globalThis.pubsub.subscribe(w,(async t=>{this[n]=t}))})),"accessor"===a)return{get(){return C.call(this)},set(t){return $.call(this,t)},init(t){return this.hasAttribute(v)&&(t=x?this.hasAttribute(v):r(this.getAttribute(v),d)),void 0===t||w||$.call(this,t),this[n]}};function C(){return y?x?this.hasAttribute(v):r(this.getAttribute(v),d):this[`__lite_${f}`]?this[`__lite_${f}`]:this[`_lite_${f}`]}async function $(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${f}`]!==t){this.willChange&&(this[`__lite_${f}`]=await this.willChange(n,t)),y?x?t||this[`__lite_${f}`]?this.setAttribute(v,""):this.removeAttribute(v):t||this[`__lite_${f}`]?this.setAttribute(v,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(d,this[`__lite_${f}`]??t)):this.removeAttribute(v):this[`_lite_${f}`]=t;const i=()=>{e=0,this.requestRender&&u&&this.requestRender(),this.onChange&&this.onChange(n,this[`__lite_${f}`]??t)};g?e===b?i():(this[`_${f}_timeout`]&&clearTimeout(this[`_${f}_timeout`]),this[`_${f}_timeout`]=setTimeout(i,m)):i()}}}};var o=function(t,e,i,r,a,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,h=r.kind,d="getter"===h?"get":"setter"===h?"set":"value",l=!e&&t?r.static?t:t.prototype:null,u=e||(l?Object.getOwnPropertyDescriptor(l,r.name):{}),g=!1,m=i.length-1;m>=0;m--){var p={};for(var _ in r)p[_]="access"===_?{}:r[_];for(var _ in r.access)p.access[_]=r.access[_];p.addInitializer=function(t){if(g)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var b=(0,i[m])("accessor"===h?{get:u.get,set:u.set}:u[d],p);if("accessor"===h){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(c=o(b.get))&&(u.get=c),(c=o(b.set))&&(u.set=c),(c=o(b.init))&&a.unshift(c)}else(c=o(b))&&("field"===h?a.unshift(c):u[d]=c)}l&&Object.defineProperty(l,r.name,u),g=!0},c=function(t,e,i){for(var r=arguments.length>2,a=0;a<e.length;a++)i=r?e[a].call(t,i):e[a].call(t);return r?i:void 0};let h=(()=>{let e,i,r,a,h,d,l,u,g,m,p=s,_=[],b=[],y=[],f=[],v=[],x=[],w=[],S=[],C=[],$=[],W=[],j=[],A=[],k=[],z=[],T=[],O=[],R=[],I=[],M=[];return class FlexDisplay extends p{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;e=[n({type:String})],i=[n({type:String})],r=[n({type:String})],a=[n({type:String})],h=[n({type:String,reflect:!0})],d=[n({type:Boolean,reflect:!0})],l=[n({type:Boolean,reflect:!0,attribute:"center-center"})],u=[n({type:String})],g=[n({type:String})],m=[n({type:String})],o(this,null,e,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},_,b),o(this,null,i,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},y,f),o(this,null,r,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,x),o(this,null,a,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},w,S),o(this,null,h,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},C,$),o(this,null,d,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},W,j),o(this,null,l,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},A,k),o(this,null,u,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},z,T),o(this,null,g,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},O,R),o(this,null,m,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},I,M),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=c(this,_,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(c(this,b),c(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(c(this,f),c(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(c(this,x),c(this,w,"100%"));get width(){return this.#i}set width(t){this.#i=t}#r=(c(this,S),c(this,C,"row"));get direction(){return this.#r}set direction(t){this.#r=t}#a=(c(this,$),c(this,W,void 0));get center(){return this.#a}set center(t){this.#a=t}#n=(c(this,j),c(this,A,void 0));get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#o=(c(this,k),c(this,z,"flex-start"));get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=(c(this,T),c(this,O,"flex-start"));get alignItems(){return this.#c}set alignItems(t){this.#c=t}#h=(c(this,R),c(this,I,"border-box"));get boxSizing(){return this.#h}set boxSizing(t){this.#h=t}render(){return t`
-      <style>
-        :host {
-          display: flex;
-          box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
-          max-width: var(--flex-display-max-width, ${this.maxWidth});
-          min-width: var(--flex-display-min-width, ${this.minWidth});
-          width: var(--flex-display-width, ${this.width});
-          flex-direction: var(--flex-display-direction, ${this.direction});
-          justify-content: var(
-            --flex-display-justify-content,
-            ${this.justifyContent}
-          );
-          align-items: var(--flex-display-align-items, ${this.alignItems});
-          padding: var(--flex-display-padding, ${this.padding});
-        }
-
-        :host([center]) {
-          align-items: center;
-        }
-
-        :host([center-center]) {
-          align-items: center;
-          justify-content: center;
-        }
-      </style>
-      <slot></slot>
-    `}constructor(){super(...arguments),c(this,M)}}})();customElements.define("flex-row",class FlexRow extends h{constructor(){super(),this.direction="row",this.width="auto"}});export{h as F};