@lukso/web-components 1.128.0 → 1.130.0

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 
 /**
@@ -56,21 +56,18 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  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"
-        }
+  name = "World";
+  clicked = false;
+  disabled = false;
+  duration = 1e3;
+  controller = new t(this, {
+    defaultOptions: {
+      keyframeOptions: {
+        duration: this.duration,
+        fill: "backwards"
       }
-    });
-  }
+    }
+  });
   _onClick() {
     if (this.disabled) {
       return;

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

@@ -1,5 +1,5 @@
-import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-a09c053e.js';
-import { n as n$3, t as t$4 } from '../../property-6d71df6f.js';
+import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-82b4fdeb.js';
+import { n as n$3, t as t$4 } from '../../property-cfc5fabd.js';
 import { e as e$3, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
 
 /**
@@ -52,21 +52,18 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoTest = class extends TailwindStyledElement(style) {
-  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"
-        }
+  name = "World";
+  clicked = false;
+  disabled = false;
+  duration = 1e3;
+  controller = new t(this, {
+    defaultOptions: {
+      keyframeOptions: {
+        duration: this.duration,
+        fill: "backwards"
       }
-    });
-  }
+    }
+  });
   _onClick() {
     if (this.disabled) {
       return;

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');
-require('../../style-map-41455c7b.cjs');
+require('../lukso-sanitize/index.cjs');
+require('../../style-map-2abffb39.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}";
@@ -27,95 +28,92 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 const FOCUS_DELAY_MS = 10;
 exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.name = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
-    this.ref = void 0;
-    this.description = "";
-    this.error = "";
-    this.customClass = "";
-    this.isFullWidth = false;
-    this.isReadonly = false;
-    this.isDisabled = false;
-    this.autofocus = false;
-    this.borderless = false;
-    this.isNonResizable = false;
-    this.keepFocusOnEscape = false;
-    this.size = "medium";
-    this.rows = 4;
-    this.hasFocus = false;
-    this.hasHighlight = false;
-    this.styles = index.ce({
-      slots: {
-        wrapper: "group flex",
-        input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
+  value = "";
+  name = "";
+  placeholder = "";
+  label = "";
+  id = "";
+  ref = void 0;
+  description = "";
+  error = "";
+  customClass = "";
+  isFullWidth = false;
+  isReadonly = false;
+  isDisabled = false;
+  autofocus = false;
+  borderless = false;
+  isNonResizable = false;
+  keepFocusOnEscape = false;
+  size = "medium";
+  rows = 4;
+  hasFocus = false;
+  hasHighlight = false;
+  styles = index.ce({
+    slots: {
+      wrapper: "group flex",
+      input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
         outline-none transition transition-all duration-150 appearance-none`
-      },
-      variants: {
-        hasError: {
-          true: {
-            input: "border-red-85"
-          },
-          false: {
-            input: "border-neutral-90"
-          }
-        },
-        hasHighlight: {
-          true: {
-            input: "border-neutral-35"
-          }
-        },
-        borderless: {
-          true: { input: "border-0" },
-          false: { input: "border" }
+    },
+    variants: {
+      hasError: {
+        true: {
+          input: "border-red-85"
         },
-        isReadonly: {
-          true: { input: "cursor-not-allowed" }
-        },
-        isDisabled: {
-          true: {
-            input: "text-neutral-60 cursor-not-allowed"
-          },
-          false: { input: "text-neutral-20" }
-        },
-        isFullWidth: {
-          true: { wrapper: "w-full" },
-          false: { wrapper: "w-[350px]" }
+        false: {
+          input: "border-neutral-90"
+        }
+      },
+      hasHighlight: {
+        true: {
+          input: "border-neutral-35"
+        }
+      },
+      borderless: {
+        true: { input: "border-0" },
+        false: { input: "border" }
+      },
+      isReadonly: {
+        true: { input: "cursor-not-allowed" }
+      },
+      isDisabled: {
+        true: {
+          input: "text-neutral-60 cursor-not-allowed"
         },
-        size: {
-          small: {
-            input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
-          },
-          medium: {
-            input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
-          }
+        false: { input: "text-neutral-20" }
+      },
+      isFullWidth: {
+        true: { wrapper: "w-full" },
+        false: { wrapper: "w-[350px]" }
+      },
+      size: {
+        small: {
+          input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
         },
-        isNonResizable: {
-          true: {
-            input: "resize-none"
-          }
+        medium: {
+          input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
         }
       },
-      compoundVariants: [
-        {
-          isFullWidth: false,
-          size: "small",
-          class: { wrapper: "w-[210px]" }
-        },
-        {
-          hasHighlight: true,
-          hasError: true,
-          class: {
-            input: "border-red-65"
-          }
+      isNonResizable: {
+        true: {
+          input: "resize-none"
         }
-      ]
-    });
-  }
+      }
+    },
+    compoundVariants: [
+      {
+        isFullWidth: false,
+        size: "small",
+        class: { wrapper: "w-[210px]" }
+      },
+      {
+        hasHighlight: true,
+        hasError: true,
+        class: {
+          input: "border-red-65"
+        }
+      }
+    ]
+  });
   connectedCallback() {
     super.connectedCallback();
     if (this.autofocus) {
@@ -165,7 +163,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.E}
+        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
       </div>
     `;
   }

package/dist/components/lukso-textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,iBAAiB;IAWjB,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAChC,OAAO,6BAA6B,CAAA;AAGpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,iBAAiB;IAWjB,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,11 +1,12 @@
-import { T as TailwindStyledElement, x, E } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { r } from '../../state-a4d47754.js';
+import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { r } from '../../state-1aaee2b7.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';
-import '../../style-map-745a1d23.js';
+import '../lukso-sanitize/index.js';
+import '../../style-map-c8670fc8.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}";
@@ -23,95 +24,92 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 const FOCUS_DELAY_MS = 10;
 let LuksoTextarea = class extends TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.name = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
-    this.ref = void 0;
-    this.description = "";
-    this.error = "";
-    this.customClass = "";
-    this.isFullWidth = false;
-    this.isReadonly = false;
-    this.isDisabled = false;
-    this.autofocus = false;
-    this.borderless = false;
-    this.isNonResizable = false;
-    this.keepFocusOnEscape = false;
-    this.size = "medium";
-    this.rows = 4;
-    this.hasFocus = false;
-    this.hasHighlight = false;
-    this.styles = ce({
-      slots: {
-        wrapper: "group flex",
-        input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
+  value = "";
+  name = "";
+  placeholder = "";
+  label = "";
+  id = "";
+  ref = void 0;
+  description = "";
+  error = "";
+  customClass = "";
+  isFullWidth = false;
+  isReadonly = false;
+  isDisabled = false;
+  autofocus = false;
+  borderless = false;
+  isNonResizable = false;
+  keepFocusOnEscape = false;
+  size = "medium";
+  rows = 4;
+  hasFocus = false;
+  hasHighlight = false;
+  styles = ce({
+    slots: {
+      wrapper: "group flex",
+      input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
         outline-none transition transition-all duration-150 appearance-none`
-      },
-      variants: {
-        hasError: {
-          true: {
-            input: "border-red-85"
-          },
-          false: {
-            input: "border-neutral-90"
-          }
-        },
-        hasHighlight: {
-          true: {
-            input: "border-neutral-35"
-          }
-        },
-        borderless: {
-          true: { input: "border-0" },
-          false: { input: "border" }
+    },
+    variants: {
+      hasError: {
+        true: {
+          input: "border-red-85"
         },
-        isReadonly: {
-          true: { input: "cursor-not-allowed" }
-        },
-        isDisabled: {
-          true: {
-            input: "text-neutral-60 cursor-not-allowed"
-          },
-          false: { input: "text-neutral-20" }
-        },
-        isFullWidth: {
-          true: { wrapper: "w-full" },
-          false: { wrapper: "w-[350px]" }
+        false: {
+          input: "border-neutral-90"
+        }
+      },
+      hasHighlight: {
+        true: {
+          input: "border-neutral-35"
+        }
+      },
+      borderless: {
+        true: { input: "border-0" },
+        false: { input: "border" }
+      },
+      isReadonly: {
+        true: { input: "cursor-not-allowed" }
+      },
+      isDisabled: {
+        true: {
+          input: "text-neutral-60 cursor-not-allowed"
         },
-        size: {
-          small: {
-            input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
-          },
-          medium: {
-            input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
-          }
+        false: { input: "text-neutral-20" }
+      },
+      isFullWidth: {
+        true: { wrapper: "w-full" },
+        false: { wrapper: "w-[350px]" }
+      },
+      size: {
+        small: {
+          input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
         },
-        isNonResizable: {
-          true: {
-            input: "resize-none"
-          }
+        medium: {
+          input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
         }
       },
-      compoundVariants: [
-        {
-          isFullWidth: false,
-          size: "small",
-          class: { wrapper: "w-[210px]" }
-        },
-        {
-          hasHighlight: true,
-          hasError: true,
-          class: {
-            input: "border-red-65"
-          }
+      isNonResizable: {
+        true: {
+          input: "resize-none"
         }
-      ]
-    });
-  }
+      }
+    },
+    compoundVariants: [
+      {
+        isFullWidth: false,
+        size: "small",
+        class: { wrapper: "w-[210px]" }
+      },
+      {
+        hasHighlight: true,
+        hasError: true,
+        class: {
+          input: "border-red-65"
+        }
+      }
+    ]
+  });
   connectedCallback() {
     super.connectedCallback();
     if (this.autofocus) {
@@ -161,7 +159,7 @@ ${this.value}</textarea
   descriptionTemplate() {
     return x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? E}
+        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
       </div>
     `;
   }

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-41455c7b.cjs');
+const styleMap = require('../../style-map-2abffb39.cjs');
 require('../../directive-8278ab14.cjs');
 
 var top = 'top';
@@ -3460,42 +3460,39 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.variant = "light";
-    this.size = "medium";
-    this.placement = "top";
-    this.trigger = "mouseenter";
-    this.text = "";
-    this.maxWidth = 300;
-    this.show = false;
-    this.hideOnClick = "true";
-    this.isClipboardCopy = false;
-    this.copyText = "";
-    this.copyValue = "";
-    this.offset = 10;
-    this.options = "";
-    this.showArrow = true;
-    this.showDelay = 300;
-    this.hideDelay = 300;
-    this.showCopy = false;
-    this.optionsParsed = [];
-    this.tooltipInstance = void 0;
-    this.styles = index.ce({
-      slots: {
-        tooltip: "hidden",
-        trigger: "cursor-pointer flex flex-col items-center",
-        options: "rounded-4 hover:bg-neutral-95"
-      },
-      variants: {
-        hasNoText: {
-          true: {
-            trigger: "cursor-default"
-          }
+  variant = "light";
+  size = "medium";
+  placement = "top";
+  trigger = "mouseenter";
+  text = "";
+  maxWidth = 300;
+  show = false;
+  hideOnClick = "true";
+  isClipboardCopy = false;
+  copyText = "";
+  copyValue = "";
+  offset = 10;
+  options = "";
+  showArrow = true;
+  showDelay = 300;
+  hideDelay = 300;
+  showCopy = false;
+  optionsParsed = [];
+  tooltipInstance = void 0;
+  styles = index.ce({
+    slots: {
+      tooltip: "hidden",
+      trigger: "cursor-pointer flex flex-col items-center",
+      options: "rounded-4 hover:bg-neutral-95"
+    },
+    variants: {
+      hasNoText: {
+        true: {
+          trigger: "cursor-default"
         }
       }
-    });
-  }
+    }
+  });
   hideOnClickCheck() {
     if (this.hideOnClick === "toggle") {
       return this.hideOnClick;