@vandeurenglenn/lite-elements 0.3.49 → 0.3.51

package/exports/upload-image.js

@@ -1,4 +1,4 @@
-import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
 import { customElement, query, property, css, html, LiteElement } from '@vandeurenglenn/lite';
 import { render } from 'lit-html';
 import '@material/web/button/filled-tonal-button.js';
@@ -89,99 +89,99 @@ let CustomUploadImage = (() => {
         get hasLibrary() { return this.#hasLibrary_accessor_storage; }
         set hasLibrary(value) { this.#hasLibrary_accessor_storage = value; }
         static styles = [
-            css `
-      :host {
-        display: block;
-      }
-
-      h5 {
-        margin: 0;
-      }
-
-      custom-tab.custom-selected {
-        background: var(--md-sys-color-tertiary);
-        --custom-icon-color: var(--md-sys-color-on-tertiary);
-        border: none;
-      }
-
-      custom-tab.custom-selected span,
-      custom-tab.custom-selected custom-icon {
-        color: var(--md-sys-color-on-tertiary);
-        --custom-icon-color: var(--md-sys-color-on-tertiary);
-      }
-
-      custom-tab {
-        gap: 8px;
-        height: 40px;
-        padding: 0 12px;
-        box-sizing: border-box;
-        width: auto;
-        border-radius: 20px;
-        font: var(--_supporting-text-type);
-      }
-
-      custom-tabs {
-        height: 40px;
-      }
-
-      section {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        width: 100%;
-        min-height: 168px;
-        position: absolute;
-        transform: scale(0);
-        justify-content: center;
-        align-items: center;
-      }
-
-      section[route='camera'] {
-        overflow-y: hidden;
-      }
-
-      section.custom-selected {
-        transform: scale(1);
-        position: relative;
-      }
-      md-outlined-text-field {
-        padding-top: 12px;
-      }
-
-      .camera-actions {
-        width: 100%;
-        position: absolute;
-        bottom: 0;
-        margin-bottom: 3px;
-      }
-
-      section[route='camera'] flex-container {
-        height: 320px;
-      }
-
-      flex-column {
-        width: auto;
-      }
-
-      flex-container video,
-      img:not([data-variant='icon']) {
-        height: -webkit-fill-available;
-        width: -webkit-fill-available;
-      }
-
-      [route='library'] img {
-        width: 150px;
-        cursor: pointer;
-      }
-
-      [data-variant='icon'] {
-        height: 48px;
-        width: 48px;
-      }
-
-      md-dialog {
-        --_container-color: #2d2f31;
-      }
+            css `
+      :host {
+        display: block;
+      }
+
+      h5 {
+        margin: 0;
+      }
+
+      custom-tab.custom-selected {
+        background: var(--md-sys-color-tertiary);
+        --custom-icon-color: var(--md-sys-color-on-tertiary);
+        border: none;
+      }
+
+      custom-tab.custom-selected span,
+      custom-tab.custom-selected custom-icon {
+        color: var(--md-sys-color-on-tertiary);
+        --custom-icon-color: var(--md-sys-color-on-tertiary);
+      }
+
+      custom-tab {
+        gap: 8px;
+        height: 40px;
+        padding: 0 12px;
+        box-sizing: border-box;
+        width: auto;
+        border-radius: 20px;
+        font: var(--_supporting-text-type);
+      }
+
+      custom-tabs {
+        height: 40px;
+      }
+
+      section {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+        min-height: 168px;
+        position: absolute;
+        transform: scale(0);
+        justify-content: center;
+        align-items: center;
+      }
+
+      section[route='camera'] {
+        overflow-y: hidden;
+      }
+
+      section.custom-selected {
+        transform: scale(1);
+        position: relative;
+      }
+      md-outlined-text-field {
+        padding-top: 12px;
+      }
+
+      .camera-actions {
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+        margin-bottom: 3px;
+      }
+
+      section[route='camera'] flex-container {
+        height: 320px;
+      }
+
+      flex-column {
+        width: auto;
+      }
+
+      flex-container video,
+      img:not([data-variant='icon']) {
+        height: -webkit-fill-available;
+        width: -webkit-fill-available;
+      }
+
+      [route='library'] img {
+        width: 150px;
+        cursor: pointer;
+      }
+
+      [data-variant='icon'] {
+        height: 48px;
+        width: 48px;
+      }
+
+      md-dialog {
+        --_container-color: #2d2f31;
+      }
     `
         ];
         get #dialog() {
@@ -214,9 +214,9 @@ let CustomUploadImage = (() => {
                     const item = document.createElement('md-list-item');
                     item.headline = file.name;
                     item.setAttribute('noninteractive', '');
-                    item.innerHTML = `
-          <img data-variant="icon" slot="start" src="${data}">
-          <md-standard-icon-button slot="end"><custom-icon>delete</custom-icon></md-standard-icon-button>
+                    item.innerHTML = `
+          <img data-variant="icon" slot="start" src="${data}">
+          <md-standard-icon-button slot="end"><custom-icon>delete</custom-icon></md-standard-icon-button>
         `;
                     item.onclick = () => {
                         this.shadowRoot.querySelector('section[route="file"]').removeChild(item);
@@ -255,103 +255,103 @@ let CustomUploadImage = (() => {
             this.#dialog.open = true;
         }
         #addImageTemplate() {
-            return html `
-      <form id="form-content" method="dialog">
-        <custom-tabs attr-for-selected="route" @selected=${this.#onSelected.bind(this)}>
+            return html `
+      <form id="form-content" method="dialog">
+        <custom-tabs attr-for-selected="route" @selected=${this.#onSelected.bind(this)}>
           ${this.hasLibrary
-                ? html `
-                <custom-tab route="library">
-                  <custom-icon>photo_library</custom-icon>
-                  <span>library</span>
-                </custom-tab>
+                ? html `
+                <custom-tab route="library">
+                  <custom-icon>photo_library</custom-icon>
+                  <span>library</span>
+                </custom-tab>
               `
-                : ''}
-          <custom-tab route="url">
-            <custom-icon>link</custom-icon>
-            <span>url</span>
-          </custom-tab>
-
-          <custom-tab route="camera">
-            <custom-icon>camera</custom-icon>
-            <span>camera</span>
-          </custom-tab>
-
-          <custom-tab route="file">
-            <custom-icon>upload</custom-icon>
-            <span>file</span>
-          </custom-tab>
-          <flex-it></flex-it>
-        </custom-tabs>
-        <custom-pages attr-for-selected="route">
+                : ''}
+          <custom-tab route="url">
+            <custom-icon>link</custom-icon>
+            <span>url</span>
+          </custom-tab>
+
+          <custom-tab route="camera">
+            <custom-icon>camera</custom-icon>
+            <span>camera</span>
+          </custom-tab>
+
+          <custom-tab route="file">
+            <custom-icon>upload</custom-icon>
+            <span>file</span>
+          </custom-tab>
+          <flex-it></flex-it>
+        </custom-tabs>
+        <custom-pages attr-for-selected="route">
           ${this.hasLibrary
-                ? html `
-                <section route="library">
-                  <flex-wrap-around>
-                    ${this.images.map((image) => html `
-                        <img
-                          @click=${(event) => this.#onlibclick.call(this, event, image.firebaseKey)}
-                          src=${`${location.origin}/api/image?image=${image.link.replace('.png', 'b.png')}`}
-                        />
-                      `)}
-                  </flex-wrap-around>
-                </section>
+                ? html `
+                <section route="library">
+                  <flex-wrap-around>
+                    ${this.images.map((image) => html `
+                        <img
+                          @click=${(event) => this.#onlibclick.call(this, event, image.firebaseKey)}
+                          src=${`${location.origin}/api/image?image=${image.link.replace('.png', 'b.png')}`}
+                        />
+                      `)}
+                  </flex-wrap-around>
+                </section>
               `
-                : ''}
-          <section route="url">
-            <flex-column>
-              add image using a link/url
-              <md-outlined-text-field label="url" input-field="url"></md-outlined-text-field>
-            </flex-column>
-          </section>
-
-          <section route="camera">
-            <flex-container>
-              <video autoplay mute="true" class="camera-preview"></video>
-            </flex-container>
-
-            <flex-row class="camera-actions">
-              <flex-it flex="2"></flex-it>
-
-              <md-standard-icon-button
-                @click=${() => (this.#cameraFacingMode = 'user')}
-                ?disabled=${this.frontCameraDisabled}
-              >
-                <custom-icon>photo_camera_front</custom-icon>
-              </md-standard-icon-button>
-
-              <flex-it flex="1"></flex-it>
-
-              <md-standard-icon-button style="transform: scale(1.66);" @click=${this.#takePhoto}>
-                <custom-icon>photo_camera</custom-icon>
-              </md-standard-icon-button>
-
-              <flex-it flex="1"></flex-it>
-
-              <md-standard-icon-button
-                @click=${() => (this.#cameraFacingMode = 'environment')}
-                ?disabled=${this.rearCameraDisabled}
-              >
-                <custom-icon>photo_camera_back</custom-icon>
-              </md-standard-icon-button>
-
-              <flex-it flex="2"></flex-it>
-            </flex-row>
-          </section>
-
-          <section route="file">
-            <md-filled-tonal-button @click=${this.#selectFile.bind(this)}>
-              <custom-icon slot="icon">upload</custom-icon>
-              select
-            </md-filled-tonal-button>
-          </section>
-        </custom-pages>
-      </form>
-
-      <flex-row slot="actions">
-        <md-text-button form="form-content" value="cancel">cancel</md-text-button>
-        <flex-one></flex-one>
-        <md-text-button form="form-content" value="submit">submit</md-text-button>
-      </flex-row>
+                : ''}
+          <section route="url">
+            <flex-column>
+              add image using a link/url
+              <md-outlined-text-field label="url" input-field="url"></md-outlined-text-field>
+            </flex-column>
+          </section>
+
+          <section route="camera">
+            <flex-container>
+              <video autoplay mute="true" class="camera-preview"></video>
+            </flex-container>
+
+            <flex-row class="camera-actions">
+              <flex-it flex="2"></flex-it>
+
+              <md-standard-icon-button
+                @click=${() => (this.#cameraFacingMode = 'user')}
+                ?disabled=${this.frontCameraDisabled}
+              >
+                <custom-icon>photo_camera_front</custom-icon>
+              </md-standard-icon-button>
+
+              <flex-it flex="1"></flex-it>
+
+              <md-standard-icon-button style="transform: scale(1.66);" @click=${this.#takePhoto}>
+                <custom-icon>photo_camera</custom-icon>
+              </md-standard-icon-button>
+
+              <flex-it flex="1"></flex-it>
+
+              <md-standard-icon-button
+                @click=${() => (this.#cameraFacingMode = 'environment')}
+                ?disabled=${this.rearCameraDisabled}
+              >
+                <custom-icon>photo_camera_back</custom-icon>
+              </md-standard-icon-button>
+
+              <flex-it flex="2"></flex-it>
+            </flex-row>
+          </section>
+
+          <section route="file">
+            <md-filled-tonal-button @click=${this.#selectFile.bind(this)}>
+              <custom-icon slot="icon">upload</custom-icon>
+              select
+            </md-filled-tonal-button>
+          </section>
+        </custom-pages>
+      </form>
+
+      <flex-row slot="actions">
+        <md-text-button form="form-content" value="cancel">cancel</md-text-button>
+        <flex-one></flex-one>
+        <md-text-button form="form-content" value="submit">submit</md-text-button>
+      </flex-row>
     `;
         }
         #onAction = () => new Promise((resolve, reject) => {
@@ -383,17 +383,17 @@ let CustomUploadImage = (() => {
             this.#dialog.addEventListener('closed', action);
         });
         #busytemplate(title, description) {
-            return html `
-      <flex-row slot="title">
-        <h5>${title}</h5>
-      </flex-row>
-      <flex-column>
-        <flex-column> ${description} </flex-column>
-
-        <flex-row style="justify-content: center; width: 100%;">
-          <md-circular-progress indeterminate></md-circular-progress>
-        </flex-row>
-      </flex-column>
+            return html `
+      <flex-row slot="title">
+        <h5>${title}</h5>
+      </flex-row>
+      <flex-column>
+        <flex-column> ${description} </flex-column>
+
+        <flex-row style="justify-content: center; width: 100%;">
+          <md-circular-progress indeterminate></md-circular-progress>
+        </flex-row>
+      </flex-column>
     `;
         }
         async addImage() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.49",
+	"version": "0.3.51",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -19,32 +19,32 @@
 	"license": "MIT",
 	"dependencies": {
 		"@material-design-icons/svg": "^0.14.13",
-		"@material-symbols/svg-400": "^0.17.0",
-		"@material/web": "^1.3.0",
-		"@vandeurenglenn/custom-shared-styles": "^0.0.14",
-		"@vandeurenglenn/flex-elements": "^1.3.1",
-		"@vandeurenglenn/lite": "^0.2.37",
+		"@material-symbols/svg-400": "^0.27.2",
+		"@material/web": "^2.2.0",
+		"@vandeurenglenn/custom-shared-styles": "^0.0.18",
+		"@vandeurenglenn/flex-elements": "^1.3.2",
+		"@vandeurenglenn/lite": "^0.2.52",
 		"custom-element-decorator": "^0.6.0"
 	},
 	"devDependencies": {
-		"@rollup/plugin-commonjs": "^25.0.7",
+		"@rollup/plugin-commonjs": "^28.0.1",
 		"@rollup/plugin-json": "^6.1.0",
-		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-node-resolve": "^15.3.0",
 		"@rollup/plugin-terser": "^0.4.4",
-		"@rollup/plugin-typescript": "^11.1.6",
+		"@rollup/plugin-typescript": "^12.1.1",
 		"@types/html": "^1.0.4",
-		"@types/node": "^20.11.30",
+		"@types/node": "^22.10.1",
 		"@web/rollup-plugin-html": "^2.3.0",
-		"chrome-launcher": "^1.1.0",
-		"globby": "^14.0.1",
-		"lighthouse": "^11.6.0",
-		"material-symbols": "^0.17.0",
-		"rimraf": "^5.0.5",
-		"rollup": "^4.13.0",
+		"chrome-launcher": "^1.1.2",
+		"globby": "^14.0.2",
+		"lighthouse": "^12.2.2",
+		"material-symbols": "^0.27.2",
+		"rimraf": "^6.0.1",
+		"rollup": "^4.28.1",
 		"rollup-plugin-auto-exports": "^1.0.8",
 		"rollup-plugin-material-symbols": "^2.1.5",
-		"tslib": "^2.6.2",
-		"typescript": "^5.4.2"
+		"tslib": "^2.8.1",
+		"typescript": "^5.7.2"
 	},
 	"exports": {
 		".": {
@@ -219,14 +219,6 @@
 			"import": "./exports/fab.js",
 			"types": "./exports/fab/fab.d.ts"
 		},
-		"./file-reader-mixin": {
-			"import": "./exports/file-reader-mixin.js",
-			"types": "./exports/mixins/file-reader-mixin.d.ts"
-		},
-		"./file-reader-mixin.js": {
-			"import": "./exports/file-reader-mixin.js",
-			"types": "./exports/mixins/file-reader-mixin.d.ts"
-		},
 		"./hash-router": {
 			"import": "./exports/hash-router.js",
 			"types": "./exports/router/hash-router.d.ts"
@@ -493,11 +485,11 @@
 		},
 		"./types": {
 			"import": "./exports/types.js",
-			"types": "./exports/router/types.d.ts"
+			"types": "./exports/types.d.ts"
 		},
 		"./types.js": {
 			"import": "./exports/types.js",
-			"types": "./exports/router/types.d.ts"
+			"types": "./exports/types.d.ts"
 		},
 		"./typography": {
 			"import": "./exports/typography.js",
@@ -514,14 +506,6 @@
 		"./upload-file.js": {
 			"import": "./exports/upload-file.js",
 			"types": "./exports/upload/upload-file.d.ts"
-		},
-		"./upload-image": {
-			"import": "./exports/upload-image.js",
-			"types": "./exports/upload/upload-image.d.ts"
-		},
-		"./upload-image.js": {
-			"import": "./exports/upload-image.js",
-			"types": "./exports/upload/upload-image.d.ts"
 		}
 	}
 }

package/exports/bundle/property-BYA8Sw2t.js

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

package/exports/bundle/property-C4lhirVQ.js

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