@lukso/web-components 1.47.0 → 1.48.0

package/dist/components/lukso-search/index.js

@@ -1,12 +1,12 @@
-import { T as TailwindStyledElement, x, A } from '../../index-12d3b4a1.js';
-import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { t } from '../../state-02a92ffa.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
+import { T as TailwindStyledElement, x, A } from '../../index-c72ac15f.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { t } from '../../state-0a779257.js';
+import { a as customClassMap } from '../../index-944f6ebe.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-7d8d33bb.js';
+import '../../style-map-cd69bc0c.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -329,64 +329,64 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
   }
 };
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "value", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "name", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "placeholder", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "label", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "autocomplete", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "id", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "description", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "error", 2);
 __decorateClass([
-  e({ type: String, attribute: "custom-class" })
+  n({ type: String, attribute: "custom-class" })
 ], LuksoSearch.prototype, "customClass", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-full-width" })
+  n({ type: Boolean, attribute: "is-full-width" })
 ], LuksoSearch.prototype, "isFullWidth", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-readonly" })
+  n({ type: Boolean, attribute: "is-readonly" })
 ], LuksoSearch.prototype, "isReadonly", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-disabled" })
+  n({ type: Boolean, attribute: "is-disabled" })
 ], LuksoSearch.prototype, "isDisabled", 2);
 __decorateClass([
-  e({ type: Boolean })
+  n({ type: Boolean })
 ], LuksoSearch.prototype, "autofocus", 2);
 __decorateClass([
-  e({ type: Boolean })
+  n({ type: Boolean })
 ], LuksoSearch.prototype, "borderless", 2);
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSearch.prototype, "results", 2);
 __decorateClass([
-  e({ type: Number })
+  n({ type: Number })
 ], LuksoSearch.prototype, "debounce", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-searching" })
+  n({ type: Boolean, attribute: "is-searching" })
 ], LuksoSearch.prototype, "isSearching", 2);
 __decorateClass([
-  e({ type: String, attribute: "no-results-text" })
+  n({ type: String, attribute: "no-results-text" })
 ], LuksoSearch.prototype, "noResultsText", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "show-no-results" })
+  n({ type: Boolean, attribute: "show-no-results" })
 ], LuksoSearch.prototype, "showNoResults", 2);
 __decorateClass([
-  e({ type: Number })
+  n({ type: Number })
 ], LuksoSearch.prototype, "selected", 2);
 __decorateClass([
   t()
@@ -407,7 +407,7 @@ __decorateClass([
   t()
 ], LuksoSearch.prototype, "searchTerm", 2);
 LuksoSearch = __decorateClass([
-  e$1("lukso-search")
+  e("lukso-search")
 ], LuksoSearch);
 
 export { LuksoSearch };

package/dist/components/lukso-share/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-26918474.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const shared_tailwindElement_index = require('../../index-a03613f8.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -71,11 +71,11 @@ exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: String, attribute: "custom-style" })
+  queryAssignedElements.n({ type: String, attribute: "custom-style" })
 ], exports.LuksoShare.prototype, "customStyle", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Array })
+  queryAssignedElements.n({ type: Array })
 ], exports.LuksoShare.prototype, "providers", 2);
 exports.LuksoShare = __decorateClass([
-  queryAssignedElements.e$1("lukso-share")
+  queryAssignedElements.e("lukso-share")
 ], exports.LuksoShare);

package/dist/components/lukso-share/index.d.ts

@@ -12,8 +12,8 @@ export declare class LuksoShare extends LuksoShare_base {
     customStyle: string;
     providers: ProviderName[] | ProviderObject[];
     private defaultProviderLinks;
-    linkTemplate(name: ProviderName, url: Url): import("lit").TemplateResult<1>;
-    render(): import("lit").TemplateResult<1>;
+    linkTemplate(name: ProviderName, url: Url): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-share/index.js

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-12d3b4a1.js';
-import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
+import { T as TailwindStyledElement, x } from '../../index-c72ac15f.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -67,13 +67,13 @@ let LuksoShare = class extends TailwindStyledElement(style) {
   }
 };
 __decorateClass([
-  e({ type: String, attribute: "custom-style" })
+  n({ type: String, attribute: "custom-style" })
 ], LuksoShare.prototype, "customStyle", 2);
 __decorateClass([
-  e({ type: Array })
+  n({ type: Array })
 ], LuksoShare.prototype, "providers", 2);
 LuksoShare = __decorateClass([
-  e$1("lukso-share")
+  e("lukso-share")
 ], LuksoShare);
 
 export { LuksoShare };

package/dist/components/lukso-switch/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-26918474.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-bdd4a4b4.cjs');
-const index = require('../../index-e9668573.cjs');
+const shared_tailwindElement_index = require('../../index-a03613f8.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
+const styleMap = require('../../style-map-d09deecd.cjs');
+const index = require('../../index-97750d66.cjs');
 require('../../directive-8278ab14.cjs');
 
 var __defProp = Object.defineProperty;
@@ -75,17 +75,17 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoSwitch.prototype, "color", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-checked" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-checked" })
 ], exports.LuksoSwitch.prototype, "isChecked", 2);
 __decorateClass([
-  queryAssignedElements.e({
+  queryAssignedElements.n({
     type: Boolean,
     attribute: "is-disabled"
   })
 ], exports.LuksoSwitch.prototype, "isDisabled", 2);
 exports.LuksoSwitch = __decorateClass([
-  queryAssignedElements.e$1("lukso-switch")
+  queryAssignedElements.e("lukso-switch")
 ], exports.LuksoSwitch);

package/dist/components/lukso-switch/index.d.ts

@@ -6,7 +6,7 @@ export declare class LuksoSwitch extends TailwindElement {
     private handleChange;
     private defaultLabelStyles;
     private defaultInputStyles;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-switch/index.js

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-12d3b4a1.js';
-import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-7d8d33bb.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
+import { a as TailwindElement, x } from '../../index-c72ac15f.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { o } from '../../style-map-cd69bc0c.js';
+import { a as customClassMap } from '../../index-944f6ebe.js';
 import '../../directive-2bb7789e.js';
 
 var __defProp = Object.defineProperty;
@@ -71,19 +71,19 @@ let LuksoSwitch = class extends TailwindElement {
   }
 };
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoSwitch.prototype, "color", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-checked" })
+  n({ type: Boolean, attribute: "is-checked" })
 ], LuksoSwitch.prototype, "isChecked", 2);
 __decorateClass([
-  e({
+  n({
     type: Boolean,
     attribute: "is-disabled"
   })
 ], LuksoSwitch.prototype, "isDisabled", 2);
 LuksoSwitch = __decorateClass([
-  e$1("lukso-switch")
+  e("lukso-switch")
 ], LuksoSwitch);
 
 export { LuksoSwitch };

package/dist/components/lukso-tag/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-26918474.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-bdd4a4b4.cjs');
-const index = require('../../index-e9668573.cjs');
+const shared_tailwindElement_index = require('../../index-a03613f8.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
+const styleMap = require('../../style-map-d09deecd.cjs');
+const index = require('../../index-97750d66.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -71,17 +71,17 @@ exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindS
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoTag.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean, attribute: "is-rounded" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-rounded" })
 ], exports.LuksoTag.prototype, "isRounded", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String, attribute: "background-color" })
+  queryAssignedElements.n({ type: String, attribute: "background-color" })
 ], exports.LuksoTag.prototype, "backgroundColor", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: String, attribute: "text-color" })
+  queryAssignedElements.n({ type: String, attribute: "text-color" })
 ], exports.LuksoTag.prototype, "textColor", 2);
 exports.LuksoTag = __decorateClass([
-  queryAssignedElements.e$1("lukso-tag")
+  queryAssignedElements.e("lukso-tag")
 ], exports.LuksoTag);

package/dist/components/lukso-tag/index.d.ts

@@ -10,7 +10,7 @@ export declare class LuksoTag extends LuksoTag_base {
     private smallStyles;
     private largeStyles;
     private padding;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-tag/index.js

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-12d3b4a1.js';
-import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-7d8d33bb.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
+import { T as TailwindStyledElement, x } from '../../index-c72ac15f.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { o } from '../../style-map-cd69bc0c.js';
+import { a as customClassMap } from '../../index-944f6ebe.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -67,19 +67,19 @@ let LuksoTag = class extends TailwindStyledElement(style) {
   }
 };
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoTag.prototype, "size", 2);
 __decorateClass([
-  e({ type: Boolean, attribute: "is-rounded" })
+  n({ type: Boolean, attribute: "is-rounded" })
 ], LuksoTag.prototype, "isRounded", 2);
 __decorateClass([
-  e({ type: String, attribute: "background-color" })
+  n({ type: String, attribute: "background-color" })
 ], LuksoTag.prototype, "backgroundColor", 2);
 __decorateClass([
-  e({ type: String, attribute: "text-color" })
+  n({ type: String, attribute: "text-color" })
 ], LuksoTag.prototype, "textColor", 2);
 LuksoTag = __decorateClass([
-  e$1("lukso-tag")
+  e("lukso-tag")
 ], LuksoTag);
 
 export { LuksoTag };

package/dist/components/lukso-terms/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-26918474.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const state = require('../../state-51b50a6b.cjs');
-const index = require('../../index-e9668573.cjs');
+const shared_tailwindElement_index = require('../../index-a03613f8.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
+const state = require('../../state-f73a8b4f.cjs');
+const index = require('../../index-97750d66.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-bdd4a4b4.cjs');
+require('../../style-map-d09deecd.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -89,11 +89,11 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  queryAssignedElements.e({ type: String })
+  queryAssignedElements.n({ type: String })
 ], exports.LuksoTerms.prototype, "text", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoTerms.prototype, "hasScrollButton", 2);
 exports.LuksoTerms = __decorateClass([
-  queryAssignedElements.e$1("lukso-terms")
+  queryAssignedElements.e("lukso-terms")
 ], exports.LuksoTerms);

package/dist/components/lukso-terms/index.d.ts

@@ -6,7 +6,7 @@ export declare class LuksoTerms extends LuksoTerms_base {
     private onScrollBottom;
     private handleScroll;
     private handleBottomScroll;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/lukso-terms/index.js

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-12d3b4a1.js';
-import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { t } from '../../state-02a92ffa.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
+import { T as TailwindStyledElement, x } from '../../index-c72ac15f.js';
+import { n, e } from '../../query-assigned-elements-5d94572f.js';
+import { t } from '../../state-0a779257.js';
+import { a as customClassMap } from '../../index-944f6ebe.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-7d8d33bb.js';
+import '../../style-map-cd69bc0c.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -85,13 +85,13 @@ let LuksoTerms = class extends TailwindStyledElement(style) {
   }
 };
 __decorateClass([
-  e({ type: String })
+  n({ type: String })
 ], LuksoTerms.prototype, "text", 2);
 __decorateClass([
   t()
 ], LuksoTerms.prototype, "hasScrollButton", 2);
 LuksoTerms = __decorateClass([
-  e$1("lukso-terms")
+  e("lukso-terms")
 ], LuksoTerms);
 
 export { LuksoTerms };

package/dist/components/lukso-test/index.cjs

@@ -2,20 +2,39 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-26918474.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
+const shared_tailwindElement_index = require('../../index-a03613f8.cjs');
+const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const directive = require('../../directive-8278ab14.cjs');
-const directiveHelpers = require('../../directive-helpers-3445f03f.cjs');
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const s=(i,t)=>{var e,o;const r=i._$AN;if(void 0===r)return !1;for(const i of r)null===(o=(e=i)._$AO)||void 0===o||o.call(e,t,!1),s(i,t);return !0},o$1=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===(null==e?void 0:e.size))},r$1=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),l(t);}};function n$1(i){void 0!==this._$AN?(o$1(this),this._$AM=i,r$1(this)):this._$AM=i;}function h$1(i,t=!1,e=0){const r=this._$AH,n=this._$AN;if(void 0!==n&&0!==n.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],!1),o$1(r[i]);else null!=r&&(s(r,!1),o$1(r));else s(this,i);}const l=i=>{var t,s,o,r;i.type==directive.t.CHILD&&(null!==(t=(o=i)._$AP)&&void 0!==t||(o._$AP=h$1),null!==(s=(r=i)._$AQ)&&void 0!==s||(r._$AQ=n$1));};class c extends directive.i{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r$1(this),this.isConnected=i._$AU;}_$AO(i,t=!0){var e,r;i!==this.isConnected&&(this.isConnected=i,i?null===(e=this.reconnected)||void 0===e||e.call(this):null===(r=this.disconnected)||void 0===r||r.call(this)),t&&(s(this,i),o$1(this));}setValue(t){if(directiveHelpers.e(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
+ */
+const t$2=globalThis,i$2=t$2.trustedTypes,s$1=i$2?i$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$1="$lit$",h$1=`lit$${(Math.random()+"").slice(9)}$`,o$3="?"+h$1,n$2=`<${o$3}>`,r$2=document,l=()=>r$2.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1=Array.isArray,u=t=>a$1(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g$1=/"/g,$=/^(?:script|style|textarea|title)$/i,w$1=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),A$1=new WeakMap,E=r$2.createTreeWalker(r$2,129);function C(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const P=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g$1:p):c===g$1||c===p?c=m:c===v||c===_?c=f$2:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$2:d>=0?(o.push(a),s.slice(0,d)+e$1+s.slice(d)+h$1+x):s+h$1+(-2===d?i:x);}return [C(t,l+(t[s]||"<?>")+(2===i?"</svg>":"")),o]};class V{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=P(t,s);if(this.el=V.createElement(f,n),E.currentNode=this.el.content,2===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=E.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$1)){const i=v[a++],s=r.getAttribute(t).split(h$1),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?k:"?"===e[1]?H:"@"===e[1]?I:R}),r.removeAttribute(t);}else t.startsWith(h$1)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h$1),s=t.length-1;if(s>0){r.textContent=i$2?i$2.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),E.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$3)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$1,t+1));)d.push({type:7,index:c}),t+=h$1.length-1;}c++;}}static createElement(t,i){const s=r$2.createElement("template");return s.innerHTML=t,s}}function N$1(t,i,s=t,e){if(i===w$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=N$1(t,h._$AS(t,i.values),h,e)),i}class S{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$2).importNode(i,!0);E.currentNode=e;let h=E.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new M(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new L(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=E.nextNode(),o++);}return E.currentNode=r$2,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=N$1(this,t,i),c$1(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==w$1&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):u(t)?this.T(t):this._(t);}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t));}_(t){this._$AH!==T&&c$1(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$2.createTextNode(t)),this._$AH=t;}g(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=V.createElement(C(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new S(e,this),s=t.u(this.options);t.p(i),this.$(s),this._$AH=t;}}_$AC(t){let i=A$1.get(t.strings);return void 0===i&&A$1.set(t.strings,i=new V(t)),i}T(t){a$1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new M(this.k(l()),this.k(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}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,i,s,e,h){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=T;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=N$1(this,t,i,0),o=!c$1(t)||t!==this._$AH&&t!==w$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=N$1(this,e[s+n],i,n),r===w$1&&(r=this._$AH[n]),o||=!c$1(r)||r!==this._$AH[n],r===T?t=T:t!==T&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===T?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===T?void 0:t;}}class H extends R{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==T);}}class I extends R{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=N$1(this,t,i,0)??T)===w$1)return;const s=this._$AH,e=t===T&&s!==T||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==T&&(s===T||e);e&&this.element.removeEventListener(this.name,this,s),h&&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,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){N$1(this,t);}}const Z=t$2.litHtmlPolyfillSupport;Z?.(V,M),(t$2.litHtmlVersions??=[]).push("3.0.0");
 
-const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this);}async add(i){var t,s;this.clients.add(i),this.startPaused&&(null===(t=i.webAnimation)||void 0===t||t.pause()),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,null===(s=this.onComplete)||void 0===s||s.call(this));}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.pause()}));}play(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.play()}));}cancel(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.cancel()})),this.clients.clear();}finish(){this.clients.forEach((i=>{var t;return null===(t=i.webAnimation)||void 0===t?void 0:t.finish()})),this.clients.clear();}togglePlay(){this.isPlaying?this.pause():this.play();}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>{var t;return "running"===(null===(t=i.webAnimation)||void 0===t?void 0:t.playState)}))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const f$1=o=>void 0===o.strings;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const s=(i,t)=>{const e=i._$AN;if(void 0===e)return !1;for(const i of e)i._$AO?.(t,!1),s(i,t);return !0},o$2=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r$1=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h(i){void 0!==this._$AN?(o$2(this),this._$AM=i,r$1(this)):this._$AM=i;}function n$1(i,t=!1,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],!1),o$2(r[i]);else null!=r&&(s(r,!1),o$2(r));else s(this,i);}const c=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h);};class f extends i$1{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r$1(this),this.isConnected=i._$AU;}_$AO(i,t=!0){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$2(this));}setValue(t){if(f$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
+
+const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this);}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,this.onComplete?.());}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>i.webAnimation?.pause()));}play(){this.clients.forEach((i=>i.webAnimation?.play()));}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear();}finish(){this.clients.forEach((i=>i.webAnimation?.finish())),this.clients.clear();}togglePlay(){this.isPlaying?this.pause():this.play();}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>"running"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
 
-let h=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:"ease-in-out"},b=["left","top","width","height","opacity","color","background"],j=new WeakMap;class x extends c{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===directive.t.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){var t;null===(t=this.resolveFinished)||void 0===t||t.call(this),this.finished=new Promise((t=>{this.h=t;}));}async resolveFinished(){var t;null===(t=this.h)||void 0===t||t.call(this),this.h=void 0;}render(i){return shared_tailwindElement_index.A$1}getController(){return i.get(this.l)}isDisabled(){var t;return this.options.disabled||(null===(t=this.getController())||void 0===t?void 0:t.disabled)}update(t,[i]){var s;const e=void 0===this.l;return e&&(this.l=null===(s=t.options)||void 0===s?void 0:s.host,this.l.addController(this),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(e||"function"!=typeof i)&&this.u(i),this.render(i)}u(t){var i,s;t=null!=t?t:{};const e=this.getController();void 0!==e&&((t={...e.defaultOptions,...t}).keyframeOptions={...e.defaultOptions.keyframeOptions,...t.keyframeOptions}),null!==(i=(s=t).properties)&&void 0!==i||(s.properties=b),this.options=t;}v(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{var o;const h=null!==(o=i[e])&&void 0!==o?o:N[e]?void 0:s[e],r=Number(h);t[e]=isNaN(r)?h+"":r;})),t}p(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return !1}else if(i===t)return !1;return !0})(t,this.m)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.o&&(this.m=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){var t;"function"==typeof this.optionsOrCallback&&this.u(this.optionsOrCallback()),this.p()&&(this.g=this.v(),this.t=null!==(t=this.t)&&void 0!==t?t:this.element.parentNode,this.i=this.element.nextSibling);}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this._(),s=this.A(this.options.keyframeOptions,i),e=this.v();if(void 0!==this.g){const{from:s,to:o}=this.O(this.g,e,i);this.log("measured",[this.g,e,s,o]),t=this.calculateKeyframes(s,o);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:o,to:n}=this.O(s,e,i);t=this.calculateKeyframes(o,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,h++,t.forEach((t=>t.zIndex=h));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){var t;void 0!==this.j&&(this.element.setAttribute("style",null!==(t=this.j)&&void 0!==t?t:""),this.j=void 0);}commitStyles(){var t,i;this.j=this.element.getAttribute("style"),null===(t=this.webAnimation)||void 0===t||t.commitStyles(),null===(i=this.webAnimation)||void 0===i||i.cancel();}reconnected(){}async disconnected(){var t;if(!this.o)return;if(void 0!==this.options.id&&r.set(this.options.id,this.g),void 0===this.options.out)return;if(this.prepare(),await a(),null===(t=this.t)||void 0===t?void 0:t.isConnected){const t=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.v();this.log("stabilizing out");const i=this.g.left-t.left,s=this.g.top-t.top;!("static"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position="relative"),0!==i&&(this.element.style.left=i+"px"),0!==s&&(this.element.style.top=s+"px");}}const i=this.A(this.options.keyframeOptions);await this.animate(this.options.out,i),this.element.remove();}prepare(){this.createFinished();}start(){var t,i;null===(i=(t=this.options).onStart)||void 0===i||i.call(t,this);}didFinish(t){var i,s;t&&(null===(s=(i=this.options).onComplete)||void 0===s||s.call(i,this)),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}_(){const t=[];for(let i=this.element.parentNode;i;i=null==i?void 0:i.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.l);return t||this.l.updateComplete.then((()=>{n.add(this.l);})),t}A(t,i=this._()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}O(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let o=1,h=1;return void 0!==e&&(e.forEach((t=>{t.width&&(o/=t.width),t.height&&(h/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=o*t.left,i.left=o*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=h*t.top,i.top=h*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){var e;const o={},h={};let r=!1;const n={};for(const s in i){const a=t[s],l=i[s];if(s in N){const t=N[s];if(void 0===a||void 0===l)continue;const i=t(a,l);void 0!==i.transform&&(n[s]=i.value,r=!0,o.transform=`${null!==(e=o.transform)&&void 0!==e?e:""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(o,i.overrideFrom));}else a!==l&&void 0!==a&&void 0!==l&&(r=!0,o[s]=a,h[s]=l);}return o.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=n,r?[o,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),void 0!==t)){this.log("animate",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();null==e||e.add(this);try{await this.webAnimation.finished;}catch(t){}null==e||e.remove(this);}return this.didFinish(s),s}isAnimating(){var t,i;return "running"===(null===(t=this.webAnimation)||void 0===t?void 0:t.playState)||(null===(i=this.webAnimation)||void 0===i?void 0:i.pending)}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=directive.e(x);
+let o$1=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:"ease-in-out"},b=["left","top","width","height","opacity","color","background"],j=new WeakMap;class x extends f{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===t$1.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.h=t;}));}async resolveFinished(){this.h?.(),this.h=void 0;}render(i){return T}getController(){return i.get(this.l)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.l;return s&&(this.l=t.options?.host,this.l.addController(this),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||"function"!=typeof i)&&this.u(i),this.render(i)}u(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t;}p(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+"":o;})),t}m(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return !1}else if(i===t)return !1;return !0})(t,this.v)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.o&&(this.v=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){"function"==typeof this.optionsOrCallback&&this.u(this.optionsOrCallback()),this.m()&&(this.g=this.p(),this.t=this.t??this.element.parentNode,this.i=this.element.nextSibling);}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this._(),s=this.A(this.options.keyframeOptions,i),e=this.p();if(void 0!==this.g){const{from:s,to:h}=this.O(this.g,e,i);this.log("measured",[this.g,e,s,h]),t=this.calculateKeyframes(s,h);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.O(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o$1++,t.forEach((t=>t.zIndex=o$1));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){void 0!==this.j&&(this.element.setAttribute("style",this.j??""),this.j=void 0);}commitStyles(){this.j=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel();}reconnected(){}async disconnected(){if(!this.o)return;if(void 0!==this.options.id&&r.set(this.options.id,this.g),void 0===this.options.out)return;if(this.prepare(),await a(),this.t?.isConnected){const t=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.p();this.log("stabilizing out");const i=this.g.left-t.left,s=this.g.top-t.top;!("static"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position="relative"),0!==i&&(this.element.style.left=i+"px"),0!==s&&(this.element.style.top=s+"px");}}const t=this.A(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove();}prepare(){this.createFinished();}start(){this.options.onStart?.(this);}didFinish(t){t&&this.options.onComplete?.(this),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}_(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.l);return t||this.l.updateComplete.then((()=>{n.add(this.l);})),t}A(t,i=this._()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}O(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return void 0!==e&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){const e={},h={};let o=!1;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=!0,e.transform=`${e.transform??""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom));}else n!==a&&void 0!==n&&void 0!==a&&(o=!0,e[s]=n,h[s]=a);}return e.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),void 0!==t)){this.log("animate",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished;}catch(t){}e?.remove(this);}return this.didFinish(s),s}isAnimating(){return "running"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=e(x);
 
 /**
  * @license
@@ -89,14 +108,14 @@ exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  queryAssignedElements.e()
+  queryAssignedElements.n()
 ], exports.LuksoTest.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.e()
+  queryAssignedElements.n()
 ], exports.LuksoTest.prototype, "clicked", 2);
 __decorateClass([
-  queryAssignedElements.e({ type: Boolean })
+  queryAssignedElements.n({ type: Boolean })
 ], exports.LuksoTest.prototype, "disabled", 2);
 exports.LuksoTest = __decorateClass([
-  queryAssignedElements.e$1("lukso-test")
+  queryAssignedElements.e("lukso-test")
 ], exports.LuksoTest);

package/dist/components/lukso-test/index.d.ts

@@ -7,7 +7,7 @@ export declare class LuksoTest extends LuksoTest_base {
     duration: number;
     controller: AnimateController;
     _onClick(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {