@lukso/web-components 1.79.0 → 1.80.0

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.79.0",
+  "version": "1.80.0",
   "type": "module",
   "files": [
     "dist",