@vandeurenglenn/lite-elements 0.3.56 → 0.3.58

package/exports/bundle/banner.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import"./button.js";import{x as o,s as r}from"./property-FNGRBR93.js";import{e as s}from"./custom-element-B_TPyPQO.js";import"./it-Dft_Rjy-.js";import"./elevation.js";let i=(()=>{let i,a,n=[s("custom-banner")],l=[],m=r;return class extends m{static{a=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,i={value:a},n,{kind:"class",name:a.name,metadata:o},null,l),a=i.value,o&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o}),e(a,l)}constructor(){super()}render(){return o`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import"./button.js";import{x as o,s as r}from"./property-COFqvTC-.js";import{e as s}from"./custom-element-B_TPyPQO.js";import"./it-Dft_Rjy-.js";import"./elevation.js";let i=(()=>{let i,a,n=[s("custom-banner")],l=[],m=r;return class extends m{static{a=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,i={value:a},n,{kind:"class",name:a.name,metadata:o},null,l),a=i.value,o&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o}),e(a,l)}constructor(){super()}render(){return o`
       <style>
         :host {
           display: flex;

package/exports/bundle/button.js

@@ -1,10 +1,11 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as s,x as o,s as l}from"./property-FNGRBR93.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./elevation.js";let n=(()=>{let n,i,c,d,h,y,b=[r("custom-button")],p=[],m=l,v=[],g=[],u=[],f=[],_=[],x=[],k=[],L=[];return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[a({attribute:"has-icon",reflect:!0})],d=[a({attribute:"has-label",reflect:!0})],h=[a({attribute:"type",reflect:!0})],y=[a({attribute:!0})],e(this,null,c,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:t},v,g),e(this,null,d,{kind:"accessor",name:"hasLabel",static:!1,private:!1,access:{has:e=>"hasLabel"in e,get:e=>e.hasLabel,set:(e,t)=>{e.hasLabel=t}},metadata:t},u,f),e(this,null,h,{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},_,x),e(this,null,y,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:t},k,L),e(null,n={value:i},b,{kind:"class",name:i.name,metadata:t},null,p),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,v,void 0);get hasIcon(){return this.#e}set hasIcon(e){this.#e=e}#t=(t(this,g),t(this,u,void 0));get hasLabel(){return this.#t}set hasLabel(e){this.#t=e}#a=(t(this,f),t(this,_,"text"));get type(){return this.#a}set type(e){this.#a=e}#s=(t(this,x),t(this,k,void 0));get label(){return this.#s}set label(e){this.#s=e}static styles=[s`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as o,i as a,x as s,s as r}from"./property-COFqvTC-.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./elevation.js";let n=(()=>{let n,i,c,h,d,y,p=[l("custom-button")],v=[],b=r,m=[],u=[],g=[],f=[],_=[],x=[],k=[],L=[];return class extends b{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;c=[o({attribute:"has-icon",reflect:!0})],h=[o({attribute:"has-label",reflect:!0})],d=[o({attribute:"type",reflect:!0})],y=[o({attribute:!0})],e(this,null,c,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:e=>"hasIcon"in e,get:e=>e.hasIcon,set:(e,t)=>{e.hasIcon=t}},metadata:t},m,u),e(this,null,h,{kind:"accessor",name:"hasLabel",static:!1,private:!1,access:{has:e=>"hasLabel"in e,get:e=>e.hasLabel,set:(e,t)=>{e.hasLabel=t}},metadata:t},g,f),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},_,x),e(this,null,y,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:t},k,L),e(null,n={value:i},p,{kind:"class",name:i.name,metadata:t},null,v),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,m,void 0);get hasIcon(){return this.#e}set hasIcon(e){this.#e=e}#t=(t(this,u),t(this,g,void 0));get hasLabel(){return this.#t}set hasLabel(e){this.#t=e}#o=(t(this,f),t(this,_,"text"));get type(){return this.#o}set type(e){this.#o=e}#a=(t(this,x),t(this,k,void 0));get label(){return this.#a}set label(e){this.#a=e}static styles=[a`
       :host {
+        --custom-button-border-radius: var(--md-sys-shape-corner-large);
         color: var(--custom-button-color, --md-sys-color-on-background);
         display: flex;
 
         height: 40px;
-        border-radius: 20px;
+        border-radius: var(--custom-button-border-radius);
         position: relative;
         pointer-events: auto;
         cursor: pointer;
@@ -23,10 +24,11 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as s,x as o,s
         outline: none;
         cursor: pointer;
         border-radius: inherit;
-        padding: none;
+        padding: 0;
         width: inherit;
         height: inherit;
         display: flex;
+        position: relative;
         pointer-events: none;
       }
 
@@ -80,8 +82,8 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as s,x as o,s
       :host([type='tonal']),
       :host([type='tonal']) ::slotted(*) {
         background: var(--md-sys-color-secondary-container);
-        color: var(--md-sys-color-on-seconday-container);
-        fill: var(--md-sys-color-on-seconday-container);
+        color: var(--md-sys-color-on-secondary-container);
+        fill: var(--md-sys-color-on-secondary-container);
       }
 
       custom-elevation {
@@ -121,15 +123,15 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as s,x as o,s
 
       :host([disabled]) .label,
       :host([disabled]) slot[name='icon']::slotted(*) {
-        opacity: 0.38;
+        opacity: 0.28;
       }
 
       ::slotted(*) {
         pointer-events: none;
       }
 
-      :host(:focus),
-      :host(:hover) {
+      :host([type='elevated']:focus),
+      :host([type='elevated']:hover) {
         --elevation-level: 2;
       }
 
@@ -140,10 +142,59 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as s,x as o,s
       button * {
         pointer-events: none;
       }
-    `];connectedCallback(){const e=Array.from(this.shadowRoot.querySelectorAll("slot"));for(const t of e)t.addEventListener("slotchange",(()=>this.#o(t)));this.#o(e[0])}onChange(e,t){"label"===e&&(this.hasLabel=!!t)}#o=(t(this,L),e=>{"icon"===e.getAttribute("name")&&(this.hasIcon=0!==Array.from(e?.assignedNodes()||[]).length)});render(){return o`
+      .hover {
+        position: absolute;
+        inset: 0;
+        background-color: var(--md-sys-color-primary);
+        opacity: 0;
+        transition: opacity 200ms;
+        border-radius: var(--custom-button-border-radius);
+      }
+
+      :host(:focus) .hover,
+      :host(:hover) .hover {
+        opacity: 0.1;
+      }
+
+      :host(:active) .hover {
+        opacity: 0.2;
+      }
+
+      :host([type='filled']:focus) .hover,
+      :host([type='filled']:hover) .hover {
+        background-color: var(--md-sys-color-on-primary);
+        opacity: 0.1;
+      }
+
+      :host([type='filled']:active) .hover {
+        opacity: 0.2;
+      }
+
+      :host([type='tertiary']:focus) .hover,
+      :host([type='tertiary']:hover) .hover {
+        background-color: var(--md-sys-color-on-tertiary);
+        opacity: 0.1;
+      }
+
+      :host([type='tertiary']:active) .hover {
+        opacity: 0.2;
+      }
+
+      :host([type='tonal']:focus) .hover,
+      :host([type='tonal']:hover) .hover {
+        background-color: var(--md-sys-color-on-secondary-container);
+        opacity: 0.1;
+      }
+
+      :host([type='tonal']:active) .hover {
+        opacity: 0.2;
+      }
+    `];connectedCallback(){const e=Array.from(this.shadowRoot.querySelectorAll("slot"));for(const t of e)t.addEventListener("slotchange",(()=>this.#s(t)));this.#s(e[0])}onChange(e,t){"label"===e&&(this.hasLabel=!!t)}#s=(t(this,L),e=>{"icon"===e.getAttribute("name")&&(this.hasIcon=0!==Array.from(e?.assignedNodes()||[]).length)});render(){return s`
       <button label=${this.label}>
         <custom-elevation></custom-elevation>
         <slot name="icon"></slot>
         <span class="label">${this.label}</span>
+
+        <span class="hover"></span>
       </button>
-    `}static{t(i,p)}},i})();export{n as CustomButton};
+    `}static{t(i,v)}},i})();export{n as CustomButton};

package/exports/bundle/card.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{x as o,s}from"./property-FNGRBR93.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./divider.js";import"./elevation.js";let i=(()=>{let i,l,r=[a("custom-card")],n=[],d=s;return class extends d{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;e(null,i={value:l},r,{kind:"class",name:l.name,metadata:t},null,n),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}dividerType;type="elevated";elevationLevel=0;static properties={hasDivider:{type:Boolean},elevationLevel:{type:Number}};renderDivider(){const e=this.shadowRoot.querySelector('slot[name="actions"]');return 0!==Array.from(e?.assignedNodes()||[]).length?o`<custom-divider
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{x as o,s}from"./property-COFqvTC-.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./divider.js";import"./elevation.js";let i=(()=>{let i,l,r=[a("custom-card")],n=[],d=s;return class extends d{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;e(null,i={value:l},r,{kind:"class",name:l.name,metadata:t},null,n),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}dividerType;type="elevated";elevationLevel=0;static properties={hasDivider:{type:Boolean},elevationLevel:{type:Number}};renderDivider(){const e=this.shadowRoot.querySelector('slot[name="actions"]');return 0!==Array.from(e?.assignedNodes()||[]).length?o`<custom-divider
           ?inset=${"inset"===this.dividerType}
           ?middle-inset=${"inset"===this.dividerType}
         ></custom-divider>`:""}render(){return o`

package/exports/bundle/code.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as o,x as r,s}from"./property-FNGRBR93.js";import{e as c}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,l,n,d=[c("demo-code")],m=[],p=s,u=[],g=[];return class extends p{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[a({type:String})],e(this,null,n,{kind:"accessor",name:"code",static:!1,private:!1,access:{has:e=>"code"in e,get:e=>e.code,set:(e,t)=>{e.code=t}},metadata:t},u,g),e(null,i={value:l},d,{kind:"class",name:l.name,metadata:t},null,m),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,u,void 0);get code(){return this.#e}set code(e){this.#e=e}static styles=[o`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as o,x as r,s}from"./property-COFqvTC-.js";import{e as c}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,l,n,d=[c("demo-code")],m=[],p=s,u=[],g=[];return class extends p{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[a({type:String})],e(this,null,n,{kind:"accessor",name:"code",static:!1,private:!1,access:{has:e=>"code"in e,get:e=>e.code,set:(e,t)=>{e.code=t}},metadata:t},u,g),e(null,i={value:l},d,{kind:"class",name:l.name,metadata:t},null,m),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,u,void 0);get code(){return this.#e}set code(e){this.#e=e}static styles=[o`
       :host {
         display: flex;
 

package/exports/bundle/{column-C9T77S9n.js → column-CP9TdwUA.js}

@@ -1 +1 @@
-import{F as e}from"./row-Bc6ZibAv.js";customElements.define("flex-column",class FlexColumn extends e{constructor(){super(),this.direction="column"}});
+import{F as e}from"./row-Dkvp0Fm3.js";customElements.define("flex-column",class FlexColumn extends e{constructor(){super(),this.direction="column"}});

package/exports/bundle/demo-elements.js

@@ -1 +1 @@
-export{DemoIcons}from"./demo-icons.js";export{DemoSection}from"./section.js";import"./tslib.es6-B87RQr7F.js";import"./property-FNGRBR93.js";import"./custom-element-B_TPyPQO.js";import"./icon-set.js";import"./section2.js";import"./scroll-mixin.js";import"./elevation.js";import"./code.js";
+export{DemoIcons}from"./demo-icons.js";export{DemoSection}from"./section.js";import"./tslib.es6-B87RQr7F.js";import"./property-COFqvTC-.js";import"./custom-element-B_TPyPQO.js";import"./icon-set.js";import"./section2.js";import"./scroll-mixin.js";import"./elevation.js";import"./code.js";

package/exports/bundle/demo-icons.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,x as v,s as a}from"./property-FNGRBR93.js";import{e as m}from"./custom-element-B_TPyPQO.js";import"./icon-set.js";let h=(()=>{let h,n,o=[m("demo-icons")],w=[],i=a;return class extends i{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,h={value:n},o,{kind:"class",name:n.name,metadata:e},null,w),n=h.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,x as v,s as a}from"./property-COFqvTC-.js";import{e as m}from"./custom-element-B_TPyPQO.js";import"./icon-set.js";let h=(()=>{let h,n,o=[m("demo-icons")],w=[],i=a;return class extends i{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,h={value:n},o,{kind:"class",name:n.name,metadata:e},null,w),n=h.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
       :host {
         display: block;
       }

package/exports/bundle/demo-shell.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as s,s as i}from"./property-FNGRBR93.js";import{t as m}from"./query-DCTzLeFk.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./demo-icons.js";import"./section.js";import"./card.js";import"./theme.js";import"./divider.js";import"./button.js";import"./banner.js";import"./selector.js";import"./pages.js";import"./drawer.js";import"./drawer-button.js";import"./drawer-item.js";import"./section2.js";import"./drawer-layout.js";import"./top-app-bar.js";import"./icon.js";import"./typography.js";import"./pane.js";import"./supporting-pane.js";import"./tabs.js";import"./root.js";import"./dialog.js";import"./icon-set.js";import"./list-item.js";import"./menu.js";import"./icon-button.js";import"./dropdown-menu.js";import"./dropdown.js";import"./toggle.js";import"./toggle-button.js";import"./time-picker.js";import"./notification.js";import"./notifications.js";import"./code.js";import"./elevation.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-C9T77S9n.js";import"./row-Bc6ZibAv.js";import"./tab.js";import"./input.js";import"./property-ChyTplU0.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=i,g=[],b=[],y=[],w=[];return class extends d{static{u=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[m("custom-selector")],r=[m("custom-pages")],t(this,null,n,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:t=>"selector"in t,get:t=>t.selector,set:(t,e)=>{t.selector=e}},metadata:e},g,b),t(this,null,r,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:t=>"pages"in t,get:t=>t.pages,set:(t,e)=>{t.pages=e}},metadata:e},y,w),t(null,c={value:u},l,{kind:"class",name:u.name,metadata:e},null,p),u=c.value,e&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,g,void 0);get selector(){return this.#t}set selector(t){this.#t=t}#e=(e(this,b),e(this,y,void 0));get pages(){return this.#e}set pages(t){this.#e=t}connectedCallback(){this.selector.addEventListener("selected",(async({detail:t})=>{document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:!1}})),this.pages.select(t),localStorage.setItem("last-selected",t)}));const t=localStorage.getItem("last-selected");t&&(customElements.get("custom-serlector")?this.selector.select(t):(this.selector.select(t),this.pages.select(t)))}static styles=[o`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as s,s as i}from"./property-COFqvTC-.js";import{t as m}from"./query-DCTzLeFk.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./demo-icons.js";import"./section.js";import"./card.js";import"./theme.js";import"./divider.js";import"./button.js";import"./banner.js";import"./selector.js";import"./pages.js";import"./drawer.js";import"./drawer-button.js";import"./drawer-item.js";import"./section2.js";import"./drawer-layout.js";import"./top-app-bar.js";import"./icon.js";import"./typography.js";import"./pane.js";import"./supporting-pane.js";import"./tabs.js";import"./root.js";import"./dialog.js";import"./icon-set.js";import"./list-item.js";import"./menu.js";import"./icon-button.js";import"./dropdown-menu.js";import"./dropdown.js";import"./toggle.js";import"./toggle-button.js";import"./time-picker.js";import"./notification.js";import"./notifications.js";import"./code.js";import"./elevation.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-CP9TdwUA.js";import"./row-Dkvp0Fm3.js";import"./tab.js";import"./input.js";import"./property-DA1lO0Et.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=i,g=[],b=[],y=[],w=[];return class extends d{static{u=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[m("custom-selector")],r=[m("custom-pages")],t(this,null,n,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:t=>"selector"in t,get:t=>t.selector,set:(t,e)=>{t.selector=e}},metadata:e},g,b),t(this,null,r,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:t=>"pages"in t,get:t=>t.pages,set:(t,e)=>{t.pages=e}},metadata:e},y,w),t(null,c={value:u},l,{kind:"class",name:u.name,metadata:e},null,p),u=c.value,e&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,g,void 0);get selector(){return this.#t}set selector(t){this.#t=t}#e=(e(this,b),e(this,y,void 0));get pages(){return this.#e}set pages(t){this.#e=t}connectedCallback(){this.selector.addEventListener("selected",(async({detail:t})=>{document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:!1}})),this.pages.select(t),localStorage.setItem("last-selected",t)}));const t=localStorage.getItem("last-selected");t&&(customElements.get("custom-serlector")?this.selector.select(t):(this.selector.select(t),this.pages.select(t)))}static styles=[o`
       custom-drawer-layout {
         height: 100%;
         width: 100%;

package/exports/bundle/demo.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as s,s as i}from"./property-FNGRBR93.js";import{t as m}from"./query-DCTzLeFk.js";import{e as a}from"./custom-element-B_TPyPQO.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=i,b=[],y=[],g=[],w=[];return class extends d{static{u=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[m("custom-selector")],r=[m("custom-pages")],t(this,null,n,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:t=>"selector"in t,get:t=>t.selector,set:(t,e)=>{t.selector=e}},metadata:e},b,y),t(this,null,r,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:t=>"pages"in t,get:t=>t.pages,set:(t,e)=>{t.pages=e}},metadata:e},g,w),t(null,c={value:u},l,{kind:"class",name:u.name,metadata:e},null,p),u=c.value,e&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,b,void 0);get selector(){return this.#t}set selector(t){this.#t=t}#e=(e(this,y),e(this,g,void 0));get pages(){return this.#e}set pages(t){this.#e=t}static styles=[o`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as s,s as i}from"./property-COFqvTC-.js";import{t as m}from"./query-DCTzLeFk.js";import{e as a}from"./custom-element-B_TPyPQO.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=i,b=[],y=[],g=[],w=[];return class extends d{static{u=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[m("custom-selector")],r=[m("custom-pages")],t(this,null,n,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:t=>"selector"in t,get:t=>t.selector,set:(t,e)=>{t.selector=e}},metadata:e},b,y),t(this,null,r,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:t=>"pages"in t,get:t=>t.pages,set:(t,e)=>{t.pages=e}},metadata:e},g,w),t(null,c={value:u},l,{kind:"class",name:u.name,metadata:e},null,p),u=c.value,e&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,b,void 0);get selector(){return this.#t}set selector(t){this.#t=t}#e=(e(this,y),e(this,g,void 0));get pages(){return this.#e}set pages(t){this.#e=t}static styles=[o`
       :host {
         display: block;
       }

package/exports/bundle/dialog.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as a,s as r}from"./property-FNGRBR93.js";import{e as n}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./icon.js";let i=(()=>{let i,l,c,h,m,d,p,u=[n("custom-dialog")],g=[],f=r,y=[],v=[],b=[],x=[],_=[],w=[],H=[],k=[],A=[],j=[];return class extends f{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;c=[s({type:Boolean,reflect:!0})],h=[s({type:Boolean,reflect:!0})],m=[s({type:Boolean,reflect:!0,attribute:"has-actions"})],d=[s({type:Boolean,reflect:!0,attribute:"has-header"})],p=[s({type:Boolean,reflect:!0,attribute:"has-hero"})],e(this,null,c,{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,v),e(this,null,h,{kind:"accessor",name:"fullscreen",static:!1,private:!1,access:{has:e=>"fullscreen"in e,get:e=>e.fullscreen,set:(e,t)=>{e.fullscreen=t}},metadata:t},b,x),e(this,null,m,{kind:"accessor",name:"hasActions",static:!1,private:!1,access:{has:e=>"hasActions"in e,get:e=>e.hasActions,set:(e,t)=>{e.hasActions=t}},metadata:t},_,w),e(this,null,d,{kind:"accessor",name:"hasHeader",static:!1,private:!1,access:{has:e=>"hasHeader"in e,get:e=>e.hasHeader,set:(e,t)=>{e.hasHeader=t}},metadata:t},H,k),e(this,null,p,{kind:"accessor",name:"hasHero",static:!1,private:!1,access:{has:e=>"hasHero"in e,get:e=>e.hasHero,set:(e,t)=>{e.hasHero=t}},metadata:t},A,j),e(null,i={value:l},u,{kind:"class",name:l.name,metadata:t},null,g),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,y,void 0);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,v),t(this,b,void 0));get fullscreen(){return this.#t}set fullscreen(e){this.#t=e}#s=(t(this,x),t(this,_,void 0));get hasActions(){return this.#s}set hasActions(e){this.#s=e}#o=(t(this,w),t(this,H,void 0));get hasHeader(){return this.#o}set hasHeader(e){this.#o=e}#a=(t(this,k),t(this,A,void 0));get hasHero(){return this.#a}set hasHero(e){this.#a=e}constructor(){super(),t(this,j),this._close=this._close.bind(this)}connectedCallback(){const e=this.shadowRoot.querySelector('slot[name="actions"]');this.hasActions=0!==Array.from(e?.assignedNodes()||[]).length;let t=this.shadowRoot.querySelector('slot[name="header"]');const s=["title","header-start","header-end"];let o=0;for(;0===Array.from(t.assignedElements()).length&&o<s.length;)t=this.shadowRoot.querySelector(`slot[name="${s[o]}"]`),o+=1;this.hasHeader=0!==t.assignedElements().length;const a=this.shadowRoot.querySelector('slot[name="hero-icon"]');this.hashero=0!==Array.from(a?.assignedNodes()||[]).length}onChange(e,t){"open"===e&&(this.open?this.querySelector('[slot="actions"]')?.addEventListener("click",this._close):this.querySelector('[slot="actions"]')?.removeEventListener("click",this._close))}_close(e){const t=e.composedPath()[0];this.dispatchEvent(new CustomEvent("close",{detail:t.getAttribute("action")||"close"})),this.open=!1}static styles=[o`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as a,s as r}from"./property-COFqvTC-.js";import{e as n}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./icon.js";let i=(()=>{let i,l,c,h,m,d,p,u=[n("custom-dialog")],g=[],f=r,y=[],v=[],b=[],x=[],_=[],w=[],H=[],k=[],A=[],j=[];return class extends f{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;c=[s({type:Boolean,reflect:!0})],h=[s({type:Boolean,reflect:!0})],m=[s({type:Boolean,reflect:!0,attribute:"has-actions"})],d=[s({type:Boolean,reflect:!0,attribute:"has-header"})],p=[s({type:Boolean,reflect:!0,attribute:"has-hero"})],e(this,null,c,{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,v),e(this,null,h,{kind:"accessor",name:"fullscreen",static:!1,private:!1,access:{has:e=>"fullscreen"in e,get:e=>e.fullscreen,set:(e,t)=>{e.fullscreen=t}},metadata:t},b,x),e(this,null,m,{kind:"accessor",name:"hasActions",static:!1,private:!1,access:{has:e=>"hasActions"in e,get:e=>e.hasActions,set:(e,t)=>{e.hasActions=t}},metadata:t},_,w),e(this,null,d,{kind:"accessor",name:"hasHeader",static:!1,private:!1,access:{has:e=>"hasHeader"in e,get:e=>e.hasHeader,set:(e,t)=>{e.hasHeader=t}},metadata:t},H,k),e(this,null,p,{kind:"accessor",name:"hasHero",static:!1,private:!1,access:{has:e=>"hasHero"in e,get:e=>e.hasHero,set:(e,t)=>{e.hasHero=t}},metadata:t},A,j),e(null,i={value:l},u,{kind:"class",name:l.name,metadata:t},null,g),l=i.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,y,void 0);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,v),t(this,b,void 0));get fullscreen(){return this.#t}set fullscreen(e){this.#t=e}#s=(t(this,x),t(this,_,void 0));get hasActions(){return this.#s}set hasActions(e){this.#s=e}#o=(t(this,w),t(this,H,void 0));get hasHeader(){return this.#o}set hasHeader(e){this.#o=e}#a=(t(this,k),t(this,A,void 0));get hasHero(){return this.#a}set hasHero(e){this.#a=e}constructor(){super(),t(this,j),this._close=this._close.bind(this)}connectedCallback(){const e=this.shadowRoot.querySelector('slot[name="actions"]');this.hasActions=0!==Array.from(e?.assignedNodes()||[]).length;let t=this.shadowRoot.querySelector('slot[name="header"]');const s=["title","header-start","header-end"];let o=0;for(;0===Array.from(t.assignedElements()).length&&o<s.length;)t=this.shadowRoot.querySelector(`slot[name="${s[o]}"]`),o+=1;this.hasHeader=0!==t.assignedElements().length;const a=this.shadowRoot.querySelector('slot[name="hero-icon"]');this.hashero=0!==Array.from(a?.assignedNodes()||[]).length}onChange(e,t){"open"===e&&(this.open?this.querySelector('[slot="actions"]')?.addEventListener("click",this._close):this.querySelector('[slot="actions"]')?.removeEventListener("click",this._close))}_close(e){const t=e.composedPath()[0];this.dispatchEvent(new CustomEvent("close",{detail:t.getAttribute("action")||"close"})),this.open=!1}static styles=[o`
       :host {
         position: absolute;
         inset: 0;

package/exports/bundle/divider.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{x as i,s as a}from"./property-FNGRBR93.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./elevation.js";let o=(()=>{let o,l,s=[r("custom-divider")],n=[],m=a;return class extends m{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,o={value:l},s,{kind:"class",name:l.name,metadata:e},null,n),l=o.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static properties={inset:{type:Boolean,reflect:!0,attribute:"inset"},middleInset:{type:Boolean,reflect:!0,attribute:"middle-inset"}};render(){return i`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{x as i,s as a}from"./property-COFqvTC-.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./elevation.js";let o=(()=>{let o,l,s=[r("custom-divider")],n=[],m=a;return class extends m{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,o={value:l},s,{kind:"class",name:l.name,metadata:e},null,n),l=o.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static properties={inset:{type:Boolean,reflect:!0,attribute:"inset"},middleInset:{type:Boolean,reflect:!0,attribute:"middle-inset"}};render(){return i`
       <style>
         :host {
           display: block;

package/exports/bundle/drawer-button.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 i}from"./property-FNGRBR93.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./icon-button.js";import"./button.js";import"./elevation.js";import"./icon.js";let n=(()=>{let n,c,l,d,m,p=[r("custom-drawer-button")],u=[],h=i,b=[],_=[],g=[],w=[],v=[],y=[];return class extends h{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;l=[s({type:Boolean,reflect:!0})],d=[s({type:Boolean,reflect:!0,attribute:"drawer-open"})],m=[s()],e(this,null,l,{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,_),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:t},g,w),e(this,null,m,{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},v,y),e(null,n={value:c},p,{kind:"class",name:c.name,metadata:t},null,u),c=n.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,b,!1);get mobile(){return this.#e}set mobile(e){this.#e=e}#t=(t(this,_),t(this,g,void 0));get drawerOpen(){return this.#t}set drawerOpen(e){this.#t=e}#s=(t(this,w),t(this,v,void 0));get id(){return this.#s}set id(e){this.#s=e}openPane(){document.dispatchEvent(new CustomEvent("custom-pane-open",{detail:this.id}))}static styles=[a`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as a,x as o,s as i}from"./property-COFqvTC-.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./icon-button.js";import"./button.js";import"./elevation.js";import"./icon.js";let n=(()=>{let n,c,l,d,m,p=[r("custom-drawer-button")],u=[],h=i,b=[],_=[],g=[],w=[],v=[],y=[];return class extends h{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;l=[s({type:Boolean,reflect:!0})],d=[s({type:Boolean,reflect:!0,attribute:"drawer-open"})],m=[s()],e(this,null,l,{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,_),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:t},g,w),e(this,null,m,{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},v,y),e(null,n={value:c},p,{kind:"class",name:c.name,metadata:t},null,u),c=n.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,b,!1);get mobile(){return this.#e}set mobile(e){this.#e=e}#t=(t(this,_),t(this,g,void 0));get drawerOpen(){return this.#t}set drawerOpen(e){this.#t=e}#s=(t(this,w),t(this,v,void 0));get id(){return this.#s}set id(e){this.#s=e}openPane(){document.dispatchEvent(new CustomEvent("custom-pane-open",{detail:this.id}))}static styles=[a`
       :host {
         display: block;
         opacity: 1;

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-FNGRBR93.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{i as o,x as a,s as n}from"./property-COFqvTC-.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`
       :host {
         display: flex;
         padding-left: 16px;

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-FNGRBR93.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-C9T77S9n.js";import"./elevation.js";import"./button.js";import"./pane.js";import"./icon-button.js";import"./icon.js";import"./it-Dft_Rjy-.js";import"./row-Bc6ZibAv.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{r,x as a,s}from"./property-COFqvTC-.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-CP9TdwUA.js";import"./elevation.js";import"./button.js";import"./pane.js";import"./icon-button.js";import"./icon.js";import"./it-Dft_Rjy-.js";import"./row-Dkvp0Fm3.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>
         :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-FNGRBR93.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,r as a,x as o,s as i}from"./property-COFqvTC-.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`
   :host {
     display: contents;
   }

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-FNGRBR93.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{r as s,i as o,x as c,s as i}from"./property-COFqvTC-.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`
       :host {
         position: relative;
         display: block;

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-FNGRBR93.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{r as s,i as a,x as o,s as n}from"./property-COFqvTC-.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`
       :host {
         position: absolute;
         pointer-events: none;

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-FNGRBR93.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-C9T77S9n.js";import"./row-Bc6ZibAv.js";import"./query-DCTzLeFk.js";import"./tab.js";import"./input.js";import"./property-ChyTplU0.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-COFqvTC-.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-CP9TdwUA.js";import"./row-Dkvp0Fm3.js";import"./query-DCTzLeFk.js";import"./tab.js";import"./input.js";import"./property-DA1lO0Et.js";

package/exports/bundle/elevation.js

@@ -1,4 +1,4 @@
-import{_ as e,a}from"./tslib.es6-B87RQr7F.js";import{r as l,x as t,s as o}from"./property-FNGRBR93.js";import{e as r}from"./custom-element-B_TPyPQO.js";
+import{_ as e,a}from"./tslib.es6-B87RQr7F.js";import{r as l,x as t,s as o}from"./property-COFqvTC-.js";import{e as r}from"./custom-element-B_TPyPQO.js";
 /**
  * @license
  * Copyright 2022 Google LLC

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-FNGRBR93.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{r as o,i as s,x as r,s as a}from"./property-COFqvTC-.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`
       :host {
         color: var(--custom-fab-color, --md-sys-color-on-background);
         display: flex;

package/exports/bundle/icon-button.js

@@ -1,13 +1,53 @@
-import{_ as t,a as o}from"./tslib.es6-B87RQr7F.js";import{r as s,i as e,x as c,s as i}from"./property-FNGRBR93.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./icon.js";import"./elevation.js";let n=(()=>{let n,r,m,l=[a("custom-icon-button")],u=[],b=i,p=[],d=[];return class extends b{static{r=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;m=[s({type:String})],t(this,null,m,{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,d),t(null,n={value:r},l,{kind:"class",name:r.name,metadata:o},null,u),r=n.value,o&&Object.defineProperty(r,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=[e`
+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-COFqvTC-.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`
       :host {
-        display: block;
+        --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 {
+        position: absolute;
+        inset: 0;
+        background-color: var(--md-sys-color-primary);
+        opacity: 0;
+        transition: opacity 200ms;
+        border-radius: var(--custom-button-border-radius);
+      }
+
+      :host(:focus) .hover,
+      :host(:hover) .hover {
+        opacity: 0.1;
+      }
+
+      :host(:active) .hover {
+        opacity: 0.2;
+      }
+
+      custom-elevation {
+        --md-elevation-level: var(--elevation-level);
+      }
+
+      :host([type='elevated']) custom-elevation {
+        --elevation-level: 1;
+      }
+
+      :host(:active) {
+        --elevation-level: 0;
       }
 
       custom-icon {
         --custom-icon-color: var(--md-sys-color-on-surface);
       }
-    `];render(){return c`
-      <custom-button>
-        <custom-icon slot="icon" .icon=${this.icon}></custom-icon>
-      </custom-button>
-    `}constructor(){super(...arguments),o(this,d)}static{o(r,u)}},r})();export{n as CustomIconButton};
+    `];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};

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-FNGRBR93.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,i as o,s as a}from"./property-COFqvTC-.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`
       :host {
         display: none;
       }

package/exports/bundle/icon.js

@@ -1,4 +1,4 @@
-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-FNGRBR93.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,r as o,i,x as a,s as c}from"./property-COFqvTC-.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`
       :host {
         --__custom-icon-size: var(--custom-icon-size, 24px);
         --custom-icon-color: var(--md-sys-color-on-surface);

package/exports/bundle/input.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as a,x as l,s}from"./property-FNGRBR93.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{i as a,x as l,s}from"./property-COFqvTC-.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`
       :host {
         display: flex;
         flex-direction: column;

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-FNGRBR93.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{r as s,i as a,x as n,s as r}from"./property-COFqvTC-.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`
       * {
         pointer-events: none;
         user-select: none;

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-FNGRBR93.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{i as s,x as l,s as o}from"./property-COFqvTC-.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`
       :host {
         display: flex;
         flex-direction: column;

package/exports/bundle/minute-field.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as a,x as l,s}from"./property-FNGRBR93.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{i as a,x as l,s}from"./property-COFqvTC-.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`
       :host {
         display: block;
       }

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-ChyTplU0.js";import{i as o,x as r}from"./property-FNGRBR93.js";import"./icon.js";import"./column-C9T77S9n.js";import"./row-Bc6ZibAv.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{t as s,r as a,n as i}from"./property-DA1lO0Et.js";import{i as o,x as r}from"./property-COFqvTC-.js";import"./icon.js";import"./column-CP9TdwUA.js";import"./row-Dkvp0Fm3.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`
     :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-FNGRBR93.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./notification.js";import"./icon.js";import"./pane.js";import"./row-Bc6ZibAv.js";import"./property-ChyTplU0.js";import"./column-C9T77S9n.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{r as o,i,x as s,s as n}from"./property-COFqvTC-.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./notification.js";import"./icon.js";import"./pane.js";import"./row-Dkvp0Fm3.js";import"./property-DA1lO0Et.js";import"./column-CP9TdwUA.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`
       :host {
         display: flex;
         flex-direction: column;

package/exports/bundle/pages.js

@@ -1,4 +1,4 @@
-import{i as e,x as t}from"./property-FNGRBR93.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-COFqvTC-.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-FNGRBR93.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,r as o,x as a,s as i}from"./property-COFqvTC-.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`
   :host {
     display: flex;
     flex-direction: column;

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-FNGRBR93.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{r as o,i as s,x as r,s as a}from"./property-COFqvTC-.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`
       :host {
         display: contents;
       }