@lukso/web-components 1.83.0 → 1.85.0

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

@@ -34,6 +34,7 @@ exports.LuksoPagination = class LuksoPagination extends shared_tailwindElement_i
     this.size = "small";
     this.currentPage = 1;
     this.totalPages = 0;
+    this.isMobile = false;
     this.styles = index.ce({
       slots: {
         wrapper: "flex gap-2",
@@ -69,19 +70,27 @@ exports.LuksoPagination = class LuksoPagination extends shared_tailwindElement_i
     const prev = current === 1 ? null : current - 1;
     const next = current === max ? null : current + 1;
     const items = [1];
-    if (current === 1 && max === 1)
+    if (current === 1 && max === 1) {
       return { current, prev, next, items };
-    if (current > 4)
+    }
+    if (this.isMobile) {
+      return { current, prev, next, items: [current] };
+    }
+    if (current > 4) {
       items.push("...");
+    }
     const r = 2;
     const r1 = current - r;
     const r2 = current + r;
-    for (let i = Math.max(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)
+    }
+    if (r2 + 1 < max) {
       items.push("...");
-    if (r2 < max)
+    }
+    if (r2 < max) {
       items.push(max);
+    }
     return { current, prev, next, items };
   }
   async pageChangeEvent() {
@@ -194,6 +203,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Number, attribute: "total-pages" })
 ], exports.LuksoPagination.prototype, "totalPages", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "is-mobile" })
+], exports.LuksoPagination.prototype, "isMobile", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoPagination.prototype, "pagination", 2);

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

@@ -8,6 +8,7 @@ export declare class LuksoPagination extends LuksoPagination_base {
     size: InputSize;
     currentPage: number;
     totalPages: number;
+    isMobile: boolean;
     private pagination;
     private styles;
     willUpdate(changedProperties: PropertyValues<this>): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAOpE,OAAO,yBAAyB,CAAA;AAChC,OAAO,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAA;;AAS7C,qBACa,eAAgB,SAAQ,oBAA4B;IAE/D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,SAAS,CAAU;IAGzB,WAAW,SAAI;IAGf,UAAU,SAAI;IAGd,OAAO,CAAC,UAAU,CAAY;IAE9B,OAAO,CAAC,MAAM,CAmBZ;IAEF,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAYlD,OAAO,CAAC,QAAQ;YAsBF,eAAe;YAaf,cAAc;YAKd,cAAc;YAKd,gBAAgB;IAK9B,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,QAAQ;IAIhB,gBAAgB;IAgBhB,gBAAgB;IAgBhB,eAAe,CAAC,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM;IA4B7D,MAAM;CAaP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,eAAe,CAAA;KACpC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAOpE,OAAO,yBAAyB,CAAA;AAChC,OAAO,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAA;;AAS7C,qBACa,eAAgB,SAAQ,oBAA4B;IAE/D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,SAAS,CAAU;IAGzB,WAAW,SAAI;IAGf,UAAU,SAAI;IAGd,QAAQ,UAAQ;IAGhB,OAAO,CAAC,UAAU,CAAY;IAE9B,OAAO,CAAC,MAAM,CAmBZ;IAEF,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAYlD,OAAO,CAAC,QAAQ;YAuCF,eAAe;YAaf,cAAc;YAKd,cAAc;YAKd,gBAAgB;IAK9B,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,QAAQ;IAIhB,gBAAgB;IAgBhB,gBAAgB;IAgBhB,eAAe,CAAC,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM;IA4B7D,MAAM;CAaP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,eAAe,CAAA;KACpC;CACF"}

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

@@ -30,6 +30,7 @@ let LuksoPagination = class extends TailwindStyledElement(style) {
     this.size = "small";
     this.currentPage = 1;
     this.totalPages = 0;
+    this.isMobile = false;
     this.styles = ce({
       slots: {
         wrapper: "flex gap-2",
@@ -65,19 +66,27 @@ let LuksoPagination = class extends TailwindStyledElement(style) {
     const prev = current === 1 ? null : current - 1;
     const next = current === max ? null : current + 1;
     const items = [1];
-    if (current === 1 && max === 1)
+    if (current === 1 && max === 1) {
       return { current, prev, next, items };
-    if (current > 4)
+    }
+    if (this.isMobile) {
+      return { current, prev, next, items: [current] };
+    }
+    if (current > 4) {
       items.push("...");
+    }
     const r = 2;
     const r1 = current - r;
     const r2 = current + r;
-    for (let i = Math.max(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)
+    }
+    if (r2 + 1 < max) {
       items.push("...");
-    if (r2 < max)
+    }
+    if (r2 < max) {
       items.push(max);
+    }
     return { current, prev, next, items };
   }
   async pageChangeEvent() {
@@ -190,6 +199,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Number, attribute: "total-pages" })
 ], LuksoPagination.prototype, "totalPages", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "is-mobile" })
+], LuksoPagination.prototype, "isMobile", 2);
 __decorateClass([
   t()
 ], LuksoPagination.prototype, "pagination", 2);

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

@@ -22,4 +22,6 @@ export declare const NavButtonVariant: any;
 export declare const NavTextVariant: any;
 /** Example of link variant. */
 export declare const LinkVariant: any;
+/** Example mobile pagination. */
+export declare const Mobile: any;
 //# sourceMappingURL=lukso-pagination.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-pagination/lukso-pagination.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mEAAmE;AACnE,QAAA,MAAM,IAAI,EAAE,IAuEX,CAAA;AAED,eAAe,IAAI,CAAA;AAWnB,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAQxC,4CAA4C;AAC5C,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,yCAAyC;AACzC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,8BAA8B;AAC9B,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,kCAAkC;AAClC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,kCAAkC;AAClC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,+BAA+B;AAC/B,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,qCAAqC;AACrC,eAAO,MAAM,gBAAgB,KAAoB,CAAA;AAKjD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,+BAA+B;AAC/B,eAAO,MAAM,WAAW,KAAoB,CAAA"}
+{"version":3,"file":"lukso-pagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-pagination/lukso-pagination.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mEAAmE;AACnE,QAAA,MAAM,IAAI,EAAE,IA0FX,CAAA;AAED,eAAe,IAAI,CAAA;AAmBnB,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAQxC,4CAA4C;AAC5C,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,yCAAyC;AACzC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,8BAA8B;AAC9B,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,kCAAkC;AAClC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,kCAAkC;AAClC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,+BAA+B;AAC/B,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,qCAAqC;AACrC,eAAO,MAAM,gBAAgB,KAAoB,CAAA;AAKjD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C,+BAA+B;AAC/B,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,iCAAiC;AACjC,eAAO,MAAM,MAAM,KAAoB,CAAA"}

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

@@ -12,15 +12,17 @@ require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 

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

@@ -8,15 +8,17 @@ import '../../bundle-mjs-fbc6e2a8.js';
 import '../../directive-2bb7789e.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 

package/dist/vitest.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vitest.config.d.ts.map

package/dist/vitest.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../../vitest.config.ts"],"names":[],"mappings":";AAEA,wBAKE"}

package/package.json

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

package/tools/__tests__/detect-social-media.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=detect-social-media.spec.d.ts.map

package/tools/__tests__/detect-social-media.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detect-social-media.spec.d.ts","sourceRoot":"","sources":["../../../src/shared/tools/__tests__/detect-social-media.spec.ts"],"names":[],"mappings":""}

package/tools/detect-social-media.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Detect social media from a given URL
+ *
+ * @param url
+ * @returns
+ */
+export declare const detectSocialMedia: (url?: string) => string;
+//# sourceMappingURL=detect-social-media.d.ts.map

package/tools/detect-social-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detect-social-media.d.ts","sourceRoot":"","sources":["../../src/shared/tools/detect-social-media.ts"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,SAAU,MAAM,WAqB7C,CAAA"}

package/tools/index.cjs

@@ -12,18 +12,54 @@ require('fs');
 require('path');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 
+const SOCIAL_MEDIA = {
+  facebook: ["facebook.com", "messenger.com", "fb.com", "fb.me"],
+  x: ["x.com", "twitter.com", "t.co"],
+  instagram: ["instagram.com"],
+  medium: ["medium.com"],
+  discord: ["discord.com", "discordapp.com", "discord.gg"],
+  snapchat: ["snapchat.com"],
+  whatsapp: ["whatsapp.com", "wa.me"],
+  telegram: ["telegram.com", "t.me", "telegram.org"],
+  linkedin: ["linkedin.com"],
+  github: ["github.com"],
+  "universal-page": ["universal.page"],
+  youtube: ["youtube.com", "youtu.be"]
+};
+const detectSocialMedia = (url) => {
+  if (!url) {
+    return;
+  }
+  try {
+    const hostname = new URL(url).hostname;
+    for (const [key, domains] of Object.entries(SOCIAL_MEDIA)) {
+      const hostnameFormatted = hostname.replace("www.", "");
+      const match = domains.some(
+        (domain) => new RegExp(`\\b${domain}\\b`, "i").test(hostnameFormatted)
+      );
+      if (match) {
+        return key;
+      }
+    }
+  } catch {
+    return;
+  }
+};
+
 exports.borderRadius = tailwindConfig.borderRadius;
 exports.boxShadows = tailwindConfig.boxShadows;
 exports.colorPalette = tailwindConfig.colorPalette;
@@ -42,4 +78,5 @@ exports.assets = assets_index.assets;
 exports.cn = cn.cn;
 exports.fonts = assets_fonts_index.fonts;
 exports.images = assets_images_index.images;
+exports.detectSocialMedia = detectSocialMedia;
 exports.sliceAddress = sliceAddress;

package/tools/index.d.ts

@@ -4,4 +4,5 @@ export * from './hsl-color-map';
 export * from './slice-address';
 export * from '../assets';
 export * from './cn';
+export * from './detect-social-media';
 //# sourceMappingURL=index.d.ts.map

package/tools/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/tools/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/tools/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,MAAM,CAAA;AACpB,cAAc,uBAAuB,CAAA"}

package/tools/index.js

@@ -8,16 +8,52 @@ import 'fs';
 import 'path';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
-  if (!address) {
+  if (!address || typeof address !== "string") {
     return "";
   }
   let sliceAddress2 = "";
-  endSliceBy = endSliceBy || startSliceBy;
-  if (address.length < startSliceBy + endSliceBy) {
+  const effectiveEndSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + effectiveEndSliceBy) {
     return address;
   }
-  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(
+    -effectiveEndSliceBy
+  )}` : address;
   return sliceAddress2;
 };
 
-export { sliceAddress };
+const SOCIAL_MEDIA = {
+  facebook: ["facebook.com", "messenger.com", "fb.com", "fb.me"],
+  x: ["x.com", "twitter.com", "t.co"],
+  instagram: ["instagram.com"],
+  medium: ["medium.com"],
+  discord: ["discord.com", "discordapp.com", "discord.gg"],
+  snapchat: ["snapchat.com"],
+  whatsapp: ["whatsapp.com", "wa.me"],
+  telegram: ["telegram.com", "t.me", "telegram.org"],
+  linkedin: ["linkedin.com"],
+  github: ["github.com"],
+  "universal-page": ["universal.page"],
+  youtube: ["youtube.com", "youtu.be"]
+};
+const detectSocialMedia = (url) => {
+  if (!url) {
+    return;
+  }
+  try {
+    const hostname = new URL(url).hostname;
+    for (const [key, domains] of Object.entries(SOCIAL_MEDIA)) {
+      const hostnameFormatted = hostname.replace("www.", "");
+      const match = domains.some(
+        (domain) => new RegExp(`\\b${domain}\\b`, "i").test(hostnameFormatted)
+      );
+      if (match) {
+        return key;
+      }
+    }
+  } catch {
+    return;
+  }
+};
+
+export { detectSocialMedia, sliceAddress };

package/tools/slice-address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slice-address.d.ts","sourceRoot":"","sources":["../../src/shared/tools/slice-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,aACb,MAAM,sCAEH,MAAM,KAClB,MAkBF,CAAA"}
+{"version":3,"file":"slice-address.d.ts","sourceRoot":"","sources":["../../src/shared/tools/slice-address.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,aACb,MAAM,sCAEH,MAAM,KAClB,MAoBF,CAAA"}