@lukso/web-components 1.114.0 → 1.115.3

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

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-fc6d6aa9.cjs');
+const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
@@ -126,10 +125,10 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
   inputTemplate(styles) {
     return shared_tailwindElement_index.x`
       <textarea
-        name=${this.name ? this.name : shared_tailwindElement_index.A}
-        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.A}
-        ref=${this.ref ? this.ref : shared_tailwindElement_index.A}
-        id=${this.id ? this.id : shared_tailwindElement_index.A}
+        name=${this.name ? this.name : shared_tailwindElement_index.E}
+        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.E}
+        ref=${this.ref ? this.ref : shared_tailwindElement_index.E}
+        id=${this.id ? this.id : shared_tailwindElement_index.E}
         rows=${this.rows}
         data-testid=${this.name ? `textarea-${this.name}` : "textarea"}
         ?autofocus=${this.autofocus}
@@ -163,7 +162,7 @@ ${this.value}</textarea
   descriptionTemplate() {
     return shared_tailwindElement_index.x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? shared_tailwindElement_index.A}
+        ${this.description ?? shared_tailwindElement_index.E}
       </div>
     `;
   }
@@ -298,78 +297,78 @@ ${this.value}</textarea
     });
     return shared_tailwindElement_index.x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.A}
-        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.A}
+        ${this.label ? this.labelTemplate() : shared_tailwindElement_index.E}
+        ${this.description ? this.descriptionTemplate() : shared_tailwindElement_index.E}
         <div class=${wrapper()}>
           <div class="relative w-[inherit] flex">
             ${this.inputTemplate(input())}
           </div>
         </div>
-        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.A}
+        ${this.error ? this.errorTemplate() : shared_tailwindElement_index.E}
       </div>
     `;
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "value", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "placeholder", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "label", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "id", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "ref", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "description", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "error", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+  property.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoTextarea.prototype, "customClass", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-full-width" })
+  property.n({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoTextarea.prototype, "isFullWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-readonly" })
+  property.n({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoTextarea.prototype, "isReadonly", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-disabled" })
+  property.n({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoTextarea.prototype, "isDisabled", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoTextarea.prototype, "autofocus", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoTextarea.prototype, "borderless", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-non-resizable" })
+  property.n({ type: Boolean, attribute: "is-non-resizable" })
 ], exports.LuksoTextarea.prototype, "isNonResizable", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+  property.n({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], exports.LuksoTextarea.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTextarea.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoTextarea.prototype, "rows", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoTextarea.prototype, "hasFocus", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoTextarea.prototype, "hasHighlight", 2);
 exports.LuksoTextarea = __decorateClass([
-  queryAssignedElements.e("lukso-textarea")
+  property.t("lukso-textarea")
 ], exports.LuksoTextarea);

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

@@ -1,12 +1,11 @@
-import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { c as ce } from '../../index-ca8e900d.js';
+import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { r } from '../../state-876605e4.js';
+import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-01b2d42a.js';
+import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';
-import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.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}";
@@ -122,10 +121,10 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
   inputTemplate(styles) {
     return x`
       <textarea
-        name=${this.name ? this.name : A}
-        placeholder=${this.placeholder ? this.placeholder : A}
-        ref=${this.ref ? this.ref : A}
-        id=${this.id ? this.id : A}
+        name=${this.name ? this.name : E}
+        placeholder=${this.placeholder ? this.placeholder : E}
+        ref=${this.ref ? this.ref : E}
+        id=${this.id ? this.id : E}
         rows=${this.rows}
         data-testid=${this.name ? `textarea-${this.name}` : "textarea"}
         ?autofocus=${this.autofocus}
@@ -159,7 +158,7 @@ ${this.value}</textarea
   descriptionTemplate() {
     return x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? A}
+        ${this.description ?? E}
       </div>
     `;
   }
@@ -294,14 +293,14 @@ ${this.value}</textarea
     });
     return x`
       <div class="w-[inherit]">
-        ${this.label ? this.labelTemplate() : A}
-        ${this.description ? this.descriptionTemplate() : A}
+        ${this.label ? this.labelTemplate() : E}
+        ${this.description ? this.descriptionTemplate() : E}
         <div class=${wrapper()}>
           <div class="relative w-[inherit] flex">
             ${this.inputTemplate(input())}
           </div>
         </div>
-        ${this.error ? this.errorTemplate() : A}
+        ${this.error ? this.errorTemplate() : E}
       </div>
     `;
   }
@@ -361,13 +360,13 @@ __decorateClass([
   n({ type: Number })
 ], LuksoTextarea.prototype, "rows", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoTextarea.prototype, "hasFocus", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoTextarea.prototype, "hasHighlight", 2);
 LuksoTextarea = __decorateClass([
-  e("lukso-textarea")
+  t("lukso-textarea")
 ], LuksoTextarea);
 
 export { LuksoTextarea };

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

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const state = require('../../state-d9fb972b.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const state = require('../../state-94c1d585.cjs');
+const index = require('../../index-2b104ecb.cjs');
+const styleMap = require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
 
 var top = 'top';
@@ -3621,59 +3620,59 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTooltip.prototype, "variant", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTooltip.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTooltip.prototype, "placement", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTooltip.prototype, "trigger", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTooltip.prototype, "text", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "max-width" })
+  property.n({ type: Number, attribute: "max-width" })
 ], exports.LuksoTooltip.prototype, "maxWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean })
+  property.n({ type: Boolean })
 ], exports.LuksoTooltip.prototype, "show", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "hide-on-click" })
+  property.n({ type: String, attribute: "hide-on-click" })
 ], exports.LuksoTooltip.prototype, "hideOnClick", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-clipboard-copy" })
+  property.n({ type: Boolean, attribute: "is-clipboard-copy" })
 ], exports.LuksoTooltip.prototype, "isClipboardCopy", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "copy-text" })
+  property.n({ type: String, attribute: "copy-text" })
 ], exports.LuksoTooltip.prototype, "copyText", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "copy-value" })
+  property.n({ type: String, attribute: "copy-value" })
 ], exports.LuksoTooltip.prototype, "copyValue", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number })
+  property.n({ type: Number })
 ], exports.LuksoTooltip.prototype, "offset", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoTooltip.prototype, "options", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "show-arrow" })
+  property.n({ type: Boolean, attribute: "show-arrow" })
 ], exports.LuksoTooltip.prototype, "showArrow", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "show-delay" })
+  property.n({ type: Number, attribute: "show-delay" })
 ], exports.LuksoTooltip.prototype, "showDelay", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "hide-delay" })
+  property.n({ type: Number, attribute: "hide-delay" })
 ], exports.LuksoTooltip.prototype, "hideDelay", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoTooltip.prototype, "showCopy", 2);
 __decorateClass([
-  state.t()
+  state.r()
 ], exports.LuksoTooltip.prototype, "optionsParsed", 2);
 exports.LuksoTooltip = __decorateClass([
-  queryAssignedElements.e("lukso-tooltip")
+  property.t("lukso-tooltip")
 ], exports.LuksoTooltip);

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

@@ -1,9 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { t } from '../../state-b9ca4e74.js';
-import { c as ce } from '../../index-ca8e900d.js';
-import { o } from '../../style-map-7a555e98.js';
-import '../../bundle-mjs-fbc6e2a8.js';
+import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { r } from '../../state-876605e4.js';
+import { c as ce } from '../../index-d14b6a34.js';
+import { o } from '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
 
 var top = 'top';
@@ -3665,13 +3664,13 @@ __decorateClass([
   n({ type: Number, attribute: "hide-delay" })
 ], LuksoTooltip.prototype, "hideDelay", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoTooltip.prototype, "showCopy", 2);
 __decorateClass([
-  t()
+  r()
 ], LuksoTooltip.prototype, "optionsParsed", 2);
 LuksoTooltip = __decorateClass([
-  e("lukso-tooltip")
+  t("lukso-tooltip")
 ], LuksoTooltip);
 
 export { LuksoTooltip };

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

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
-const index$1 = require('../../index-0917a814.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
+const index = require('../../index-2b104ecb.cjs');
+const index$1 = require('../../index-f564f46f.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-fc6d6aa9.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
+const cn = require('../../cn-b6daa995.cjs');
 require('../../directive-8278ab14.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
@@ -1267,7 +1266,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
       [`color: var(--${this.nameColor})`]: this.nameColor !== ""
     })}
     >
-      ${this.hidePrefix ? shared_tailwindElement_index.A : this.prefix}${name}
+      ${this.hidePrefix ? shared_tailwindElement_index.E : this.prefix}${name}
     </div>`;
   }
   addressTemplate(styles) {
@@ -1304,38 +1303,38 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoUsername.prototype, "name", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoUsername.prototype, "address", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "max-width" })
+  property.n({ type: Number, attribute: "max-width" })
 ], exports.LuksoUsername.prototype, "maxWidth", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: "string" })
+  property.n({ type: "string" })
 ], exports.LuksoUsername.prototype, "size", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "slice-by" })
+  property.n({ type: Number, attribute: "slice-by" })
 ], exports.LuksoUsername.prototype, "sliceBy", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "address-color" })
+  property.n({ type: String, attribute: "address-color" })
 ], exports.LuksoUsername.prototype, "addressColor", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "name-color" })
+  property.n({ type: String, attribute: "name-color" })
 ], exports.LuksoUsername.prototype, "nameColor", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String, attribute: "custom-class" })
+  property.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoUsername.prototype, "customClass", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "hide-prefix" })
+  property.n({ type: Boolean, attribute: "hide-prefix" })
 ], exports.LuksoUsername.prototype, "hidePrefix", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoUsername.prototype, "prefix", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "no-transform" })
+  property.n({ type: Boolean, attribute: "no-transform" })
 ], exports.LuksoUsername.prototype, "noTransform", 2);
 exports.LuksoUsername = __decorateClass([
-  queryAssignedElements.e("lukso-username")
+  property.t("lukso-username")
 ], exports.LuksoUsername);

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

@@ -1,10 +1,9 @@
-import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
-import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { c as ce } from '../../index-ca8e900d.js';
-import { c as customStyleMap } from '../../index-adf2fc92.js';
+import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
+import { n, t } from '../../property-140ef335.js';
+import { c as ce } from '../../index-d14b6a34.js';
+import { c as customStyleMap } from '../../index-eb08047e.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-01b2d42a.js';
-import '../../bundle-mjs-fbc6e2a8.js';
+import { c as cn } from '../../cn-90c03edf.js';
 import '../../directive-2bb7789e.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
@@ -1263,7 +1262,7 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
       [`color: var(--${this.nameColor})`]: this.nameColor !== ""
     })}
     >
-      ${this.hidePrefix ? A : this.prefix}${name}
+      ${this.hidePrefix ? E : this.prefix}${name}
     </div>`;
   }
   addressTemplate(styles) {
@@ -1333,7 +1332,7 @@ __decorateClass([
   n({ type: Boolean, attribute: "no-transform" })
 ], LuksoUsername.prototype, "noTransform", 2);
 LuksoUsername = __decorateClass([
-  e("lukso-username")
+  t("lukso-username")
 ], LuksoUsername);
 
 export { LuksoUsername };

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

@@ -2,24 +2,23 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
-const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
+const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
+const property = require('../../property-46482bf7.cjs');
 const directive = require('../../directive-8278ab14.cjs');
-const index = require('../../index-1d3f4a5a.cjs');
-require('../../bundle-mjs-d58a83c6.cjs');
+const index = require('../../index-2b104ecb.cjs');
 
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const {I:l}=shared_tailwindElement_index.j,r=()=>document.createComment(""),c$1=(o,i,n)=>{var t;const v=o._$AA.parentNode,d=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=v.insertBefore(r(),d),t=v.insertBefore(r(),d);n=new l(i,t,o,o.options);}else {const l=n._$AB.nextSibling,i=n._$AM,u=i!==o;if(u){let l;null===(t=n._$AQ)||void 0===t||t.call(n,o),n._$AM=o,void 0!==n._$AP&&(l=o._$AU)!==i._$AU&&n._$AP(l);}if(l!==d||u){let o=n._$AA;for(;o!==l;){const l=o.nextSibling;v.insertBefore(o,d),o=l;}}}return n},f=(o,l,i=o)=>(o._$AI(l,i),o),s={},a=(o,l=s)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let i=o._$AA;const n=o._$AB.nextSibling;for(;i!==n;){const o=i.nextSibling;i.remove(),i=o;}};
+ */const {I:t}=shared_tailwindElement_index.Z,s=()=>document.createComment(""),r=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s(),l),c=e.insertBefore(s(),l);n=new t(i,c,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u$1={},m=(o,t=u$1)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AP?.(!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.e(class extends directive.i{constructor(e){if(super(e),e.type!==directive.t.CHILD)throw Error("repeat() can only be used in text expressions")}ct(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ct(e,s,t).values}update(s,[t,r,c]){var d;const a$1=m(s),{values:p$1,keys:v}=this.ct(t,r,c);if(!Array.isArray(a$1))return this.ut=v,p$1;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m$1=[];let y,x,j=0,k=a$1.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a$1[j])j++;else if(null===a$1[k])k--;else if(h[j]===v[w])m$1[w]=f(a$1[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=f(a$1[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=f(a$1[j],p$1[A]),c$1(s,m$1[A+1],a$1[j]),j++,A--;else if(h[k]===v[w])m$1[w]=f(a$1[k],p$1[w]),c$1(s,a$1[j],a$1[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a$1[e]:null;if(null===t){const e=c$1(s,a$1[j]);f(e,p$1[w]),m$1[w]=e;}else m$1[w]=f(t,p$1[w]),c$1(s,a$1[j],t),a$1[e]=null;w++;}else p(a$1[k]),k--;else p(a$1[j]),j++;for(;w<=A;){const e=c$1(s,m$1[A+1]);f(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a$1[j++];null!==e&&p(e);}return this.ut=v,a(s,m$1),shared_tailwindElement_index.T}});
+const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=directive.e(class extends directive.i{constructor(e){if(super(e),e.type!==directive.t.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r$1,c]){const d=p(s),{values:p$1,keys:a}=this.dt(t,r$1,c);if(!Array.isArray(d))return this.ut=a,p$1;const h=this.ut??=[],v$1=[];let m$1,y,x=0,j=d.length-1,k=0,w=p$1.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v$1[k]=v(d[x],p$1[k]),x++,k++;else if(h[j]===a[w])v$1[w]=v(d[j],p$1[w]),j--,w--;else if(h[x]===a[w])v$1[w]=v(d[x],p$1[w]),r(s,v$1[w+1],d[x]),x++,w--;else if(h[j]===a[k])v$1[k]=v(d[j],p$1[k]),r(s,d[x],d[j]),j--,k++;else if(void 0===m$1&&(m$1=u(a,k,w),y=u(h,x,j)),m$1.has(h[x]))if(m$1.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=r(s,d[x]);v(e,p$1[k]),v$1[k]=e;}else v$1[k]=v(t,p$1[k]),r(s,d[x],t),d[e]=null;k++;}else M(d[j]),j--;else M(d[x]),x++;for(;k<=w;){const e=r(s,v$1[w+1]);v(e,p$1[k]),v$1[k++]=e;}for(;x<=j;){const e=d[x++];null!==e&&M(e);}return this.ut=a,m(s,v$1),shared_tailwindElement_index.T}});
 
 const style = ".lukso-wizard-circle::after {\n  width: 0;\n}\n.lukso-wizard-circle.completed::after {\n  width: calc(100% - 16px);\n}\n.lukso-wizard-circle.current::after {\n  width: 0;\n}\n.lukso-wizard-circle.current.animated-step::after {\n  width: calc(100% - 16px);\n}";
 
@@ -125,14 +124,14 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoWizard.prototype, "steps", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Number, attribute: "active-step" })
+  property.n({ type: Number, attribute: "active-step" })
 ], exports.LuksoWizard.prototype, "activeStep", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: String })
+  property.n({ type: String })
 ], exports.LuksoWizard.prototype, "size", 2);
 exports.LuksoWizard = __decorateClass([
-  queryAssignedElements.e("lukso-wizard")
+  property.t("lukso-wizard")
 ], exports.LuksoWizard);

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

@@ -1,21 +1,20 @@
-import { j, b as T, T as TailwindStyledElement, x } from '../../index-0590cf31.js';
-import { n, e as e$1 } from '../../query-assigned-elements-1c8c9e90.js';
-import { e, i, t } from '../../directive-2bb7789e.js';
-import { c as ce } from '../../index-ca8e900d.js';
-import '../../bundle-mjs-fbc6e2a8.js';
+import { Z, b as T, T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
+import { n, t as t$2 } from '../../property-140ef335.js';
+import { e, i, t as t$1 } from '../../directive-2bb7789e.js';
+import { c as ce } from '../../index-d14b6a34.js';
 
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const {I:l}=j,r=()=>document.createComment(""),c$1=(o,i,n)=>{var t;const v=o._$AA.parentNode,d=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=v.insertBefore(r(),d),t=v.insertBefore(r(),d);n=new l(i,t,o,o.options);}else {const l=n._$AB.nextSibling,i=n._$AM,u=i!==o;if(u){let l;null===(t=n._$AQ)||void 0===t||t.call(n,o),n._$AM=o,void 0!==n._$AP&&(l=o._$AU)!==i._$AU&&n._$AP(l);}if(l!==d||u){let o=n._$AA;for(;o!==l;){const l=o.nextSibling;v.insertBefore(o,d),o=l;}}}return n},f=(o,l,i=o)=>(o._$AI(l,i),o),s={},a=(o,l=s)=>o._$AH=l,m=o=>o._$AH,p=o=>{var l;null===(l=o._$AP)||void 0===l||l.call(o,!1,!0);let i=o._$AA;const n=o._$AB.nextSibling;for(;i!==n;){const o=i.nextSibling;i.remove(),i=o;}};
+ */const {I:t}=Z,s=()=>document.createComment(""),r=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(s(),l),c=e.insertBefore(s(),l);n=new t(i,c,o,o.options);}else {const t=n._$AB.nextSibling,i=n._$AM,c=i!==o;if(c){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t);}if(t!==l||c){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t;}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u$1={},m=(o,t=u$1)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AP?.(!1,!0);let t=o._$AA;const i=o._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o;}};
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e(class extends i{constructor(e){if(super(e),e.type!==t.CHILD)throw Error("repeat() can only be used in text expressions")}ct(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.ct(e,s,t).values}update(s,[t,r,c]){var d;const a$1=m(s),{values:p$1,keys:v}=this.ct(t,r,c);if(!Array.isArray(a$1))return this.ut=v,p$1;const h=null!==(d=this.ut)&&void 0!==d?d:this.ut=[],m$1=[];let y,x,j=0,k=a$1.length-1,w=0,A=p$1.length-1;for(;j<=k&&w<=A;)if(null===a$1[j])j++;else if(null===a$1[k])k--;else if(h[j]===v[w])m$1[w]=f(a$1[j],p$1[w]),j++,w++;else if(h[k]===v[A])m$1[A]=f(a$1[k],p$1[A]),k--,A--;else if(h[j]===v[A])m$1[A]=f(a$1[j],p$1[A]),c$1(s,m$1[A+1],a$1[j]),j++,A--;else if(h[k]===v[w])m$1[w]=f(a$1[k],p$1[w]),c$1(s,a$1[j],a$1[k]),k--,w++;else if(void 0===y&&(y=u(v,w,A),x=u(h,j,k)),y.has(h[j]))if(y.has(h[k])){const e=x.get(v[w]),t=void 0!==e?a$1[e]:null;if(null===t){const e=c$1(s,a$1[j]);f(e,p$1[w]),m$1[w]=e;}else m$1[w]=f(t,p$1[w]),c$1(s,a$1[j],t),a$1[e]=null;w++;}else p(a$1[k]),k--;else p(a$1[j]),j++;for(;w<=A;){const e=c$1(s,m$1[A+1]);f(e,p$1[w]),m$1[w++]=e;}for(;j<=k;){const e=a$1[j++];null!==e&&p(e);}return this.ut=v,a(s,m$1),T}});
+const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c=e(class extends i{constructor(e){if(super(e),e.type!==t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,s,t){let r;void 0===t?t=s:void 0!==s&&(r=s);const l=[],o=[];let i=0;for(const s of e)l[i]=r?r(s,i):i,o[i]=t(s,i),i++;return {values:o,keys:l}}render(e,s,t){return this.dt(e,s,t).values}update(s,[t,r$1,c]){const d=p(s),{values:p$1,keys:a}=this.dt(t,r$1,c);if(!Array.isArray(d))return this.ut=a,p$1;const h=this.ut??=[],v$1=[];let m$1,y,x=0,j=d.length-1,k=0,w=p$1.length-1;for(;x<=j&&k<=w;)if(null===d[x])x++;else if(null===d[j])j--;else if(h[x]===a[k])v$1[k]=v(d[x],p$1[k]),x++,k++;else if(h[j]===a[w])v$1[w]=v(d[j],p$1[w]),j--,w--;else if(h[x]===a[w])v$1[w]=v(d[x],p$1[w]),r(s,v$1[w+1],d[x]),x++,w--;else if(h[j]===a[k])v$1[k]=v(d[j],p$1[k]),r(s,d[x],d[j]),j--,k++;else if(void 0===m$1&&(m$1=u(a,k,w),y=u(h,x,j)),m$1.has(h[x]))if(m$1.has(h[j])){const e=y.get(a[k]),t=void 0!==e?d[e]:null;if(null===t){const e=r(s,d[x]);v(e,p$1[k]),v$1[k]=e;}else v$1[k]=v(t,p$1[k]),r(s,d[x],t),d[e]=null;k++;}else M(d[j]),j--;else M(d[x]),x++;for(;k<=w;){const e=r(s,v$1[w+1]);v(e,p$1[k]),v$1[k++]=e;}for(;x<=j;){const e=d[x++];null!==e&&M(e);}return this.ut=a,m(s,v$1),T}});
 
 const style = ".lukso-wizard-circle::after {\n  width: 0;\n}\n.lukso-wizard-circle.completed::after {\n  width: calc(100% - 16px);\n}\n.lukso-wizard-circle.current::after {\n  width: 0;\n}\n.lukso-wizard-circle.current.animated-step::after {\n  width: calc(100% - 16px);\n}";
 
@@ -130,7 +129,7 @@ __decorateClass([
   n({ type: String })
 ], LuksoWizard.prototype, "size", 2);
 LuksoWizard = __decorateClass([
-  e$1("lukso-wizard")
+  t$2("lukso-wizard")
 ], LuksoWizard);
 
 export { LuksoWizard };