@lukso/web-components 1.44.0 → 1.46.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-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -32,8 +32,8 @@ exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.Tailw
       "medium",
       "github"
     ];
-    this.urls = {
-      twitter: "https://twitter.com/lukso_io",
+    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",
@@ -54,7 +54,13 @@ exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.Tailw
   render() {
     const linkTemplates = [];
     for (const provider of this.providers) {
-      linkTemplates.push(this.linkTemplate(provider, this.urls[provider]));
+      if (typeof provider === "string") {
+        linkTemplates.push(
+          this.linkTemplate(provider, this.defaultProviderLinks[provider])
+        );
+      } else {
+        linkTemplates.push(this.linkTemplate(provider.name, provider.url));
+      }
     }
     return shared_tailwindElement_index.x`<div
       class="grid gap-2 sm:gap-4"

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

@@ -1,14 +1,18 @@
-export type Provider = 'twitter' | 'instagram' | 'linkedin' | 'telegram' | 'discord' | 'reddit' | 'medium' | 'github';
+export type ProviderName = 'twitter' | 'instagram' | 'linkedin' | 'telegram' | 'discord' | 'reddit' | 'medium' | 'github';
 export type Url = `https://${string}`;
 export type ProviderLinks = {
-    [key in Provider]: Url;
+    [key in ProviderName]: Url;
+};
+export type ProviderObject = {
+    name: ProviderName;
+    url: Url;
 };
 declare const LuksoShare_base: typeof import("lit").LitElement;
 export declare class LuksoShare extends LuksoShare_base {
     customStyle: string;
-    providers: Provider[];
-    private urls;
-    linkTemplate(name: Provider, url: Url): import("lit").TemplateResult<1>;
+    providers: ProviderName[] | ProviderObject[];
+    private defaultProviderLinks;
+    linkTemplate(name: ProviderName, url: Url): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/index.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAA;AAEZ,MAAM,MAAM,GAAG,GAAG,WAAW,MAAM,EAAE,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG;KACzB,GAAG,IAAI,QAAQ,GAAG,GAAG;CACvB,CAAA;;AAED,qBACa,UAAW,SAAQ,eAA4B;IAE1D,WAAW,SAAK;IAGhB,SAAS,EAAE,QAAQ,EAAE,CASpB;IAED,OAAO,CAAC,IAAI,CASX;IAED,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG;IASrC,MAAM;CAeP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/index.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAA;AAEZ,MAAM,MAAM,GAAG,GAAG,WAAW,MAAM,EAAE,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG;KACzB,GAAG,IAAI,YAAY,GAAG,GAAG;CAC3B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAA;IAClB,GAAG,EAAE,GAAG,CAAA;CACT,CAAA;;AAED,qBACa,UAAW,SAAQ,eAA4B;IAE1D,WAAW,SAAK;IAGhB,SAAS,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAS3C;IAED,OAAO,CAAC,oBAAoB,CAS3B;IAED,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG;IASzC,MAAM;CAqBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
+import { T as TailwindStyledElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -28,8 +28,8 @@ let LuksoShare = class extends TailwindStyledElement(style) {
       "medium",
       "github"
     ];
-    this.urls = {
-      twitter: "https://twitter.com/lukso_io",
+    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",
@@ -50,7 +50,13 @@ let LuksoShare = class extends TailwindStyledElement(style) {
   render() {
     const linkTemplates = [];
     for (const provider of this.providers) {
-      linkTemplates.push(this.linkTemplate(provider, this.urls[provider]));
+      if (typeof provider === "string") {
+        linkTemplates.push(
+          this.linkTemplate(provider, this.defaultProviderLinks[provider])
+        );
+      } else {
+        linkTemplates.push(this.linkTemplate(provider.name, provider.url));
+      }
     }
     return x`<div
       class="grid gap-2 sm:gap-4"

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

@@ -8,4 +8,14 @@ export declare const Default: any;
 export declare const CustomStyle: any;
 /** With `providers` attribute pick only providers that you want, you can also control order this way. Use `JSON.stringify` to encode `array`. */
 export declare const LimitProviders: any;
+/** If you want overwrite default provider link instead of using just `ProviderName` then pass it as the `ProviderObject`:
+ *
+```json
+{
+  name: 'twitter',
+  url: 'https://twitter.com/lukso_io'
+}
+```
+*/
+export declare const CustomProviderLink: any;
 //# sourceMappingURL=lukso-share.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-share.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/lukso-share.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8DAA8D;AAC9D,QAAA,MAAM,IAAI,EAAE,IAoCX,CAAA;AAED,eAAe,IAAI,CAAA;AAQnB,iDAAiD;AACjD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAExC,2EAA2E;AAC3E,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,iJAAiJ;AACjJ,eAAO,MAAM,cAAc,KAAoB,CAAA"}
+{"version":3,"file":"lukso-share.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/lukso-share.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAEhB,8DAA8D;AAC9D,QAAA,MAAM,IAAI,EAAE,IAyCX,CAAA;AAED,eAAe,IAAI,CAAA;AAQnB,iDAAiD;AACjD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAExC,2EAA2E;AAC3E,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,iJAAiJ;AACjJ,eAAO,MAAM,cAAc,KAAoB,CAAA;AAK/C;;;;;;;;EAQE;AACF,eAAO,MAAM,kBAAkB,KAAoB,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-5b6b1166.js';
+import { a as TailwindElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
+import { T as TailwindStyledElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const state = require('../../state-51b50a6b.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-c00f9dd9.cjs');
+require('../../style-map-f36ae803.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
+import { T as TailwindStyledElement, x } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
 import { t } from '../../state-02a92ffa.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-6cdbbb8b.js';
+import '../../style-map-bcba103a.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const directive = require('../../directive-8278ab14.cjs');
-const directiveHelpers = require('../../directive-helpers-b2851157.cjs');
+const directiveHelpers = require('../../directive-helpers-c00f5d40.cjs');
 
 /**
  * @license

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

@@ -1,7 +1,7 @@
-import { c as A$1, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-5b6b1166.js';
+import { c as A$1, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-51cfbd32.js';
 import { e as e$2, a as e$3 } from '../../query-assigned-elements-e36df787.js';
 import { i as i$1, t as t$1, e as e$1 } from '../../directive-2bb7789e.js';
-import { e } from '../../directive-helpers-422da386.js';
+import { e } from '../../directive-helpers-63c6ddf6.js';
 
 /**
  * @license

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
-const styleMap = require('../../style-map-c00f9dd9.cjs');
+const styleMap = require('../../style-map-f36ae803.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x, c as A } from '../../index-5b6b1166.js';
+import { T as TailwindStyledElement, x, c as A } from '../../index-51cfbd32.js';
 import { e, a as e$1 } from '../../query-assigned-elements-e36df787.js';
-import { o } from '../../style-map-6cdbbb8b.js';
+import { o } from '../../style-map-bcba103a.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('../../index-c00a1316.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-5200f974.cjs');
 const directive = require('../../directive-8278ab14.cjs');
-const directiveHelpers = require('../../directive-helpers-b2851157.cjs');
+const directiveHelpers = require('../../directive-helpers-c00f5d40.cjs');
 const index = require('../../index-e9668573.cjs');
 
 /**

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

@@ -1,7 +1,7 @@
-import { b as T, T as TailwindStyledElement, x } from '../../index-5b6b1166.js';
+import { b as T, T as TailwindStyledElement, x } from '../../index-51cfbd32.js';
 import { e as e$1, a as e$2 } from '../../query-assigned-elements-e36df787.js';
 import { e, i, t } from '../../directive-2bb7789e.js';
-import { m, f, c as c$1, p, a } from '../../directive-helpers-422da386.js';
+import { m, f, c as c$1, p, a } from '../../directive-helpers-63c6ddf6.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 
 /**

package/dist/{directive-helpers-422da386.js → directive-helpers-63c6ddf6.js}

@@ -1,4 +1,4 @@
-import { j } from './index-5b6b1166.js';
+import { j } from './index-51cfbd32.js';
 
 /**
  * @license

package/dist/{directive-helpers-b2851157.cjs → directive-helpers-c00f5d40.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-7ef6f8a1.cjs');
+const shared_tailwindElement_index = require('./index-c00a1316.cjs');
 
 /**
  * @license