@lukso/web-components 1.110.0 → 1.112.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -19,28 +19,31 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  customStyle = "";
-  providers = "";
-  defaultProviders = [
-    "twitter",
-    "instagram",
-    "linkedin",
-    "telegram",
-    "discord",
-    "reddit",
-    "medium",
-    "github"
-  ];
-  defaultProviderLinks = {
-    twitter: "https://twitter.com/ERC725Account",
-    instagram: "https://www.instagram.com/lukso",
-    linkedin: "https://linkedin.com/company/lukso",
-    telegram: "https://t.me/LUKSO_News",
-    discord: "https://discord.gg/lukso",
-    reddit: "https://www.reddit.com/r/lukso",
-    medium: "https://medium.com/lukso",
-    github: "https://github.com/lukso-network"
-  };
+  constructor() {
+    super(...arguments);
+    this.customStyle = "";
+    this.providers = "";
+    this.defaultProviders = [
+      "twitter",
+      "instagram",
+      "linkedin",
+      "telegram",
+      "discord",
+      "reddit",
+      "medium",
+      "github"
+    ];
+    this.defaultProviderLinks = {
+      twitter: "https://twitter.com/ERC725Account",
+      instagram: "https://www.instagram.com/lukso",
+      linkedin: "https://linkedin.com/company/lukso",
+      telegram: "https://t.me/LUKSO_News",
+      discord: "https://discord.gg/lukso",
+      reddit: "https://www.reddit.com/r/lukso",
+      medium: "https://medium.com/lukso",
+      github: "https://github.com/lukso-network"
+    };
+  }
   linkTemplate(name, url) {
     return shared_tailwindElement_index.x`<a
       href=${url}

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
+import { T as TailwindStyledElement, x } from '../../index-a7ef4df5.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -15,28 +15,31 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoShare = class extends TailwindStyledElement(style) {
-  customStyle = "";
-  providers = "";
-  defaultProviders = [
-    "twitter",
-    "instagram",
-    "linkedin",
-    "telegram",
-    "discord",
-    "reddit",
-    "medium",
-    "github"
-  ];
-  defaultProviderLinks = {
-    twitter: "https://twitter.com/ERC725Account",
-    instagram: "https://www.instagram.com/lukso",
-    linkedin: "https://linkedin.com/company/lukso",
-    telegram: "https://t.me/LUKSO_News",
-    discord: "https://discord.gg/lukso",
-    reddit: "https://www.reddit.com/r/lukso",
-    medium: "https://medium.com/lukso",
-    github: "https://github.com/lukso-network"
-  };
+  constructor() {
+    super(...arguments);
+    this.customStyle = "";
+    this.providers = "";
+    this.defaultProviders = [
+      "twitter",
+      "instagram",
+      "linkedin",
+      "telegram",
+      "discord",
+      "reddit",
+      "medium",
+      "github"
+    ];
+    this.defaultProviderLinks = {
+      twitter: "https://twitter.com/ERC725Account",
+      instagram: "https://www.instagram.com/lukso",
+      linkedin: "https://linkedin.com/company/lukso",
+      telegram: "https://t.me/LUKSO_News",
+      discord: "https://discord.gg/lukso",
+      reddit: "https://www.reddit.com/r/lukso",
+      medium: "https://medium.com/lukso",
+      github: "https://github.com/lukso-network"
+    };
+  }
   linkTemplate(name, url) {
     return x`<a
       href=${url}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
+const styleMap = require('../../style-map-2f57cddf.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -20,9 +20,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.TailwindElement {
-  color = "green-54";
-  isChecked = false;
-  isDisabled = false;
+  constructor() {
+    super(...arguments);
+    this.color = "green-54";
+    this.isChecked = false;
+    this.isDisabled = false;
+    this.defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
+    this.defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
+  }
   async handleChange(event) {
     const target = event.target;
     this.isChecked = target.checked;
@@ -37,8 +42,6 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
     });
     this.dispatchEvent(changeEvent);
   }
-  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
   render() {
     return shared_tailwindElement_index.x`
       <label

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-0590cf31.js';
+import { a as TailwindElement, x } from '../../index-a7ef4df5.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-7a555e98.js';
+import { o } from '../../style-map-cca13c1d.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -16,9 +16,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoSwitch = class extends TailwindElement {
-  color = "green-54";
-  isChecked = false;
-  isDisabled = false;
+  constructor() {
+    super(...arguments);
+    this.color = "green-54";
+    this.isChecked = false;
+    this.isDisabled = false;
+    this.defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
+    this.defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
+  }
   async handleChange(event) {
     const target = event.target;
     this.isChecked = target.checked;
@@ -33,8 +38,6 @@ let LuksoSwitch = class extends TailwindElement {
     });
     this.dispatchEvent(changeEvent);
   }
-  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
   render() {
     return x`
       <label

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const index$1 = require('../../index-0917a814.cjs');
+const index$1 = require('../../index-09e32e34.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -23,36 +23,39 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  size = "small";
-  isRounded = false;
-  backgroundColor = "";
-  borderColor = "";
-  textColor = "";
-  tagStyles = index.ce({
-    base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
-    variants: {
-      size: {
-        "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
-        small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
-        large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
+  constructor() {
+    super(...arguments);
+    this.size = "small";
+    this.isRounded = false;
+    this.backgroundColor = "";
+    this.borderColor = "";
+    this.textColor = "";
+    this.tagStyles = index.ce({
+      base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
+      variants: {
+        size: {
+          "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
+          small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
+          large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
+        },
+        isRounded: {
+          true: "rounded-[56px]"
+        }
       },
-      isRounded: {
-        true: "rounded-[56px]"
-      }
-    },
-    compoundVariants: [
-      {
-        size: "small",
-        isRounded: true,
-        class: "px-3"
-      },
-      {
-        size: "x-small",
-        isRounded: true,
-        class: "px-2"
-      }
-    ]
-  });
+      compoundVariants: [
+        {
+          size: "small",
+          isRounded: true,
+          class: "px-3"
+        },
+        {
+          size: "x-small",
+          isRounded: true,
+          class: "px-2"
+        }
+      ]
+    });
+  }
   resolveBorderColor() {
     if (this.borderColor) {
       return this.borderColor;

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
+import { T as TailwindStyledElement, x } from '../../index-a7ef4df5.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 { c as customStyleMap } from '../../index-4f97c98a.js';
 import '../../bundle-mjs-fbc6e2a8.js';
 import '../../directive-2bb7789e.js';
 
@@ -19,36 +19,39 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoTag = class extends TailwindStyledElement(style) {
-  size = "small";
-  isRounded = false;
-  backgroundColor = "";
-  borderColor = "";
-  textColor = "";
-  tagStyles = ce({
-    base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
-    variants: {
-      size: {
-        "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
-        small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
-        large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
+  constructor() {
+    super(...arguments);
+    this.size = "small";
+    this.isRounded = false;
+    this.backgroundColor = "";
+    this.borderColor = "";
+    this.textColor = "";
+    this.tagStyles = ce({
+      base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
+      variants: {
+        size: {
+          "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
+          small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
+          large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
+        },
+        isRounded: {
+          true: "rounded-[56px]"
+        }
       },
-      isRounded: {
-        true: "rounded-[56px]"
-      }
-    },
-    compoundVariants: [
-      {
-        size: "small",
-        isRounded: true,
-        class: "px-3"
-      },
-      {
-        size: "x-small",
-        isRounded: true,
-        class: "px-2"
-      }
-    ]
-  });
+      compoundVariants: [
+        {
+          size: "small",
+          isRounded: true,
+          class: "px-3"
+        },
+        {
+          size: "x-small",
+          isRounded: true,
+          class: "px-2"
+        }
+      ]
+    });
+  }
   resolveBorderColor() {
     if (this.borderColor) {
       return this.borderColor;

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-2f57cddf.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -25,11 +25,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  text = "";
-  hasScrollButton = true;
-  defaultStyles = `h-[56px] w-full sticky bottom-0 -mt-[56px]
+  constructor() {
+    super(...arguments);
+    this.text = "";
+    this.hasScrollButton = true;
+    this.defaultStyles = `h-[56px] w-full sticky bottom-0 -mt-[56px]
     bg-gradient-to-b from-transparent to-neutral-100/80
     flex justify-center transition-opacity opacity-0`;
+  }
   onScrollBottom() {
     const event = new CustomEvent("on-bottom-scroll", {
       bubbles: true,

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
+import { T as TailwindStyledElement, x } from '../../index-a7ef4df5.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-cca13c1d.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -21,11 +21,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoTerms = class extends TailwindStyledElement(style) {
-  text = "";
-  hasScrollButton = true;
-  defaultStyles = `h-[56px] w-full sticky bottom-0 -mt-[56px]
+  constructor() {
+    super(...arguments);
+    this.text = "";
+    this.hasScrollButton = true;
+    this.defaultStyles = `h-[56px] w-full sticky bottom-0 -mt-[56px]
     bg-gradient-to-b from-transparent to-neutral-100/80
     flex justify-center transition-opacity opacity-0`;
+  }
   onScrollBottom() {
     const event = new CustomEvent("on-bottom-scroll", {
       bubbles: true,

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 
@@ -56,18 +56,21 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  name = "World";
-  clicked = false;
-  disabled = false;
-  duration = 1e3;
-  controller = new t(this, {
-    defaultOptions: {
-      keyframeOptions: {
-        duration: this.duration,
-        fill: "backwards"
+  constructor() {
+    super(...arguments);
+    this.name = "World";
+    this.clicked = false;
+    this.disabled = false;
+    this.duration = 1e3;
+    this.controller = new t(this, {
+      defaultOptions: {
+        keyframeOptions: {
+          duration: this.duration,
+          fill: "backwards"
+        }
       }
-    }
-  });
+    });
+  }
   _onClick() {
     if (this.disabled) {
       return;

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

@@ -1,4 +1,4 @@
-import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-0590cf31.js';
+import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-a7ef4df5.js';
 import { n as n$3, e as e$3 } from '../../query-assigned-elements-1c8c9e90.js';
 import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
 
@@ -52,18 +52,21 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoTest = class extends TailwindStyledElement(style) {
-  name = "World";
-  clicked = false;
-  disabled = false;
-  duration = 1e3;
-  controller = new t(this, {
-    defaultOptions: {
-      keyframeOptions: {
-        duration: this.duration,
-        fill: "backwards"
+  constructor() {
+    super(...arguments);
+    this.name = "World";
+    this.clicked = false;
+    this.disabled = false;
+    this.duration = 1e3;
+    this.controller = new t(this, {
+      defaultOptions: {
+        keyframeOptions: {
+          duration: this.duration,
+          fill: "backwards"
+        }
       }
-    }
-  });
+    });
+  }
   _onClick() {
     if (this.disabled) {
       return;