@vandeurenglenn/lite-elements 0.3.75 → 0.3.78

package/exports/bundle/rail.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as o,x as a}from"./dark-mode-BhSl3mXB.js";import{e as i}from"./custom-element-B_TPyPQO.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";let l=(()=>{let l,r,n,c,m,p,h=[i("custom-rail")],d=[],y=s,g=[],u=[],b=[],f=[],_=[],v=[],x=[],j=[];return class extends y{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;n=[o({type:Boolean,reflect:!0})],c=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],p=[o({type:Boolean})],t(this,null,n,{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:s},g,u),t(this,null,c,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:s},b,f),t(this,null,m,{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:s},_,v),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:s},x,j),t(null,l={value:r},h,{kind:"class",name:r.name,metadata:s},null,d),r=l.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,d)}#t=e(this,g,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,u),e(this,b,!1));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,f),e(this,_,void 0));get type(){return this.#s}set type(t){this.#s=t}#o=(e(this,v),e(this,x,!1));get right(){return this.#o}set right(t){this.#o=t}render(){return a`<style>
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as o,x as a}from"./dark-mode-m29sAj4H.js";import{e as i}from"./custom-element-B_TPyPQO.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";let l=(()=>{let l,r,n,c,m,p,h=[i("custom-rail")],d=[],y=s,g=[],u=[],b=[],f=[],_=[],v=[],x=[],j=[];return class extends y{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;n=[o({type:Boolean,reflect:!0})],c=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],p=[o({type:Boolean})],t(this,null,n,{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:s},g,u),t(this,null,c,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:s},b,f),t(this,null,m,{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:s},_,v),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:s},x,j),t(null,l={value:r},h,{kind:"class",name:r.name,metadata:s},null,d),r=l.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,d)}#t=e(this,g,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,u),e(this,b,!1));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,f),e(this,_,void 0));get type(){return this.#s}set type(t){this.#s=t}#o=(e(this,v),e(this,x,!1));get right(){return this.#o}set right(t){this.#o=t}render(){return a`<style>
         :host {
           display: contents;
         }

package/exports/bundle/root.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as s,x as o}from"./dark-mode-BhSl3mXB.js";import{e as m}from"./custom-element-B_TPyPQO.js";import"./theme.js";let l=(()=>{let l,r,n=[m("custom-root")],c=[],i=a;return class extends i{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,l={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=l.value,e&&Object.defineProperty(r,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 as a,i as s,x as o}from"./dark-mode-m29sAj4H.js";import{e as m}from"./custom-element-B_TPyPQO.js";import"./theme.js";let l=(()=>{let l,r,n=[m("custom-root")],c=[],i=a;return class extends i{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,l={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=l.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
       :host {
         display: contents;
       }

package/exports/bundle/{row-ByiB1edM.js → row-DZm4UH0H.js}

@@ -1,4 +1,4 @@
-import{s as t,r as e,x as s}from"./dark-mode-BhSl3mXB.js";var i=function(t,e,s,i,a,n){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,o=i.kind,d="getter"===o?"get":"setter"===o?"set":"value",h=!e&&t?i.static?t:t.prototype:null,g=e||(h?Object.getOwnPropertyDescriptor(h,i.name):{}),l=!1,m=s.length-1;m>=0;m--){var u={};for(var p in i)u[p]="access"===p?{}:i[p];for(var p in i.access)u.access[p]=i.access[p];u.addInitializer=function(t){if(l)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(t||null))};var _=(0,s[m])("accessor"===o?{get:g.get,set:g.set}:g[d],u);if("accessor"===o){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(c=r(_.get))&&(g.get=c),(c=r(_.set))&&(g.set=c),(c=r(_.init))&&a.unshift(c)}else(c=r(_))&&("field"===o?a.unshift(c):g[d]=c)}h&&Object.defineProperty(h,i.name,g),l=!0},a=function(t,e,s){for(var i=arguments.length>2,a=0;a<e.length;a++)s=i?e[a].call(t,s):e[a].call(t);return i?s:void 0};let n=(()=>{let n,r,c,o,d,h,g,l,m,u,p=t,_=[],f=[],y=[],x=[],v=[],w=[],b=[],S=[],j=[],C=[],W=[],z=[],k=[],I=[],$=[],O=[],E=[],F=[],P=[],T=[];return class FlexDisplay extends p{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[e({type:String})],r=[e({type:String})],c=[e({type:String})],o=[e({type:String})],d=[e({type:String,reflect:!0})],h=[e({type:Boolean,reflect:!0})],g=[e({type:Boolean,reflect:!0,attribute:"center-center"})],l=[e({type:String})],m=[e({type:String})],u=[e({type:String})],i(this,null,n,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},_,f),i(this,null,r,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},y,x),i(this,null,c,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,w),i(this,null,o,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},b,S),i(this,null,d,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},j,C),i(this,null,h,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},W,z),i(this,null,g,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},k,I),i(this,null,l,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},$,O),i(this,null,m,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},E,F),i(this,null,u,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},P,T),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=a(this,_,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(a(this,f),a(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(a(this,x),a(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(a(this,w),a(this,b,"100%"));get width(){return this.#i}set width(t){this.#i=t}#a=(a(this,S),a(this,j,"row"));get direction(){return this.#a}set direction(t){this.#a=t}#n=(a(this,C),a(this,W,void 0));get center(){return this.#n}set center(t){this.#n=t}#r=(a(this,z),a(this,k,void 0));get centerCenter(){return this.#r}set centerCenter(t){this.#r=t}#c=(a(this,I),a(this,$,"flex-start"));get justifyContent(){return this.#c}set justifyContent(t){this.#c=t}#o=(a(this,O),a(this,E,"flex-start"));get alignItems(){return this.#o}set alignItems(t){this.#o=t}#d=(a(this,F),a(this,P,"border-box"));get boxSizing(){return this.#d}set boxSizing(t){this.#d=t}render(){return s`
+import{s as t,r as e,x as s}from"./dark-mode-m29sAj4H.js";var i=function(t,e,s,i,a,n){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,o=i.kind,d="getter"===o?"get":"setter"===o?"set":"value",h=!e&&t?i.static?t:t.prototype:null,g=e||(h?Object.getOwnPropertyDescriptor(h,i.name):{}),l=!1,m=s.length-1;m>=0;m--){var u={};for(var p in i)u[p]="access"===p?{}:i[p];for(var p in i.access)u.access[p]=i.access[p];u.addInitializer=function(t){if(l)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(t||null))};var _=(0,s[m])("accessor"===o?{get:g.get,set:g.set}:g[d],u);if("accessor"===o){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(c=r(_.get))&&(g.get=c),(c=r(_.set))&&(g.set=c),(c=r(_.init))&&a.unshift(c)}else(c=r(_))&&("field"===o?a.unshift(c):g[d]=c)}h&&Object.defineProperty(h,i.name,g),l=!0},a=function(t,e,s){for(var i=arguments.length>2,a=0;a<e.length;a++)s=i?e[a].call(t,s):e[a].call(t);return i?s:void 0};let n=(()=>{let n,r,c,o,d,h,g,l,m,u,p=t,_=[],f=[],y=[],x=[],v=[],w=[],b=[],S=[],j=[],C=[],W=[],z=[],k=[],I=[],$=[],O=[],E=[],F=[],P=[],T=[];return class FlexDisplay extends p{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[e({type:String})],r=[e({type:String})],c=[e({type:String})],o=[e({type:String})],d=[e({type:String,reflect:!0})],h=[e({type:Boolean,reflect:!0})],g=[e({type:Boolean,reflect:!0,attribute:"center-center"})],l=[e({type:String})],m=[e({type:String})],u=[e({type:String})],i(this,null,n,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},_,f),i(this,null,r,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},y,x),i(this,null,c,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,w),i(this,null,o,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},b,S),i(this,null,d,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},j,C),i(this,null,h,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},W,z),i(this,null,g,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},k,I),i(this,null,l,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},$,O),i(this,null,m,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},E,F),i(this,null,u,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},P,T),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=a(this,_,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(a(this,f),a(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(a(this,x),a(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(a(this,w),a(this,b,"100%"));get width(){return this.#i}set width(t){this.#i=t}#a=(a(this,S),a(this,j,"row"));get direction(){return this.#a}set direction(t){this.#a=t}#n=(a(this,C),a(this,W,void 0));get center(){return this.#n}set center(t){this.#n=t}#r=(a(this,z),a(this,k,void 0));get centerCenter(){return this.#r}set centerCenter(t){this.#r=t}#c=(a(this,I),a(this,$,"flex-start"));get justifyContent(){return this.#c}set justifyContent(t){this.#c=t}#o=(a(this,O),a(this,E,"flex-start"));get alignItems(){return this.#o}set alignItems(t){this.#o=t}#d=(a(this,F),a(this,P,"border-box"));get boxSizing(){return this.#d}set boxSizing(t){this.#d=t}render(){return s`
       <style>
         :host {
           display: flex;

package/exports/bundle/scroll-mixin.js

@@ -1 +1 @@
-const l=l=>class ScrollMixin extends l{set scrolling(l){l?this.setAttribute("scrolling",""):this.removeAttribute("scrolling")}get scrolling(){return this.hasAttribute("scrolling")}scrollElement=this;#l=()=>{this.isScrolling?clearTimeout(this.isScrolling):document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:0!==this.scrollTop}})),this.isScrolling=setTimeout((()=>{this.scrolling=0!==this.scrollTop,document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:this.scrolling}})),this.isScrolling=void 0}),this.scrollTimeout)};async connectedCallback(l={scrollElement:void 0}){super.connectedCallback&&super.connectedCallback(),await this.updateComplete,this.scrollElement=this.shadowRoot.querySelector(l.scrollElement)||this,this.scrollTimeout=100,this.scrollElement.addEventListener("scroll",this.#l)}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.scrollElement.removeEventListener("scroll",this.#l)}};export{l as ScrollMixin};
+const l=l=>class ScrollMixin extends l{set scrolling(l){l?this.setAttribute("scrolling",""):this.removeAttribute("scrolling")}get scrolling(){return this.hasAttribute("scrolling")}scrollElement;#l=()=>{this.isScrolling?clearTimeout(this.isScrolling):document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:0!==this.scrollTop}})),this.isScrolling=setTimeout((()=>{this.scrolling=0!==this.scrollTop,document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:this.scrolling}})),this.isScrolling=void 0}),this.scrollTimeout)};firstRender(){super.firstRender?.(),this.scrollElement=this.scrollElement?this.shadowRoot.querySelector(this.scrollElement):this,this.scrollTimeout=100,this.scrollElement.addEventListener("scroll",this.#l)}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.scrollElement.removeEventListener("scroll",this.#l)}};export{l as ScrollMixin};

package/exports/bundle/section.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as o,i as s,x as a}from"./dark-mode-BhSl3mXB.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let c=(()=>{let c,n,r=[l("demo-section")],i=[],m=o;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,c={value:n},r,{kind:"class",name:n.name,metadata:t},null,i),n=c.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}async connectedCallback(){const e=this.shadowRoot.querySelector("slot").assignedElements();for(const o of e){const e=document.createElement("demo-code");e.code=await(t=o.outerHTML,t.replace(/(\  <\/(?=[^<\/]*$))/g,"<")),o.after(e)}var t}static styles=[s`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as o,i as s,x as a}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let l=(()=>{let l,i,n=[r("demo-section")],c=[],m=o;return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,l={value:i},n,{kind:"class",name:i.name,metadata:t},null,c),i=l.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}async firstRender(){const e=this.shadowRoot.querySelector("slot").assignedElements();for(const o of e){const e=document.createElement("demo-code");e.code=await(t=o.outerHTML,t.replace(/(\  <\/(?=[^<\/]*$))/g,"<")),o.after(e)}var t}static styles=[s`
       :host {
         display: flex;
         flex-direction: column;
@@ -8,4 +8,4 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as o,i as s,x as a}f
       <custom-section>
         <slot></slot>
       </custom-section>
-    `}static{t(n,i)}},n})();export{c as DemoSection};
+    `}static{t(i,c)}},i})();export{l as DemoSection};

package/exports/bundle/section2.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,x as o,s as l}from"./dark-mode-BhSl3mXB.js";import{e as n}from"./custom-element-B_TPyPQO.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[n("custom-section")],c=[],u=s(l);return class extends u{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;e(null,r={value:i},m,{kind:"class",name:i.name,metadata:t},null,c),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,x as o,s as l}from"./dark-mode-m29sAj4H.js";import{e as n}from"./custom-element-B_TPyPQO.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[n("custom-section")],c=[],u=s(l);return class extends u{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;e(null,r={value:i},m,{kind:"class",name:i.name,metadata:t},null,c),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
       :host {
         display: flex;
         justify-content: center;

package/exports/bundle/select-mixin.js

@@ -1 +1 @@
-import{s as e}from"./dark-mode-BhSl3mXB.js";class SelectBase extends e{#e;currentSelected;beforeRender(){this.selected=this.defaultSelected}get multi(){return this.hasAttribute("multi")}set multi(e){e?this.setAttribute("multi",""):this.removeAttribute("multi")}get defaultSelected(){return this.getAttribute("default-selected")||0}set selected(e){this.#e=e,this.#t()}get selected(){return this.#e}get slotted(){return this.shadowRoot?this.shadowRoot.querySelector("slot"):this}get#s(){const e="assignedNodes"in this.slotted?this.slotted.assignedNodes():this.children,t=[];for(var s=0;s<e.length;s++){const d=e[s];1===d.nodeType&&t.push(d)}return t}get attrForSelected(){return this.getAttribute("attr-for-selected")||"name"}set attrForSelected(e){this.setAttribute("attr-for-selected",e)}attributeChangedCallback(e,t,s){t!==s&&(isNaN(s)||(s=Number(s)),this[e]=s)}select(e){e&&(this.selected=e),this.multi&&this.#t()}next(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e+1<=this.#s.length-1&&(this.selected=this.#s[e+1])}previous(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e-1>=0&&(this.selected=this.#s[e-1])}getIndexFor(e){return this.#s.indexOf(e||this.selected)}#d(e,t){e.classList.add("custom-selected"),t&&t!==e&&t.classList.remove("custom-selected"),this.currentSelected=e}#i(e){for(const t of this.#s)e.includes(t.getAttribute(this.attrForSelected))?t.classList.add("custom-selected"):t.classList.remove("custom-selected")}#r(e){for(const t of this.#s)if(t.getAttribute(this.attrForSelected)===e)return this.#d(t,this.currentSelected)}#t(){if(void 0===this.selected)return void(this.currentSelected&&this.currentSelected.classList.remove("custom-selected"));const e=typeof this.selected;if(Array.isArray(this.selected))return this.#i(this.selected);if("object"===e)return this.#d(this.selected,this.currentSelected);if("string"===e)return this.#r(this.selected);const t=this.#s[this.selected];t&&this.#d(t,this.currentSelected)}}function t(e){return SelectBase}export{SelectBase,t as SelectMixin};
+import{s as e}from"./dark-mode-m29sAj4H.js";class SelectBase extends e{#e;currentSelected;firstRender(){super.firstRender?.(),this.selected=this.defaultSelected}get multi(){return this.hasAttribute("multi")}set multi(e){e?this.setAttribute("multi",""):this.removeAttribute("multi")}get defaultSelected(){return this.getAttribute("default-selected")||0}set selected(e){this.#e=e,this.#t()}get selected(){return this.#e}get slotted(){return this.shadowRoot?this.shadowRoot.querySelector("slot"):this}get#s(){const e="assignedNodes"in this.slotted?this.slotted.assignedNodes():this.children,t=[];for(var s=0;s<e.length;s++){const d=e[s];1===d.nodeType&&t.push(d)}return t}get attrForSelected(){return this.getAttribute("attr-for-selected")||"name"}set attrForSelected(e){this.setAttribute("attr-for-selected",e)}attributeChangedCallback(e,t,s){t!==s&&(isNaN(s)||(s=Number(s)),this[e]=s)}select(e){e&&(this.selected=e),this.multi&&this.#t()}next(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e+1<=this.#s.length-1&&(this.selected=this.#s[e+1])}previous(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e-1>=0&&(this.selected=this.#s[e-1])}getIndexFor(e){return this.#s.indexOf(e||this.selected)}#d(e,t){e.classList.add("custom-selected"),t&&t!==e&&t.classList.remove("custom-selected"),this.currentSelected=e}#i(e){for(const t of this.#s)e.includes(t.getAttribute(this.attrForSelected))?t.classList.add("custom-selected"):t.classList.remove("custom-selected")}#r(e){for(const t of this.#s)if(t.getAttribute(this.attrForSelected)===e)return this.#d(t,this.currentSelected)}#t(){if(void 0===this.selected)return void(this.currentSelected&&this.currentSelected.classList.remove("custom-selected"));const e=typeof this.selected;if(Array.isArray(this.selected))return this.#i(this.selected);if("object"===e)return this.#d(this.selected,this.currentSelected);if("string"===e)return this.#r(this.selected);const t=this.#s[this.selected];t&&this.#d(t,this.currentSelected)}}function t(e){return SelectBase}export{SelectBase,t as SelectMixin};

package/exports/bundle/selector-mixin.js

@@ -1 +1 @@
-import{SelectBase as e}from"./select-mixin.js";import"./dark-mode-BhSl3mXB.js";class SelectorBase extends e{constructor(){super()}firstRender(){super.firstRender?.(),this.slotted.addEventListener("click",this.#e.bind(this))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.slotted.removeEventListener("click",this.#e.bind(this))}#e(e){const t=e.composedPath()[0];if(t.localName===this.localName)return;const s=t.getAttribute(this.attrForSelected)||t;if(this.multi){const e=Array.isArray(this.selected)?this.selected:[],t=e.indexOf(s);-1===t?e.push(s):e.splice(t,1),this.selected=e}else this.selected=s;this.dispatchEvent(new CustomEvent("selected",{detail:s}))}}function t(e){return SelectorBase}export{SelectorBase,t as SelectorMixin};
+import{SelectBase as e}from"./select-mixin.js";import"./dark-mode-m29sAj4H.js";class SelectorBase extends e{constructor(){super()}firstRender(){super.firstRender?.(),this.slotted.addEventListener("click",this.#e.bind(this))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.slotted.removeEventListener("click",this.#e.bind(this))}#e(e){const t=e.composedPath()[0];if(t.localName===this.localName)return;const s=t.getAttribute(this.attrForSelected)||t;if(this.multi){const e=Array.isArray(this.selected)?this.selected:[],t=e.indexOf(s);-1===t?e.push(s):e.splice(t,1),this.selected=e}else this.selected=s;this.dispatchEvent(new CustomEvent("selected",{detail:s}))}}function t(e){return SelectorBase}export{SelectorBase,t as SelectorMixin};

package/exports/bundle/selector.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,x as o}from"./dark-mode-BhSl3mXB.js";import{e as l}from"./custom-element-B_TPyPQO.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[l("custom-selector")],i=[],m=s;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,r={value:n},c,{kind:"class",name:n.name,metadata:t},null,i),n=r.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,x as o}from"./dark-mode-m29sAj4H.js";import{e as l}from"./custom-element-B_TPyPQO.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[l("custom-selector")],i=[],m=s;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,r={value:n},c,{kind:"class",name:n.name,metadata:t},null,i),n=r.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
       :host {
         display: flex;
         flex-direction: column;

package/exports/bundle/summary-mirror.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,x as i}from"./dark-mode-BhSl3mXB.js";import{e as a}from"./custom-element-B_TPyPQO.js";let l=(()=>{let l,o,m=[a("custom-summary-mirror")],r=[],h=s;return class extends h{static{o=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t(null,l={value:o},m,{kind:"class",name:o.name,metadata:s},null,r),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,r)}connectedCallback(){const t=window.matchMedia("(min-width: 1200px)");this._matches(t),this._matches=this._matches.bind(this),t.onchange=this._matches}_matches({matches:t}){const e=this.querySelector('[slot="left"]'),s=this.querySelector('[slot="right"]');t?s.hasAttribute("switched")&&(e.removeAttribute("switched"),e.setAttribute("slot","right"),s.setAttribute("slot","left")):(e.setAttribute("switched",""),e.setAttribute("slot","right"),s.setAttribute("slot","left"))}get template(){return i`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,x as i}from"./dark-mode-m29sAj4H.js";import{e as a}from"./custom-element-B_TPyPQO.js";let l=(()=>{let l,o,m=[a("custom-summary-mirror")],r=[],h=s;return class extends h{static{o=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t(null,l={value:o},m,{kind:"class",name:o.name,metadata:s},null,r),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,r)}connectedCallback(){const t=window.matchMedia("(min-width: 1200px)");this._matches(t),this._matches=this._matches.bind(this),t.onchange=this._matches}_matches({matches:t}){const e=this.querySelector('[slot="left"]'),s=this.querySelector('[slot="right"]');t?s.hasAttribute("switched")&&(e.removeAttribute("switched"),e.setAttribute("slot","right"),s.setAttribute("slot","left")):(e.setAttribute("switched",""),e.setAttribute("slot","right"),s.setAttribute("slot","left"))}get template(){return i`
       <style>
         :host {
           display: flex;

package/exports/bundle/summary.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as l,x as o}from"./dark-mode-BhSl3mXB.js";import{e as s}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,m,n=[s("custom-summary")],d=[],r=a;return class extends r{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;t(null,i={value:m},n,{kind:"class",name:m.name,metadata:e},null,d),m=i.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as l,x as o}from"./dark-mode-m29sAj4H.js";import{e as s}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,m,n=[s("custom-summary")],d=[],r=a;return class extends r{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;t(null,i={value:m},n,{kind:"class",name:m.name,metadata:e},null,d),m=i.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
       :host {
         display: flex;
         flex-direction: column;

package/exports/bundle/supporting-pane.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./dark-mode-BhSl3mXB.js";import{t as i}from"./query-DCTzLeFk.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";let n=(()=>{let n,c,p,l,d,u,h,m=[r("custom-supporting-pane")],g=[],v=s,_=[],f=[],b=[],y=[],j=[],w=[],x=[],k=[],S=[],C=[];return class extends v{static{c=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;p=[a({type:Boolean,reflect:!0})],l=[a({type:String,reflect:!0})],d=[a({type:Boolean,reflect:!0})],u=[a({type:String})],h=[i(".support")],t(this,null,p,{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:s},_,f),t(this,null,l,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},b,y),t(this,null,d,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:t=>"left"in t,get:t=>t.left,set:(t,e)=>{t.left=e}},metadata:s},j,w),t(this,null,u,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:s},x,k),t(this,null,h,{kind:"accessor",name:"supporting",static:!1,private:!1,access:{has:t=>"supporting"in t,get:t=>t.supporting,set:(t,e)=>{t.supporting=e}},metadata:s},S,C),t(null,n={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=n.value,s&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(c,g)}#t=e(this,_,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,f),e(this,b,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,y),e(this,j,!1));get left(){return this.#s}set left(t){this.#s=t}#a=(e(this,w),e(this,x,void 0));get id(){return this.#a}set id(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get supporting(){return this.#o}set supporting(t){this.#o=t}onPaneClose({detail:t}){this.id===t&&(this.open=!1)}connectedCallback(){document.addEventListener("custom-pane-close",this.onPaneClose.bind(this)),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}render(){return o`<style>
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./dark-mode-m29sAj4H.js";import{t as i}from"./query-DCTzLeFk.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";let n=(()=>{let n,c,p,l,d,u,h,m=[r("custom-supporting-pane")],g=[],v=s,_=[],f=[],b=[],y=[],j=[],w=[],x=[],k=[],S=[],C=[];return class extends v{static{c=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;p=[a({type:Boolean,reflect:!0})],l=[a({type:String,reflect:!0})],d=[a({type:Boolean,reflect:!0})],u=[a({type:String})],h=[i(".support")],t(this,null,p,{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:s},_,f),t(this,null,l,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},b,y),t(this,null,d,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:t=>"left"in t,get:t=>t.left,set:(t,e)=>{t.left=e}},metadata:s},j,w),t(this,null,u,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:s},x,k),t(this,null,h,{kind:"accessor",name:"supporting",static:!1,private:!1,access:{has:t=>"supporting"in t,get:t=>t.supporting,set:(t,e)=>{t.supporting=e}},metadata:s},S,C),t(null,n={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=n.value,s&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(c,g)}#t=e(this,_,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,f),e(this,b,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,y),e(this,j,!1));get left(){return this.#s}set left(t){this.#s=t}#a=(e(this,w),e(this,x,void 0));get id(){return this.#a}set id(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get supporting(){return this.#o}set supporting(t){this.#o=t}onPaneClose({detail:t}){this.id===t&&(this.open=!1)}connectedCallback(){document.addEventListener("custom-pane-close",this.onPaneClose.bind(this)),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}render(){return o`<style>
         :host {
           display: flex;
           flex-direction: column;

package/exports/bundle/tab.js

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

package/exports/bundle/tabs.js

@@ -1,4 +1,4 @@
-import{_ as r,a as o}from"./tslib.es6-B87RQr7F.js";import{x as t}from"./dark-mode-BhSl3mXB.js";import{e}from"./custom-element-B_TPyPQO.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[e("custom-tabs")],d=[],m=a;return class extends m{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;r(null,s={value:l},c,{kind:"class",name:l.name,metadata:t},null,d),l=s.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t}),o(l,d)}render(){return t`
+import{_ as r,a as o}from"./tslib.es6-B87RQr7F.js";import{x as t}from"./dark-mode-m29sAj4H.js";import{e}from"./custom-element-B_TPyPQO.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[e("custom-tabs")],d=[],m=a;return class extends m{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;r(null,s={value:l},c,{kind:"class",name:l.name,metadata:t},null,d),l=s.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t}),o(l,d)}render(){return t`
       <style>
         :host {
           --custom-tabs-background: var(---md-sys-color-surface);

package/exports/bundle/text-field.js

@@ -1,4 +1,4 @@
-import{_ as a,a as t}from"./tslib.es6-B87RQr7F.js";import{s as e,r as n,i as s,x as i}from"./dark-mode-BhSl3mXB.js";import{t as o}from"./query-DCTzLeFk.js";import{e as l}from"./custom-element-B_TPyPQO.js";let c=(()=>{let c,r,g,h,d,I,m=[l("text-field")],S=[],_=e,u=[],b=[],p=[],v=[],L=[],f=[],y=[],T=[];return class extends _{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[o('slot[name="leading-icon"]')],h=[o('slot[name="trailing-icon"]')],d=[n({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[n({type:Boolean,reflect:!0,attribute:"has-trailing-icon"})],a(this,null,g,{kind:"accessor",name:"leadingIconSlot",static:!1,private:!1,access:{has:a=>"leadingIconSlot"in a,get:a=>a.leadingIconSlot,set:(a,t)=>{a.leadingIconSlot=t}},metadata:t},u,b),a(this,null,h,{kind:"accessor",name:"trailingIconSlot",static:!1,private:!1,access:{has:a=>"trailingIconSlot"in a,get:a=>a.trailingIconSlot,set:(a,t)=>{a.trailingIconSlot=t}},metadata:t},p,v),a(this,null,d,{kind:"accessor",name:"hasLeadingIcon",static:!1,private:!1,access:{has:a=>"hasLeadingIcon"in a,get:a=>a.hasLeadingIcon,set:(a,t)=>{a.hasLeadingIcon=t}},metadata:t},L,f),a(this,null,I,{kind:"accessor",name:"hasTrailingIcon",static:!1,private:!1,access:{has:a=>"hasTrailingIcon"in a,get:a=>a.hasTrailingIcon,set:(a,t)=>{a.hasTrailingIcon=t}},metadata:t},y,T),a(null,c={value:r},m,{kind:"class",name:r.name,metadata:t},null,S),r=c.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#a=t(this,u,void 0);get leadingIconSlot(){return this.#a}set leadingIconSlot(a){this.#a=a}#t=(t(this,b),t(this,p,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#e=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#e}set hasLeadingIcon(a){this.#e=a}#n=(t(this,f),t(this,y,void 0));get hasTrailingIcon(){return this.#n}set hasTrailingIcon(a){this.#n=a}#s=(t(this,T),()=>{this.leadingIconSlot.assignedElements.length>0?this.hasLeadingIcon=!0:this.hasLeadingIcon=!1});#i=()=>{this.trailingIconSlot.assignedElements.length>0?this.hasTrailingIcon=!0:this.hasTrailingIcon=!1};connectedCallback(){this.leadingIconSlot.addEventListener("slotchange",this.#s),this.trailingIconSlot.addEventListener("slotchange",this.#i)}static styles=[s`
+import{_ as a,a as t}from"./tslib.es6-B87RQr7F.js";import{s as e,r as n,i as s,x as i}from"./dark-mode-m29sAj4H.js";import{t as o}from"./query-DCTzLeFk.js";import{e as l}from"./custom-element-B_TPyPQO.js";let c=(()=>{let c,r,g,h,d,I,m=[l("text-field")],S=[],_=e,u=[],b=[],p=[],v=[],L=[],f=[],y=[],T=[];return class extends _{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[o('slot[name="leading-icon"]')],h=[o('slot[name="trailing-icon"]')],d=[n({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[n({type:Boolean,reflect:!0,attribute:"has-trailing-icon"})],a(this,null,g,{kind:"accessor",name:"leadingIconSlot",static:!1,private:!1,access:{has:a=>"leadingIconSlot"in a,get:a=>a.leadingIconSlot,set:(a,t)=>{a.leadingIconSlot=t}},metadata:t},u,b),a(this,null,h,{kind:"accessor",name:"trailingIconSlot",static:!1,private:!1,access:{has:a=>"trailingIconSlot"in a,get:a=>a.trailingIconSlot,set:(a,t)=>{a.trailingIconSlot=t}},metadata:t},p,v),a(this,null,d,{kind:"accessor",name:"hasLeadingIcon",static:!1,private:!1,access:{has:a=>"hasLeadingIcon"in a,get:a=>a.hasLeadingIcon,set:(a,t)=>{a.hasLeadingIcon=t}},metadata:t},L,f),a(this,null,I,{kind:"accessor",name:"hasTrailingIcon",static:!1,private:!1,access:{has:a=>"hasTrailingIcon"in a,get:a=>a.hasTrailingIcon,set:(a,t)=>{a.hasTrailingIcon=t}},metadata:t},y,T),a(null,c={value:r},m,{kind:"class",name:r.name,metadata:t},null,S),r=c.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#a=t(this,u,void 0);get leadingIconSlot(){return this.#a}set leadingIconSlot(a){this.#a=a}#t=(t(this,b),t(this,p,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#e=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#e}set hasLeadingIcon(a){this.#e=a}#n=(t(this,f),t(this,y,void 0));get hasTrailingIcon(){return this.#n}set hasTrailingIcon(a){this.#n=a}#s=(t(this,T),()=>{this.leadingIconSlot.assignedElements.length>0?this.hasLeadingIcon=!0:this.hasLeadingIcon=!1});#i=()=>{this.trailingIconSlot.assignedElements.length>0?this.hasTrailingIcon=!0:this.hasTrailingIcon=!1};connectedCallback(){this.leadingIconSlot.addEventListener("slotchange",this.#s),this.trailingIconSlot.addEventListener("slotchange",this.#i)}static styles=[s`
       :host {
         display: block;
       }

package/exports/bundle/theme.js

@@ -1 +1 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,r as a}from"./dark-mode-BhSl3mXB.js";import{e as o}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,r,n,l,c,m,d=[o("custom-theme")],g=[],h=s,u=[],b=[],y=[],p=[],f=[],_=[],w=[],k=[];return class extends h{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[a({type:Boolean,attribute:"load-font"})],l=[a({type:Boolean,attribute:"load-symbols"})],c=[a({type:String,attribute:"mobile-trigger"})],m=[a({type:Boolean})],e(this,null,n,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:e=>"loadFont"in e,get:e=>e.loadFont,set:(e,t)=>{e.loadFont=t}},metadata:s},u,b),e(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:e=>"loadSymbols"in e,get:e=>e.loadSymbols,set:(e,t)=>{e.loadSymbols=t}},metadata:s},y,p),e(this,null,c,{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:s},f,_),e(this,null,m,{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:s},w,k),e(null,i={value:r},d,{kind:"class",name:r.name,metadata:s},null,g),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),t(r,g)}#e;#t=t(this,u,!0);get loadFont(){return this.#t}set loadFont(e){this.#t=e}#s=(t(this,b),t(this,y,!0));get loadSymbols(){return this.#s}set loadSymbols(e){this.#s=e}#a=(t(this,p),t(this,f,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,_),t(this,w,void 0));get narrow(){return this.#o}set narrow(e){this.#o=e}#i(e,t,s){let a=document.createElement("link");if(a.rel=t,a.href=e,s)for(const e of s)a.setAttribute(e,"");document.head.appendChild(a)}#r(){let e="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(e+=`&text=${globalThis.symbols}`),e}onChange(e,t){"mobileTrigger"===e&&this.#n()}#n(){this.#e=matchMedia(this.mobileTrigger),this.#e.onchange=this.#l,this.#l({matches:this.#e.matches})}connectedCallback(){this.load("./themes/default/theme.css");const e=document.createElement("style");e.innerHTML="\n    html, body {\n      inset: 0;\n      position: absolute;\n      margin: 0;\n      background: var(--md-sys-color-background);\n      color: var(--md-sys-color-on-background);\n      overflow: hidden;\n    }",document.head.appendChild(e),(this.loadFont||this.loadSymbols)&&this.#i("https://fonts.googleapis.com","preconnect"),this.#i("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#i("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#i(this.#r(),"stylesheet")}#l({matches:e}){this.narrow=e,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))}set language(e){this.setAttribute("language",e)}get language(){return this.getAttribute("language")||"css"}async load(e){if("js"===this.language){const t=await import(e);for(const[e,s]of Object.entries(t)){const t=`--${e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(t,s)}}else if("css"===this.language){const t=document.createElement("link");t.rel="stylesheet",t.href=e,document.head.appendChild(t)}}constructor(){super(...arguments),t(this,k)}},r})();export{i as CustomTheme};
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,r as a}from"./dark-mode-m29sAj4H.js";import{e as o}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,r,n,l,c,m,d=[o("custom-theme")],g=[],h=s,u=[],b=[],y=[],p=[],f=[],_=[],w=[],k=[];return class extends h{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[a({type:Boolean,attribute:"load-font"})],l=[a({type:Boolean,attribute:"load-symbols"})],c=[a({type:String,attribute:"mobile-trigger"})],m=[a({type:Boolean})],e(this,null,n,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:e=>"loadFont"in e,get:e=>e.loadFont,set:(e,t)=>{e.loadFont=t}},metadata:s},u,b),e(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:e=>"loadSymbols"in e,get:e=>e.loadSymbols,set:(e,t)=>{e.loadSymbols=t}},metadata:s},y,p),e(this,null,c,{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:s},f,_),e(this,null,m,{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:s},w,k),e(null,i={value:r},d,{kind:"class",name:r.name,metadata:s},null,g),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),t(r,g)}#e;#t=t(this,u,!0);get loadFont(){return this.#t}set loadFont(e){this.#t=e}#s=(t(this,b),t(this,y,!0));get loadSymbols(){return this.#s}set loadSymbols(e){this.#s=e}#a=(t(this,p),t(this,f,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,_),t(this,w,void 0));get narrow(){return this.#o}set narrow(e){this.#o=e}#i(e,t,s){let a=document.createElement("link");if(a.rel=t,a.href=e,s)for(const e of s)a.setAttribute(e,"");document.head.appendChild(a)}#r(){let e="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(e+=`&text=${globalThis.symbols}`),e}onChange(e,t){"mobileTrigger"===e&&this.#n()}#n(){this.#e=matchMedia(this.mobileTrigger),this.#e.onchange=this.#l,this.#l({matches:this.#e.matches})}connectedCallback(){this.load("./themes/default/theme.css");const e=document.createElement("style");e.innerHTML="\n    html, body {\n      inset: 0;\n      position: absolute;\n      margin: 0;\n      background: var(--md-sys-color-background);\n      color: var(--md-sys-color-on-background);\n      overflow: hidden;\n    }",document.head.appendChild(e),(this.loadFont||this.loadSymbols)&&this.#i("https://fonts.googleapis.com","preconnect"),this.#i("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#i("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#i(this.#r(),"stylesheet")}#l({matches:e}){this.narrow=e,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))}set language(e){this.setAttribute("language",e)}get language(){return this.getAttribute("language")||"css"}async load(e){if("js"===this.language){const t=await import(e);for(const[e,s]of Object.entries(t)){const t=`--${e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(t,s)}}else if("css"===this.language){const t=document.createElement("link");t.rel="stylesheet",t.href=e,document.head.appendChild(t)}}constructor(){super(...arguments),t(this,k)}},r})();export{i as CustomTheme};

package/exports/bundle/time-picker.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as s,x as i}from"./dark-mode-BhSl3mXB.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./input.js";let c=(()=>{let c,m,n=[l("custom-time-picker")],p=[],o=a;return class extends o{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:m},n,{kind:"class",name:m.name,metadata:e},null,p),m=c.value,e&&Object.defineProperty(m,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 as a,i as s,x as i}from"./dark-mode-m29sAj4H.js";import{e as l}from"./custom-element-B_TPyPQO.js";import"./input.js";let c=(()=>{let c,m,n=[l("custom-time-picker")],p=[],o=a;return class extends o{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:m},n,{kind:"class",name:m.name,metadata:e},null,p),m=c.value,e&&Object.defineProperty(m,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}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./dark-mode-BhSl3mXB.js";import{e as c}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./toggle.js";import"./elevation.js";import"./button.css.js";let i=(()=>{let i,r,l,n,g=[c("custom-toggle-button")],m=[],u=s,v=[],d=[],h=[],_=[];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})],n=[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,d),t(this,null,n,{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},h,_),t(null,i={value:r},g,{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,d),e(this,h,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}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./dark-mode-m29sAj4H.js";import{e as c}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./toggle.js";import"./elevation.js";import"./button.css.js";let i=(()=>{let i,r,l,n,g=[c("custom-toggle-button")],m=[],u=s,v=[],d=[],h=[],_=[];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})],n=[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,d),t(this,null,n,{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},h,_),t(null,i={value:r},g,{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,d),e(this,h,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}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i,x as c}from"./dark-mode-BhSl3mXB.js";import{e as o}from"./custom-element-B_TPyPQO.js";let r=(()=>{let r,n,g,l,h,v=[o("custom-toggle")],m=[],d=s,u=[],_=[],p=[],y=[],b=[],f=[];return class extends d{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[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},u,_),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,u,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}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i,x as c}from"./dark-mode-m29sAj4H.js";import{e as o}from"./custom-element-B_TPyPQO.js";let r=(()=>{let r,n,g,l,h,v=[o("custom-toggle")],m=[],d=s,u=[],_=[],p=[],y=[],b=[],f=[];return class extends d{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[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},u,_),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,u,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,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x as l}from"./dark-mode-BhSl3mXB.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./it-Dft_Rjy-.js";import"./row-ByiB1edM.js";var i=s`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x as l}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./it-Dft_Rjy-.js";import"./row-DZm4UH0H.js";var i=s`
   :host {
     display: flex;
     flex-direction: column;

package/exports/bundle/typography.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i as l,x as y}from"./dark-mode-BhSl3mXB.js";import{e as i}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,r,o,n,d=[i("custom-typography")],c=[],f=s,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}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i as l,x as y}from"./dark-mode-m29sAj4H.js";import{e as i}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,r,o,n,d=[i("custom-typography")],c=[],f=s,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}from"./tslib.es6-B87RQr7F.js";import{s as l,r as a,i as s,x as i}from"./dark-mode-BhSl3mXB.js";import{e as r}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,o,u,n=[r("custom-upload-file")],c=[],p=l,d=[],y=[];return class extends p{static{o=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;u=[a({type:Boolean})],t(this,null,u,{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,m={value:o},n,{kind:"class",name:o.name,metadata:l},null,c),o=m.value,l&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(o,c)}#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}from"./tslib.es6-B87RQr7F.js";import{s as l,r as a,i as s,x as i}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,o,u,n=[r("custom-upload-file")],c=[],p=l,d=[],y=[];return class extends p{static{o=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;u=[a({type:Boolean})],t(this,null,u,{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,m={value:o},n,{kind:"class",name:o.name,metadata:l},null,c),o=m.value,l&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(o,c)}#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;
         }

package/exports/bundle/upload-image.js

@@ -1,4 +1,4 @@
-import{b as e,_ as t,a as r}from"./tslib.es6-B87RQr7F.js";import{x as o,i as a,T as n,E as l,B as s,r as d,s as c}from"./dark-mode-BhSl3mXB.js";import{t as u}from"./query-DCTzLeFk.js";import{e as p}from"./custom-element-B_TPyPQO.js";import{n as h,r as v,t as m}from"./property-Cz7Tusq9.js";import{DeviceApi as f}from"./device.js";import"./dialog.js";import"./icon.js";import"./tabs.js";import"./tab.js";import"./selector.js";import"./pages.js";import{FileReaderMixin as b}from"./file-reader-mixin.js";import"./elevation.js";import"./selector-mixin.js";import"./select-mixin.js";
+import{b as e,_ as t,a as r}from"./tslib.es6-B87RQr7F.js";import{x as o,i as a,T as n,E as l,B as s,r as d,s as c}from"./dark-mode-m29sAj4H.js";import{t as u}from"./query-DCTzLeFk.js";import{e as p}from"./custom-element-B_TPyPQO.js";import{n as h,i as v,t as m}from"./property-CMTrOHQk.js";import{DeviceApi as f}from"./device.js";import"./dialog.js";import"./icon.js";import"./tabs.js";import"./tab.js";import"./selector.js";import"./pages.js";import{FileReaderMixin as b}from"./file-reader-mixin.js";import"./elevation.js";import"./selector-mixin.js";import"./select-mixin.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/exports/demo/demo-shell.d.ts

@@ -4,7 +4,7 @@ import './../elements.js';
 export declare class DemoShell extends LiteElement {
     accessor selector: any;
     accessor pages: any;
-    connectedCallback(): void;
+    firstRender(): void;
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/exports/demo/section.d.ts

@@ -2,7 +2,7 @@ import { LiteElement } from '@vandeurenglenn/lite';
 import '../section/section.js';
 import './code.js';
 export declare class DemoSection extends LiteElement {
-    connectedCallback(): Promise<void>;
+    firstRender(): Promise<void>;
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/exports/demo-shell.js

@@ -81,7 +81,7 @@ let DemoShell = (() => {
         #pages_accessor_storage = (__runInitializers(this, _selector_extraInitializers), __runInitializers(this, _pages_initializers, void 0));
         get pages() { return this.#pages_accessor_storage; }
         set pages(value) { this.#pages_accessor_storage = value; }
-        connectedCallback() {
+        firstRender() {
             const onSelected = async ({ detail }) => {
                 document.dispatchEvent(new CustomEvent('custom-scroll', { detail: { scrolling: false } }));
                 this.pages.select(detail);
@@ -179,7 +179,7 @@ let DemoShell = (() => {
         <flex-row slot="top-app-bar-end">
           <custom-theme-mode></custom-theme-mode>
           <custom-button>
-            <custom-icon slot="icon">more_vert</custom-icon>
+            <custom-icon icon="more_vert" slot="icon"></custom-icon>
           </custom-button>
         </flex-row>
 
@@ -435,7 +435,7 @@ let DemoShell = (() => {
 
               <custom-tabs round>
                 <custom-tab>
-                  <custom-icon>home</custom-icon>
+                  <custom-icon icon="home"></custom-icon>
                   home
                 </custom-tab>
                 <custom-tab>about</custom-tab>
@@ -444,7 +444,9 @@ let DemoShell = (() => {
 
             <demo-section route="dialog">
               <flex-container>
-                <custom-button class="fullscreen-dialog"><custom-icon slot="icon">menu</custom-icon></custom-button>
+                <custom-button class="fullscreen-dialog"
+                  ><custom-icon slot="icon" icon="menu"></custom-icon
+                ></custom-button>
                 <custom-dialog fullscreen>
                   <span slot="title">title</span>
                   <p>
@@ -620,7 +622,7 @@ let DemoShell = (() => {
               </custom-list-item>
             </demo-section>
             <demo-section route="toggle">
-              <custom-toggle togglers='["check_box","check_box_outline_blank", "info"]'></custom-toggle>
+              <custom-toggle .togglers=${"['check_box', 'check_box_outline_blank', 'info']"}></custom-toggle>
 
               <custom-button label="next"></custom-button>
 

package/exports/menu/menu.d.ts

@@ -8,7 +8,7 @@ export declare class CustomMenu extends LiteElement {
     set selected(value: string | number | HTMLElement | string[] | HTMLElement[]);
     get selected(): string | number | HTMLElement | string[] | HTMLElement[];
     select(selected: any): void;
-    connectedCallback(): void;
+    firstRender(): void;
     disconnectedCallback(): void;
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;

package/exports/menu.js

@@ -34,7 +34,7 @@ let CustomMenu = (() => {
         #onselected = ({ detail }) => {
             this.dispatchEvent(new CustomEvent('selected', { detail }));
         };
-        connectedCallback() {
+        firstRender() {
             this.selector.addEventListener('selected', this.#onselected);
         }
         disconnectedCallback() {

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

@@ -2,11 +2,9 @@ export declare const ScrollMixin: (Base: any) => {
     new (): {
         [x: string]: any;
         scrolling: any;
-        scrollElement: /*elided*/ any;
+        scrollElement: any;
         "__#2@#onscroll": () => void;
-        connectedCallback(options?: {
-            scrollElement: undefined | string;
-        }): Promise<void>;
+        firstRender(): void;
         disconnectedCallback(): void;
     };
     [x: string]: any;

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

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

package/exports/scroll-mixin.js

@@ -8,7 +8,7 @@ const ScrollMixin = (Base) => class ScrollMixin extends Base {
     get scrolling() {
         return this.hasAttribute('scrolling');
     }
-    scrollElement = this;
+    scrollElement;
     #onscroll = () => {
         if (this.isScrolling)
             clearTimeout(this.isScrolling);
@@ -20,10 +20,9 @@ const ScrollMixin = (Base) => class ScrollMixin extends Base {
             this.isScrolling = undefined;
         }, this.scrollTimeout);
     };
-    async connectedCallback(options = { scrollElement: undefined }) {
-        super.connectedCallback && super.connectedCallback();
-        await this.updateComplete;
-        this.scrollElement = this.shadowRoot.querySelector(options.scrollElement) || this;
+    firstRender() {
+        super.firstRender?.();
+        this.scrollElement = this.scrollElement ? this.shadowRoot.querySelector(this.scrollElement) : this;
         this.scrollTimeout = 100;
         this.scrollElement.addEventListener('scroll', this.#onscroll);
     }

package/exports/section/section.d.ts

@@ -3,11 +3,9 @@ declare const CustomSection_base: {
     new (): {
         [x: string]: any;
         scrolling: any;
-        scrollElement: /*elided*/ any;
+        scrollElement: any;
         "__#2@#onscroll": () => void;
-        connectedCallback(options?: {
-            scrollElement: undefined | string;
-        }): Promise<void>;
+        firstRender(): void;
         disconnectedCallback(): void;
     };
     [x: string]: any;

package/exports/section.js

@@ -20,7 +20,7 @@ let DemoSection = (() => {
             _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        async connectedCallback() {
+        async firstRender() {
             const assignedElements = this.shadowRoot.querySelector('slot').assignedElements();
             for (const element of assignedElements) {
                 const code = document.createElement('demo-code');

package/exports/select-mixin.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.75",
+	"version": "0.3.78",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"@material/web": "^2.3.0",
 		"@vandeurenglenn/custom-shared-styles": "^0.0.21",
 		"@vandeurenglenn/flex-elements": "^1.3.2",
-		"@vandeurenglenn/lite": "^0.2.64",
+		"@vandeurenglenn/lite": "^0.2.65",
 		"custom-element-decorator": "^0.6.0"
 	},
 	"devDependencies": {
@@ -33,14 +33,14 @@
 		"@rollup/plugin-terser": "^0.4.4",
 		"@rollup/plugin-typescript": "^12.1.2",
 		"@types/html": "^1.0.4",
-		"@types/node": "^22.14.1",
+		"@types/node": "^22.15.3",
 		"@web/rollup-plugin-html": "^2.3.0",
 		"chrome-launcher": "^1.1.2",
 		"globby": "^14.1.0",
-		"lighthouse": "^12.5.1",
+		"lighthouse": "^12.6.0",
 		"material-symbols": "^0.31.2",
 		"rimraf": "^6.0.1",
-		"rollup": "^4.40.0",
+		"rollup": "^4.40.1",
 		"rollup-plugin-auto-exports": "^1.0.8",
 		"rollup-plugin-material-symbols": "^2.1.6",
 		"tslib": "^2.8.1",

package/exports/bundle/property-Cz7Tusq9.js

@@ -1,23 +0,0 @@
-import{c as t,S as e,B as s,T as i}from"./dark-mode-BhSl3mXB.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{is:o,defineProperty:n,getOwnPropertyDescriptor:a,getOwnPropertyNames:h,getOwnPropertySymbols:c,getPrototypeOf:l}=Object,d=globalThis,p=d.trustedTypes,u=p?p.emptyScript:"",f=d.reactiveElementPolyfillSupport,E=(t,e)=>t,m={toAttribute(t,e){switch(e){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},_=(t,e)=>!o(t,e),$={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:_};Symbol.metadata??=Symbol("metadata"),d.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=$){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);void 0!==i&&n(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=a(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return i?.call(this)},set(e){const n=i?.call(this);o.call(this,e),this.requestUpdate(t,n,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??$}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const t=l(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(E("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(E("properties"))){const t=this.properties,e=[...h(t),...c(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const s=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)s.unshift(t(e))}else void 0!==e&&s.push(t(e));return s}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return e(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EC(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const o=(void 0!==s.converter?.toAttribute?s.converter:m).toAttribute(e,s.type);this._$Em=t,null==o?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=i,this[i]=o.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){if(s??=this.constructor.getPropertyOptions(t),!(s.hasChanged??_)(this[t],e))return;this.P(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t)!0!==s.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],s)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[E("elementProperties")]=new Map,b[E("finalized")]=new Map,f?.({ReactiveElement:b}),(d.reactiveElementVersions??=[]).push("2.0.4");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let y=class r extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=s(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return i}};y._$litElement$=!0,y.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:y});const g=globalThis.litElementPolyfillSupport;g?.({LitElement:y}),(globalThis.litElementVersions??=[]).push("4.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const P=t=>(e,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */,v={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:_},U=(t=v,e,s)=>{const{kind:i,metadata:o}=s;let n=globalThis.litPropertyMetadata.get(o);if(void 0===n&&globalThis.litPropertyMetadata.set(o,n=new Map),n.set(s.name,t),"accessor"===i){const{name:i}=s;return{set(s){const o=e.get.call(this);e.set.call(this,s),this.requestUpdate(i,o,t)},init(e){return void 0!==e&&this.P(i,void 0,t),e}}}if("setter"===i){const{name:i}=s;return function(s){const o=this[i];e.call(this,s),this.requestUpdate(i,o,t)}}throw Error("Unsupported decorator location: "+i)};function w(t){return(e,s)=>"object"==typeof s?U(t,e,s):((t,e,s)=>{const i=e.hasOwnProperty(s);return e.constructor.createProperty(s,i?{...t,wrapped:!0}:t),i?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}export{w as n,y as r,P as t};