@vandeurenglenn/lite-elements 0.3.67 → 0.3.69

package/exports/banner.js

@@ -1,9 +1,10 @@
 import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
 import './icon-button.js';
-import { customElement, html, LiteElement } from '@vandeurenglenn/lite';
+import { customElement, LiteElement, html } from '@vandeurenglenn/lite';
 import '@vandeurenglenn/flex-elements/it.js';
 import './button.js';
 import './elevation.js';
+import './button.css.js';
 import './icon.js';
 import '@vandeurenglenn/little-pubsub';
 

package/exports/bundle/banner.js

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

package/exports/bundle/button.css.js

@@ -0,0 +1,213 @@
+import{i as e}from"./property-ITdaEFzc.js";var o=e`
+  :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: var(--custom-button-border-radius);
+    position: relative;
+    pointer-events: auto;
+    cursor: pointer;
+    overflow: hidden;
+
+    --elevation-level: 0;
+  }
+
+  button {
+    box-sizing: border-box;
+    border: none;
+    background: transparent;
+    color: inherit;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+    outline: none;
+    cursor: pointer;
+    border-radius: inherit;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    position: relative;
+    pointer-events: none;
+    font-size: inherit;
+  }
+
+  .label,
+  ::slotted(*) {
+    font-family: var(--md-sys-typescale-label-large-font-family-name);
+    font-style: var(--md-sys-typescale-label-large-font-family-style);
+    font-weight: var(--md-sys-typescale-label-large-font-weight);
+    font-size: var(--md-sys-typescale-label-large-font-size);
+    letter-spacing: var(--md-sys-typescale-label-large-tracking);
+    line-height: var(--md-sys-typescale-label-large-height);
+    text-transform: var(--md-sys-typescale-label-large-text-transform);
+    text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+  }
+
+  :host([type='filled']) {
+    background: var(--md-sys-color-primary);
+  }
+
+  :host([type='filled']),
+  :host([type='filled']) ::slotted(*) {
+    color: var(--md-sys-color-on-primary);
+    fill: var(--md-sys-color-on-primary);
+  }
+
+  :host([type='outlined']) {
+    border: solid 1px;
+    border-color: var(--md-sys-color-outline);
+    background: var(--md-sys-color-surface);
+  }
+
+  :host([type='outlined']),
+  :host([type='outlined']) ::slotted(*) {
+    color: var(--md-sys-color-on-surface);
+    fill: var(--md-sys-color-on-surface);
+  }
+
+  :host([type='elevated']) {
+    background: var(--md-sys-color-surface-container-low);
+  }
+
+  :host([type='elevated']),
+  :host([type='elevated']) ::slotted(*) {
+    color: var(--md-sys-color-primary);
+    fill: var(--md-sys-color-primary);
+  }
+
+  :host([type='tertiary']) {
+    background: var(--md-sys-color-tertiary);
+  }
+
+  :host([type='tertiary']),
+  :host([type='tertiary']) ::slotted(*) {
+    color: var(--md-sys-color-on-tertiary);
+    fill: var(--md-sys-color-on-tertiary);
+  }
+
+  :host([type='tonal']) {
+    background: var(--md-sys-color-secondary-container);
+  }
+
+  :host([type='tonal']),
+  :host([type='tonal']) ::slotted(*) {
+    color: var(--md-sys-color-on-secondary-container);
+    fill: var(--md-sys-color-on-secondary-container);
+  }
+
+  custom-elevation {
+    --md-elevation-level: var(--elevation-level);
+  }
+
+  :host([type='elevated']) custom-elevation {
+    --elevation-level: 1;
+  }
+
+  :host([type='filled']),
+  :host([type='outlined']),
+  :host([type='text']),
+  :host([type='tonal']) {
+    --elevation-level: 0;
+  }
+
+  :host([has-label]) .label {
+    padding-left: 24px;
+    padding-right: 24px;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    flex: 1;
+    text-align: center;
+  }
+
+  :host([has-icon]:not([has-label])) {
+    border-radius: 50%;
+    width: 40px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  :host([has-icon][has-label]) .label {
+    padding-left: 8px;
+    padding-right: 24px;
+    text-align: end;
+  }
+  :host([has-icon][has-label]) slot[name='icon']::slotted(*) {
+    padding-left: 16px;
+  }
+
+  :host([disabled]) .label,
+  :host([disabled]) slot[name='icon']::slotted(*) {
+    opacity: 0.28;
+  }
+  .label {
+    font-size: inherit;
+  }
+
+  ::slotted(*) {
+    pointer-events: none;
+  }
+
+  :host([type='elevated']:focus),
+  :host([type='elevated']:hover) {
+    --elevation-level: 2;
+  }
+
+  :host(:active) {
+    --elevation-level: 0;
+  }
+
+  button * {
+    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);
+  }
+
+  :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;
+  }
+`;export{o as default};

package/exports/bundle/button.js

@@ -1,211 +1,8 @@
-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-CVzdqkRx.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: var(--custom-button-border-radius);
-        position: relative;
-        pointer-events: auto;
-        cursor: pointer;
-        overflow: hidden;
-
-        --elevation-level: 0;
-      }
-
-      button {
-        box-sizing: border-box;
-        border: none;
-        background: transparent;
-        color: inherit;
-        align-items: center;
-        justify-content: center;
-        user-select: none;
-        outline: none;
-        cursor: pointer;
-        border-radius: inherit;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        position: relative;
-        pointer-events: none;
-        font-size: inherit;
-      }
-
-      .label {
-        flex: 1;
-        text-align: center;
-      }
-
-      .label,
-      ::slotted(*) {
-        font-family: var(--md-sys-typescale-label-large-font-family-name);
-        font-style: var(--md-sys-typescale-label-large-font-family-style);
-        font-weight: var(--md-sys-typescale-label-large-font-weight);
-        font-size: var(--md-sys-typescale-label-large-font-size);
-        letter-spacing: var(--md-sys-typescale-label-large-tracking);
-        line-height: var(--md-sys-typescale-label-large-height);
-        text-transform: var(--md-sys-typescale-label-large-text-transform);
-        text-decoration: var(--md-sys-typescale-label-large-text-decoration);
-      }
-
-      :host([type='filled']),
-      :host([type='filled']) ::slotted(*) {
-        color: var(--md-sys-color-on-primary);
-        fill: var(--md-sys-color-on-primary);
-        background: var(--md-sys-color-primary);
-      }
-
-      :host([type='outlined']) {
-        border: solid 1px;
-        border-color: var(--md-sys-color-outline);
-      }
-
-      :host([type='outlined']),
-      :host([type='outlined']) ::slotted(*) {
-        color: var(--md-sys-color-on-surface);
-        fill: var(--md-sys-color-on-surface);
-        background: var(--md-sys-color-surface);
-      }
-
-      :host([type='elevated']),
-      :host([type='elevated']) ::slotted(*) {
-        color: var(--md-sys-color-primary);
-        fill: var(--md-sys-color-primary);
-        background: var(--md-sys-color-surface-container-low);
-      }
-
-      :host([type='tertiary']),
-      :host([type='tertiary']) ::slotted(*) {
-        background: var(--md-sys-color-tertiary);
-        color: var(--md-sys-color-on-tertiary);
-        fill: var(--md-sys-color-on-tertiary);
-      }
-
-      :host([type='tonal']),
-      :host([type='tonal']) ::slotted(*) {
-        background: var(--md-sys-color-secondary-container);
-        color: var(--md-sys-color-on-secondary-container);
-        fill: var(--md-sys-color-on-secondary-container);
-      }
-
-      custom-elevation {
-        --md-elevation-level: var(--elevation-level);
-      }
-
-      :host([type='elevated']) custom-elevation {
-        --elevation-level: 1;
-      }
-
-      :host([type='filled']),
-      :host([type='outlined']),
-      :host([type='text']),
-      :host([type='tonal']) {
-        --elevation-level: 0;
-      }
-
-      :host([has-label]) .label {
-        padding-left: 24px;
-        padding-right: 24px;
-        align-items: center;
-        display: flex;
-        justify-content: center;
-      }
-
-      :host([has-icon]:not([has-label])) {
-        border-radius: 50%;
-        width: 40px;
-        align-items: center;
-        justify-content: center;
-      }
-
-      :host([has-icon][has-label]) .label {
-        padding-left: 8px;
-        padding-right: 24px;
-        text-align: end;
-      }
-      :host([has-icon][has-label]) slot[name='icon']::slotted(*) {
-        padding-left: 16px;
-      }
-
-      :host([disabled]) .label,
-      :host([disabled]) slot[name='icon']::slotted(*) {
-        opacity: 0.28;
-      }
-      .label {
-        font-size: inherit;
-      }
-
-      ::slotted(*) {
-        pointer-events: none;
-      }
-
-      :host([type='elevated']:focus),
-      :host([type='elevated']:hover) {
-        --elevation-level: 2;
-      }
-
-      :host(:active) {
-        --elevation-level: 0;
-      }
-
-      button * {
-        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);
-      }
-
-      :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`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./property-ITdaEFzc.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import c from"./button.css.js";let r=(()=>{let r,i,n,h,b,m,u=[l("custom-button")],g=[],p=s,d=[],_=[],y=[],f=[],v=[],L=[],I=[],j=[];return class extends p{static{i=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[a({attribute:"has-icon",reflect:!0})],h=[a({attribute:"type",reflect:!0})],b=[a({attribute:!0})],m=[a({attribute:"has-label",reflect:!0})],t(this,null,n,{kind:"accessor",name:"hasIcon",static:!1,private:!1,access:{has:t=>"hasIcon"in t,get:t=>t.hasIcon,set:(t,e)=>{t.hasIcon=e}},metadata:e},d,_),t(this,null,h,{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},y,f),t(this,null,b,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:e},v,L),t(this,null,m,{kind:"accessor",name:"hasLabel",static:!1,private:!1,access:{has:t=>"hasLabel"in t,get:t=>t.hasLabel,set:(t,e)=>{t.hasLabel=e}},metadata:e},I,j),t(null,r={value:i},u,{kind:"class",name:i.name,metadata:e},null,g),i=r.value,e&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,void 0);get hasIcon(){return this.#t}set hasIcon(t){this.#t=t}#e=(e(this,_),e(this,y,"text"));get type(){return this.#e}set type(t){this.#e=t}#s=(e(this,f),e(this,v,void 0));get label(){return this.#s}set label(t){this.#s=t}#a=(e(this,L),e(this,I,void 0));get hasLabel(){return this.#a}set hasLabel(t){this.#a=t}static styles=[c];firstRender(){const t=Array.from(this.shadowRoot.querySelectorAll("slot"));for(const e of t)e.addEventListener("slotchange",(()=>this.#o(e)));if(t?.length>0)for(const e of t)this.#o(e)}onChange(t,e){"label"===t&&(this.hasLabel=!!e)}#o=(e(this,j),t=>{"icon"===t.getAttribute("name")&&(this.hasIcon=0!==Array.from(t?.assignedNodes()||[]).length)});render(){return o`
       <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,v)}},i})();export{n as CustomButton};
+    `}static{e(i,g)}},i})();export{r as CustomButton};

package/exports/bundle/card.js

@@ -1,7 +1,7 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{x as o,s}from"./property-CVzdqkRx.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{s as o,x as s}from"./property-ITdaEFzc.js";import{e as a}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./divider.js";import"./elevation.js";import"./button.css.js";let i=(()=>{let i,l,r=[a("custom-card")],n=[],d=o;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?s`<custom-divider
           ?inset=${"inset"===this.dividerType}
           ?middle-inset=${"inset"===this.dividerType}
-        ></custom-divider>`:""}render(){return o`
+        ></custom-divider>`:""}render(){return s`
       <style>
         :host {
           box-sizing: border-box;

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-CVzdqkRx.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{s as a,r as o,i as r,x as s}from"./property-ITdaEFzc.js";import{e as c}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,l,n,d=[c("demo-code")],m=[],p=a,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=[o({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=[r`
       :host {
         display: flex;
 
@@ -26,7 +26,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as a,i as o,x as r,s
         margin-bottom: -12px;
         margin-left: -46px;
       }
-    `];render(){return r`
+    `];render(){return s`
       <pre class="language-html">
       <code class="language-html">
         ${this.code}

package/exports/bundle/{column-DDQ_cHlH.js → column-CFoAXmNm.js}

@@ -1 +1 @@
-import{F as e}from"./row-UiFoKyj7.js";customElements.define("flex-column",class FlexColumn extends e{constructor(){super(),this.direction="column"}});
+import{F as e}from"./row-D8mlTlsJ.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-CVzdqkRx.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-ITdaEFzc.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,8 +1,8 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,x as v,s as a}from"./property-CVzdqkRx.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{s,i as v,x as a}from"./property-ITdaEFzc.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=s;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=[v`
       :host {
         display: block;
       }
-    `];render(){return v` <custom-icon-set>
+    `];render(){return a` <custom-icon-set>
       <template>
         <span name="home"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M220-180h150v-250h220v250h150v-390L480-765 220-570v390Zm-60 60v-480l320-240 320 240v480H530v-250H430v250H160Zm320-353Z"/></svg></span>
         <span name="menu"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-240v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"/></svg></span>

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-CVzdqkRx.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-DDQ_cHlH.js";import"./row-UiFoKyj7.js";import"./tab.js";import"./input.js";import"./property-dP9ZH-qy.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{s as o,i as s,x as i}from"./property-ITdaEFzc.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"./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"./tab.js";import"./input.js";import"./property-uXlWYiST.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=o,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=[s`
       custom-drawer-layout {
         height: 100%;
         width: 100%;
@@ -41,7 +41,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as s,s as i}f
       flex-row:not([slot='top-app-bar-end']) {
         width: 100%;
       }
-    `];render(){return s`
+    `];render(){return i`
       <custom-theme></custom-theme>
       <demo-icons></demo-icons>
 

package/exports/bundle/demo.js

@@ -1,8 +1,8 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as o,x as s,s as i}from"./property-CVzdqkRx.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{s as o,i as s,x as i}from"./property-ITdaEFzc.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=o,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=[s`
       :host {
         display: block;
       }
-    `];async 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-selector")?this.selector.select(t):(await customElements.whenDefined("custom-selector"),this.selector.select(t),this.pages.select(t)))}render(){return s`
+    `];async 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-selector")?this.selector.select(t):(await customElements.whenDefined("custom-selector"),this.selector.select(t),this.pages.select(t)))}render(){return i`
       <custom-drawer-layout class="demo-container">
         <span slot="drawer-headline"> menu </span>
 

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-CVzdqkRx.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{s,r as o,i as a,x as r}from"./property-ITdaEFzc.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=s,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=[o({type:Boolean,reflect:!0})],h=[o({type:Boolean,reflect:!0})],m=[o({type:Boolean,reflect:!0,attribute:"has-actions"})],d=[o({type:Boolean,reflect:!0,attribute:"has-header"})],p=[o({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=[a`
       :host {
         position: absolute;
         inset: 0;
@@ -117,7 +117,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as a,s
       slot[name='actions'] {
         align-items: flex-end;
       }
-    `];render(){return a`
+    `];render(){return r`
       <span class="scrim" @click=${this._close}></span>
       <dialog ?open=${this.open}>
         <custom-elevation level=${this.fullscreen?0:3}></custom-elevation>
@@ -127,15 +127,15 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as a,s
           <flex-row class="header" center>
             <flex-row center style="width: 100%">
               <slot name="header-start">
-                ${this.fullscreen?a`<custom-button @click=${this._close}
+                ${this.fullscreen?r`<custom-button @click=${this._close}
                       ><custom-icon slot="icon">close</custom-icon></custom-button
                     >`:""}
               </slot>
               <slot name="title"></slot>
               <flex-it></flex-it>
               <slot name="header-end">
-                ${this.fullscreen?a`<slot name="actions"></slot>`:""}
-                ${this.fullscreen?"":a`<custom-button @click=${this._close}
+                ${this.fullscreen?r`<slot name="actions"></slot>`:""}
+                ${this.fullscreen?"":r`<custom-button @click=${this._close}
                       ><custom-icon slot="icon">close</custom-icon></custom-button
                     >`}
               </slot>
@@ -146,6 +146,6 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as o,x as a,s
           <slot></slot>
         </flex-column>
 
-        ${this.fullscreen?"":a`<slot name="actions"></slot>`}
+        ${this.fullscreen?"":r`<slot name="actions"></slot>`}
       </dialog>
     `}static{t(l,g)}},l})();export{i as CustomDialog};

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-CVzdqkRx.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{s as i,x as a}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./elevation.js";import"./button.css.js";let o=(()=>{let o,s,l=[r("custom-divider")],n=[],m=i;return class extends m{static{s=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,o={value:s},l,{kind:"class",name:s.name,metadata:e},null,n),s=o.value,e&&Object.defineProperty(s,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 a`
       <style>
         :host {
           display: block;
@@ -19,4 +19,4 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{x as i,s as a}from"./p
           margin-right: 16px;
         }
       </style>
-    `}static{e(l,n)}},l})();export{o as CustomDivider};
+    `}static{e(s,n)}},s})();export{o as CustomDivider};

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-CVzdqkRx.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{s,r as a,i as o,x as i}from"./property-ITdaEFzc.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./icon-button.js";import"./button.js";import"./elevation.js";import"./button.css.js";import"./icon.js";let n=(()=>{let n,c,l,m,d,p=[r("custom-drawer-button")],u=[],b=s,h=[],_=[],g=[],w=[],v=[],y=[];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,attribute:"drawer-open"})],d=[a()],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},h,_),e(this,null,m,{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,d,{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,h,!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=[o`
       :host {
         display: block;
         opacity: 1;
@@ -11,4 +11,4 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{r as s,i as a,x as o,s
         pointer-events: none;
         width: 0;
       }
-    `];render(){return o` <custom-icon-button @click=${()=>this.openPane()} icon="menu"> </custom-icon-button> `}constructor(){super(...arguments),t(this,y)}static{t(c,u)}},c})();export{n as CustomDrawerButton};
+    `];render(){return i` <custom-icon-button @click=${()=>this.openPane()} icon="menu"> </custom-icon-button> `}constructor(){super(...arguments),t(this,y)}static{t(c,u)}},c})();export{n as CustomDrawerButton};