@lukso/web-components 1.66.0 → 1.67.0

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

@@ -1,8 +1,13 @@
-import { PropertyValues } from 'lit';
+import { type PropertyValues } from 'lit';
 export type TooltipVariant = 'dark' | 'light' | 'success' | 'danger' | 'white';
 export type TooltipSize = 'medium' | 'large';
 export type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
 export type TooltipTrigger = 'mouseenter' | 'click' | 'manual';
+export type TooltipOption = {
+    id?: string;
+    value: string;
+    text: string;
+};
 declare const LuksoTooltip_base: typeof import("lit").LitElement;
 export declare class LuksoTooltip extends LuksoTooltip_base {
     variant: TooltipVariant;
@@ -17,13 +22,15 @@ export declare class LuksoTooltip extends LuksoTooltip_base {
     copyText: string;
     copyValue: string;
     offset: number;
+    options: string;
     showCopy: boolean;
-    private defaultTooltipStyles;
+    optionsParsed: TooltipOption[];
     private tooltipInstance;
     private hideOnClickCheck;
     private initTooltip;
     private handleClick;
     willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
+    private optionsTemplate;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAQ1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9D,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,EAAE,MAAM,CAAK;IAGjB,QAAQ,EAAE,MAAM,CAAM;IAGtB,IAAI,EAAE,OAAO,CAAQ;IAGrB,WAAW,EAAE,MAAM,CAAS;IAG5B,eAAe,EAAE,OAAO,CAAQ;IAGhC,QAAQ,EAAE,MAAM,CAAK;IAGrB,SAAS,EAAE,MAAM,CAAK;IAGtB,MAAM,EAAE,MAAM,CAAK;IAGnB,QAAQ,EAAE,OAAO,CAAQ;IAEzB,OAAO,CAAC,oBAAoB,CAA6B;IAEzD,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,MAAM;CAuCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAO/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,OAAO,SAAK;IAGZ,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAyBxD,OAAO,CAAC,eAAe;IAcvB,MAAM;CAiCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}

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

@@ -1,8 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-3527fb14.js';
+import { T as TailwindStyledElement, x } from '../../index-987980d1.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
-import '../../directive-2bb7789e.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -3469,8 +3467,9 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
     this.copyText = "";
     this.copyValue = "";
     this.offset = 10;
+    this.options = "";
     this.showCopy = false;
-    this.defaultTooltipStyles = "bg-neutral-20 p-4 hidden";
+    this.optionsParsed = [];
     this.tooltipInstance = void 0;
   }
   hideOnClickCheck() {
@@ -3491,7 +3490,7 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
       this.tooltipInstance.destroy();
       this.tooltipInstance = void 0;
     }
-    if (!this.text) {
+    if (!this.text && !this.options) {
       return;
     }
     this.tooltipInstance = tippy(trigger, {
@@ -3523,25 +3522,38 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
     await this.updateComplete;
     if (changedProperties.has("show") && this.trigger === "manual") {
       if (this.show) {
-        !!!this.tooltipInstance && this.initTooltip();
+        !this.tooltipInstance && this.initTooltip();
         this.tooltipInstance.show();
       } else {
         this.tooltipInstance?.hide();
       }
       return;
     }
+    if (changedProperties.has("options") && !!this.options) {
+      try {
+        this.optionsParsed = JSON.parse(this.options);
+      } catch (error) {
+        console.warn("Could not parse options", error);
+      }
+    }
     this.initTooltip();
   }
+  optionsTemplate() {
+    return x`
+      ${Object.entries(this.optionsParsed).map(
+      (option) => x`<div
+            class="mb-1 rounded-4 px-2 py-1 hover:cursor-pointer hover:bg-neutral-95"
+            onClick="navigator.clipboard.writeText('${option[1].value}')"
+          >
+            ${option[1].text}
+          </div>`
+    )}
+    `;
+  }
   render() {
     return x`
-      <div
-        id="tooltip"
-        role="tooltip"
-        class=${customClassMap({
-      [this.defaultTooltipStyles]: true
-    })}
-      >
-        ${this.text}
+      <div id="tooltip" role="tooltip" class="bg-neutral-20 p-4 hidden">
+        ${this.options ? this.optionsTemplate() : this.text}
       </div>
       ${this.isClipboardCopy ? x`<lukso-tooltip
             variant=${this.variant}
@@ -3606,9 +3618,15 @@ __decorateClass([
 __decorateClass([
   n({ type: Number })
 ], LuksoTooltip.prototype, "offset", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoTooltip.prototype, "options", 2);
 __decorateClass([
   t()
 ], LuksoTooltip.prototype, "showCopy", 2);
+__decorateClass([
+  t()
+], LuksoTooltip.prototype, "optionsParsed", 2);
 LuksoTooltip = __decorateClass([
   e("lukso-tooltip")
 ], LuksoTooltip);

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

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/web-components';
+import type { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-tooltip` component. */
 declare const meta: Meta;
 export default meta;
@@ -24,4 +24,6 @@ export declare const PlacementBottom: any;
 export declare const Offset: any;
 /** Tooltip can work as clipboard copy component. For that wou need to enable `is-clipboard-copy` and set `copy-text` attribute..  */
 export declare const ClipboardCopy: any;
+/** Tooltip with options (copied to clipboard).  */
+export declare const OptionsTooltip: any;
 //# sourceMappingURL=lukso-tooltip.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA6KX,CAAA;AAED,eAAe,IAAI,CAAA;AAqCnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAMtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AASjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AASpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AAQrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AASvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAS9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA"}
+{"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IAmLX,CAAA;AAED,eAAe,IAAI,CAAA;AAuCnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAMtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AASjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AASpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AAQrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AASvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAS9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,mDAAmD;AACnD,eAAO,MAAM,cAAc,KAA2B,CAAA"}

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-688c3040.cjs');
+const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const index = require('../../index-e9668573.cjs');
-const index$1 = require('../../index-98e8e0d5.cjs');
+const index$1 = require('../../index-21e30dce.cjs');
 require('../../directive-8278ab14.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x, A } from '../../index-3527fb14.js';
+import { T as TailwindStyledElement, x, A } from '../../index-987980d1.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
-import { c as customStyleMap } from '../../index-1765cfe1.js';
+import { c as customStyleMap } from '../../index-ccc127cd.js';
 import '../../directive-2bb7789e.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-688c3040.cjs');
+const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { j, b as T, T as TailwindStyledElement, x } from '../../index-3527fb14.js';
+import { j, b as T, T as TailwindStyledElement, x } from '../../index-987980d1.js';
 import { n, e as e$1 } from '../../query-assigned-elements-5d94572f.js';
 import { e, i, t } from '../../directive-2bb7789e.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

package/dist/{index-98e8e0d5.cjs → index-21e30dce.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-688c3040.cjs');
+const shared_tailwindElement_index = require('./index-9158df3a.cjs');
 const directive = require('./directive-8278ab14.cjs');
 
 class CustomStyleMapDirective extends directive.i {