@vandeurenglenn/lite-elements 0.3.66 → 0.3.68

package/exports/bundle/drawer-item.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as a,s as n}from"./property-CVzdqkRx.js";import{e as r}from"./custom-element-B_TPyPQO.js";let s=(()=>{let s,i,l=[r("custom-drawer-item")],m=[],d=n;return class extends d{static{i=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;t(null,s={value:i},l,{kind:"class",name:i.name,metadata:e},null,m),i=s.value,e&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[o`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as o,i as a,x as n}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";let s=(()=>{let s,i,l=[r("custom-drawer-item")],m=[],d=o;return class extends d{static{i=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;t(null,s={value:i},l,{kind:"class",name:i.name,metadata:e},null,m),i=s.value,e&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[a`
       :host {
         display: flex;
         padding-left: 16px;
@@ -32,7 +32,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as a,s as n}f
       :host([non-interactive]) {
         pointer-events: none;
       }
-    `];render(){return a`
+    `];render(){return n`
       <slot name="icon"></slot>
       <slot></slot>
       <slot name="end"></slot>

package/exports/bundle/drawer-layout.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r,x as a,s}from"./property-CVzdqkRx.js";import{e as o}from"./custom-element-B_TPyPQO.js";import"./drawer.js";import"./drawer-button.js";import"./drawer-item.js";import"./top-app-bar.js";import"./column-DDQ_cHlH.js";import"./elevation.js";import"./button.js";import"./pane.js";import"./icon-button.js";import"./icon.js";import"./it-Dft_Rjy-.js";import"./row-UiFoKyj7.js";let i=(()=>{let i,n,d,c,l,p,m,h,w,g=[o("custom-drawer-layout")],u=[],b=s,y=[],_=[],T=[],f=[],k=[],v=[],O=[],j=[],D=[],x=[],I=[],B=[],C=[],$=[];return class extends b{static{n=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;d=[r({type:Boolean,reflect:!0,attribute:"drawer-open"})],c=[r({type:Boolean,reflect:!0,attribute:"keep-closed"})],l=[r({type:Boolean,reflect:!0})],p=[r({type:String})],m=[r({type:String})],h=[r({type:String})],w=[r({attribute:"mobile-trigger"})],e(this,null,d,{kind:"accessor",name:"drawerOpen",static:!1,private:!1,access:{has:e=>"drawerOpen"in e,get:e=>e.drawerOpen,set:(e,t)=>{e.drawerOpen=t}},metadata:a},y,_),e(this,null,c,{kind:"accessor",name:"keepClosed",static:!1,private:!1,access:{has:e=>"keepClosed"in e,get:e=>e.keepClosed,set:(e,t)=>{e.keepClosed=t}},metadata:a},T,f),e(this,null,l,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:e=>"narrow"in e,get:e=>e.narrow,set:(e,t)=>{e.narrow=t}},metadata:a},k,v),e(this,null,p,{kind:"accessor",name:"drawerType",static:!1,private:!1,access:{has:e=>"drawerType"in e,get:e=>e.drawerType,set:(e,t)=>{e.drawerType=t}},metadata:a},O,j),e(this,null,m,{kind:"accessor",name:"appBarType",static:!1,private:!1,access:{has:e=>"appBarType"in e,get:e=>e.appBarType,set:(e,t)=>{e.appBarType=t}},metadata:a},D,x),e(this,null,h,{kind:"accessor",name:"mainDrawerId",static:!1,private:!1,access:{has:e=>"mainDrawerId"in e,get:e=>e.mainDrawerId,set:(e,t)=>{e.mainDrawerId=t}},metadata:a},I,B),e(this,null,w,{kind:"accessor",name:"mobileTrigger",static:!1,private:!1,access:{has:e=>"mobileTrigger"in e,get:e=>e.mobileTrigger,set:(e,t)=>{e.mobileTrigger=t}},metadata:a},C,$),e(null,i={value:n},g,{kind:"class",name:n.name,metadata:a},null,u),n=i.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,u)}#e=t(this,y,!1);get drawerOpen(){return this.#e}set drawerOpen(e){this.#e=e}#t=(t(this,_),t(this,T,!1));get keepClosed(){return this.#t}set keepClosed(e){this.#t=e}#r=(t(this,f),t(this,k,!1));get narrow(){return this.#r}set narrow(e){this.#r=e}#a=(t(this,v),t(this,O,"modal"));get drawerType(){return this.#a}set drawerType(e){this.#a=e}#s=(t(this,j),t(this,D,"center-aligned"));get appBarType(){return this.#s}set appBarType(e){this.#s=e}#o=(t(this,x),t(this,I,crypto.randomUUID()));get mainDrawerId(){return this.#o}set mainDrawerId(e){this.#o=e}#i=(t(this,B),t(this,C,"(max-width: 860px)"));get mobileTrigger(){return this.#i}set mobileTrigger(e){this.#i=e}onChange(e,t){if("mobileTrigger"===e){const e=matchMedia(t);this._onnarrow({detail:e.matches})}}connectedCallback(){document.addEventListener("custom-pane-close",(({detail:e})=>{this.mainDrawerId===e&&(this.drawerOpen=!1)})),document.addEventListener("custom-pane-open",(({detail:e})=>{this.mainDrawerId!==e||this.keepClosed||(this.drawerOpen=!0)})),document.addEventListener("custom-theme-narrow",this._onnarrow.bind(this))}_onnarrow({detail:e}){if(this.narrow=e,this.keepClosed)return this.drawerOpen=!1;this.drawerOpen=!e}_click=(t(this,$),()=>{this.narrow&&(this.drawerOpen=!this.drawerOpen)});render(){return a`<style>
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as r,r as a,x as s}from"./property-ITdaEFzc.js";import{e as o}from"./custom-element-B_TPyPQO.js";import"./drawer.js";import"./drawer-button.js";import"./drawer-item.js";import"./top-app-bar.js";import"./column-CFoAXmNm.js";import"./elevation.js";import"./button.js";import"./button.css.js";import"./pane.js";import"./icon-button.js";import"./icon.js";import"./it-Dft_Rjy-.js";import"./row-D8mlTlsJ.js";let i=(()=>{let i,n,d,c,l,p,m,h,w,u=[o("custom-drawer-layout")],g=[],b=r,y=[],_=[],T=[],f=[],k=[],v=[],O=[],j=[],D=[],x=[],I=[],B=[],C=[],$=[];return class extends b{static{n=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;d=[a({type:Boolean,reflect:!0,attribute:"drawer-open"})],c=[a({type:Boolean,reflect:!0,attribute:"keep-closed"})],l=[a({type:Boolean,reflect:!0})],p=[a({type:String})],m=[a({type:String})],h=[a({type:String})],w=[a({attribute:"mobile-trigger"})],e(this,null,d,{kind:"accessor",name:"drawerOpen",static:!1,private:!1,access:{has:e=>"drawerOpen"in e,get:e=>e.drawerOpen,set:(e,t)=>{e.drawerOpen=t}},metadata:r},y,_),e(this,null,c,{kind:"accessor",name:"keepClosed",static:!1,private:!1,access:{has:e=>"keepClosed"in e,get:e=>e.keepClosed,set:(e,t)=>{e.keepClosed=t}},metadata:r},T,f),e(this,null,l,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:e=>"narrow"in e,get:e=>e.narrow,set:(e,t)=>{e.narrow=t}},metadata:r},k,v),e(this,null,p,{kind:"accessor",name:"drawerType",static:!1,private:!1,access:{has:e=>"drawerType"in e,get:e=>e.drawerType,set:(e,t)=>{e.drawerType=t}},metadata:r},O,j),e(this,null,m,{kind:"accessor",name:"appBarType",static:!1,private:!1,access:{has:e=>"appBarType"in e,get:e=>e.appBarType,set:(e,t)=>{e.appBarType=t}},metadata:r},D,x),e(this,null,h,{kind:"accessor",name:"mainDrawerId",static:!1,private:!1,access:{has:e=>"mainDrawerId"in e,get:e=>e.mainDrawerId,set:(e,t)=>{e.mainDrawerId=t}},metadata:r},I,B),e(this,null,w,{kind:"accessor",name:"mobileTrigger",static:!1,private:!1,access:{has:e=>"mobileTrigger"in e,get:e=>e.mobileTrigger,set:(e,t)=>{e.mobileTrigger=t}},metadata:r},C,$),e(null,i={value:n},u,{kind:"class",name:n.name,metadata:r},null,g),n=i.value,r&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(n,g)}#e=t(this,y,!1);get drawerOpen(){return this.#e}set drawerOpen(e){this.#e=e}#t=(t(this,_),t(this,T,!1));get keepClosed(){return this.#t}set keepClosed(e){this.#t=e}#r=(t(this,f),t(this,k,!1));get narrow(){return this.#r}set narrow(e){this.#r=e}#a=(t(this,v),t(this,O,"modal"));get drawerType(){return this.#a}set drawerType(e){this.#a=e}#s=(t(this,j),t(this,D,"center-aligned"));get appBarType(){return this.#s}set appBarType(e){this.#s=e}#o=(t(this,x),t(this,I,crypto.randomUUID()));get mainDrawerId(){return this.#o}set mainDrawerId(e){this.#o=e}#i=(t(this,B),t(this,C,"(max-width: 860px)"));get mobileTrigger(){return this.#i}set mobileTrigger(e){this.#i=e}onChange(e,t){if("mobileTrigger"===e){const e=matchMedia(t);this._onnarrow({detail:e.matches})}}connectedCallback(){document.addEventListener("custom-pane-close",(({detail:e})=>{this.mainDrawerId===e&&(this.drawerOpen=!1)})),document.addEventListener("custom-pane-open",(({detail:e})=>{this.mainDrawerId!==e||this.keepClosed||(this.drawerOpen=!0)})),document.addEventListener("custom-theme-narrow",this._onnarrow.bind(this))}_onnarrow({detail:e}){if(this.narrow=e,this.keepClosed)return this.drawerOpen=!1;this.drawerOpen=!e}_click=(t(this,$),()=>{this.narrow&&(this.drawerOpen=!this.drawerOpen)});render(){return s`<style>
         :host {
           --custom-drawer-width: 320px;
           display: flex;

package/exports/bundle/drawer.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,r as a,x as o,s as i}from"./property-CVzdqkRx.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./button.js";import"./pane.js";import"./icon-button.js";import"./icon.js";var n=s`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,s as a,r as o,x as i}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./button.js";import"./pane.js";import"./button.css.js";import"./icon-button.js";import"./icon.js";var n=s`
   :host {
     display: contents;
   }
@@ -6,6 +6,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,r as a,x as o,s
   custom-pane {
     box-sizing: border-box;
     height: 100%;
+    --custom-pane-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
     --custom-pane-width: var(--custom-drawer-width, 320px);
     --custom-pane-header-height: var(--custom-drawer-header-height, 54px);
     --custom-pane-header-padding: var(--custom-drawer-header-padding, 8px);
@@ -36,7 +37,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,r as a,x as o,s
   ::slotted(*) {
     pointer-events: none;
   }
-`;let l=(()=>{let s,l,c,m,d,p,h,g=[r("custom-drawer")],u=[],y=i,b=[],v=[],f=[],_=[],x=[],w=[],j=[],k=[],S=[],z=[];return class extends y{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;c=[a({type:Boolean,reflect:!0})],m=[a({type:Boolean,reflect:!0})],d=[a({type:String,reflect:!0})],p=[a({type:Boolean})],h=[a({type:String})],t(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},b,v),t(this,null,m,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:e},f,_),t(this,null,d,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},x,w),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:e},j,k),t(this,null,h,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:e},S,z),t(null,s={value:l},g,{kind:"class",name:l.name,metadata:e},null,u),l=s.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,b,void 0);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,v),e(this,f,void 0));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,_),e(this,x,void 0));get type(){return this.#s}set type(t){this.#s=t}#a=(e(this,w),e(this,j,void 0));get right(){return this.#a}set right(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get id(){return this.#o}set id(t){this.#o=t}connectedCallback(){document.addEventListener("custom-pane-close",(({detail:t})=>{this.id===t&&(this.open=!1)})),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}static styles=[n];render(){return o`
+`;let l=(()=>{let s,l,c,m,d,p,h,g=[r("custom-drawer")],u=[],y=a,b=[],v=[],f=[],_=[],x=[],w=[],j=[],k=[],S=[],z=[];return class extends y{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],m=[o({type:Boolean,reflect:!0})],d=[o({type:String,reflect:!0})],p=[o({type:Boolean})],h=[o({type:String})],t(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},b,v),t(this,null,m,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:e},f,_),t(this,null,d,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},x,w),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:e},j,k),t(this,null,h,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:e},S,z),t(null,s={value:l},g,{kind:"class",name:l.name,metadata:e},null,u),l=s.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,b,void 0);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,v),e(this,f,void 0));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,_),e(this,x,void 0));get type(){return this.#s}set type(t){this.#s=t}#a=(e(this,w),e(this,j,void 0));get right(){return this.#a}set right(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get id(){return this.#o}set id(t){this.#o=t}connectedCallback(){document.addEventListener("custom-pane-close",(({detail:t})=>{this.id===t&&(this.open=!1)})),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}static styles=[n];render(){return i`
       <custom-pane .open=${this.open} .mobile=${this.mobile} .type=${this.type} .id=${this.id}>
         <slot name="headline" slot="headline"></slot>
         <slot name="menu-button" slot="menu-button"></slot>

package/exports/bundle/dropdown-menu.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as c,s as i}from"./property-CVzdqkRx.js";import{t as r}from"./query-DCTzLeFk.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./dropdown.js";import"./menu.js";import"./icon.js";import"./selector.js";import"./selector-mixin.js";import"./select-mixin.js";let n=(()=>{let n,l,m,d,p,h,u,_,g,v,b=[a("custom-dropdown-menu")],k=[],w=i,O=[],f=[],y=[],S=[],C=[],j=[],x=[],$=[],B=[],E=[],q=[],P=[],z=[],A=[],D=[],F=[];return class extends w{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(w[Symbol.metadata]??null):void 0;m=[s({type:Boolean,reflect:!0})],d=[s({type:Boolean,reflect:!0})],p=[s({type:Boolean,attribute:"close-on-select"})],h=[s({type:Boolean,attribute:"close-on-click"})],u=[s({type:Boolean,reflect:!0})],_=[s({type:String})],g=[r("custom-menu")],v=[r("custom-dropdown")],t(this,null,m,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:e},O,f),t(this,null,d,{kind:"accessor",name:"bottom",static:!1,private:!1,access:{has:t=>"bottom"in t,get:t=>t.bottom,set:(t,e)=>{t.bottom=e}},metadata:e},y,S),t(this,null,p,{kind:"accessor",name:"closeOnSelect",static:!1,private:!1,access:{has:t=>"closeOnSelect"in t,get:t=>t.closeOnSelect,set:(t,e)=>{t.closeOnSelect=e}},metadata:e},C,j),t(this,null,h,{kind:"accessor",name:"closeOnClick",static:!1,private:!1,access:{has:t=>"closeOnClick"in t,get:t=>t.closeOnClick,set:(t,e)=>{t.closeOnClick=e}},metadata:e},x,$),t(this,null,u,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},B,E),t(this,null,_,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:e},q,P),t(this,null,g,{kind:"accessor",name:"_menu",static:!1,private:!1,access:{has:t=>"_menu"in t,get:t=>t._menu,set:(t,e)=>{t._menu=e}},metadata:e},z,A),t(this,null,v,{kind:"accessor",name:"_dropdown",static:!1,private:!1,access:{has:t=>"_dropdown"in t,get:t=>t._dropdown,set:(t,e)=>{t._dropdown=e}},metadata:e},D,F),t(null,n={value:l},b,{kind:"class",name:l.name,metadata:e},null,k),l=n.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,O,void 0);get right(){return this.#t}set right(t){this.#t=t}#e=(e(this,f),e(this,y,void 0));get bottom(){return this.#e}set bottom(t){this.#e=t}#s=(e(this,S),e(this,C,!0));get closeOnSelect(){return this.#s}set closeOnSelect(t){this.#s=t}#o=(e(this,j),e(this,x,!0));get closeOnClick(){return this.#o}set closeOnClick(t){this.#o=t}#c=(e(this,$),e(this,B,void 0));get open(){return this.#c}set open(t){this.#c=t}#i=(e(this,E),e(this,q,"more_vert"));get icon(){return this.#i}set icon(t){this.#i=t}#r=(e(this,P),e(this,z,void 0));get _menu(){return this.#r}set _menu(t){this.#r=t}#a=(e(this,A),e(this,D,void 0));get _dropdown(){return this.#a}set _dropdown(t){this.#a=t}_onselected=(e(this,F),({detail:t})=>{this.dispatchEvent(new CustomEvent("selected",{detail:t})),this.closeOnSelect&&(this.open=!1,this._menu.selected=void 0)});_scrimClick=()=>{this.closeOnClick&&(this.open=!1)};static styles=[o`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as o,i as c,x as i}from"./property-ITdaEFzc.js";import{t as r}from"./query-DCTzLeFk.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./dropdown.js";import"./menu.js";import"./icon.js";import"./selector.js";import"./selector-mixin.js";import"./select-mixin.js";let n=(()=>{let n,l,m,d,p,h,u,_,g,v,b=[a("custom-dropdown-menu")],k=[],w=s,O=[],f=[],y=[],S=[],C=[],j=[],x=[],$=[],B=[],E=[],q=[],P=[],z=[],A=[],D=[],F=[];return class extends w{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(w[Symbol.metadata]??null):void 0;m=[o({type:Boolean,reflect:!0})],d=[o({type:Boolean,reflect:!0})],p=[o({type:Boolean,attribute:"close-on-select"})],h=[o({type:Boolean,attribute:"close-on-click"})],u=[o({type:Boolean,reflect:!0})],_=[o({type:String})],g=[r("custom-menu")],v=[r("custom-dropdown")],t(this,null,m,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:e},O,f),t(this,null,d,{kind:"accessor",name:"bottom",static:!1,private:!1,access:{has:t=>"bottom"in t,get:t=>t.bottom,set:(t,e)=>{t.bottom=e}},metadata:e},y,S),t(this,null,p,{kind:"accessor",name:"closeOnSelect",static:!1,private:!1,access:{has:t=>"closeOnSelect"in t,get:t=>t.closeOnSelect,set:(t,e)=>{t.closeOnSelect=e}},metadata:e},C,j),t(this,null,h,{kind:"accessor",name:"closeOnClick",static:!1,private:!1,access:{has:t=>"closeOnClick"in t,get:t=>t.closeOnClick,set:(t,e)=>{t.closeOnClick=e}},metadata:e},x,$),t(this,null,u,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},B,E),t(this,null,_,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:e},q,P),t(this,null,g,{kind:"accessor",name:"_menu",static:!1,private:!1,access:{has:t=>"_menu"in t,get:t=>t._menu,set:(t,e)=>{t._menu=e}},metadata:e},z,A),t(this,null,v,{kind:"accessor",name:"_dropdown",static:!1,private:!1,access:{has:t=>"_dropdown"in t,get:t=>t._dropdown,set:(t,e)=>{t._dropdown=e}},metadata:e},D,F),t(null,n={value:l},b,{kind:"class",name:l.name,metadata:e},null,k),l=n.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,O,void 0);get right(){return this.#t}set right(t){this.#t=t}#e=(e(this,f),e(this,y,void 0));get bottom(){return this.#e}set bottom(t){this.#e=t}#s=(e(this,S),e(this,C,!0));get closeOnSelect(){return this.#s}set closeOnSelect(t){this.#s=t}#o=(e(this,j),e(this,x,!0));get closeOnClick(){return this.#o}set closeOnClick(t){this.#o=t}#c=(e(this,$),e(this,B,void 0));get open(){return this.#c}set open(t){this.#c=t}#i=(e(this,E),e(this,q,"more_vert"));get icon(){return this.#i}set icon(t){this.#i=t}#r=(e(this,P),e(this,z,void 0));get _menu(){return this.#r}set _menu(t){this.#r=t}#a=(e(this,A),e(this,D,void 0));get _dropdown(){return this.#a}set _dropdown(t){this.#a=t}_onselected=(e(this,F),({detail:t})=>{this.dispatchEvent(new CustomEvent("selected",{detail:t})),this.closeOnSelect&&(this.open=!1,this._menu.selected=void 0)});_scrimClick=()=>{this.closeOnClick&&(this.open=!1)};static styles=[c`
       :host {
         position: relative;
         display: block;
@@ -43,7 +43,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as c,s
       :host([open]) .scrim {
         pointer-events: auto;
       }
-    `];render(){return c`
+    `];render(){return i`
       <span class="scrim" @click=${this._scrimClick}></span>
 
       <custom-button part="button" @click=${()=>this.open=!this.open}>

package/exports/bundle/dropdown.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as a,x as o,s as n}from"./property-CVzdqkRx.js";import{e as r}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,c,m,l=[r("custom-dropdown")],p=[],d=n,u=[],f=[];return class extends d{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;m=[s({type:Boolean,reflect:!0})],e(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:t},u,f),e(null,i={value:c},l,{kind:"class",name:c.name,metadata:t},null,p),c=i.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,u,void 0);get open(){return this.#e}set open(e){this.#e=e}static styles=[a`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i as o,x as n}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,c,m,l=[r("custom-dropdown")],p=[],d=s,u=[],f=[];return class extends d{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;m=[a({type:Boolean,reflect:!0})],e(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:t},u,f),e(null,i={value:c},l,{kind:"class",name:c.name,metadata:t},null,p),c=i.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,u,void 0);get open(){return this.#e}set open(e){this.#e=e}static styles=[o`
       :host {
         position: absolute;
         pointer-events: none;
@@ -23,4 +23,4 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as a,x as o,s
         transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
           var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
       }
-    `];render(){return o` <slot></slot> `}constructor(){super(...arguments),t(this,f)}static{t(c,p)}},c})();export{i as CustomDropdown};
+    `];render(){return n` <slot></slot> `}constructor(){super(...arguments),t(this,f)}static{t(c,p)}},c})();export{i as CustomDropdown};

package/exports/bundle/elements.js

@@ -1 +1 @@
-export{CustomCard}from"./card.js";export{CustomTheme}from"./theme.js";export{CustomDivider}from"./divider.js";export{CustomButton}from"./button.js";export{CustomBanner}from"./banner.js";export{CustomSelector}from"./selector.js";export{CustomPages}from"./pages.js";export{CustomDrawer}from"./drawer.js";export{CustomDrawerButton}from"./drawer-button.js";export{CustomDrawerItem}from"./drawer-item.js";export{CustomSection}from"./section2.js";export{CustomDrawerLayout}from"./drawer-layout.js";export{CustomTopAppBar}from"./top-app-bar.js";export{CustomIcon}from"./icon.js";export{CustomTypography}from"./typography.js";export{CustomPane}from"./pane.js";export{CustomSupportingPane}from"./supporting-pane.js";export{CustomTabs}from"./tabs.js";export{CustomRoot}from"./root.js";export{CustomDialog}from"./dialog.js";export{CustomIconSet}from"./icon-set.js";export{CustomListItem}from"./list-item.js";export{CustomMenu}from"./menu.js";export{CustomIconButton}from"./icon-button.js";export{CustomDropdownMenu}from"./dropdown-menu.js";export{CustomDropdown}from"./dropdown.js";export{CustomToggle}from"./toggle.js";export{CustomToggleButton}from"./toggle-button.js";export{CustomTimePicker}from"./time-picker.js";export{CustomNotification}from"./notification.js";export{CustomNotifications}from"./notifications.js";import"./tslib.es6-B87RQr7F.js";import"./property-CVzdqkRx.js";import"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-DDQ_cHlH.js";import"./row-UiFoKyj7.js";import"./query-DCTzLeFk.js";import"./tab.js";import"./input.js";import"./property-dP9ZH-qy.js";
+export{CustomCard}from"./card.js";export{CustomTheme}from"./theme.js";export{CustomDivider}from"./divider.js";export{CustomButton}from"./button.js";export{CustomBanner}from"./banner.js";export{CustomSelector}from"./selector.js";export{CustomPages}from"./pages.js";export{CustomDrawer}from"./drawer.js";export{CustomDrawerButton}from"./drawer-button.js";export{CustomDrawerItem}from"./drawer-item.js";export{CustomSection}from"./section2.js";export{CustomDrawerLayout}from"./drawer-layout.js";export{CustomTopAppBar}from"./top-app-bar.js";export{CustomIcon}from"./icon.js";export{CustomTypography}from"./typography.js";export{CustomPane}from"./pane.js";export{CustomSupportingPane}from"./supporting-pane.js";export{CustomTabs}from"./tabs.js";export{CustomRoot}from"./root.js";export{CustomDialog}from"./dialog.js";export{CustomIconSet}from"./icon-set.js";export{CustomListItem}from"./list-item.js";export{CustomMenu}from"./menu.js";export{CustomIconButton}from"./icon-button.js";export{CustomDropdownMenu}from"./dropdown-menu.js";export{CustomDropdown}from"./dropdown.js";export{CustomToggle}from"./toggle.js";export{CustomToggleButton}from"./toggle-button.js";export{CustomTimePicker}from"./time-picker.js";export{CustomNotification}from"./notification.js";export{CustomNotifications}from"./notifications.js";import"./tslib.es6-B87RQr7F.js";import"./property-ITdaEFzc.js";import"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./button.css.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-CFoAXmNm.js";import"./row-D8mlTlsJ.js";import"./query-DCTzLeFk.js";import"./tab.js";import"./input.js";import"./property-uXlWYiST.js";

package/exports/bundle/elevation.js

@@ -1,9 +1,9 @@
-import{_ as e,a}from"./tslib.es6-B87RQr7F.js";import{r as l,x as t,s as o}from"./property-CVzdqkRx.js";import{e as r}from"./custom-element-B_TPyPQO.js";
+import{_ as e,a}from"./tslib.es6-B87RQr7F.js";import{s as l,r as t,x as o}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";
 /**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */let s=(()=>{let s,c,i,n=[r("custom-elevation")],v=[],p=o,m=[],d=[];return class extends p{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;i=[l({type:Number,renders:!1})],e(this,null,i,{kind:"accessor",name:"level",static:!1,private:!1,access:{has:e=>"level"in e,get:e=>e.level,set:(e,a)=>{e.level=a}},metadata:t},m,d),e(null,s={value:c},n,{kind:"class",name:c.name,metadata:t},null,v),c=s.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t}),a(c,v)}#e=a(this,m,void 0);get level(){return this.#e}set level(e){this.#e=e}onChange(e,a){"level"===e&&this.style.setProperty("--md-elevation-level",String(a))}render(){return t`
+ */let s=(()=>{let s,c,i,n=[r("custom-elevation")],v=[],p=l,m=[],d=[];return class extends p{static{c=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;i=[t({type:Number,renders:!1})],e(this,null,i,{kind:"accessor",name:"level",static:!1,private:!1,access:{has:e=>"level"in e,get:e=>e.level,set:(e,a)=>{e.level=a}},metadata:l},m,d),e(null,s={value:c},n,{kind:"class",name:c.name,metadata:l},null,v),c=s.value,l&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),a(c,v)}#e=a(this,m,void 0);get level(){return this.#e}set level(e){this.#e=e}onChange(e,a){"level"===e&&this.style.setProperty("--md-elevation-level",String(a))}render(){return o`
       <style>
         :host {
           --_level: var(--md-elevation-level, 0);

package/exports/bundle/fab.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as o,i as s,x as r,s as a}from"./property-CVzdqkRx.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./elevation.js";let n=(()=>{let n,i,c,d=[l("custom-fab")],y=[],m=a,p=[],v=[];return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[o({attribute:"type",reflect:!0})],e(this,null,c,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,v),e(null,n={value:i},d,{kind:"class",name:i.name,metadata:t},null,y),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"normal");get type(){return this.#e}set type(e){this.#e=e}static styles=[s`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as o,r as s,i as r,x as a}from"./property-ITdaEFzc.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./elevation.js";let n=(()=>{let n,i,c,d=[l("custom-fab")],y=[],m=o,p=[],v=[];return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[s({attribute:"type",reflect:!0})],e(this,null,c,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,v),e(null,n={value:i},d,{kind:"class",name:i.name,metadata:t},null,y),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"normal");get type(){return this.#e}set type(e){this.#e=e}static styles=[r`
       :host {
         color: var(--custom-fab-color, --md-sys-color-on-background);
         display: flex;
@@ -137,7 +137,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as o,i as s,x as r,s
       button * {
         pointer-events: none;
       }
-    `];render(){return r`
+    `];render(){return a`
       <button>
         <custom-elevation></custom-elevation>
         <slot name="icon"></slot>

package/exports/bundle/icon-button.js

@@ -1,59 +1,45 @@
-import{_ as t,a as o}from"./tslib.es6-B87RQr7F.js";import{r as e,i as s,x as i,s as a}from"./property-CVzdqkRx.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./icon.js";import"./elevation.js";let c=(()=>{let c,n,l,m=[r("custom-icon-button")],u=[],v=a,d=[],p=[];return class extends v{static{n=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;l=[e({type:String})],t(this,null,l,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,o)=>{t.icon=o}},metadata:o},d,p),t(null,c={value:n},m,{kind:"class",name:n.name,metadata:o},null,u),n=c.value,o&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})}#t=o(this,d,void 0);get icon(){return this.#t}set icon(t){this.#t=t}static styles=[s`
+import{_ as t,a as o}from"./tslib.es6-B87RQr7F.js";import{r as s,i as e,x as c}from"./property-ITdaEFzc.js";import{e as a}from"./custom-element-B_TPyPQO.js";import{CustomButton as r}from"./button.js";import"./icon.js";import"./elevation.js";import"./button.css.js";let n=(()=>{let n,i,l,m=[a("custom-icon-button")],u=[],d=r,p=[],y=[];return class extends d{static{i=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;l=[s({type:String})],t(this,null,l,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,o)=>{t.icon=o}},metadata:o},p,y),t(null,n={value:i},m,{kind:"class",name:i.name,metadata:o},null,u),i=n.value,o&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o})}#t=o(this,p,void 0);get icon(){return this.#t}set icon(t){this.#t=t}static styles=[...r.styles,e`
       :host {
         --custom-button-border-radius: var(--md-sys-shape-corner-medium);
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: var(--custom-button-border-radius);
         width: 40px;
         height: 40px;
-        cursor: pointer;
-      }
-
-      .hover,
-      custom-icon,
-      custom-elevation {
-        pointer-events: none;
-      }
-
-      .hover {
-        position: absolute;
-        inset: 0;
-        background-color: var(--md-sys-color-primary);
-        opacity: 0;
-        transition: opacity 200ms;
-        border-radius: var(--custom-button-border-radius);
+        align-items: center;
+        justify-content: center;
       }
 
-      :host(:focus) .hover,
-      :host(:hover) .hover {
-        opacity: 0.1;
+      :host([type='text']) {
+        --custom-icon-color: var(--md-sys-color-on-surface);
       }
 
-      :host(:active) .hover {
-        opacity: 0.2;
+      :host([type='filled']),
+      :host([type='filled']) ::slotted(*) {
+        --custom-icon-color: var(--md-sys-color-on-primary);
       }
 
-      custom-elevation {
-        --md-elevation-level: var(--elevation-level);
+      :host([type='outlined']),
+      :host([type='outlined']) ::slotted(*) {
+        --custom-icon-color: var(--md-sys-color-on-surface);
       }
 
-      :host([type='elevated']) custom-elevation {
-        --elevation-level: 1;
+      :host([type='elevated']),
+      :host([type='elevated']) ::slotted(*) {
+        --custom-icon-color: var(--md-sys-color-primary);
       }
 
-      :host(:active) {
-        --elevation-level: 0;
+      :host([type='tertiary']),
+      :host([type='tertiary']) ::slotted(*) {
+        --custom-icon-color: var(--md-sys-color-on-tertiary);
       }
 
-      custom-icon {
-        --custom-icon-color: var(--md-sys-color-on-surface);
+      :host([type='tonal']),
+      :host([type='tonal']) ::slotted(*) {
+        --custom-icon-color: var(--md-sys-color-on-secondary-container);
       }
-    `];render(){return i`
-      <custom-elevation></custom-elevation>
-
-      <custom-icon slot="icon" .icon=${this.icon}></custom-icon>
-
-      <span class="hover"></span>
-    `}constructor(){super(...arguments),o(this,p)}static{o(n,u)}},n})();export{c as CustomIconButton};
+    `];render(){return c`
+      <button label=${this.label}>
+        <custom-elevation></custom-elevation>
+        <slot name="icon"> <custom-icon .icon=${this.icon}></custom-icon></slot>
+        <span class="label">${this.label}</span>
+        <span class="hover"></span>
+      </button>
+    `}constructor(){super(...arguments),o(this,y)}static{o(i,u)}},i})();export{n as CustomIconButton};

package/exports/bundle/icon-set.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{L as s,i as o,s as a}from"./property-CVzdqkRx.js";import{e as n}from"./custom-element-B_TPyPQO.js";globalThis.pubsub=globalThis.pubsub||new s(!0);let l=(()=>{let s,l,c=[n("custom-icon-set")],i=[],r=a;return class extends r{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;e(null,s={value:l},c,{kind:"class",name:l.name,metadata:t},null,i),l=s.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[o`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{L as s,s as o,i as a}from"./property-ITdaEFzc.js";import{e as n}from"./custom-element-B_TPyPQO.js";globalThis.pubsub=globalThis.pubsub||new s(!0);let l=(()=>{let s,l,c=[n("custom-icon-set")],i=[],r=o;return class extends r{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;e(null,s={value:l},c,{kind:"class",name:l.name,metadata:t},null,i),l=s.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
       :host {
         display: none;
       }

package/exports/bundle/icon.js

@@ -1,16 +1,14 @@
-import{_ as s,a as t}from"./tslib.es6-B87RQr7F.js";import{L as e,r as o,i,x as a,s as c}from"./property-CVzdqkRx.js";import{e as n}from"./custom-element-B_TPyPQO.js";globalThis.pubsub=globalThis.pubsub||new e(!0);let r=(()=>{let e,r,h,l,m,u,_=[n("custom-icon")],g=[],b=c,d=[],p=[],v=[],f=[],N=[],y=[],k=[],x=[];return class extends b{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;h=[o()],l=[o({attribute:!0,reflect:!0})],m=[o()],u=[o()],s(this,null,h,{kind:"accessor",name:"host",static:!1,private:!1,access:{has:s=>"host"in s,get:s=>s.host,set:(s,t)=>{s.host=t}},metadata:t},d,p),s(this,null,l,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:s=>"icon"in s,get:s=>s.icon,set:(s,t)=>{s.icon=t}},metadata:t},v,f),s(this,null,m,{kind:"accessor",name:"setName",static:!1,private:!1,access:{has:s=>"setName"in s,get:s=>s.setName,set:(s,t)=>{s.setName=t}},metadata:t},N,y),s(this,null,u,{kind:"accessor",name:"_icon",static:!1,private:!1,access:{has:s=>"_icon"in s,get:s=>s._icon,set:(s,t)=>{s._icon=t}},metadata:t},k,x),s(null,e={value:r},_,{kind:"class",name:r.name,metadata:t},null,g),r=e.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#s=t(this,d,void 0);get host(){return this.#s}set host(s){this.#s=s}#t=(t(this,p),t(this,v,void 0));get icon(){return this.#t}set icon(s){this.#t=s}#e=(t(this,f),t(this,N,void 0));get setName(){return this.#e}set setName(s){this.#e=s}#o=(t(this,y),t(this,k,void 0));get _icon(){return this.#o}set _icon(s){this.#o=s}onChange(s,t){"setName"===s&&(this.host=globalThis.pubsub.subscribers[`custom-icon-set-${t}-connected`]?.value,this.host||globalThis.pubsub.subscribe(`custom-icon-set-${t}-connected`,(s=>{s&&(this.host=s)}))),"icon"!==s&&"host"!==s||this.host&&this.icon&&(this._icon=this.host.getIcon(this.icon))}static styles=[i`
+import{_ as s,a as t}from"./tslib.es6-B87RQr7F.js";import{L as e,s as o,r as a,i,x as c}from"./property-ITdaEFzc.js";import{e as n}from"./custom-element-B_TPyPQO.js";globalThis.pubsub=globalThis.pubsub||new e(!0);let r=(()=>{let e,r,h,l,m,u,_=[n("custom-icon")],g=[],b=o,d=[],p=[],v=[],f=[],N=[],y=[],k=[],j=[];return class extends b{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;h=[a()],l=[a({attribute:!0,reflect:!0})],m=[a()],u=[a()],s(this,null,h,{kind:"accessor",name:"host",static:!1,private:!1,access:{has:s=>"host"in s,get:s=>s.host,set:(s,t)=>{s.host=t}},metadata:t},d,p),s(this,null,l,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:s=>"icon"in s,get:s=>s.icon,set:(s,t)=>{s.icon=t}},metadata:t},v,f),s(this,null,m,{kind:"accessor",name:"setName",static:!1,private:!1,access:{has:s=>"setName"in s,get:s=>s.setName,set:(s,t)=>{s.setName=t}},metadata:t},N,y),s(this,null,u,{kind:"accessor",name:"_icon",static:!1,private:!1,access:{has:s=>"_icon"in s,get:s=>s._icon,set:(s,t)=>{s._icon=t}},metadata:t},k,j),s(null,e={value:r},_,{kind:"class",name:r.name,metadata:t},null,g),r=e.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#s=t(this,d,void 0);get host(){return this.#s}set host(s){this.#s=s}#t=(t(this,p),t(this,v,void 0));get icon(){return this.#t}set icon(s){this.#t=s}#e=(t(this,f),t(this,N,void 0));get setName(){return this.#e}set setName(s){this.#e=s}#o=(t(this,y),t(this,k,void 0));get _icon(){return this.#o}set _icon(s){this.#o=s}onChange(s,t){"setName"===s&&(this.host=globalThis.pubsub.subscribers[`custom-icon-set-${t}-connected`]?.value,this.host||globalThis.pubsub.subscribe(`custom-icon-set-${t}-connected`,(s=>{s&&(this.host=s)}))),"icon"!==s&&"host"!==s||this.host&&this.icon&&(this._icon=this.host.getIcon(this.icon))}static styles=[i`
       :host {
-        --__custom-icon-size: var(--custom-icon-size, 24px);
-        --custom-icon-color: var(--md-sys-color-on-surface);
         display: flex;
         height: var(--custom-icon-size, 24px);
         width: var(--custom-icon-size, 24px);
       }
 
       svg {
-        fill: var(--custom-icon-color);
+        fill: var(--custom-icon-color, --md-sys-color-on-surface);
         height: inherit;
         width: inherit;
         pointer-events: none;
       }
-    `];connectedCallback(){this.setName=this.getAttribute("set-name")||"icons"}render(){return a` ${this._icon} `}constructor(){super(...arguments),t(this,x)}static{t(r,g)}},r})();export{r as CustomIcon};
+    `];connectedCallback(){this.setName=this.getAttribute("set-name")||"icons"}render(){return c` ${this._icon} `}constructor(){super(...arguments),t(this,j)}static{t(r,g)}},r})();export{r as CustomIcon};

package/exports/bundle/index.html

@@ -173,6 +173,9 @@
           </demo-section>
 
           <demo-section route="buttons">
+            <h3>buttons</h3>
+            <h4>normal buttons</h4>
+
             <custom-button type="text" label="text"></custom-button>
 
             <custom-button type="text" label="with icon">
@@ -208,6 +211,15 @@
             <custom-button type="tertiary" label="with icon">
               <span slot="icon">+</span>
             </custom-button>
+
+            <h4>icon buttons</h4>
+
+            <custom-icon-button icon="menu"></custom-icon-button>
+            <custom-icon-button icon="menu" type="filled"></custom-icon-button>
+            <custom-icon-button icon="menu" type="elevated"></custom-icon-button>
+            <custom-icon-button icon="menu" type="outlined"></custom-icon-button>
+            <custom-icon-button icon="menu" type="tonal"></custom-icon-button>
+            <custom-icon-button icon="menu" type="tertiary"></custom-icon-button>
           </demo-section>
 
           <demo-section route="top-app-bar">

package/exports/bundle/input.js

@@ -1,6 +1,6 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as a,x as l,s}from"./property-CVzdqkRx.js";import{e as i}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,o,r=[i("custom-time-picker-input")],n=[],c=s;return class extends c{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,m={value:o},r,{kind:"class",name:o.name,metadata:e},null,n),o=m.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[a`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as l,x as s}from"./property-ITdaEFzc.js";import{e as i}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,o,r=[i("custom-time-picker-input")],n=[],c=a;return class extends c{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,m={value:o},r,{kind:"class",name:o.name,metadata:e},null,n),o=m.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
       :host {
         display: flex;
         flex-direction: column;
       }
-    `];render(){return l` <input type="time" /> `}static{e(o,n)}},o})();export{m as TimePickerInput};
+    `];render(){return s` <input type="time" /> `}static{e(o,n)}},o})();export{m as TimePickerInput};

package/exports/bundle/list-item.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as s,i as a,x as n,s as r}from"./property-CVzdqkRx.js";import{t as o}from"./query-DCTzLeFk.js";import{e as i}from"./custom-element-B_TPyPQO.js";const c=t=>function(e,{kind:s,name:a,access:n,addInitializer:r}){let o;return"accessor"!==s&&r((function(){console.warn(`${this.localName}: @assignedElements${!t} ${String(a)} ${s} is not supported`)})),o=()=>document.querySelector(`slot[name="${t}"]`),{get:()=>o().assignedElements()}};let l=(()=>{let l,h,p,d,m,g,u,S,_=[i("custom-list-item")],v=[],y=r,f=[],b=[],x=[],E=[],I=[],k=[],j=[],w=[],$=[],B=[],C=[],q=[];return class extends y{static{h=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;p=[s({type:String,reflect:!0})],d=[s({type:Boolean,reflect:!0})],m=[s({type:Boolean,reflect:!0,attribute:"has-start"})],g=[s({type:Boolean,reflect:!0,attribute:"non-interactive"})],u=[c("start")],S=[o('slot[name="start"]')],t(this,null,p,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},f,b),t(this,null,d,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},x,E),t(this,null,m,{kind:"accessor",name:"hasStart",static:!1,private:!1,access:{has:t=>"hasStart"in t,get:t=>t.hasStart,set:(t,e)=>{t.hasStart=e}},metadata:e},I,k),t(this,null,g,{kind:"accessor",name:"nonInteractive",static:!1,private:!1,access:{has:t=>"nonInteractive"in t,get:t=>t.nonInteractive,set:(t,e)=>{t.nonInteractive=e}},metadata:e},j,w),t(this,null,u,{kind:"accessor",name:"assignedStartElements",static:!1,private:!1,access:{has:t=>"assignedStartElements"in t,get:t=>t.assignedStartElements,set:(t,e)=>{t.assignedStartElements=e}},metadata:e},$,B),t(this,null,S,{kind:"accessor",name:"startSlot",static:!1,private:!1,access:{has:t=>"startSlot"in t,get:t=>t.startSlot,set:(t,e)=>{t.startSlot=e}},metadata:e},C,q),t(null,l={value:h},_,{kind:"class",name:h.name,metadata:e},null,v),h=l.value,e&&Object.defineProperty(h,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,f,"one-line");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,b),e(this,x,void 0));get open(){return this.#e}set open(t){this.#e=t}#s=(e(this,E),e(this,I,void 0));get hasStart(){return this.#s}set hasStart(t){this.#s=t}#a=(e(this,k),e(this,j,void 0));get nonInteractive(){return this.#a}set nonInteractive(t){this.#a=t}#n=(e(this,w),e(this,$,void 0));get assignedStartElements(){return this.#n}set assignedStartElements(t){this.#n=t}#r=(e(this,B),e(this,C,void 0));get startSlot(){return this.#r}set startSlot(t){this.#r=t}#o=(e(this,q),()=>{this.hasStart=!0});connectedCallback(){this.startSlot.addEventListener("slotchange",this.#o)}static styles=[a`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i as n,x as r}from"./property-ITdaEFzc.js";import{t as o}from"./query-DCTzLeFk.js";import{e as i}from"./custom-element-B_TPyPQO.js";const c=t=>function(e,{kind:s,name:a,access:n,addInitializer:r}){let o;return"accessor"!==s&&r((function(){console.warn(`${this.localName}: @assignedElementsfalse ${String(a)} ${s} is not supported`)})),o=()=>document.querySelector(`slot[name="${t}"]`),{get:()=>o().assignedElements()}};let l=(()=>{let l,h,p,d,m,g,u,S,_=[i("custom-list-item")],v=[],y=s,f=[],b=[],x=[],E=[],I=[],k=[],j=[],w=[],$=[],B=[],C=[],q=[];return class extends y{static{h=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;p=[a({type:String,reflect:!0})],d=[a({type:Boolean,reflect:!0})],m=[a({type:Boolean,reflect:!0,attribute:"has-start"})],g=[a({type:Boolean,reflect:!0,attribute:"non-interactive"})],u=[c("start")],S=[o('slot[name="start"]')],t(this,null,p,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},f,b),t(this,null,d,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},x,E),t(this,null,m,{kind:"accessor",name:"hasStart",static:!1,private:!1,access:{has:t=>"hasStart"in t,get:t=>t.hasStart,set:(t,e)=>{t.hasStart=e}},metadata:e},I,k),t(this,null,g,{kind:"accessor",name:"nonInteractive",static:!1,private:!1,access:{has:t=>"nonInteractive"in t,get:t=>t.nonInteractive,set:(t,e)=>{t.nonInteractive=e}},metadata:e},j,w),t(this,null,u,{kind:"accessor",name:"assignedStartElements",static:!1,private:!1,access:{has:t=>"assignedStartElements"in t,get:t=>t.assignedStartElements,set:(t,e)=>{t.assignedStartElements=e}},metadata:e},$,B),t(this,null,S,{kind:"accessor",name:"startSlot",static:!1,private:!1,access:{has:t=>"startSlot"in t,get:t=>t.startSlot,set:(t,e)=>{t.startSlot=e}},metadata:e},C,q),t(null,l={value:h},_,{kind:"class",name:h.name,metadata:e},null,v),h=l.value,e&&Object.defineProperty(h,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,f,"one-line");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,b),e(this,x,void 0));get open(){return this.#e}set open(t){this.#e=t}#s=(e(this,E),e(this,I,void 0));get hasStart(){return this.#s}set hasStart(t){this.#s=t}#a=(e(this,k),e(this,j,void 0));get nonInteractive(){return this.#a}set nonInteractive(t){this.#a=t}#n=(e(this,w),e(this,$,void 0));get assignedStartElements(){return this.#n}set assignedStartElements(t){this.#n=t}#r=(e(this,B),e(this,C,void 0));get startSlot(){return this.#r}set startSlot(t){this.#r=t}#o=(e(this,q),()=>{this.hasStart=!0});connectedCallback(){this.startSlot.addEventListener("slotchange",this.#o)}static styles=[n`
       * {
         pointer-events: none;
         user-select: none;
@@ -33,7 +33,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as s,i as a,x as n,s
         pointer-events: none;
         cursor: default;
       }
-    `];render(){return n`
+    `];render(){return r`
       <slot name="start"></slot>
       <span class="body">
         <slot></slot>

package/exports/bundle/menu.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,x as l,s as o}from"./property-CVzdqkRx.js";import{e as c}from"./custom-element-B_TPyPQO.js";import"./dropdown.js";import"./selector.js";import"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,i,a=[c("custom-menu")],n=[],d=o;return class extends d{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;e(null,r={value:i},a,{kind:"class",name:i.name,metadata:t},null,n),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}get selector(){return this.shadowRoot.querySelector("custom-selector")}set selected(e){this.selector.selected=e}get selected(){return this.selector.selected}select(e){this.selector.select(e)}#e=({detail:e})=>{this.dispatchEvent(new CustomEvent("selected",{detail:e}))};connectedCallback(){this.selector.addEventListener("selected",this.#e)}disconnectedCallback(){this.selector.removeEventListener("selected",this.#e)}static styles=[s`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,i as l,x as o}from"./property-ITdaEFzc.js";import{e as c}from"./custom-element-B_TPyPQO.js";import"./dropdown.js";import"./selector.js";import"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,i,a=[c("custom-menu")],n=[],d=s;return class extends d{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;e(null,r={value:i},a,{kind:"class",name:i.name,metadata:t},null,n),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}get selector(){return this.shadowRoot.querySelector("custom-selector")}set selected(e){this.selector.selected=e}get selected(){return this.selector.selected}select(e){this.selector.select(e)}#e=({detail:e})=>{this.dispatchEvent(new CustomEvent("selected",{detail:e}))};connectedCallback(){this.selector.addEventListener("selected",this.#e)}disconnectedCallback(){this.selector.removeEventListener("selected",this.#e)}static styles=[l`
       :host {
         display: flex;
         flex-direction: column;
@@ -6,7 +6,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,x as l,s as o}f
         min-width: 120px;
         max-width: 280px;
       }
-    `];render(){return l`
+    `];render(){return o`
       <custom-selector>
         <slot></slot>
       </custom-selector>

package/exports/bundle/minute-field.js

@@ -1,5 +1,5 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as a,x as l,s}from"./property-CVzdqkRx.js";import{e as m}from"./custom-element-B_TPyPQO.js";let o=(()=>{let o,r,i=[m("custom-time-picker-minute-field")],n=[],c=s;return class extends c{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,o={value:r},i,{kind:"class",name:r.name,metadata:e},null,n),r=o.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[a`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as l,x as s}from"./property-ITdaEFzc.js";import{e as m}from"./custom-element-B_TPyPQO.js";let o=(()=>{let o,r,i=[m("custom-time-picker-minute-field")],n=[],c=a;return class extends c{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,o={value:r},i,{kind:"class",name:r.name,metadata:e},null,n),r=o.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
       :host {
         display: block;
       }
-    `];render(){return l``}static{e(r,n)}},r})();export{o as TimePickerMinuteField};
+    `];render(){return s``}static{e(r,n)}},r})();export{o as TimePickerMinuteField};

package/exports/bundle/notification.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{t as s,r as a,n as i}from"./property-dP9ZH-qy.js";import{i as o,x as r}from"./property-CVzdqkRx.js";import"./icon.js";import"./column-DDQ_cHlH.js";import"./row-UiFoKyj7.js";import"./custom-element-B_TPyPQO.js";let c=(()=>{let c,m,l,n,g,p,h=[s("custom-notification")],d=[],u=a,_=[],x=[],b=[],f=[],y=[],v=[],j=[],k=[];return class extends u{static{m=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[i()],n=[i()],g=[i()],p=[i()],e(this,null,l,{kind:"accessor",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:t},_,x),e(this,null,n,{kind:"accessor",name:"message",static:!1,private:!1,access:{has:e=>"message"in e,get:e=>e.message,set:(e,t)=>{e.message=t}},metadata:t},b,f),e(this,null,g,{kind:"accessor",name:"image",static:!1,private:!1,access:{has:e=>"image"in e,get:e=>e.image,set:(e,t)=>{e.image=t}},metadata:t},y,v),e(this,null,p,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},j,k),e(null,c={value:m},h,{kind:"class",name:m.name,metadata:t},null,d),m=c.value,t&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,_,void 0);get title(){return this.#e}set title(e){this.#e=e}#t=(t(this,x),t(this,b,void 0));get message(){return this.#t}set message(e){this.#t=e}#s=(t(this,f),t(this,y,void 0));get image(){return this.#s}set image(e){this.#s=e}#a=(t(this,v),t(this,j,void 0));get type(){return this.#a}set type(e){this.#a=e}#i=(t(this,k),()=>{this.parentElement.removeChild(this)});static styles=o`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,t as a,n as i}from"./property-uXlWYiST.js";import{i as o,x as r}from"./property-ITdaEFzc.js";import"./icon.js";import"./column-CFoAXmNm.js";import"./row-D8mlTlsJ.js";import"./custom-element-B_TPyPQO.js";let c=(()=>{let c,m,l,n,g,p,h=[a("custom-notification")],d=[],u=s,_=[],x=[],b=[],f=[],y=[],v=[],j=[],k=[];return class extends u{static{m=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[i()],n=[i()],g=[i()],p=[i()],e(this,null,l,{kind:"accessor",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:t},_,x),e(this,null,n,{kind:"accessor",name:"message",static:!1,private:!1,access:{has:e=>"message"in e,get:e=>e.message,set:(e,t)=>{e.message=t}},metadata:t},b,f),e(this,null,g,{kind:"accessor",name:"image",static:!1,private:!1,access:{has:e=>"image"in e,get:e=>e.image,set:(e,t)=>{e.image=t}},metadata:t},y,v),e(this,null,p,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},j,k),e(null,c={value:m},h,{kind:"class",name:m.name,metadata:t},null,d),m=c.value,t&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,_,void 0);get title(){return this.#e}set title(e){this.#e=e}#t=(t(this,x),t(this,b,void 0));get message(){return this.#t}set message(e){this.#t=e}#s=(t(this,f),t(this,y,void 0));get image(){return this.#s}set image(e){this.#s=e}#a=(t(this,v),t(this,j,void 0));get type(){return this.#a}set type(e){this.#a=e}#i=(t(this,k),()=>{this.parentElement.removeChild(this)});static styles=o`
     :host {
       display: flex;
       align-items: flex-start;

package/exports/bundle/notifications.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as o,i,x as s,s as n}from"./property-CVzdqkRx.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./notification.js";import"./icon.js";import"./pane.js";import"./row-UiFoKyj7.js";import"./property-dP9ZH-qy.js";import"./column-DDQ_cHlH.js";import"./elevation.js";import"./icon-button.js";import"./button.js";let r=(()=>{let r,c,l,p=[a("custom-notifications")],m=[],h=n,u=[],d=[];return class extends h{static{c=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;l=[o({type:Boolean,reflect:!0})],t(this,null,l,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},u,d),t(null,r={value:c},p,{kind:"class",name:c.name,metadata:e},null,m),c=r.value,e&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,u,void 0);get open(){return this.#t}set open(t){this.#t=t}get _list(){return this.shadowRoot.querySelector(".list")}createNotification({title:t,message:e,image:o},i=3e3){const s=document.createElement("custom-notification");s.title=t,s.message=e,s.image=o,i&&setTimeout((()=>{this.removeChild(s);const i=document.createElement("custom-notification");i.image=o,i.title=t,i.message=e,this._list.appendChild(i)}),i),this.appendChild(s)}_onclick(){const t=Array.from(this._list.querySelectorAll("custom-notification"));for(const e of t)this._list.removeChild(e);this.open=!1}static styles=[i`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as o,r as i,i as s,x as n}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./notification.js";import"./icon.js";import"./pane.js";import"./row-D8mlTlsJ.js";import"./property-uXlWYiST.js";import"./column-CFoAXmNm.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";let a=(()=>{let a,c,l,p=[r("custom-notifications")],m=[],u=o,h=[],d=[];return class extends u{static{c=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[i({type:Boolean,reflect:!0})],t(this,null,l,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},h,d),t(null,a={value:c},p,{kind:"class",name:c.name,metadata:e},null,m),c=a.value,e&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,h,void 0);get open(){return this.#t}set open(t){this.#t=t}get _list(){return this.shadowRoot.querySelector(".list")}createNotification({title:t,message:e,image:o},i=3e3){const s=document.createElement("custom-notification");s.title=t,s.message=e,s.image=o,i&&setTimeout((()=>{this.removeChild(s);const i=document.createElement("custom-notification");i.image=o,i.title=t,i.message=e,this._list.appendChild(i)}),i),this.appendChild(s)}_onclick(){const t=Array.from(this._list.querySelectorAll("custom-notification"));for(const e of t)this._list.removeChild(e);this.open=!1}static styles=[s`
       :host {
         display: flex;
         flex-direction: column;
@@ -41,7 +41,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as o,i,x as s,s as n
       custom-icon {
         pointer-events: auto;
       }
-    `];render(){return s`
+    `];render(){return n`
       <flex-row style="margin-top: 12px;margin-right: 12px;">
         <flex-it></flex-it>
         <custom-icon
@@ -63,4 +63,4 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as o,i,x as s,s as n
           <custom-icon style="margin-right: 24px;" icon="clear-all" @click="${this._onclick}"></custom-icon>
         </flex-row>
       </custom-pane>
-    `}constructor(){super(...arguments),e(this,d)}static{e(c,m)}},c})();export{r as CustomNotifications};
+    `}constructor(){super(...arguments),e(this,d)}static{e(c,m)}},c})();export{a as CustomNotifications};

package/exports/bundle/pages.js

@@ -1,4 +1,4 @@
-import{i as e,x as t}from"./property-CVzdqkRx.js";import{SelectBase as s}from"./select-mixin.js";class CustomPages extends s{async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),this.slotchange=this.slotchange.bind(this),this.shadowRoot.querySelector("slot").addEventListener("slotchange",this.slotchange),this.slotchange(),this.selected=this.defaultSelected}isEvenNumber(e){return Boolean(e%2==0)}slotchange(){let e=0;for(const t of this.slotted.assignedNodes())t&&1===t.nodeType&&(t.style.zIndex=99-e,this.isEvenNumber(e++)?t.classList.add("animate-down"):t.classList.add("animate-up"),this.dispatchEvent(new CustomEvent("child-change",{detail:t})))}static styles=[e`
+import{i as e,x as t}from"./property-ITdaEFzc.js";import{SelectBase as s}from"./select-mixin.js";class CustomPages extends s{async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),this.slotchange=this.slotchange.bind(this),this.shadowRoot.querySelector("slot").addEventListener("slotchange",this.slotchange),this.slotchange(),this.selected=this.defaultSelected}isEvenNumber(e){return Boolean(e%2==0)}slotchange(){let e=0;for(const t of this.slotted.assignedNodes())t&&1===t.nodeType&&(t.style.zIndex=99-e,this.isEvenNumber(e++)?t.classList.add("animate-down"):t.classList.add("animate-up"),this.dispatchEvent(new CustomEvent("child-change",{detail:t})))}static styles=[e`
       :host {
         flex: 1;
         position: relative;

package/exports/bundle/pane.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,r as o,x as a,s as i}from"./property-CVzdqkRx.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./icon-button.js";import"./icon.js";import"./button.js";var n=s`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x as i}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./icon-button.js";import"./icon.js";import"./button.js";import"./button.css.js";var n=s`
   :host {
     display: flex;
     flex-direction: column;
@@ -13,6 +13,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,r as o,x as a,s
     pointer-events: none;
     opacity: 0;
     width: 100%;
+    box-shadow: var(--custom-pane-box-shadow, 0px 0px 10px 0px rgba(0, 0, 0, 0.5));
     max-width: var(--custom-pane-width, 100%);
     transition: var(--md-sys-motion-easing-emphasized-accelerate) 200ms opacity,
       var(--md-sys-motion-easing-emphasized-accelerate) 200ms transform;
@@ -86,7 +87,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,r as o,x as a,s
     box-sizing: border-box;
     align-items: center;
   }
-`;let c=(()=>{let s,c,l,m,d,h,p,g,u=[r("custom-pane")],f=[],v=i,y=[],_=[],b=[],x=[],w=[],j=[],k=[],z=[],S=[],B=[],P=[],X=[];return class extends v{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;l=[o({type:Boolean,reflect:!0})],m=[o({type:Boolean,reflect:!0})],d=[o({type:String,reflect:!0})],h=[o({type:Boolean,reflect:!0})],p=[o({type:Boolean,reflect:!0})],g=[o({type:String})],e(this,null,l,{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:t},y,_),e(this,null,m,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:e=>"mobile"in e,get:e=>e.mobile,set:(e,t)=>{e.mobile=t}},metadata:t},b,x),e(this,null,d,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},w,j),e(this,null,h,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:e=>"left"in e,get:e=>e.left,set:(e,t)=>{e.left=t}},metadata:t},k,z),e(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:e=>"right"in e,get:e=>e.right,set:(e,t)=>{e.right=t}},metadata:t},S,B),e(this,null,g,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:e=>"id"in e,get:e=>e.id,set:(e,t)=>{e.id=t}},metadata:t},P,X),e(null,s={value:c},u,{kind:"class",name:c.name,metadata:t},null,f),c=s.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,y,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,_),t(this,b,!1));get mobile(){return this.#t}set mobile(e){this.#t=e}#s=(t(this,x),t(this,w,void 0));get type(){return this.#s}set type(e){this.#s=e}#o=(t(this,j),t(this,k,!0));get left(){return this.#o}set left(e){this.#o=e}#a=(t(this,z),t(this,S,!1));get right(){return this.#a}set right(e){this.#a=e}#i=(t(this,B),t(this,P,void 0));get id(){return this.#i}set id(e){this.#i=e}closePane(e){e.stopPropagation(),this.open=!1,document.dispatchEvent(new CustomEvent("custom-pane-close",{detail:this.id||""+(this.left?"left":"right")}))}static styles=[n];render(){return a`
+`;let c=(()=>{let s,c,l,m,d,h,p,g,u=[r("custom-pane")],f=[],b=o,v=[],y=[],_=[],x=[],w=[],j=[],k=[],z=[],S=[],B=[],P=[],X=[];return class extends b{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;l=[a({type:Boolean,reflect:!0})],m=[a({type:Boolean,reflect:!0})],d=[a({type:String,reflect:!0})],h=[a({type:Boolean,reflect:!0})],p=[a({type:Boolean,reflect:!0})],g=[a({type:String})],e(this,null,l,{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:t},v,y),e(this,null,m,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:e=>"mobile"in e,get:e=>e.mobile,set:(e,t)=>{e.mobile=t}},metadata:t},_,x),e(this,null,d,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},w,j),e(this,null,h,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:e=>"left"in e,get:e=>e.left,set:(e,t)=>{e.left=t}},metadata:t},k,z),e(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:e=>"right"in e,get:e=>e.right,set:(e,t)=>{e.right=t}},metadata:t},S,B),e(this,null,g,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:e=>"id"in e,get:e=>e.id,set:(e,t)=>{e.id=t}},metadata:t},P,X),e(null,s={value:c},u,{kind:"class",name:c.name,metadata:t},null,f),c=s.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,v,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,y),t(this,_,!1));get mobile(){return this.#t}set mobile(e){this.#t=e}#s=(t(this,x),t(this,w,void 0));get type(){return this.#s}set type(e){this.#s=e}#o=(t(this,j),t(this,k,!0));get left(){return this.#o}set left(e){this.#o=e}#a=(t(this,z),t(this,S,!1));get right(){return this.#a}set right(e){this.#a=e}#i=(t(this,B),t(this,P,void 0));get id(){return this.#i}set id(e){this.#i=e}closePane(e){e.stopPropagation(),this.open=!1,document.dispatchEvent(new CustomEvent("custom-pane-close",{detail:this.id||""+(this.left?"left":"right")}))}static styles=[n];render(){return i`
       <custom-elevation></custom-elevation>
       <aside>
         <slot name="header">

package/exports/bundle/prompt.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as o,i as s,x as r,s as a}from"./property-CVzdqkRx.js";globalThis.customPrompt=t=>{const e=document.createElement("custom-prompt");return e.promptTitle=t,document.body.appendChild(e),new Promise((t=>{e.addEventListener("close",(({detail:o})=>{e.remove(),t(o)}))}))};let i=(()=>{let i,l=a,c=[],n=[];return class CustomPrompt extends l{static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;i=[o({type:String})],t(this,null,i,{kind:"accessor",name:"promptTitle",static:!1,private:!1,access:{has:t=>"promptTitle"in t,get:t=>t.promptTitle,set:(t,e)=>{t.promptTitle=e}},metadata:e},c,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,c,"Prompt Title");get promptTitle(){return this.#t}set promptTitle(t){this.#t=t}constructor(t){super(),this.setAttribute("prompt-title",t)}cancel=(e(this,n),()=>this.dispatchEvent(new CustomEvent("close",{detail:void 0})));ok=()=>this.dispatchEvent(new CustomEvent("close",{detail:this.shadowRoot.querySelector("input").value}));static styles=[s`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as o,r as s,i as r,x as a}from"./property-ITdaEFzc.js";globalThis.customPrompt=t=>{const e=document.createElement("custom-prompt");return e.promptTitle=t,document.body.appendChild(e),new Promise((t=>{e.addEventListener("close",(({detail:o})=>{e.remove(),t(o)}))}))};let i=(()=>{let i,l=o,c=[],n=[];return class CustomPrompt extends l{static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;i=[s({type:String})],t(this,null,i,{kind:"accessor",name:"promptTitle",static:!1,private:!1,access:{has:t=>"promptTitle"in t,get:t=>t.promptTitle,set:(t,e)=>{t.promptTitle=e}},metadata:e},c,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,c,"Prompt Title");get promptTitle(){return this.#t}set promptTitle(t){this.#t=t}constructor(t){super(),this.setAttribute("prompt-title",t)}cancel=(e(this,n),()=>this.dispatchEvent(new CustomEvent("close",{detail:void 0})));ok=()=>this.dispatchEvent(new CustomEvent("close",{detail:this.shadowRoot.querySelector("input").value}));static styles=[r`
       :host {
         display: contents;
       }
@@ -11,7 +11,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{r as o,i as s,x as r,s
       input {
         background: var(--background);
       }
-    `];render(){return r`
+    `];render(){return a`
       <custom-dialog>
         <header slot="header">${this.promptTitle}</header>
         <input />

package/exports/bundle/{property-CVzdqkRx.js → property-ITdaEFzc.js}

@@ -3,9 +3,9 @@
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t=globalThis,e=t.trustedTypes,i=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,r="$lit$",o=`lit$${Math.random().toFixed(9).slice(2)}$`,h="?"+o,l=`<${h}>`,a=document,c=()=>a.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,p="[ \t\n\f\r]",b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$=/-->/g,_=/>/g,A=RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,m=/"/g,f=/^(?:script|style|textarea|title)$/i,v=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),y=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),x=new WeakMap,C=a.createTreeWalker(a,129);function T(t,e){if(!d(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(e):e}const w=(t,e)=>{const i=t.length-1,h=[];let a,c=2===e?"<svg>":3===e?"<math>":"",u=b;for(let e=0;e<i;e++){const i=t[e];let d,p,v=-1,y=0;for(;y<i.length&&(u.lastIndex=y,p=u.exec(i),null!==p);)y=u.lastIndex,u===b?"!--"===p[1]?u=$:void 0!==p[1]?u=_:void 0!==p[2]?(f.test(p[2])&&(a=RegExp("</"+p[2],"g")),u=A):void 0!==p[3]&&(u=A):u===A?">"===p[0]?(u=a??b,v=-1):void 0===p[1]?v=-2:(v=u.lastIndex-p[2].length,d=p[1],u=void 0===p[3]?A:'"'===p[3]?m:g):u===m||u===g?u=A:u===$||u===_?u=b:(u=A,a=void 0);const S=u===A&&t[e+1].startsWith("/>")?" ":"";c+=u===b?i+l:v>=0?(h.push(d),i.slice(0,v)+r+i.slice(v)+o+S):i+o+(-2===v?e:S)}return[T(t,c+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),h]};class N{constructor({strings:t,_$litType$:i},l){let a;this.parts=[];let u=0,d=0;const p=t.length-1,b=this.parts,[$,_]=w(t,i);if(this.el=N.createElement($,l),C.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(a=C.nextNode())&&b.length<p;){if(1===a.nodeType){if(a.hasAttributes())for(const t of a.getAttributeNames())if(t.endsWith(r)){const e=_[d++],i=a.getAttribute(t).split(o),r=/([.?@])?(.*)/.exec(e);b.push({type:1,index:u,name:r[2],strings:i,ctor:"."===r[1]?H:"?"===r[1]?I:"@"===r[1]?L:k}),a.removeAttribute(t)}else t.startsWith(o)&&(b.push({type:6,index:u}),a.removeAttribute(t));if(f.test(a.tagName)){const t=a.textContent.split(o),i=t.length-1;if(i>0){a.textContent=e?e.emptyScript:"";for(let e=0;e<i;e++)a.append(t[e],c()),C.nextNode(),b.push({type:2,index:++u});a.append(t[i],c())}}}else if(8===a.nodeType)if(a.data===h)b.push({type:2,index:u});else{let t=-1;for(;-1!==(t=a.data.indexOf(o,t+1));)b.push({type:7,index:u}),t+=o.length-1}u++}}static createElement(t,e){const i=a.createElement("template");return i.innerHTML=t,i}}function E(t,e,i=t,r){if(e===y)return e;let o=void 0!==r?i._$Co?.[r]:i._$Cl;const h=u(e)?void 0:e._$litDirective$;return o?.constructor!==h&&(o?._$AO?.(!1),void 0===h?o=void 0:(o=new h(t),o._$AT(t,i,r)),void 0!==r?(i._$Co??=[])[r]=o:i._$Cl=o),void 0!==o&&(e=E(t,o._$AS(t,e.values),o,r)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,r=(t?.creationScope??a).importNode(e,!0);C.currentNode=r;let o=C.nextNode(),h=0,l=0,c=i[0];for(;void 0!==c;){if(h===c.index){let e;2===c.type?e=new R(o,o.nextSibling,this,t):1===c.type?e=new c.ctor(o,c.name,c.strings,this,t):6===c.type&&(e=new z(o,this,t)),this._$AV.push(e),c=i[++l]}h!==c?.index&&(o=C.nextNode(),h++)}return C.currentNode=a,r}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=E(this,t,e),u(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==y&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>d(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==S&&u(this._$AH)?this._$AA.nextSibling.data=t:this.T(a.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N.createElement(T(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new M(r,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=x.get(t.strings);return void 0===e&&x.set(t.strings,e=new N(t)),e}k(t){d(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new R(this.O(c()),this.O(c()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,o){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}_$AI(t,e=this,i,r){const o=this.strings;let h=!1;if(void 0===o)t=E(this,t,e,0),h=!u(t)||t!==this._$AH&&t!==y,h&&(this._$AH=t);else{const r=t;let l,a;for(t=o[0],l=0;l<o.length-1;l++)a=E(this,r[i+l],e,l),a===y&&(a=this._$AH[l]),h||=!u(a)||a!==this._$AH[l],a===S?t=S:t!==S&&(t+=(a??"")+o[l+1]),this._$AH[l]=a}h&&!r&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}class I extends k{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==S)}}class L extends k{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??S)===y)return;const i=this._$AH,r=t===S&&i!==S||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==S&&(i===S||r);r&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class z{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const O=t.litHtmlPolyfillSupport;O?.(N,R),(t.litHtmlVersions??=[]).push("3.2.1");const U=(t,e,i)=>{const r=i?.renderBefore??e;let o=r._$litPart$;if(void 0===o){const t=i?.renderBefore??null;r._$litPart$=o=new R(e.insertBefore(c(),t),t,void 0,i??{})}return o._$AI(t),o
+const t=globalThis,e=t.trustedTypes,i=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,r="$lit$",o=`lit$${Math.random().toFixed(9).slice(2)}$`,h="?"+o,l=`<${h}>`,a=document,c=()=>a.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,p="[ \t\n\f\r]",b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$=/-->/g,_=/>/g,A=RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),m=/'/g,g=/"/g,f=/^(?:script|style|textarea|title)$/i,v=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),y=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),x=new WeakMap,C=a.createTreeWalker(a,129);function T(t,e){if(!d(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(e):e}const w=(t,e)=>{const i=t.length-1,h=[];let a,c=2===e?"<svg>":3===e?"<math>":"",u=b;for(let e=0;e<i;e++){const i=t[e];let d,p,v=-1,y=0;for(;y<i.length&&(u.lastIndex=y,p=u.exec(i),null!==p);)y=u.lastIndex,u===b?"!--"===p[1]?u=$:void 0!==p[1]?u=_:void 0!==p[2]?(f.test(p[2])&&(a=RegExp("</"+p[2],"g")),u=A):void 0!==p[3]&&(u=A):u===A?">"===p[0]?(u=a??b,v=-1):void 0===p[1]?v=-2:(v=u.lastIndex-p[2].length,d=p[1],u=void 0===p[3]?A:'"'===p[3]?g:m):u===g||u===m?u=A:u===$||u===_?u=b:(u=A,a=void 0);const S=u===A&&t[e+1].startsWith("/>")?" ":"";c+=u===b?i+l:v>=0?(h.push(d),i.slice(0,v)+r+i.slice(v)+o+S):i+o+(-2===v?e:S)}return[T(t,c+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),h]};class N{constructor({strings:t,_$litType$:i},l){let a;this.parts=[];let u=0,d=0;const p=t.length-1,b=this.parts,[$,_]=w(t,i);if(this.el=N.createElement($,l),C.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(a=C.nextNode())&&b.length<p;){if(1===a.nodeType){if(a.hasAttributes())for(const t of a.getAttributeNames())if(t.endsWith(r)){const e=_[d++],i=a.getAttribute(t).split(o),r=/([.?@])?(.*)/.exec(e);b.push({type:1,index:u,name:r[2],strings:i,ctor:"."===r[1]?H:"?"===r[1]?I:"@"===r[1]?L:k}),a.removeAttribute(t)}else t.startsWith(o)&&(b.push({type:6,index:u}),a.removeAttribute(t));if(f.test(a.tagName)){const t=a.textContent.split(o),i=t.length-1;if(i>0){a.textContent=e?e.emptyScript:"";for(let e=0;e<i;e++)a.append(t[e],c()),C.nextNode(),b.push({type:2,index:++u});a.append(t[i],c())}}}else if(8===a.nodeType)if(a.data===h)b.push({type:2,index:u});else{let t=-1;for(;-1!==(t=a.data.indexOf(o,t+1));)b.push({type:7,index:u}),t+=o.length-1}u++}}static createElement(t,e){const i=a.createElement("template");return i.innerHTML=t,i}}function E(t,e,i=t,r){if(e===y)return e;let o=void 0!==r?i._$Co?.[r]:i._$Cl;const h=u(e)?void 0:e._$litDirective$;return o?.constructor!==h&&(o?._$AO?.(!1),void 0===h?o=void 0:(o=new h(t),o._$AT(t,i,r)),void 0!==r?(i._$Co??=[])[r]=o:i._$Cl=o),void 0!==o&&(e=E(t,o._$AS(t,e.values),o,r)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,r=(t?.creationScope??a).importNode(e,!0);C.currentNode=r;let o=C.nextNode(),h=0,l=0,c=i[0];for(;void 0!==c;){if(h===c.index){let e;2===c.type?e=new R(o,o.nextSibling,this,t):1===c.type?e=new c.ctor(o,c.name,c.strings,this,t):6===c.type&&(e=new z(o,this,t)),this._$AV.push(e),c=i[++l]}h!==c?.index&&(o=C.nextNode(),h++)}return C.currentNode=a,r}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=E(this,t,e),u(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==y&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>d(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==S&&u(this._$AH)?this._$AA.nextSibling.data=t:this.T(a.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N.createElement(T(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new M(r,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=x.get(t.strings);return void 0===e&&x.set(t.strings,e=new N(t)),e}k(t){d(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new R(this.O(c()),this.O(c()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,o){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}_$AI(t,e=this,i,r){const o=this.strings;let h=!1;if(void 0===o)t=E(this,t,e,0),h=!u(t)||t!==this._$AH&&t!==y,h&&(this._$AH=t);else{const r=t;let l,a;for(t=o[0],l=0;l<o.length-1;l++)a=E(this,r[i+l],e,l),a===y&&(a=this._$AH[l]),h||=!u(a)||a!==this._$AH[l],a===S?t=S:t!==S&&(t+=(a??"")+o[l+1]),this._$AH[l]=a}h&&!r&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}class I extends k{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==S)}}class L extends k{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??S)===y)return;const i=this._$AH,r=t===S&&i!==S||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==S&&(i===S||r);r&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class z{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const O=t.litHtmlPolyfillSupport;O?.(N,R),(t.litHtmlVersions??=[]).push("3.2.1");const U=(t,e,i)=>{const r=i?.renderBefore??e;let o=r._$litPart$;if(void 0===o){const t=i?.renderBefore??null;r._$litPart$=o=new R(e.insertBefore(c(),t),t,void 0,i??{})}return o._$AI(t),o
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */},B=globalThis,P=B.ShadowRoot&&(void 0===B.ShadyCSS||B.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),V=new WeakMap;class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(P&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=V.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&V.set(e,t))}return t}toString(){return this.cssText}}const j=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[r+1]),t[0]);return new n(i,t,W)},D=(t,e)=>{if(P)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),r=B.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=i.cssText,t.appendChild(e)}},q=P?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new n("string"==typeof t?t:t+"",void 0,W))(e)})(t):t;Symbol.metadata??=Symbol("metadata");let J=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 v`<slot></slot>`}requestRender(){U(this.render(),this.shadowRoot)}};class LittlePubSub{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}getValue(t){if(this.subscribers[t])return this.subscribers[t].value}subscribe(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0});const r=this._handleContext(e,i?.context),o=e.bind(r);this.subscribers[t].handlers.push(o),void 0!==this.subscribers[t].value&&o(this.subscribers[t].value,void 0)}unsubscribe(t,e,i){if(i||(i={keepValue:!1}),!this.hasSubscribers(t))return;const r=this._handleContext(e,i.context),o=this.subscribers[t].handlers.indexOf(e.bind(r));this.subscribers[t].handlers.splice(o),0!==this.subscribers[t].handlers.length||i.keepValue||delete this.subscribers[t]}publish(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const r=this.subscribers[t]?.value;if(this.verbose||i||r!==e){this.subscribers[t].value=e;for(const i of this.subscribers[t].handlers)i(e,r)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t,e){return new Promise((i=>{const r=o=>{i(o),this.unsubscribe(t,r,e)};this.subscribe(t,r,e)}))}}const Z=(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 LittlePubSub;const F={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},G=t=>{t={...F,...t};let e=0;return function(i,{kind:r,name:o,addInitializer:h,access:l,metadata:a}){const{type:c,reflect:u,renders:d,batches:p,batchDelay:b,consumer:$,provider:_,temporaryRender:A}=t,g=t.attribute??u,m=String(o),f=g&&"string"==typeof g?g:m,v=c===Boolean,y=$||"boolean"==typeof t.consumes?f:t.consumes,S=_||"boolean"==typeof t.provides?f:t.provides;if(t.provider&&console.warn(`${m}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${m}: 'options.consumer' is deprecated, use options.consumes instead`),h((function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${m} ${r} is not supported`),g&&(a||(a={}),a.observedAttributes||(a.observedAttributes=new Map),a.observedAttributes.set(m,f)),y&&globalThis.pubsub.subscribe(y,(async t=>{this[o]=t}))})),"accessor"===r)return{get(){return x.call(this)},set(t){return C.call(this,t)},init(t){return this.hasAttribute(f)&&(t=v?this.hasAttribute(f):Z(this.getAttribute(f),c)),void 0===t||y||C.call(this,t),this[o]}};function x(){return g?v?this.hasAttribute(f):Z(this.getAttribute(f),c):this[`__lite_${m}`]?this[`__lite_${m}`]:this[`_lite_${m}`]}async function C(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${m}`]!==t){this.beforeChange&&await this.beforeChange(o,t),this.willChange&&(this[`__lite_${m}`]=await this.willChange(o,t)),g?v?t||this[`__lite_${m}`]?this.setAttribute(f,""):this.removeAttribute(f):t||this[`__lite_${m}`]?this.setAttribute(f,((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})(c,this[`__lite_${m}`]??t)):this.removeAttribute(f):this[`_lite_${m}`]=t;const i=()=>{e=0,this.requestRender&&d&&this.requestRender(),this.onChange&&this.onChange(o,this[`__lite_${m}`]??t)};p?e===A?i():(this[`_${m}_timeout`]&&clearTimeout(this[`_${m}_timeout`]),this[`_${m}_timeout`]=setTimeout(i,b)):i()}}}};export{U as B,S as E,LittlePubSub as L,D as S,y as T,q as c,j as i,G as r,J as s,v as x};
+ */},B=globalThis,P=B.ShadowRoot&&(void 0===B.ShadyCSS||B.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),V=new WeakMap;class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(P&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=V.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&V.set(e,t))}return t}toString(){return this.cssText}}const j=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[r+1]),t[0]);return new n(i,t,W)},D=(t,e)=>{if(P)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),r=B.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=i.cssText,t.appendChild(e)}},q=P?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new n("string"==typeof t?t:t+"",void 0,W))(e)})(t):t;Symbol.metadata??=Symbol("metadata");let J=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.listeners=[],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.beforeRender?.(),this.requestRender()}connectedCallback(){this.renderedOnce=!0,this.renderResolve(!0),this.firstRender?.()}disconnectedCallback(){for(const[t,e]of this.listeners)this.removeEventListener(t,e)}render(){return v`<slot></slot>`}requestRender(){U(this.render(),this.shadowRoot)}addListener(t,e){this.listeners.push([t,e]),this.addEventListener(t,e)}};class LittlePubSub{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}getValue(t){if(this.subscribers[t])return this.subscribers[t].value}subscribe(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0});const r=this._handleContext(e,i?.context),o=e.bind(r);this.subscribers[t].handlers.push(o),void 0!==this.subscribers[t].value&&o(this.subscribers[t].value,void 0)}unsubscribe(t,e,i){if(i||(i={keepValue:!1}),!this.hasSubscribers(t))return;const r=this._handleContext(e,i.context),o=this.subscribers[t].handlers.indexOf(e.bind(r));this.subscribers[t].handlers.splice(o),0!==this.subscribers[t].handlers.length||i.keepValue||delete this.subscribers[t]}publish(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const r=this.subscribers[t]?.value;if(this.verbose||i||r!==e){this.subscribers[t].value=e;for(const i of this.subscribers[t].handlers)i(e,r)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t,e){return new Promise((i=>{const r=o=>{i(o),this.unsubscribe(t,r,e)};this.subscribe(t,r,e)}))}}const Z=(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 LittlePubSub;const F={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},G=t=>{t={...F,...t};let e=0;return function(i,{kind:r,name:o,addInitializer:h,access:l,metadata:a}){const{type:c,reflect:u,renders:d,batches:p,batchDelay:b,consumer:$,provider:_,temporaryRender:A}=t,m=t.attribute??u,g=String(o),f=m&&"string"==typeof m?m:g,v=c===Boolean,y=$||"boolean"==typeof t.consumes?f:t.consumes,S=_||"boolean"==typeof t.provides?f:t.provides;if(t.provider&&console.warn(`${g}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${g}: 'options.consumer' is deprecated, use options.consumes instead`),h((function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${g} ${r} is not supported`),m&&(a||(a={}),a.observedAttributes||(a.observedAttributes=new Map),a.observedAttributes.set(g,f)),y&&globalThis.pubsub.subscribe(y,(async t=>{this[o]=t}))})),"accessor"===r)return{get(){return x.call(this)},set(t){return C.call(this,t)},init(t){return this.hasAttribute(f)&&(t=v?this.hasAttribute(f):Z(this.getAttribute(f),c)),void 0===t||y||C.call(this,t),this[o]}};function x(){return m?v?this.hasAttribute(f):Z(this.getAttribute(f),c):this[`__lite_${g}`]?this[`__lite_${g}`]:this[`_lite_${g}`]}async function C(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${g}`]!==t){this.beforeChange&&await this.beforeChange(o,t),this.willChange&&(this[`__lite_${g}`]=await this.willChange(o,t)),m?v?t||this[`__lite_${g}`]?this.setAttribute(f,""):this.removeAttribute(f):t||this[`__lite_${g}`]?this.setAttribute(f,((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})(c,this[`__lite_${g}`]??t)):this.removeAttribute(f):this[`_lite_${g}`]=t;const i=()=>{e=0,d&&this.requestRender?.(),this.onChange?.(o,this[`__lite_${g}`]??t)};p&&(e!==A||this.renderedOnce)?(this[`_${g}_timeout`]&&clearTimeout(this[`_${g}_timeout`]),this[`_${g}_timeout`]=setTimeout(i,b)):i()}}}};export{U as B,S as E,LittlePubSub as L,D as S,y as T,q as c,j as i,G as r,J as s,v as x};