@vandeurenglenn/lite-elements 0.3.49 → 0.3.51

package/exports/bundle/themes/default/typography.module.css

@@ -1,150 +1,150 @@
-.display-large{
-  font-family: var(--md-sys-typescale-display-large-font-family-name);
-  font-style: var(--md-sys-typescale-display-large-font-family-style);
-  font-weight: var(--md-sys-typescale-display-large-font-weight);
-  font-size: var(--md-sys-typescale-display-large-font-size);
-  letter-spacing: var(--md-sys-typescale-display-large-tracking);
-  line-height: var(--md-sys-typescale-display-large-height);
-  text-transform: var(--md-sys-typescale-display-large-text-transform);
-  text-decoration: var(--md-sys-typescale-display-large-text-decoration);
-}
-.display-medium{
-  font-family: var(--md-sys-typescale-display-medium-font-family-name);
-  font-style: var(--md-sys-typescale-display-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-display-medium-font-weight);
-  font-size: var(--md-sys-typescale-display-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
-  line-height: var(--md-sys-typescale-display-medium-height);
-  text-transform: var(--md-sys-typescale-display-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
-}
-.display-small{
-  font-family: var(--md-sys-typescale-display-small-font-family-name);
-  font-style: var(--md-sys-typescale-display-small-font-family-style);
-  font-weight: var(--md-sys-typescale-display-small-font-weight);
-  font-size: var(--md-sys-typescale-display-small-font-size);
-  letter-spacing: var(--md-sys-typescale-display-small-tracking);
-  line-height: var(--md-sys-typescale-display-small-height);
-  text-transform: var(--md-sys-typescale-display-small-text-transform);
-  text-decoration: var(--md-sys-typescale-display-small-text-decoration);
-}
-.headline-large{
-  font-family: var(--md-sys-typescale-headline-large-font-family-name);
-  font-style: var(--md-sys-typescale-headline-large-font-family-style);
-  font-weight: var(--md-sys-typescale-headline-large-font-weight);
-  font-size: var(--md-sys-typescale-headline-large-font-size);
-  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
-  line-height: var(--md-sys-typescale-headline-large-height);
-  text-transform: var(--md-sys-typescale-headline-large-text-transform);
-  text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
-}
-.headline-medium{
-  font-family: var(--md-sys-typescale-headline-medium-font-family-name);
-  font-style: var(--md-sys-typescale-headline-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-headline-medium-font-weight);
-  font-size: var(--md-sys-typescale-headline-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
-  line-height: var(--md-sys-typescale-headline-medium-height);
-  text-transform: var(--md-sys-typescale-headline-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
-}
-.headline-small{
-  font-family: var(--md-sys-typescale-headline-small-font-family-name);
-  font-style: var(--md-sys-typescale-headline-small-font-family-style);
-  font-weight: var(--md-sys-typescale-headline-small-font-weight);
-  font-size: var(--md-sys-typescale-headline-small-font-size);
-  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
-  line-height: var(--md-sys-typescale-headline-small-height);
-  text-transform: var(--md-sys-typescale-headline-small-text-transform);
-  text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
-}
-.body-large{
-  font-family: var(--md-sys-typescale-body-large-font-family-name);
-  font-style: var(--md-sys-typescale-body-large-font-family-style);
-  font-weight: var(--md-sys-typescale-body-large-font-weight);
-  font-size: var(--md-sys-typescale-body-large-font-size);
-  letter-spacing: var(--md-sys-typescale-body-large-tracking);
-  line-height: var(--md-sys-typescale-body-large-height);
-  text-transform: var(--md-sys-typescale-body-large-text-transform);
-  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
-}
-.body-medium{
-  font-family: var(--md-sys-typescale-body-medium-font-family-name);
-  font-style: var(--md-sys-typescale-body-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-body-medium-font-weight);
-  font-size: var(--md-sys-typescale-body-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-  line-height: var(--md-sys-typescale-body-medium-height);
-  text-transform: var(--md-sys-typescale-body-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
-}
-.body-small{
-  font-family: var(--md-sys-typescale-body-small-font-family-name);
-  font-style: var(--md-sys-typescale-body-small-font-family-style);
-  font-weight: var(--md-sys-typescale-body-small-font-weight);
-  font-size: var(--md-sys-typescale-body-small-font-size);
-  letter-spacing: var(--md-sys-typescale-body-small-tracking);
-  line-height: var(--md-sys-typescale-body-small-height);
-  text-transform: var(--md-sys-typescale-body-small-text-transform);
-  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
-}
-.label-large{
-  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);
-}
-.label-medium{
-  font-family: var(--md-sys-typescale-label-medium-font-family-name);
-  font-style: var(--md-sys-typescale-label-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-label-medium-font-weight);
-  font-size: var(--md-sys-typescale-label-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
-  line-height: var(--md-sys-typescale-label-medium-height);
-  text-transform: var(--md-sys-typescale-label-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
-}
-.label-small{
-  font-family: var(--md-sys-typescale-label-small-font-family-name);
-  font-style: var(--md-sys-typescale-label-small-font-family-style);
-  font-weight: var(--md-sys-typescale-label-small-font-weight);
-  font-size: var(--md-sys-typescale-label-small-font-size);
-  letter-spacing: var(--md-sys-typescale-label-small-tracking);
-  line-height: var(--md-sys-typescale-label-small-height);
-  text-transform: var(--md-sys-typescale-label-small-text-transform);
-  text-decoration: var(--md-sys-typescale-label-small-text-decoration);
-}
-.title-large{
-  font-family: var(--md-sys-typescale-title-large-font-family-name);
-  font-style: var(--md-sys-typescale-title-large-font-family-style);
-  font-weight: var(--md-sys-typescale-title-large-font-weight);
-  font-size: var(--md-sys-typescale-title-large-font-size);
-  letter-spacing: var(--md-sys-typescale-title-large-tracking);
-  line-height: var(--md-sys-typescale-title-large-height);
-  text-transform: var(--md-sys-typescale-title-large-text-transform);
-  text-decoration: var(--md-sys-typescale-title-large-text-decoration);
-}
-.title-medium{
-  font-family: var(--md-sys-typescale-title-medium-font-family-name);
-  font-style: var(--md-sys-typescale-title-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-title-medium-font-weight);
-  font-size: var(--md-sys-typescale-title-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
-  line-height: var(--md-sys-typescale-title-medium-height);
-  text-transform: var(--md-sys-typescale-title-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
-}
-.title-small{
-  font-family: var(--md-sys-typescale-title-small-font-family-name);
-  font-style: var(--md-sys-typescale-title-small-font-family-style);
-  font-weight: var(--md-sys-typescale-title-small-font-weight);
-  font-size: var(--md-sys-typescale-title-small-font-size);
-  letter-spacing: var(--md-sys-typescale-title-small-tracking);
-  line-height: var(--md-sys-typescale-title-small-height);
-  text-transform: var(--md-sys-typescale-title-small-text-transform);
-  text-decoration: var(--md-sys-typescale-title-small-text-decoration);
-}
+.display-large{
+  font-family: var(--md-sys-typescale-display-large-font-family-name);
+  font-style: var(--md-sys-typescale-display-large-font-family-style);
+  font-weight: var(--md-sys-typescale-display-large-font-weight);
+  font-size: var(--md-sys-typescale-display-large-font-size);
+  letter-spacing: var(--md-sys-typescale-display-large-tracking);
+  line-height: var(--md-sys-typescale-display-large-height);
+  text-transform: var(--md-sys-typescale-display-large-text-transform);
+  text-decoration: var(--md-sys-typescale-display-large-text-decoration);
+}
+.display-medium{
+  font-family: var(--md-sys-typescale-display-medium-font-family-name);
+  font-style: var(--md-sys-typescale-display-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-display-medium-font-weight);
+  font-size: var(--md-sys-typescale-display-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
+  line-height: var(--md-sys-typescale-display-medium-height);
+  text-transform: var(--md-sys-typescale-display-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
+}
+.display-small{
+  font-family: var(--md-sys-typescale-display-small-font-family-name);
+  font-style: var(--md-sys-typescale-display-small-font-family-style);
+  font-weight: var(--md-sys-typescale-display-small-font-weight);
+  font-size: var(--md-sys-typescale-display-small-font-size);
+  letter-spacing: var(--md-sys-typescale-display-small-tracking);
+  line-height: var(--md-sys-typescale-display-small-height);
+  text-transform: var(--md-sys-typescale-display-small-text-transform);
+  text-decoration: var(--md-sys-typescale-display-small-text-decoration);
+}
+.headline-large{
+  font-family: var(--md-sys-typescale-headline-large-font-family-name);
+  font-style: var(--md-sys-typescale-headline-large-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-large-font-weight);
+  font-size: var(--md-sys-typescale-headline-large-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
+  line-height: var(--md-sys-typescale-headline-large-height);
+  text-transform: var(--md-sys-typescale-headline-large-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
+}
+.headline-medium{
+  font-family: var(--md-sys-typescale-headline-medium-font-family-name);
+  font-style: var(--md-sys-typescale-headline-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-medium-font-weight);
+  font-size: var(--md-sys-typescale-headline-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+  line-height: var(--md-sys-typescale-headline-medium-height);
+  text-transform: var(--md-sys-typescale-headline-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
+}
+.headline-small{
+  font-family: var(--md-sys-typescale-headline-small-font-family-name);
+  font-style: var(--md-sys-typescale-headline-small-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-small-font-weight);
+  font-size: var(--md-sys-typescale-headline-small-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+  line-height: var(--md-sys-typescale-headline-small-height);
+  text-transform: var(--md-sys-typescale-headline-small-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
+}
+.body-large{
+  font-family: var(--md-sys-typescale-body-large-font-family-name);
+  font-style: var(--md-sys-typescale-body-large-font-family-style);
+  font-weight: var(--md-sys-typescale-body-large-font-weight);
+  font-size: var(--md-sys-typescale-body-large-font-size);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+  line-height: var(--md-sys-typescale-body-large-height);
+  text-transform: var(--md-sys-typescale-body-large-text-transform);
+  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
+}
+.body-medium{
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+}
+.body-small{
+  font-family: var(--md-sys-typescale-body-small-font-family-name);
+  font-style: var(--md-sys-typescale-body-small-font-family-style);
+  font-weight: var(--md-sys-typescale-body-small-font-weight);
+  font-size: var(--md-sys-typescale-body-small-font-size);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+  line-height: var(--md-sys-typescale-body-small-height);
+  text-transform: var(--md-sys-typescale-body-small-text-transform);
+  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
+}
+.label-large{
+  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);
+}
+.label-medium{
+  font-family: var(--md-sys-typescale-label-medium-font-family-name);
+  font-style: var(--md-sys-typescale-label-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-label-medium-font-weight);
+  font-size: var(--md-sys-typescale-label-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+  line-height: var(--md-sys-typescale-label-medium-height);
+  text-transform: var(--md-sys-typescale-label-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
+}
+.label-small{
+  font-family: var(--md-sys-typescale-label-small-font-family-name);
+  font-style: var(--md-sys-typescale-label-small-font-family-style);
+  font-weight: var(--md-sys-typescale-label-small-font-weight);
+  font-size: var(--md-sys-typescale-label-small-font-size);
+  letter-spacing: var(--md-sys-typescale-label-small-tracking);
+  line-height: var(--md-sys-typescale-label-small-height);
+  text-transform: var(--md-sys-typescale-label-small-text-transform);
+  text-decoration: var(--md-sys-typescale-label-small-text-decoration);
+}
+.title-large{
+  font-family: var(--md-sys-typescale-title-large-font-family-name);
+  font-style: var(--md-sys-typescale-title-large-font-family-style);
+  font-weight: var(--md-sys-typescale-title-large-font-weight);
+  font-size: var(--md-sys-typescale-title-large-font-size);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+  line-height: var(--md-sys-typescale-title-large-height);
+  text-transform: var(--md-sys-typescale-title-large-text-transform);
+  text-decoration: var(--md-sys-typescale-title-large-text-decoration);
+}
+.title-medium{
+  font-family: var(--md-sys-typescale-title-medium-font-family-name);
+  font-style: var(--md-sys-typescale-title-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-title-medium-font-weight);
+  font-size: var(--md-sys-typescale-title-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+  line-height: var(--md-sys-typescale-title-medium-height);
+  text-transform: var(--md-sys-typescale-title-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
+}
+.title-small{
+  font-family: var(--md-sys-typescale-title-small-font-family-name);
+  font-style: var(--md-sys-typescale-title-small-font-family-style);
+  font-weight: var(--md-sys-typescale-title-small-font-weight);
+  font-size: var(--md-sys-typescale-title-small-font-size);
+  letter-spacing: var(--md-sys-typescale-title-small-tracking);
+  line-height: var(--md-sys-typescale-title-small-height);
+  text-transform: var(--md-sys-typescale-title-small-text-transform);
+  text-decoration: var(--md-sys-typescale-title-small-text-decoration);
+}

package/exports/bundle/time-picker.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as s,x as l,s as i}from"./property-BYA8Sw2t.js";import"./input.js";let c=(()=>{let c,n,m=[a("custom-time-picker")],p=[],o=i;return class extends o{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:n},m,{kind:"class",name:n.name,metadata:e},null,p),n=c.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
+import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as s,k as l,s as i}from"./property-DL093_VN.js";import"./input.js";let c=(()=>{let c,n,m=[a("custom-time-picker")],p=[],o=i;return class extends o{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:n},m,{kind:"class",name:n.name,metadata:e},null,p),n=c.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
       :host {
         display: block;
       }

package/exports/bundle/toggle-button.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,x as o,s as c}from"./property-BYA8Sw2t.js";import"./button.js";import"./toggle.js";import"./elevation.js";let i=(()=>{let i,r,l,g,n=[s("custom-toggle-button")],m=[],u=c,v=[],h=[],d=[],_=[];return class extends u{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[a({type:Number})],g=[a({type:Array})],t(this,null,l,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:s},v,h),t(this,null,g,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:s},d,_),t(null,i={value:r},n,{kind:"class",name:r.name,metadata:s},null,m),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,m)}#t=e(this,v,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,h),e(this,d,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}get _toggle(){return this.shadowRoot.querySelector("custom-toggle")}_click=(e(this,_),()=>{this._toggle.next()});connectedCallback(){this.addEventListener("click",this._click)}disconnectedCallback(){this.removeEventListener("click",this._click)}_onactive=t=>{this.dispatchEvent(new CustomEvent("active",{detail:t.detail}))};render(){return o` <custom-button>
+import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,k as o,s as c}from"./property-DL093_VN.js";import"./button.js";import"./toggle.js";import"./elevation.js";let i=(()=>{let i,r,l,g,n=[s("custom-toggle-button")],m=[],u=c,v=[],h=[],d=[],_=[];return class extends u{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[a({type:Number})],g=[a({type:Array})],t(this,null,l,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:s},v,h),t(this,null,g,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:s},d,_),t(null,i={value:r},n,{kind:"class",name:r.name,metadata:s},null,m),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,m)}#t=e(this,v,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,h),e(this,d,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}get _toggle(){return this.shadowRoot.querySelector("custom-toggle")}_click=(e(this,_),()=>{this._toggle.next()});connectedCallback(){this.addEventListener("click",this._click)}disconnectedCallback(){this.removeEventListener("click",this._click)}_onactive=t=>{this.dispatchEvent(new CustomEvent("active",{detail:t.detail}))};render(){return o` <custom-button>
       <custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
       </custom-toggle>
     </custom-button>`}},r})();export{i as CustomToggleButton};

package/exports/bundle/toggle.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,i,x as c,s as o}from"./property-BYA8Sw2t.js";let r=(()=>{let r,n,g,l,h,v=[s("custom-toggle")],m=[],u=o,d=[],_=[],p=[],y=[],b=[],f=[];return class extends u{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;g=[a({type:Number})],l=[a({type:Array})],h=[a()],t(this,null,g,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:e},d,_),t(this,null,l,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:e},p,y),t(this,null,h,{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},b,f),t(null,r={value:n},v,{kind:"class",name:n.name,metadata:e},null,m),n=r.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,_),e(this,p,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}#s=(e(this,y),e(this,b,void 0));get icon(){return this.#s}set icon(t){this.#s=t}restartOnEnd=(e(this,f),!0);onChange(t,e){"active"===t&&this.dispatchEvent(new CustomEvent("active",{detail:this.active})),("active"===t&&this.togglers||"togglers"===t&&void 0!==this.active)&&(this.icon=this.togglers[this.active])}async next(){this.active<this.togglers.length-1?this.active+=1:this.restartOnEnd&&(this.active=0)}previous(){0!==this.active&&(this.active-=1)}static styles=[i`
+import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,i,k as c,s as o}from"./property-DL093_VN.js";let r=(()=>{let r,n,g,l,h,v=[s("custom-toggle")],m=[],u=o,d=[],_=[],p=[],y=[],b=[],f=[];return class extends u{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;g=[a({type:Number})],l=[a({type:Array})],h=[a()],t(this,null,g,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:e},d,_),t(this,null,l,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:e},p,y),t(this,null,h,{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},b,f),t(null,r={value:n},v,{kind:"class",name:n.name,metadata:e},null,m),n=r.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,_),e(this,p,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}#s=(e(this,y),e(this,b,void 0));get icon(){return this.#s}set icon(t){this.#s=t}restartOnEnd=(e(this,f),!0);onChange(t,e){"active"===t&&this.dispatchEvent(new CustomEvent("active",{detail:this.active})),("active"===t&&this.togglers||"togglers"===t&&void 0!==this.active)&&(this.icon=this.togglers[this.active])}async next(){this.active<this.togglers.length-1?this.active+=1:this.restartOnEnd&&(this.active=0)}previous(){0!==this.active&&(this.active-=1)}static styles=[i`
       :host {
         display: contents;
       }

package/exports/bundle/top-app-bar.js

@@ -1,4 +1,65 @@
-import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,x as l,s as o}from"./property-BYA8Sw2t.js";import"./it-Dft_Rjy-.js";import"./row-DYDgQVDj.js";import r from"@vandeurenglenn/custom-shared-styles/top-app-bar.css";let c=(()=>{let c,i,n,m,p=[s("custom-top-app-bar")],y=[],u=o,g=[],d=[],h=[],f=[];return class extends u{static{i=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[a({type:String,reflect:!0})],m=[a({type:Boolean,reflect:!0})],t(this,null,n,{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},g,d),t(this,null,m,{kind:"accessor",name:"scrolling",static:!1,private:!1,access:{has:t=>"scrolling"in t,get:t=>t.scrolling,set:(t,e)=>{t.scrolling=e}},metadata:e},h,f),t(null,c={value:i},p,{kind:"class",name:i.name,metadata:e},null,y),i=c.value,e&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,g,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,d),e(this,h,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[r];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return l`
+import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{i as o,r as a,k as l,s as r}from"./property-DL093_VN.js";import"./it-Dft_Rjy-.js";import"./row-CW5FbTZ_.js";var i=o`
+  :host {
+    display: flex;
+    flex-direction: column;
+    width: calc(100% - 2px);
+    background-color: var(--md-sys-color-surface);
+    color: var(--md-sys-color-on-surface);
+    box-sizing: border-box;
+  }
+
+  .container {
+    padding: 20px 12px 24px 12px;
+    box-sizing: border-box;
+    position: relative;
+    height: var(--custom-top-app-bar-height, 64px);
+  }
+
+  :host([type='center-aligned']) .container,
+  :host([type='small']) .container {
+    justify-content: center;
+  }
+
+  :host(:not([type='center-aligned'])) ::slotted([name='title']) {
+    padding-left: 16px;
+  }
+
+  :host(:not([type='large'])) ::slotted([name='title']) {
+    padding-bottom: 28px;
+  }
+
+  :host([type='medium']) .container {
+    height: 112px;
+  }
+  :host([type='large']) .container {
+    height: 152px;
+  }
+
+  :host([type='center-aligned']) slot[name='title']::slotted(*) {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  :host(:not([type='center-aligned'])) slot[name='title']::slotted(*) {
+    padding-left: 6px;
+  }
+
+  :host([scrolling]) {
+    --md-elevation-level: 2;
+    padding: 0 16px;
+  }
+
+  flex-row {
+    width: 100%;
+    align-items: center;
+  }
+
+  custom-elevation {
+    border-radius: var(--md-sys-shape-corner-large);
+  }
+`;let n=(()=>{let o,n,c,p,m=[s("custom-top-app-bar")],d=[],g=r,y=[],h=[],u=[],x=[];return class extends g{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;c=[a({type:String,reflect:!0})],p=[a({type:Boolean,reflect:!0})],t(this,null,c,{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,h),t(this,null,p,{kind:"accessor",name:"scrolling",static:!1,private:!1,access:{has:t=>"scrolling"in t,get:t=>t.scrolling,set:(t,e)=>{t.scrolling=e}},metadata:e},u,x),t(null,o={value:n},m,{kind:"class",name:n.name,metadata:e},null,d),n=o.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,y,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,h),e(this,u,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[i];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return l`
       <flex-column class="container">
         <custom-elevation></custom-elevation>
         <flex-row>
@@ -18,4 +79,4 @@ import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,x a
               </custom-typography>
             `:""}
       </flex-column>
-    `}constructor(){super(...arguments),e(this,f)}static{e(i,y)}},i})();export{c as CustomTopAppBar};
+    `}constructor(){super(...arguments),e(this,x)}static{e(n,d)}},n})();export{n as CustomTopAppBar};

package/exports/bundle/typography.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,i as l,x as y,s as i}from"./property-BYA8Sw2t.js";let m=(()=>{let m,r,o,n,d=[s("custom-typography")],c=[],f=i,p=[],g=[],h=[],v=[];return class extends f{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[a({type:String,reflect:!0})],n=[a({type:String,reflect:!0})],e(this,null,o,{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,g),e(this,null,n,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},h,v),e(null,m={value:r},d,{kind:"class",name:r.name,metadata:t},null,c),r=m.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"title");get type(){return this.#e}set type(e){this.#e=e}#t=(t(this,g),t(this,h,"large"));get size(){return this.#t}set size(e){this.#t=e}static styles=[l`
+import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,i as l,k as y,s as i}from"./property-DL093_VN.js";let m=(()=>{let m,r,o,n,d=[s("custom-typography")],c=[],f=i,p=[],g=[],h=[],v=[];return class extends f{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[a({type:String,reflect:!0})],n=[a({type:String,reflect:!0})],e(this,null,o,{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,g),e(this,null,n,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},h,v),e(null,m={value:r},d,{kind:"class",name:r.name,metadata:t},null,c),r=m.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"title");get type(){return this.#e}set type(e){this.#e=e}#t=(t(this,g),t(this,h,"large"));get size(){return this.#t}set size(e){this.#t=e}static styles=[l`
       :host {
         display: contents;
       }

package/exports/bundle/upload-file.js

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