@alegendstale/holly-components 0.2.35 → 0.2.37

package/dist/components/color-palette/color-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrF,OAAO,EAAE,oBAAoB,EAAmB,SAAS,EAAgB,eAAe,EAAe,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAIhJ,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,KAAK,QAAQ,GAAG;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IACvD,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BA2FX;IAGF,OAAO,EAAG,cAAc,CAAC;IAEzB,SAAS,EAAE,OAAO,CAAS;IAC3B,IACI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IACD,IAAI,QAAQ,IAJM,OAAO,CAMxB;IAGD,MAAM,EAAE,MAAM,EAAE,CAAM;IAItB,MAAM,EAAE,MAAM,CAA0B;IAExC,KAAK,EAAE,MAAM,CAAyB;IAEtC,SAAS,EAAE,SAAS,CAA6B;IAEjD,QAAQ,EAAE,OAAO,CAAS;IAE1B,YAAY,EAAE,OAAO,CAAS;IAE9B,QAAQ,EAAE,OAAO,CAAS;IAE1B,QAAQ,EAAE,OAAO,CAAS;IAE1B,OAAO,EAAE,MAAM,EAAE,CAAM;IAGvB,QAAQ,EAAE,MAAM,CAAK;IAErB;;OAEG;IACH,IAAW,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,EAQ3G;IACD,IAAW,QAAQ,IAAI,eAAe,CAWrC;IAGM,MAAM,EAAE,MAAM,CAAgB;IAGrC,OAAO,CAAC,KAAK,CAAkB;IAExB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAGtE,cAAc,EAAE,oBAAoB,CAAmB;IAEvD,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAM9D;;OAEG;IACH,kBAAkB;IA8BlB,MAAM;IA2BN;;MAEE;IACK,eAAe;IAOtB,aAAa,QAAO,cAAc,GAAG,OAAO,OAAO,CAcjD;IAEF,YAAY,IAAI,cAAc;IA0E9B,cAAc,IAAI,cAAc;IAqChC;;;OAGG;IACH,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAK;CAyB/C;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrF,OAAO,EAAE,oBAAoB,EAAmB,SAAS,EAAgB,eAAe,EAAe,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAIhJ,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,KAAK,QAAQ,GAAG;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IACvD,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BA2FX;IAGF,OAAO,EAAG,cAAc,CAAC;IAEzB,SAAS,EAAE,OAAO,CAAS;IAC3B,IACI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IACD,IAAI,QAAQ,IAJM,OAAO,CAMxB;IAGD,MAAM,EAAE,MAAM,EAAE,CAAM;IAItB,MAAM,EAAE,MAAM,CAA0B;IAExC,KAAK,EAAE,MAAM,CAAyB;IAEtC,SAAS,EAAE,SAAS,CAA6B;IAEjD,QAAQ,EAAE,OAAO,CAAS;IAE1B,YAAY,EAAE,OAAO,CAAS;IAE9B,QAAQ,EAAE,OAAO,CAAS;IAE1B,QAAQ,EAAE,OAAO,CAAS;IAE1B,OAAO,EAAE,MAAM,EAAE,CAAM;IAGvB,QAAQ,EAAE,MAAM,CAAK;IAErB;;OAEG;IACH,IAAW,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,EAQ3G;IACD,IAAW,QAAQ,IAAI,eAAe,CAWrC;IAGM,MAAM,EAAE,MAAM,CAAgB;IAGrC,OAAO,CAAC,KAAK,CAAkB;IAExB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAGtE,cAAc,EAAE,oBAAoB,CAAmB;IAEvD,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAM9D;;OAEG;IACH,kBAAkB;IA8BlB,MAAM;IA2BN;;MAEE;IACK,eAAe;IAOtB,aAAa,QAAO,cAAc,GAAG,OAAO,OAAO,CAcjD;IAEF,YAAY,IAAI,cAAc;IA0E9B,cAAc,IAAI,cAAc;IAsChC;;;OAGG;IACH,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAK;CAyB/C;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}

package/dist/components/color-palette/color-palette.js

@@ -260,6 +260,7 @@ let ColorPalette = class ColorPalette extends LitElement {
         return html `
 			<tool-tip 
 				id="tooltip" 
+				trigger="hover"
 				?display=${!this.preventHover}
 				${ref(tooltipRef)}
 			>

package/dist/components/tool-tip/tool-tip.d.ts

@@ -4,9 +4,11 @@ export type TriggerTypes = 'hover' | 'click' | 'manual';
 export declare const styles: import("lit").CSSResult;
 export declare class ToolTip extends LitElement {
     static styles: import("lit").CSSResult;
+    private _trigger;
     textEl?: HTMLParagraphElement;
     display: boolean;
-    trigger: TriggerTypes;
+    set trigger(val: TriggerTypes);
+    get trigger(): TriggerTypes;
     text: string;
     render(): import("lit-html").TemplateResult<1>;
     /**

package/dist/components/tool-tip/tool-tip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,MAAM,MAAM,YAAY,GACtB,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AAEV,eAAO,MAAM,MAAM,yBAmDlB,CAAA;AAED,qBACa,OAAQ,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAAU;IAGvB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAG9B,OAAO,UAAS;IAGhB,OAAO,EAAE,YAAY,CAAY;IAGjC,IAAI,SAAM;IAEV,MAAM;IAYN;;OAEG;IACH,aAAa,GAAI,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,QAAQ,OAAO;;;MAsB7D;IAEK,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIpD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
+{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAkB,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,MAAM,MAAM,YAAY,GACtB,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AAEV,eAAO,MAAM,MAAM,yBAwDlB,CAAA;AAED,qBACa,OAAQ,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAAU;IAEvB,OAAO,CAAC,QAAQ,CAA0B;IAG1C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAG9B,OAAO,UAAS;IAEhB,IACI,OAAO,CAAC,GAAG,EAAE,YAAY,EAG5B;IACD,IAAI,OAAO,IAJM,YAAY,CAM5B;IAGD,IAAI,SAAM;IAEV,MAAM;IAYN;;OAEG;IACH,aAAa,GAAI,KAAK;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,QAAQ,OAAO;;;MAsB7D;IAEK,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIpD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}

package/dist/components/tool-tip/tool-tip.js

@@ -14,17 +14,22 @@ export const styles = css `
 		--tooltip-x: 0;
 		--tooltip-y: 0;
 	}
-	
-	/* Hover determines whether tooltip is displayed */
-	:host([trigger="hover"]:hover) p {
+
+	/* Manual or Click appear when display is true */
+	:host(:not([trigger="hover"])[display]) p {
 		display: flex;
 	}
 
-	/* Display determines whether tooltip is displayed */
-	:host(:not([trigger="hover"])[display]) p {
+	/* Hover appears when display is true and user is hovering */
+	:host([trigger="hover"][display]:hover) p {
 		display: flex;
 	}
 
+	/* Display nothing when there is no text */
+	:host([text=""]) #tip {
+		display: none;
+	}
+
 	p {
 		display: none;
 		align-items: center;
@@ -62,8 +67,8 @@ export const styles = css `
 let ToolTip = class ToolTip extends LitElement {
     constructor() {
         super(...arguments);
+        this._trigger = "manual";
         this.display = false;
-        this.trigger = 'manual';
         this.text = '';
         /**
          * Clamps the tooltip position to within the bounds
@@ -93,13 +98,21 @@ let ToolTip = class ToolTip extends LitElement {
             return { x: leftPosition, y: topPosition };
         };
     }
+    set trigger(val) {
+        this._trigger = val;
+        if (val === 'hover')
+            this.display = true;
+    }
+    get trigger() {
+        return this._trigger;
+    }
     render() {
         return html `
 			<slot
 				@click=${() => this.trigger === 'click' ? this.display = !this.display : null}
 			>
 			</slot>
-			<p>
+			<p id="tip">
 				${this.text}
 			</p>
 		`;
@@ -117,13 +130,13 @@ __decorate([
     query('p')
 ], ToolTip.prototype, "textEl", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true })
+    property({ type: Boolean, reflect: true, useDefault: true })
 ], ToolTip.prototype, "display", void 0);
 __decorate([
-    property({ type: String })
-], ToolTip.prototype, "trigger", void 0);
+    property({ type: String, reflect: true })
+], ToolTip.prototype, "trigger", null);
 __decorate([
-    property({ type: String })
+    property({ type: String, reflect: true })
 ], ToolTip.prototype, "text", void 0);
 ToolTip = __decorate([
     condCustomElement('tool-tip')

package/dist/components/tool-tip/tool-tip.stories.d.ts

@@ -3,8 +3,9 @@ import { TriggerTypes } from './tool-tip.js';
 declare const meta: Meta;
 export default meta;
 type Props = {
-    content: string;
+    text: string;
     trigger: TriggerTypes;
+    display: boolean;
 };
 type Story = StoryObj<Props>;
 export declare const Hover: Story;

package/dist/components/tool-tip/tool-tip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-tip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC;AAExD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAY7B,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
+{"version":3,"file":"tool-tip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tool-tip/tool-tip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvE,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAY7B,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}

package/dist/components/tool-tip/tool-tip.stories.js

@@ -6,9 +6,9 @@ const meta = {
 };
 export default meta;
 const Template = {
-    render: ({ content, trigger }) => {
+    render: ({ text, trigger, display }) => {
         return html `
-			<tool-tip content=${content} trigger=${trigger}>
+			<tool-tip text=${text} trigger=${trigger} ?display=${display}>
 				<button>${trigger} me</button>
 			</tool-tip>
 		`;
@@ -17,14 +17,16 @@ const Template = {
 export const Hover = {
     ...Template,
     args: {
-        content: 'hovered tooltip',
-        trigger: 'hover'
+        text: 'hovered tooltip',
+        trigger: 'hover',
+        display: true
     }
 };
 export const Click = {
     ...Template,
     args: {
-        content: 'clicked tooltip',
-        trigger: 'click'
+        text: 'clicked tooltip',
+        trigger: 'click',
+        display: false
     }
 };

package/dist/decorators/condCustomElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"condCustomElement.d.ts","sourceRoot":"","sources":["../../src/decorators/condCustomElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,IAChC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,OAMjE"}
+{"version":3,"file":"condCustomElement.d.ts","sourceRoot":"","sources":["../../src/decorators/condCustomElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,IAChC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,OAIjE"}

package/dist/decorators/condCustomElement.js

@@ -7,8 +7,6 @@ export function condCustomElement(tagName) {
     return function (constructor) {
         if (!customElements.get(tagName))
             litCustomElement(tagName)(constructor);
-        else
-            console.warn(`Custom element ${tagName} is already defined.`);
         return constructor;
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"private": false,
-	"version": "0.2.35",
+	"version": "0.2.37",
 	"name": "@alegendstale/holly-components",
 	"description": "Reusable UI components created using lit",
 	"type": "module",