@lukso/web-components 1.78.0 → 1.80.0

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

@@ -76,7 +76,7 @@ exports.LuksoPagination = class LuksoPagination extends shared_tailwindElement_i
     const r = 2;
     const r1 = current - r;
     const r2 = current + r;
-    for (let i = r1 > 2 ? r1 : 2; i <= Math.min(max, r2); i++)
+    for (let i = Math.max(r1, 2); i <= Math.min(max, r2); i++)
       items.push(i);
     if (r2 + 1 < max)
       items.push("...");

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

@@ -72,7 +72,7 @@ let LuksoPagination = class extends TailwindStyledElement(style) {
     const r = 2;
     const r1 = current - r;
     const r2 = current + r;
-    for (let i = r1 > 2 ? r1 : 2; i <= Math.min(max, r2); i++)
+    for (let i = Math.max(r1, 2); i <= Math.min(max, r2); i++)
       items.push(i);
     if (r2 + 1 < max)
       items.push("...");

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

@@ -1692,8 +1692,12 @@ exports.LuksoSanitize = class LuksoSanitize extends shared_tailwindElement_index
     this.htmlContent = "";
     this.isPre = false;
     this.options = {
-      ADD_ATTR: ["target"]
+      ADD_ATTR: ["target"],
       // allow target attribute on anchor tags
+      CUSTOM_ELEMENT_HANDLING: {
+        tagNameCheck: /^lukso-/,
+        attributeNameCheck: /.*/
+      }
     };
   }
   sanitize() {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-sanitize/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,qBACa,aAAc,SAAQ,eAAe;IAEhD,WAAW,SAAK;IAGhB,KAAK,UAAQ;IAEb,OAAO,CAAC,OAAO,CAEd;IAED,QAAQ;IAMR,MAAM;CAOP;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-sanitize/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,qBACa,aAAc,SAAQ,eAAe;IAEhD,WAAW,SAAK;IAGhB,KAAK,UAAQ;IAEb,OAAO,CAAC,OAAO,CAMd;IAED,QAAQ;IAMR,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1688,8 +1688,12 @@ let LuksoSanitize = class extends TailwindElement {
     this.htmlContent = "";
     this.isPre = false;
     this.options = {
-      ADD_ATTR: ["target"]
+      ADD_ATTR: ["target"],
       // allow target attribute on anchor tags
+      CUSTOM_ELEMENT_HANDLING: {
+        tagNameCheck: /^lukso-/,
+        attributeNameCheck: /.*/
+      }
     };
   }
   sanitize() {

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

@@ -50,6 +50,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
     this.customClass = "";
     this.hidePrefix = false;
     this.prefix = "@";
+    this.noTransform = false;
     /** Width of the first 4 bytes of the address */
     this.bytesWidth = 52;
     this.styles = index.ce({
@@ -91,6 +92,12 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
       }
     });
   }
+  validateName(name) {
+    if (this.noTransform) {
+      return name;
+    }
+    return name?.toLowerCase();
+  }
   addressBytesTemplate(styles) {
     return shared_tailwindElement_index.x`<div
       class=${styles}
@@ -109,7 +116,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
       [`color: var(--${this.nameColor})`]: this.nameColor !== ""
     })}
     >
-      ${this.hidePrefix ? shared_tailwindElement_index.A : this.prefix}${this.name}
+      ${this.hidePrefix ? shared_tailwindElement_index.A : this.prefix}${this.validateName(this.name)}
     </div>`;
   }
   addressTemplate(styles) {
@@ -174,6 +181,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: String })
 ], exports.LuksoUsername.prototype, "prefix", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "no-transform" })
+], exports.LuksoUsername.prototype, "noTransform", 2);
 exports.LuksoUsername = __decorateClass([
   queryAssignedElements.e("lukso-username")
 ], exports.LuksoUsername);

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

@@ -11,9 +11,11 @@ export declare class LuksoUsername extends LuksoUsername_base {
     customClass: string;
     hidePrefix: boolean;
     prefix: string;
+    noTransform: boolean;
     /** Width of the first 4 bytes of the address */
     private bytesWidth;
     private styles;
+    private validateName;
     private addressBytesTemplate;
     private nameTemplate;
     private addressTemplate;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/index.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;;AAE/E,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,YAAY,CAAU;IAG5B,OAAO,SAAI;IAGX,YAAY,SAAK;IAGjB,SAAS,SAAK;IAGd,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,MAAM,SAAM;IAEZ,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAqCZ;IAEF,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,eAAe;IAWvB,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-username/index.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;;AAE/E,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,YAAY,CAAU;IAG5B,OAAO,SAAI;IAGX,YAAY,SAAK;IAGjB,SAAS,SAAK;IAGd,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,MAAM,SAAM;IAGZ,WAAW,UAAQ;IAEnB,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAqCZ;IAEF,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,eAAe;IAWvB,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -46,6 +46,7 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
     this.customClass = "";
     this.hidePrefix = false;
     this.prefix = "@";
+    this.noTransform = false;
     /** Width of the first 4 bytes of the address */
     this.bytesWidth = 52;
     this.styles = ce({
@@ -87,6 +88,12 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
       }
     });
   }
+  validateName(name) {
+    if (this.noTransform) {
+      return name;
+    }
+    return name?.toLowerCase();
+  }
   addressBytesTemplate(styles) {
     return x`<div
       class=${styles}
@@ -105,7 +112,7 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
       [`color: var(--${this.nameColor})`]: this.nameColor !== ""
     })}
     >
-      ${this.hidePrefix ? A : this.prefix}${this.name}
+      ${this.hidePrefix ? A : this.prefix}${this.validateName(this.name)}
     </div>`;
   }
   addressTemplate(styles) {
@@ -170,6 +177,9 @@ __decorateClass([
 __decorateClass([
   n({ type: String })
 ], LuksoUsername.prototype, "prefix", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "no-transform" })
+], LuksoUsername.prototype, "noTransform", 2);
 LuksoUsername = __decorateClass([
   e("lukso-username")
 ], LuksoUsername);

package/dist/components/lukso-username/lukso-username.stories.d.ts

@@ -28,4 +28,6 @@ export declare const Medium: any;
 export declare const Large: any;
 /** Example of `x-large` size with 24px font. */
 export declare const XLarge: any;
+/** Example of unformatted name. */
+export declare const UnformattedName: any;
 //# sourceMappingURL=lukso-username.stories.d.ts.map

package/dist/components/lukso-username/lukso-username.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-username.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/lukso-username.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,iIAAiI;AACjI,QAAA,MAAM,IAAI,EAAE,IA2HX,CAAA;AAED,eAAe,IAAI,CAAA;AA2BnB,uGAAuG;AACvG,eAAO,MAAM,eAAe,KAAoB,CAAA;AAEhD,mGAAmG;AACnG,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,2DAA2D;AAC3D,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,8DAA8D;AAC9D,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,4FAA4F;AAC5F,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mGAAmG;AACnG,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wDAAwD;AACxD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,wEAAwE;AACxE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAQ3C,iDAAiD;AACjD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,+CAA+C;AAC/C,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,MAAM,KAAoB,CAAA"}
+{"version":3,"file":"lukso-username.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/lukso-username.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,iIAAiI;AACjI,QAAA,MAAM,IAAI,EAAE,IAuIX,CAAA;AAED,eAAe,IAAI,CAAA;AA6BnB,uGAAuG;AACvG,eAAO,MAAM,eAAe,KAAoB,CAAA;AAEhD,mGAAmG;AACnG,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,2DAA2D;AAC3D,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,8DAA8D;AAC9D,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,4FAA4F;AAC5F,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mGAAmG;AACnG,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wDAAwD;AACxD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,wEAAwE;AACxE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAQ3C,iDAAiD;AACjD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,+CAA+C;AAC/C,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.78.0",
+  "version": "1.80.0",
   "type": "module",
   "files": [
     "dist",