@vandeurenglenn/lite-elements 0.3.18

package/exports/bundle/minute-field.js

@@ -0,0 +1,5 @@
+import{_ as t,a as e,e as a}from"./custom-element-c2e883ba.js";import{j as l,v as s,D as m}from"./property-58e28172.js";let o=(()=>{let o,r,i=[a("custom-time-picker-minute-field")],n=[],c=m;return class extends c{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,o={value:r},i,{kind:"class",name:r.name,metadata:e},null,n),r=o.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
+      :host {
+        display: block;
+      }
+    `];render(){return s``}static{e(r,n)}},r})();export{o as TimePickerMinuteField};

package/exports/bundle/pages.js

@@ -0,0 +1,43 @@
+import{j as e,v as t}from"./property-58e28172.js";import{SelectBase as s}from"./select-mixin.js";class CustomPages extends s{async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),this.slotchange=this.slotchange.bind(this),this.shadowRoot.querySelector("slot").addEventListener("slotchange",this.slotchange),this.slotchange(),this.selected=this.defaultSelected}isEvenNumber(e){return Boolean(e%2==0)}slotchange(){let e=0;for(const t of this.slotted.assignedNodes())t&&1===t.nodeType&&(t.style.zIndex=99-e,this.isEvenNumber(e++)?t.classList.add("animate-down"):t.classList.add("animate-up"),this.dispatchEvent(new CustomEvent("child-change",{detail:t})))}static styles=[e`
+      :host {
+        flex: 1;
+        position: relative;
+        --primary-background-color: #eceff1;
+        overflow: hidden;
+        height: 100%;
+        width: 100%;
+      }
+      ::slotted(*) {
+        display: flex;
+        position: absolute;
+        opacity: 0;
+        pointer-events: none;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        transition: var(--md-sys-motion-easing-emphasized-accelerate) 200ms opacity,
+          var(--md-sys-motion-easing-emphasized-accelerate) 200ms transform;
+        /*transform: scale(0.1);*/
+        transform-origin: left;
+      }
+      ::slotted(.animate-up) {
+        transform: translateY(-120%);
+      }
+      ::slotted(.animate-down) {
+        transform: translateY(120%);
+      }
+      ::slotted(.custom-selected) {
+        opacity: 1;
+        pointer-events: auto;
+        transform: translateY(0);
+        transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms width,
+          var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
+        max-height: 100%;
+        max-width: 100%;
+      }
+    `];render(){return t`
+      <div class="wrapper">
+        <slot></slot>
+      </div>
+    `}}customElements.define("custom-pages",CustomPages);export{CustomPages};

package/exports/bundle/pane.js

@@ -0,0 +1,96 @@
+import{_ as e,a as t,e as s}from"./custom-element-c2e883ba.js";import{e as o,v as a,D as i}from"./property-58e28172.js";import"./elevation.js";import"./button.js";import"./icon.js";import"./index-3c006227.js";let r=(()=>{let r,n,c,l,m,h,d,p,g=[s("custom-pane")],u=[],f=i,y=[],_=[],v=[],b=[],x=[],w=[],k=[],j=[],z=[],S=[],B=[],P=[];return class extends f{static{n=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],l=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],h=[o({type:Boolean,reflect:!0})],d=[o({type:Boolean,reflect:!0})],p=[o({type:String})],e(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:s},y,_),e(this,null,l,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:e=>"mobile"in e,get:e=>e.mobile,set:(e,t)=>{e.mobile=t}},metadata:s},v,b),e(this,null,m,{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:s},x,w),e(this,null,h,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:e=>"left"in e,get:e=>e.left,set:(e,t)=>{e.left=t}},metadata:s},k,j),e(this,null,d,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:e=>"right"in e,get:e=>e.right,set:(e,t)=>{e.right=t}},metadata:s},z,S),e(this,null,p,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:e=>"id"in e,get:e=>e.id,set:(e,t)=>{e.id=t}},metadata:s},B,P),e(null,r={value:n},g,{kind:"class",name:n.name,metadata:s},null,u),n=r.value,s&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),t(n,u)}#e=t(this,y,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,_),t(this,v,!1));get mobile(){return this.#t}set mobile(e){this.#t=e}#s=(t(this,b),t(this,x,void 0));get type(){return this.#s}set type(e){this.#s=e}#o=(t(this,w),t(this,k,!0));get left(){return this.#o}set left(e){this.#o=e}#a=(t(this,j),t(this,z,!1));get right(){return this.#a}set right(e){this.#a=e}#i=(t(this,S),t(this,B,void 0));get id(){return this.#i}set id(e){this.#i=e}closePane(e){e.stopPropagation(),this.open=!1,document.dispatchEvent(new CustomEvent("custom-pane-close",{detail:this.id||""+(this.left?"left":"right")}))}render(){return a`<style>
+        :host {
+          --custom-pane-width: 100%;
+          display: flex;
+          flex-direction: column;
+          height: 100%;
+          background: var(--md-sys-color-surface);
+          color: var(--md-sys-color-on-surface);
+          position: relative;
+          /* border-radius: 12px; */
+
+          --md-elevation-level: 0;
+
+          pointer-events: none;
+          opacity: 0;
+          width: 100%;
+          max-width: var(--custom-pane-width);
+          transition: var(--md-sys-motion-easing-emphasized-accelerate) 200ms opacity,
+            var(--md-sys-motion-easing-emphasized-accelerate) 200ms transform;
+        }
+
+        :host([left]) {
+          border-radius: var(--md-sys-shape-corner-large-end);
+          transform: translateX(-100%);
+          z-index: 1002;
+        }
+
+        :host([right]) {
+          border-radius: var(--md-sys-shape-corner-large-start);
+          transform: translateX(100%);
+          z-index: 1001;
+        }
+
+        :host([mobile]) {
+          inset: 0;
+          position: fixed;
+          z-index: 1001;
+        }
+
+        :host([type='modal']) {
+          --md-elevation-level: 1;
+        }
+
+        :host([open]) {
+          transform: translateX(0);
+          opacity: 1;
+          pointer-events: auto;
+          transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
+            var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
+        }
+
+        :host([open]) {
+          position: relative;
+        }
+
+        :host([open][mobile]) {
+          position: fixed;
+        }
+
+        aside {
+          width: 100%;
+          height: 100%;
+        }
+
+        .content {
+          height: calc(100% - 54px);
+          width: 100%;
+          overflow-y: auto;
+        }
+
+        .footer {
+          height: 54px;
+        }
+
+        :host([right]) custom-button {
+          transform: rotateZ(180deg);
+        }
+      </style>
+      <custom-elevation></custom-elevation>
+      <aside>
+        <slot name="header">
+          <flex-row center>
+            <slot name="headline"></slot>
+            <flex-it></flex-it>
+            <custom-button @click=${e=>this.closePane(e)} .id=${this.id}>
+              <custom-icon slot="icon">menu_open</custom-icon>
+            </custom-button>
+          </flex-row>
+        </slot>
+        <flex-column class="content">
+          <slot name="content"></slot>
+        </flex-column>
+        <flex-row class="footer">
+          <slot name="footer"></slot>
+        </flex-row>
+      </aside> `}constructor(){super(...arguments),t(this,P)}},n})();export{r as CustomPane};

package/exports/bundle/property-58e28172.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,e=t.trustedTypes,s=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,i="$lit$",r=`lit$${(Math.random()+"").slice(9)}$`,n="?"+r,o=`<${n}>`,h=document,l=()=>h.createComment(""),a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,c="[ \t\n\f\r]",d=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,b=/-->/g,$=/>/g,p=RegExp(`>|${c}(?:([^\\s"'>=/]+)(${c}*=${c}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),_=/'/g,A=/"/g,g=/^(?:script|style|textarea|title)$/i,v=(t,...e)=>({_$litType$:1,strings:t,values:e}),m=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),f=new WeakMap,S=h.createTreeWalker(h,129);function x(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(e):e}const T=(t,e)=>{const s=t.length-1,n=[];let h,l=2===e?"<svg>":"",a=d;for(let e=0;e<s;e++){const s=t[e];let u,c,v=-1,m=0;for(;m<s.length&&(a.lastIndex=m,c=a.exec(s),null!==c);)m=a.lastIndex,a===d?"!--"===c[1]?a=b:void 0!==c[1]?a=$:void 0!==c[2]?(g.test(c[2])&&(h=RegExp("</"+c[2],"g")),a=p):void 0!==c[3]&&(a=p):a===p?">"===c[0]?(a=h??d,v=-1):void 0===c[1]?v=-2:(v=a.lastIndex-c[2].length,u=c[1],a=void 0===c[3]?p:'"'===c[3]?A:_):a===A||a===_?a=p:a===b||a===$?a=d:(a=p,h=void 0);const y=a===p&&t[e+1].startsWith("/>")?" ":"";l+=a===d?s+o:v>=0?(n.push(u),s.slice(0,v)+i+s.slice(v)+r+y):s+r+(-2===v?e:y)}return[x(t,l+(t[s]||"<?>")+(2===e?"</svg>":"")),n]};class N{constructor({strings:t,_$litType$:s},o){let h;this.parts=[];let a=0,u=0;const c=t.length-1,d=this.parts,[b,$]=T(t,s);if(this.el=N.createElement(b,o),S.currentNode=this.el.content,2===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(h=S.nextNode())&&d.length<c;){if(1===h.nodeType){if(h.hasAttributes())for(const t of h.getAttributeNames())if(t.endsWith(i)){const e=$[u++],s=h.getAttribute(t).split(r),i=/([.?@])?(.*)/.exec(e);d.push({type:1,index:a,name:i[2],strings:s,ctor:"."===i[1]?M:"?"===i[1]?E:"@"===i[1]?I:R}),h.removeAttribute(t)}else t.startsWith(r)&&(d.push({type:6,index:a}),h.removeAttribute(t));if(g.test(h.tagName)){const t=h.textContent.split(r),s=t.length-1;if(s>0){h.textContent=e?e.emptyScript:"";for(let e=0;e<s;e++)h.append(t[e],l()),S.nextNode(),d.push({type:2,index:++a});h.append(t[s],l())}}}else if(8===h.nodeType)if(h.data===n)d.push({type:2,index:a});else{let t=-1;for(;-1!==(t=h.data.indexOf(r,t+1));)d.push({type:7,index:a}),t+=r.length-1}a++}}static createElement(t,e){const s=h.createElement("template");return s.innerHTML=t,s}}function H(t,e,s=t,i){if(e===m)return e;let r=void 0!==i?s._$Co?.[i]:s._$Cl;const n=a(e)?void 0:e._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),void 0===n?r=void 0:(r=new n(t),r._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=r:s._$Cl=r),void 0!==r&&(e=H(t,r._$AS(t,e.values),r,i)),e}class C{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??h).importNode(e,!0);S.currentNode=i;let r=S.nextNode(),n=0,o=0,l=s[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new w(r,r.nextSibling,this,t):1===l.type?e=new l.ctor(r,l.name,l.strings,this,t):6===l.type&&(e=new U(r,this,t)),this._$AV.push(e),l=s[++o]}n!==l?.index&&(r=S.nextNode(),n++)}return S.currentNode=h,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class w{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=H(this,t,e),a(t)?t===y||null==t||""===t?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==m&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>u(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==y&&a(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(x(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new C(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=f.get(t.strings);return void 0===e&&f.set(t.strings,e=new N(t)),e}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new w(this.S(l()),this.S(l()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,r){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=y}_$AI(t,e=this,s,i){const r=this.strings;let n=!1;if(void 0===r)t=H(this,t,e,0),n=!a(t)||t!==this._$AH&&t!==m,n&&(this._$AH=t);else{const i=t;let o,h;for(t=r[0],o=0;o<r.length-1;o++)h=H(this,i[s+o],e,o),h===m&&(h=this._$AH[o]),n||=!a(h)||h!==this._$AH[o],h===y?t=y:t!==y&&(t+=(h??"")+r[o+1]),this._$AH[o]=h}n&&!i&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class M extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}}class E extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==y)}}class I extends R{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){if((t=H(this,t,e,0)??y)===m)return;const s=this._$AH,i=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==y&&(s===y||i);i&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class U{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){H(this,t)}}const k=t.litHtmlPolyfillSupport;k?.(N,w),(t.litHtmlVersions??=[]).push("3.1.2");const W=globalThis,B=W.ShadowRoot&&(void 0===W.ShadyCSS||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,P=Symbol(),j=new WeakMap;
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class O{constructor(t,e,s){if(this._$cssResult$=!0,s!==P)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(B&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=j.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&j.set(e,t))}return t}toString(){return this.cssText}}const L=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new O(s,t,P)};Symbol.metadata??=Symbol("metadata");class D extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,s){this[t]=s}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 v`<slot></slot>`}requestRender(){((t,e,s)=>{const i=e;let r=i._$litPart$;if(void 0===r){const t=null;i._$litPart$=r=new w(e.insertBefore(l(),t),t,void 0,{})}r._$AI(t)})(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}globalThis.pubsub=globalThis.pubsub||new class{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}subscribe(t,e,s){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0}),s=this._handleContext(e,s),this.subscribers[t].handlers.push(e.bind(s))}unsubscribe(t,e,s){if(!this.hasSubscribers(t))return;s=this._handleContext(e,s);const i=this.subscribers[t].handlers.indexOf(e.bind(s));this.subscribers[t].handlers.splice(i),0===this.subscribers[t].handlers.length&&delete this.subscribers[t]}publish(t,e,s){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const i=this.subscribers[t]?.value;if(this.verbose||s||i!==e){this.subscribers[t].value=e;for(const s of this.subscribers[t].handlers)s(e,i)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t){return new Promise((e=>{const s=i=>{e(i),this.unsubscribe(t,s)};this.subscribe(t,s)}))}};const V={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},q=(t,e)=>{let s=t;return e===Boolean?s=Boolean("true"===t):e===Number?s=Number(t):e===Uint8Array?s=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(s=JSON.parse(t),e===Map&&(s=new Map(t)),e===WeakMap&&(s=new WeakMap(t))),s},z=t=>{t={...V,...t};let e=0;return function(s,{kind:i,name:r,addInitializer:n,access:o,metadata:h}){const{type:l,reflect:a,attribute:u,renders:c,batches:d,batchDelay:b,consumer:$,provider:p,temporaryRender:_}=t,A=String(r),g=u&&"string"==typeof u?u:A,v=l===Boolean;if(n((async function(){"accessor"!==i&&console.warn(`${this.localName}: @property(${t}) ${A} ${i} is not supported`),u&&(h||(h={}),h.observedAttributes||(h.observedAttributes=new Map),h.observedAttributes.set(A,g)),$&&globalThis.pubsub.subscribe(r,(async t=>{this[r]=t}))})),"accessor"===i)return{get(){return m.call(this)},set(t){return y.call(this,t)},init(t){return this.hasAttribute(g)&&(t=v?this.hasAttribute(g):q(this.getAttribute(g),l)),void 0!==t&&y.call(this,t),$&&globalThis.pubsub.subscribers?.[r]?.value&&y.call(this,globalThis.pubsub.subscribers[r].value),this[r]}};function m(){const t=a?v?this.hasAttribute(g):q(this.getAttribute(g),l):this[`__${A}`]?this[`__${A}`]:this[`_${A}`];return $&&!this[`__${A}`]&&globalThis.pubsub.subscribers?.[A]?.value?(t!==globalThis.pubsub.subscribers[r].value&&y.call(this,globalThis.pubsub.subscribers[r].value),globalThis.pubsub.subscribers[r].value):t}async function y(t){if(p&&globalThis.pubsub.publish(r,t),this[`_${A}`]!==t){this.willChange&&(this[`__${A}`]=await this.willChange(r,t)),a?v?t||this[`__${A}`]?this.setAttribute(g,""):this.removeAttribute(g):t||this[`__${A}`]?this.setAttribute(g,((t,e)=>{let s=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let i;t!==Map&&t!==WeakMap||(i=Object(e).entries()),s=JSON.stringify(i)}return s})(l,this[`__${A}`]??t)):this.removeAttribute(g):this[`_${A}`]=t;const s=()=>{e=0,this.requestRender&&c&&this.requestRender(),this.onChange&&this.onChange(r,this[`__${A}`]??t)};d?(e===_&&s(),this[`_${A}_timeout`]&&clearTimeout(this[`_${A}_timeout`]),this[`_${A}_timeout`]=setTimeout(s,b)):s()}}}};export{D,z as e,L as j,v};

package/exports/bundle/query-73dacde5.js

@@ -0,0 +1 @@
+const t=t=>function(e,{kind:o,name:r,access:n,addInitializer:s}){return"accessor"!==o&&s((function(){console.warn(`${this.localName}: @query(${t}) ${String(r)} ${o} is not supported`)})),{get(){return this.shadowRoot?this.shadowRoot.querySelector(t):this.querySelector(t)}}};export{t};

package/exports/bundle/rail.js

@@ -0,0 +1,58 @@
+import{_ as t,a as e,e as s}from"./custom-element-c2e883ba.js";import{e as o,v as a,D as i}from"./property-58e28172.js";import"./pane.js";import"./elevation.js";import"./button.js";import"./icon.js";import"./index-3c006227.js";let l=(()=>{let l,r,n,c,m,p,h=[s("custom-rail")],d=[],y=i,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;
+        }
+
+        custom-pane {
+          box-sizing: border-box;
+          padding: 12px 24px;
+          height: 100%;
+          --custom-pane-width: var(--custom-drawer-with, 320px);
+        }
+
+        slot[name='headline']::slotted(*) {
+          color: var(--md-sys-color-on-surface-variant);
+          font-family: var(--md-sys-typescale-title-small-font-family-name);
+          font-style: var(--md-sys-typescale-title-small-font-family-style);
+          font-weight: var(--md-sys-typescale-title-small-font-weight);
+          font-size: var(--md-sys-typescale-title-small-font-size);
+          letter-spacing: var(--md-sys-typescale-title-small-tracking);
+          line-height: var(--md-sys-typescale-title-small-height);
+          text-transform: var(--md-sys-typescale-title-small-text-transform);
+          text-decoration: var(--md-sys-typescale-title-small-text-decoration);
+          text-transform: capitalize;
+          margin: 0;
+        }
+
+        ::slotted([slot='footer']) {
+          display: block;
+          box-sizing: border-box;
+          min-height: 48px;
+          border-top: 1px solid rgba(0, 0, 0, 0.14);
+        }
+
+        ::slotted([slot='content']) {
+          display: flex;
+          flex-direction: column;
+          height: 100%;
+          width: 100%;
+          overflow-y: auto;
+        }
+
+        ::slotted(*) {
+          pointer-events: none;
+        }
+
+        aside {
+          width: 100%;
+        }
+      </style>
+
+      <custom-pane .open=${this.open} .mobile=${this.mobile} .type=${this.type}>
+        <slot name="header">
+          <slot name="headline" slot="headline"></slot>
+          <slot name="menu-button" slot="menu-button"></slot>
+        </slot>
+        <slot name="content" slot="content"></slot>
+        <slot name="footer" slot="footer"></slot>
+      </custom-pane> `}constructor(){super(...arguments),e(this,j)}},r})();export{l as CustomRail};

package/exports/bundle/root.js

@@ -0,0 +1,8 @@
+import{_ as t,a as e,e as a}from"./custom-element-c2e883ba.js";import{j as o,v as s,D as l}from"./property-58e28172.js";import"./theme.js";let m=(()=>{let m,r,n=[a("custom-root")],c=[],i=l;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,m={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=m.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[o`
+      :host {
+        display: contents;
+      }
+    `];render(){return s`
+      <custom-theme></custom-theme>
+      <slot></slot>
+    `}static{e(r,c)}},r})();export{m as CustomRoot};

package/exports/bundle/scroll-mixin.js

@@ -0,0 +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};

package/exports/bundle/section.js

@@ -0,0 +1,11 @@
+import{_ as e,a as t,e as o}from"./custom-element-c2e883ba.js";import{j as s,v as a,D as l}from"./property-58e28172.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;
+        box-sizing: border-box;
+      }
+    `];render(){return a`
+      <custom-section>
+        <slot></slot>
+      </custom-section>
+    `}static{t(n,i)}},n})();export{c as DemoSection};

package/exports/bundle/section2.js

@@ -0,0 +1,25 @@
+import{_ as e,a as t,e as a}from"./custom-element-c2e883ba.js";import{j as o,v as l,D as n}from"./property-58e28172.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;
+        align-items: baseline;
+        margin: 16px;
+        position: relative;
+        overflow-y: auto;
+      }
+      .container {
+        align-items: center;
+        box-sizing: border-box;
+        padding: 12px;
+        border-radius: var(--md-sys-shape-corner-extra-large);
+      }
+      .content {
+        max-width: 720px;
+      }
+    `];render(){return l`
+      <flex-column class="container">
+        <flex-column class="content">
+          <slot></slot>
+        </flex-column>
+      </flex-column>
+    `}static{t(i,c)}},i})();export{r as CustomSection};

package/exports/bundle/select-mixin.js

@@ -0,0 +1 @@
+import{D as e}from"./property-58e28172.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

@@ -0,0 +1 @@
+import{SelectBase as e}from"./select-mixin.js";import"./property-58e28172.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

@@ -0,0 +1,31 @@
+import{_ as e,a as t,e as a}from"./custom-element-c2e883ba.js";import{j as o,v as l}from"./property-58e28172.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;
+        width: 100%;
+        height: 100%;
+        overflow-y: auto;
+      }
+
+      ::slotted(.custom-selected:not([non-interactive])) {
+        background: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-on-secondary-container);
+      }
+
+      ::slotted(*) {
+        color: var(--md-sys-color-on-surface-variant);
+        font-family: var(--md-sys-typescale-label-large-font-family-name);
+        font-style: var(--md-sys-typescale-label-large-font-family-style);
+        font-weight: var(--md-sys-typescale-label-large-font-weight);
+        font-size: var(--md-sys-typescale-label-large-font-size);
+        letter-spacing: var(--md-sys-typescale-label-large-tracking);
+        line-height: var(--md-sys-typescale-label-large-height);
+        text-transform: var(--md-sys-typescale-label-large-text-transform);
+        text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+      }
+
+      ::slotted(:not(.custom-selected):not([non-interactive]):hover) {
+        background: var(--md-sys-color-secondary-container-hover);
+        color: var(--md-sys-color-on-secondary-container);
+      }
+    `];render(){return l`<slot></slot>`}static{t(n,i)}},n})();export{r as CustomSelector};

package/exports/bundle/supporting-pane.js

@@ -0,0 +1,47 @@
+import{_ as t,a as e,e as s}from"./custom-element-c2e883ba.js";import{e as a,v as o,D as i}from"./property-58e28172.js";import{t as r}from"./query-73dacde5.js";import"./pane.js";import"./elevation.js";import"./button.js";import"./icon.js";import"./index-3c006227.js";let n=(()=>{let n,c,p,l,d,u,h,m=[s("custom-supporting-pane")],g=[],v=i,_=[],f=[],y=[],b=[],x=[],j=[],w=[],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=[r(".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},x,j),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},w,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,y,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,b),e(this,x,!1));get left(){return this.#s}set left(t){this.#s=t}#a=(e(this,j),e(this,w,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;
+          height: 100%;
+          background: var(--md-sys-color-surface);
+          color: var(--md-sys-color-on-surface);
+          width: 100%;
+          position: relative;
+          --supporting-pane-width: 360px;
+        }
+        .support {
+          position: absolute;
+          right: 0;
+        }
+
+        :host([left]) {
+          left: 0;
+          right: none;
+        }
+        :host([variant='expanded']) .support {
+          --custom-pane-width: var(--supporting-pane-width);
+        }
+        :host([variant='expanded']) {
+          flex-direction: row;
+        }
+
+        :host([variant='compact']) .support {
+          position: absolute;
+          flex-direction: row;
+        }
+        main {
+          width: 100%;
+        }
+        :host([open]) main {
+          width: calc(100% - var(--supporting-pane-width));
+        }
+      </style>
+      <main>
+        <slot></slot>
+      </main>
+      <custom-pane class="support" ?open=${this.open} ?right=${!this.left} .id=${this.id}>
+        <slot name="supporting">
+          <slot name="supporting-header" slot="header"></slot>
+          <slot name="supporting-content"></slot>
+        </slot>
+      </custom-pane>`}constructor(){super(...arguments),e(this,C)}},c})();export{n as CustomSupportingPane};

package/exports/bundle/tab.js

@@ -0,0 +1,22 @@
+import{_ as t,a as e,e as a}from"./custom-element-c2e883ba.js";import{v as o,D as n}from"./property-58e28172.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`
+      <style>
+        :host {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 8px;
+          height: 40px;
+          padding: 0 12px;
+          box-sizing: border-box;
+          width: auto;
+          font: var(--_supporting-text-type);
+          cursor: pointer;
+          white-space: nowrap;
+        }
+
+        slot {
+          pointer-events: none;
+        }
+      </style>
+      <slot></slot>
+    `}},l})();export{r as CustomTab};

package/exports/bundle/tabs.js

@@ -0,0 +1,51 @@
+import{_ as r,a as o,e as t}from"./custom-element-c2e883ba.js";import{v as e}from"./property-58e28172.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);
+          --selected-color: var(--md-sys-color-primary);
+          --selected-tab-color: var(--md-sys-color-primary);
+          --custom-tabs-shape: var(--md-sys-shape-corner-none);
+          --inactive-color: var(--md-sys-color-on-surface-variant);
+          display: flex;
+          flex-direction: row;
+          min-height: var(--custom-tabs-height, 64px);
+          overflow-x: auto;
+          background: var(--custom-tabs-background);
+          border-radius: var(--custom-tabs-shape);
+        }
+        ::slotted(*) {
+          color: var(--inactive-color);
+        }
+        ::slotted(.custom-selected) {
+          color: var(--selected-color);
+          border-bottom: 2px solid var(--selected-tab-color);
+        }
+
+        :host([round]) ::slotted(*) {
+          gap: 0;
+        }
+
+        :host([round]) ::slotted(.custom-selected) {
+          --md-sys-color-on-surface: var(--md-sys-color-on-tertiary);
+          color: var(--md-sys-color-on-tertiary);
+          background: var(--md-sys-color-tertiary);
+          border: none;
+          border-radius: var(--md-sys-shape-corner-extra-large);
+        }
+        ::-webkit-scrollbar {
+          width: 6px;
+          border-radius: 12px;
+        }
+        ::-webkit-scrollbar-track {
+          background: #f1f1f1;
+        }
+        ::-webkit-scrollbar-thumb {
+          background: #888;
+          border-radius: 12px;
+        }
+        ::-webkit-scrollbar-thumb:hover {
+          background: #555;
+        }
+      </style>
+      <slot></slot>
+    `}},l})();export{s as CustomTabs};

package/exports/bundle/text-field.js

@@ -0,0 +1,10 @@
+import{_ as a,a as t,e}from"./custom-element-c2e883ba.js";import{e as n,j as s,v as i,D as o}from"./property-58e28172.js";import{t as l}from"./query-73dacde5.js";let c=(()=>{let c,r,g,h,d,I,m=[e("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=[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,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}#e=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#e}set hasLeadingIcon(a){this.#e=a}#n=(t(this,y),t(this,T,void 0));get hasTrailingIcon(){return this.#n}set hasTrailingIcon(a){this.#n=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;
+      }
+      .label {
+      }
+
+      :host([has-leading-icon]) {
+      }
+    `];render(){return i` <slot name="leading-icon"></slot> `}static{t(r,S)}},r})();export{c as TextField};

package/exports/bundle/theme.js

@@ -0,0 +1 @@
+import{_ as t,a as e,e as a}from"./custom-element-c2e883ba.js";import{e as s,D as o}from"./property-58e28172.js";let r=(()=>{let r,n,i,l,c,g=[a("custom-theme")],d=[],h=o,m=[],u=[],p=[],y=[],b=[],w=[];return class extends h{static{n=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;i=[s({type:Boolean})],l=[s({type:String,attribute:"mobile-trigger"})],c=[s({type:Boolean})],t(this,null,i,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:t=>"loadFont"in t,get:t=>t.loadFont,set:(t,e)=>{t.loadFont=e}},metadata:a},m,u),t(this,null,l,{kind:"accessor",name:"narrowTrigger",static:!1,private:!1,access:{has:t=>"narrowTrigger"in t,get:t=>t.narrowTrigger,set:(t,e)=>{t.narrowTrigger=e}},metadata:a},p,y),t(this,null,c,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:t=>"narrow"in t,get:t=>t.narrow,set:(t,e)=>{t.narrow=e}},metadata:a},b,w),t(null,r={value:n},g,{kind:"class",name:n.name,metadata:a},null,d),n=r.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(n,d)}#t=e(this,m,!0);get loadFont(){return this.#t}set loadFont(t){this.#t=t}#e=(e(this,u),e(this,p,"(max-width: 860px)"));get narrowTrigger(){return this.#e}set narrowTrigger(t){this.#e=t}#a=(e(this,y),e(this,b,void 0));get narrow(){return this.#a}set narrow(t){this.#a=t}#s(t,e,a){let s=document.createElement("link");if(s.rel=e,s.href=t,a)for(const t of a)s.setAttribute(t,"");document.head.appendChild(s)}#o(){let t="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(t+=`&text=${globalThis.symbols}`),t}constructor(){super();const t=matchMedia("(max-width: 860px)");t.onchange=this.#r,this.#r({matches:t.matches}),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);const a=!this.hasAttribute("load-symbols")||"false"!==this.getAttribute("load-symbols");(this.loadFont||a)&&this.#s("https://fonts.googleapis.com","preconnect"),this.#s("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#s("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),a&&this.#s(this.#o(),"stylesheet")}#r=(e(this,w),({matches:t})=>{this.narrow=t,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))});set language(t){this.setAttribute("language",t)}get language(){return this.getAttribute("language")||"css"}async load(t){if("js"===this.language){const e=await import(t);for(const[t,a]of Object.entries(e)){const e=`--${t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(e,a)}}else if("css"===this.language){const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}}},n})();export{r as CustomTheme};