@vandeurenglenn/lite-elements 0.3.48 → 0.3.50

package/exports/bundle/row-CW5FbTZ_.js

@@ -0,0 +1,28 @@
+import{k as t,Q as e,L as i}from"./property-DL093_VN.js";Symbol.metadata??=Symbol("metadata");class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i,this.attributeChangeTimeout&&clearTimeout(this.attributeChangeTimeout),this.attributeChangeTimeout=setTimeout((()=>{this.requestRender()}),this.renderedOnce?150:0))}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return t`<slot></slot>`}requestRender(){e(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}const r=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i};globalThis.pubsub=globalThis.pubsub||new i;const a={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},n=t=>{t={...a,...t};let e=0;return function(i,{kind:a,name:n,addInitializer:o,access:c,metadata:h}){const{type:d,reflect:l,renders:u,batches:g,batchDelay:m,consumer:p,provider:_,temporaryRender:b}=t,y=t.attribute??l,f=String(n),v=y&&"string"==typeof y?y:f,x=d===Boolean,w=p||"boolean"==typeof t.consumes?v:t.consumes,S=_||"boolean"==typeof t.provides?v:t.provides;if(t.provider&&console.warn(`${f}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${f}: 'options.consumer' is deprecated, use options.consumes instead`),o((function(){"accessor"!==a&&console.warn(`${this.localName}: @property(${t}) ${f} ${a} is not supported`),y&&(h||(h={}),h.observedAttributes||(h.observedAttributes=new Map),h.observedAttributes.set(f,v)),w&&globalThis.pubsub.subscribe(w,(async t=>{this[n]=t}))})),"accessor"===a)return{get(){return C.call(this)},set(t){return $.call(this,t)},init(t){return this.hasAttribute(v)&&(t=x?this.hasAttribute(v):r(this.getAttribute(v),d)),void 0===t||w||$.call(this,t),this[n]}};function C(){return y?x?this.hasAttribute(v):r(this.getAttribute(v),d):this[`__lite_${f}`]?this[`__lite_${f}`]:this[`_lite_${f}`]}async function $(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${f}`]!==t){this.willChange&&(this[`__lite_${f}`]=await this.willChange(n,t)),y?x?t||this[`__lite_${f}`]?this.setAttribute(v,""):this.removeAttribute(v):t||this[`__lite_${f}`]?this.setAttribute(v,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(d,this[`__lite_${f}`]??t)):this.removeAttribute(v):this[`_lite_${f}`]=t;const i=()=>{e=0,this.requestRender&&u&&this.requestRender(),this.onChange&&this.onChange(n,this[`__lite_${f}`]??t)};g?e===b?i():(this[`_${f}_timeout`]&&clearTimeout(this[`_${f}_timeout`]),this[`_${f}_timeout`]=setTimeout(i,m)):i()}}}};var o=function(t,e,i,r,a,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,h=r.kind,d="getter"===h?"get":"setter"===h?"set":"value",l=!e&&t?r.static?t:t.prototype:null,u=e||(l?Object.getOwnPropertyDescriptor(l,r.name):{}),g=!1,m=i.length-1;m>=0;m--){var p={};for(var _ in r)p[_]="access"===_?{}:r[_];for(var _ in r.access)p.access[_]=r.access[_];p.addInitializer=function(t){if(g)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var b=(0,i[m])("accessor"===h?{get:u.get,set:u.set}:u[d],p);if("accessor"===h){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(c=o(b.get))&&(u.get=c),(c=o(b.set))&&(u.set=c),(c=o(b.init))&&a.unshift(c)}else(c=o(b))&&("field"===h?a.unshift(c):u[d]=c)}l&&Object.defineProperty(l,r.name,u),g=!0},c=function(t,e,i){for(var r=arguments.length>2,a=0;a<e.length;a++)i=r?e[a].call(t,i):e[a].call(t);return r?i:void 0};let h=(()=>{let e,i,r,a,h,d,l,u,g,m,p=s,_=[],b=[],y=[],f=[],v=[],x=[],w=[],S=[],C=[],$=[],W=[],j=[],A=[],k=[],z=[],O=[],T=[],R=[],I=[],M=[];return class FlexDisplay extends p{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;e=[n({type:String})],i=[n({type:String})],r=[n({type:String})],a=[n({type:String})],h=[n({type:String,reflect:!0})],d=[n({type:Boolean,reflect:!0})],l=[n({type:Boolean,reflect:!0,attribute:"center-center"})],u=[n({type:String})],g=[n({type:String})],m=[n({type:String})],o(this,null,e,{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},_,b),o(this,null,i,{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,f),o(this,null,r,{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,x),o(this,null,a,{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},w,S),o(this,null,h,{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},C,$),o(this,null,d,{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,j),o(this,null,l,{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},A,k),o(this,null,u,{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},z,O),o(this,null,g,{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},T,R),o(this,null,m,{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},I,M),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=c(this,_,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(c(this,b),c(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(c(this,f),c(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(c(this,x),c(this,w,"100%"));get width(){return this.#i}set width(t){this.#i=t}#r=(c(this,S),c(this,C,"row"));get direction(){return this.#r}set direction(t){this.#r=t}#a=(c(this,$),c(this,W,void 0));get center(){return this.#a}set center(t){this.#a=t}#n=(c(this,j),c(this,A,void 0));get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#o=(c(this,k),c(this,z,"flex-start"));get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=(c(this,O),c(this,T,"flex-start"));get alignItems(){return this.#c}set alignItems(t){this.#c=t}#h=(c(this,R),c(this,I,"border-box"));get boxSizing(){return this.#h}set boxSizing(t){this.#h=t}render(){return t`
+      <style>
+        :host {
+          display: flex;
+          box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
+          max-width: var(--flex-display-max-width, ${this.maxWidth});
+          min-width: var(--flex-display-min-width, ${this.minWidth});
+          width: var(--flex-display-width, ${this.width});
+          flex-direction: var(--flex-display-direction, ${this.direction});
+          justify-content: var(
+            --flex-display-justify-content,
+            ${this.justifyContent}
+          );
+          align-items: var(--flex-display-align-items, ${this.alignItems});
+          padding: var(--flex-display-padding, ${this.padding});
+        }
+
+        :host([center]) {
+          align-items: center;
+        }
+
+        :host([center-center]) {
+          align-items: center;
+          justify-content: center;
+        }
+      </style>
+      <slot></slot>
+    `}constructor(){super(...arguments),c(this,M)}}})();customElements.define("flex-row",class FlexRow extends h{constructor(){super(),this.direction="row",this.width="auto"}});export{h as F};

package/exports/bundle/section.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,e as o}from"./custom-element-CAdbJRVg.js";import{i as s,x as a,s as l}from"./property-BYA8Sw2t.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let c=(()=>{let c,n,r=[o("demo-section")],i=[],m=l;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,e as o}from"./custom-element-CAdbJRVg.js";import{i as s,k as a,s as l}from"./property-DL093_VN.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let c=(()=>{let c,n,r=[o("demo-section")],i=[],m=l;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`
       :host {
         display: flex;
         flex-direction: column;

package/exports/bundle/section2.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,x as l,s as n}from"./property-BYA8Sw2t.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[a("custom-section")],c=[],u=s(n);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=[o`
+import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,k as l,s as n}from"./property-DL093_VN.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[a("custom-section")],c=[],u=s(n);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=[o`
       :host {
         display: flex;
         justify-content: center;

package/exports/bundle/select-mixin.js

@@ -1 +1 @@
-import{s as e}from"./property-BYA8Sw2t.js";class SelectBase extends e{#e;currentSelected;connectedCallback(){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"./property-DL093_VN.js";class SelectBase extends e{#e;currentSelected;connectedCallback(){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"./property-BYA8Sw2t.js";class SelectorBase extends e{constructor(){super()}async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),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"./property-DL093_VN.js";class SelectorBase extends e{constructor(){super()}async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),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,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,x as l}from"./property-BYA8Sw2t.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[a("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=[o`
+import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,k as l}from"./property-DL093_VN.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[a("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=[o`
       :host {
         display: flex;
         flex-direction: column;

package/exports/bundle/summary-mirror.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{x as i,s as a}from"./property-BYA8Sw2t.js";let l=(()=>{let l,o,r=[s("custom-summary-mirror")],m=[],h=a;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},r,{kind:"class",name:o.name,metadata:s},null,m),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,m)}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,e as s}from"./custom-element-CAdbJRVg.js";import{k as i,s as a}from"./property-DL093_VN.js";let l=(()=>{let l,o,r=[s("custom-summary-mirror")],m=[],h=a;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},r,{kind:"class",name:o.name,metadata:s},null,m),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,m)}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,e as a}from"./custom-element-CAdbJRVg.js";import{i as l,x as o,s as i}from"./property-BYA8Sw2t.js";let s=(()=>{let s,m,n=[a("custom-summary")],r=[],d=i;return class extends d{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;t(null,s={value:m},n,{kind:"class",name:m.name,metadata:e},null,r),m=s.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
+import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as l,k as o,s}from"./property-DL093_VN.js";let i=(()=>{let i,m,n=[a("custom-summary")],r=[],d=s;return class extends d{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;t(null,i={value:m},n,{kind:"class",name:m.name,metadata:e},null,r),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;
@@ -22,4 +22,4 @@ import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as l,x a
     `];render(){return o`
       <slot name="left"></slot>
       <slot name="right"></slot>
-    `}static{e(m,r)}},m})();export{s as CustomSummary};
+    `}static{e(m,r)}},m})();export{i as CustomSummary};

package/exports/bundle/supporting-pane.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 i}from"./property-BYA8Sw2t.js";import{t as n}from"./query-DCTzLeFk.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./icon.js";let r=(()=>{let r,c,p,l,d,u,h,m=[s("custom-supporting-pane")],g=[],v=i,_=[],f=[],y=[],b=[],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=[n(".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},y,b),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,r={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=r.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,y,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,b),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,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,k as o,s as i}from"./property-DL093_VN.js";import{t as n}from"./query-DCTzLeFk.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./icon.js";let r=(()=>{let r,c,p,l,d,u,h,m=[s("custom-supporting-pane")],g=[],v=i,_=[],f=[],y=[],b=[],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=[n(".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},y,b),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,r={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=r.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,y,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,b),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,e as a}from"./custom-element-CAdbJRVg.js";import{x as o,s as n}from"./property-BYA8Sw2t.js";let r=(()=>{let r,l,s=[a("custom-tab")],i=[],p=n;return class extends p{static{l=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;t(null,r={value:l},s,{kind:"class",name:l.name,metadata:a},null,i),l=r.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(l,i)}render(){return o`
+import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{k as o,s as n}from"./property-DL093_VN.js";let r=(()=>{let r,s,l=[a("custom-tab")],i=[],p=n;return class extends p{static{s=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;t(null,r={value:s},l,{kind:"class",name:s.name,metadata:a},null,i),s=r.value,a&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(s,i)}render(){return o`
       <style>
         :host {
           display: flex;
@@ -19,4 +19,4 @@ import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{x as o,s a
         }
       </style>
       <slot></slot>
-    `}},l})();export{r as CustomTab};
+    `}},s})();export{r as CustomTab};

package/exports/bundle/tabs.js

@@ -1,4 +1,4 @@
-import{_ as r,a as o,e as t}from"./custom-element-CAdbJRVg.js";import{x as e}from"./property-BYA8Sw2t.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[t("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 e`
+import{_ as r,a as o,e as t}from"./custom-element-CAdbJRVg.js";import{k as e}from"./property-DL093_VN.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[t("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 e`
       <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,e as n}from"./custom-element-CAdbJRVg.js";import{r as e,i as s,x as i,s as o}from"./property-BYA8Sw2t.js";import{t as l}from"./query-DCTzLeFk.js";let c=(()=>{let c,r,g,h,d,I,m=[n("text-field")],S=[],_=o,u=[],p=[],b=[],v=[],L=[],y=[],T=[],f=[];return class extends _{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[l('slot[name="leading-icon"]')],h=[l('slot[name="trailing-icon"]')],d=[e({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[e({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,p),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},b,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,y),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},T,f),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,p),t(this,b,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#n=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#n}set hasLeadingIcon(a){this.#n=a}#e=(t(this,y),t(this,T,void 0));get hasTrailingIcon(){return this.#e}set hasTrailingIcon(a){this.#e=a}#s=(t(this,f),()=>{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,e as n}from"./custom-element-CAdbJRVg.js";import{r as e,i as s,k as i,s as o}from"./property-DL093_VN.js";import{t as l}from"./query-DCTzLeFk.js";let c=(()=>{let c,r,g,h,d,I,m=[n("text-field")],S=[],_=o,u=[],p=[],b=[],v=[],L=[],y=[],T=[],f=[];return class extends _{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[l('slot[name="leading-icon"]')],h=[l('slot[name="trailing-icon"]')],d=[e({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[e({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,p),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},b,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,y),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},T,f),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,p),t(this,b,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#n=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#n}set hasLeadingIcon(a){this.#n=a}#e=(t(this,y),t(this,T,void 0));get hasTrailingIcon(){return this.#e}set hasTrailingIcon(a){this.#e=a}#s=(t(this,f),()=>{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,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,s as o}from"./property-BYA8Sw2t.js";let i=(()=>{let i,r,n,l,c,m,d=[s("custom-theme")],g=[],h=o,u=[],b=[],y=[],p=[],_=[],f=[],w=[],S=[];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,S),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,_,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,f),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,S)}},r})();export{i as CustomTheme};
+import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,s as o}from"./property-DL093_VN.js";let i=(()=>{let i,r,n,l,c,m,d=[s("custom-theme")],g=[],h=o,u=[],b=[],y=[],p=[],_=[],f=[],w=[],S=[];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,S),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,_,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,f),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,S)}},r})();export{i as CustomTheme};

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;
         }