@gov-design-system-ce/components 4.0.8-rc11 → 4.0.8-rc12

package/dist/cjs/gov-tooltip.cjs.entry.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d7a6145d.js');
+const index = require('./index-cfb57f19.js');
 const props = require('./props-edd0d46f.js');
 const constants = require('./constants-11f3de8f.js');
 const string_utils = require('./string.utils-2335838f.js');
 const template = require('./template-431f0737.js');
+const win = require('./win-03714165.js');
+const stencil_utils = require('./stencil.utils-07182a8a.js');
 require('./gov.log-8887c6bc.js');
-require('./win-03714165.js');
-require('./utils-d263c5c6.js');
 require('./variants-85b514ea.js');
 require('./sizes-89f8d3b2.js');
+require('./utils-d263c5c6.js');
 
 const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{display:inline-block;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=\"\"],.gov-tooltip[icon=true i],.gov-tooltip[icon=\"1\"]{border-bottom:0}";
 const GovTooltipStyle0 = govTooltipCss;
@@ -42,11 +43,7 @@ const GovTooltip = class {
         props.validateProp(constants.TooltipPosition, newValue, constants.TooltipClass.root);
     }
     rerenderMessage() {
-        var _a;
-        const isContent = document.body.querySelector(`#${(_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId}`);
-        if (!isContent) {
-            this.createContentWrapper();
-        }
+        this.createContentWrapper();
     }
     componentWillLoad() {
         this.validateVariant(this.variant);
@@ -55,45 +52,53 @@ const GovTooltip = class {
         this.createContentWrapper();
         this.registerListeners();
     }
+    componentDidUpdate() {
+        this.createContentWrapper();
+    }
     disconnectedCallback() {
         this.removeContent();
     }
     createContentWrapper() {
         var _a;
-        const hasContentInside = this.host.querySelector(constants.TooltipContentClass.root);
-        if (hasContentInside) {
-            this.content = hasContentInside;
+        if (this.tooltipContent) {
+            if (this.message) {
+                this.tooltipContent.innerHTML = this.message;
+            }
+            else if (this.insideContent) {
+                this.tooltipContent.innerHTML = this.insideContent.innerHTML;
+            }
+            return;
+        }
+        let content;
+        if (this.insideContent) {
+            content = this.insideContent;
         }
         else {
-            this.content = document.createElement(constants.TooltipContentClass.root);
-            this.content.innerHTML = this.message;
-            this.host.appendChild(this.content);
+            content = win.documentNode().createElement(constants.TooltipContentClass.root);
+            content.innerHTML = this.message;
         }
-        this.content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId);
-        this.content.setAttribute("parent-id", this.tooltipId);
-        this.content.setAttribute("variant", this.variant);
-        this.content.setAttribute("size", this.size);
-        document.body.appendChild(this.content);
+        content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId);
+        content.setAttribute("parent-id", this.tooltipId);
+        content.setAttribute("variant", this.variant);
+        content.setAttribute("size", this.size);
+        win.documentNode().body.appendChild(content);
+    }
+    get tooltipContent() {
+        var _a;
+        return win.documentNode().body.querySelector(`#${(_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId}`);
+    }
+    get insideContent() {
+        return this.host.querySelector(constants.TooltipContentClass.root);
     }
     registerListeners() {
         this.host.addEventListener("click", e => {
             e.preventDefault();
             this.persist = true;
-            if (this.content) {
-                this.content.setAttribute("persist", "true");
+            if (this.tooltipContent) {
+                this.tooltipContent.setAttribute("persist", "true");
             }
             this.showTooltip();
         });
-        this.host.addEventListener("focus", e => {
-            e.preventDefault();
-            this.showTooltip();
-        });
-        this.host.addEventListener("blur", e => {
-            e.preventDefault();
-            if (this.persist === false) {
-                this.hideTooltip();
-            }
-        });
         this.host.addEventListener("mouseenter", e => {
             e.preventDefault();
             this.showTooltip();
@@ -111,8 +116,8 @@ const GovTooltip = class {
         const trigger = this.host.getBoundingClientRect();
         const trgWidth = this.host.offsetWidth;
         const trgHeight = this.host.offsetHeight;
-        const contentWidth = this.content.offsetWidth;
-        const contentHeight = this.content.offsetHeight;
+        const contentWidth = this.tooltipContent.offsetWidth;
+        const contentHeight = this.tooltipContent.offsetHeight;
         const triggerPos = {
             left: trigger.left + document.documentElement.scrollLeft,
             top: trigger.top + document.documentElement.scrollTop,
@@ -121,10 +126,10 @@ const GovTooltip = class {
         const isLeftSpace = triggerPos.left > contentWidth;
         // LEFT/RIGHT
         if (this.position === constants.TooltipPosition.LEFT || this.position === constants.TooltipPosition.RIGHT) {
-            this.content.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + "px";
+            this.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + "px";
             if (isRightSpace === false && isLeftSpace === false) {
                 this.position = constants.TooltipPosition.TOP;
-                this.content.setAttribute("position", constants.TooltipPosition.TOP);
+                this.tooltipContent.setAttribute("position", constants.TooltipPosition.TOP);
             }
             if (isLeftSpace && isRightSpace === false && this.position === constants.TooltipPosition.RIGHT) {
                 this.position = constants.TooltipPosition.LEFT;
@@ -134,12 +139,12 @@ const GovTooltip = class {
             }
         }
         if (this.position === constants.TooltipPosition.RIGHT) {
-            this.content.setAttribute("position", constants.TooltipPosition.RIGHT);
-            this.content.style.left = (triggerPos.left + offset + trigger.width) + "px";
+            this.tooltipContent.setAttribute("position", constants.TooltipPosition.RIGHT);
+            this.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + "px";
         }
         if (this.position === constants.TooltipPosition.LEFT) {
-            this.content.setAttribute("position", constants.TooltipPosition.LEFT);
-            this.content.style.left = (triggerPos.left - (contentWidth + offset)) + "px";
+            this.tooltipContent.setAttribute("position", constants.TooltipPosition.LEFT);
+            this.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + "px";
         }
         // LEFT/RIGHT FOR TOP/BOTTOM
         if (this.position === constants.TooltipPosition.TOP || this.position === constants.TooltipPosition.BOTTOM) {
@@ -148,9 +153,9 @@ const GovTooltip = class {
                 const isNotLeftSpace = leftPosition < 0;
                 const isNotRightSpace = (leftPosition + contentWidth) > windowWidth;
                 if (isNotLeftSpace && isNotRightSpace) {
-                    this.content.style.width = "auto";
-                    this.content.style.left = offset + "px";
-                    this.content.style.right = offset + "px";
+                    this.tooltipContent.style.width = "auto";
+                    this.tooltipContent.style.left = offset + "px";
+                    this.tooltipContent.style.right = offset + "px";
                 }
                 else {
                     if (isNotLeftSpace) {
@@ -159,39 +164,39 @@ const GovTooltip = class {
                     if (isNotRightSpace) {
                         leftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1);
                     }
-                    this.content.style.left = leftPosition + "px";
+                    this.tooltipContent.style.left = leftPosition + "px";
                 }
             }
             else {
                 const leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2));
-                this.content.style.left = leftPosition + "px";
+                this.tooltipContent.style.left = leftPosition + "px";
             }
         }
         if (this.position === constants.TooltipPosition.TOP) {
-            this.content.setAttribute("position", constants.TooltipPosition.TOP);
-            this.content.style.top = (triggerPos.top - (contentHeight + offset)) + "px";
+            this.tooltipContent.setAttribute("position", constants.TooltipPosition.TOP);
+            this.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + "px";
         }
         if (this.position === constants.TooltipPosition.BOTTOM) {
-            this.content.setAttribute("position", constants.TooltipPosition.BOTTOM);
-            this.content.style.top = (triggerPos.top + (trgHeight + offset)) + "px";
+            this.tooltipContent.setAttribute("position", constants.TooltipPosition.BOTTOM);
+            this.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + "px";
         }
-        this.content.style.opacity = '1';
+        this.tooltipContent.style.opacity = '1';
     }
     showTooltip() {
-        if (this.content) {
-            this.content.style.opacity = '0';
-            this.content.hidden = false;
-            this.content.setAttribute("is-visible", "true");
-            requestAnimationFrame(() => {
+        if (this.tooltipContent) {
+            this.tooltipContent.style.opacity = '0';
+            this.tooltipContent.hidden = false;
+            this.tooltipContent.setAttribute("is-visible", "true");
+            stencil_utils.tick(() => {
                 this.verifyPositionSpace();
             });
         }
     }
     hideTooltip() {
-        if (this.content) {
-            this.content.setAttribute("is-visible", "false");
-            this.content.setAttribute("persist", "false");
-            this.content.removeAttribute('style');
+        if (this.tooltipContent) {
+            this.tooltipContent.setAttribute("is-visible", "false");
+            this.tooltipContent.setAttribute("persist", "false");
+            this.tooltipContent.removeAttribute('style');
         }
     }
     removeContent() {
@@ -202,7 +207,11 @@ const GovTooltip = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '2073902a25078b3875e41e710a9b583a30d2d09e', id: this.tooltipId, class: this.h.classes(constants.TooltipClass.root), position: this.position }, index.h("span", { key: '56d35be005985c3a4a22d4975714141ae4817157', role: 'button', tabindex: 0, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, index.h("slot", { key: '61c4bc19ef21b15791eff343964aafa4fc4dde99' }))));
+        return (index.h(index.Host, { key: 'd16d7493cc470032d16e762e75c426c919b683d5', id: this.tooltipId, class: this.h.classes(constants.TooltipClass.root), position: this.position }, index.h("span", { key: 'd80316da39311fde00a00bb7867fd4c73864bd7e', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+                if (this.persist === false) {
+                    this.hideTooltip();
+                }
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, index.h("slot", { key: '1ccc180def543def370a189a5c10351fc166dcdd' }))));
     }
     /**
      * Showing the modal

package/dist/cjs/gov-tooltip.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-tooltip.entry.cjs.js","mappings":"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","names":["TooltipVariant","TooltipSize","govHost","createID","validateProp","TooltipClass","TooltipPosition","TooltipContentClass","h","Host"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["/*\n *   Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tdisplay: inline-block;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t@include parameter(\"icon\") {\n\t\tborder-bottom: 0;\n\t}\n}\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipVariant,\n\tTooltipVariantType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TooltipVariant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tconst isContent = document.body.querySelector(`#${this.identifier ?? this.tooltipContentId}`)\n\t\tif (!isContent) {\n\t\t\tthis.createContentWrapper();\n\t\t}\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tconst hasContentInside = this.host.querySelector(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\tif (hasContentInside) {\n\t\t\tthis.content = hasContentInside\n\t\t} else {\n\t\t\tthis.content = document.createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tthis.content.innerHTML = this.message\n\t\t\tthis.host.appendChild(this.content)\n\t\t}\n\n\t\tthis.content.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tthis.content.setAttribute(\"parent-id\", this.tooltipId)\n\t\tthis.content.setAttribute(\"variant\", this.variant)\n\t\tthis.content.setAttribute(\"size\", this.size)\n\t\tdocument.body.appendChild(this.content)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.content) {\n\t\t\t\tthis.content.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"focus\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"blur\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.content.offsetWidth\n\t\tconst contentHeight = this.content.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.content.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.content.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.content.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.content.style.width = \"auto\";\n\t\t\t\t\tthis.content.style.left = offset + \"px\";\n\t\t\t\t\tthis.content.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.content.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.content.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.content.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.content.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.content.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.style.opacity = '0'\n\t\t\tthis.content.hidden = false\n\t\t\tthis.content.setAttribute(\"is-visible\", \"true\")\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.content.setAttribute(\"persist\", \"false\")\n\t\t\tthis.content.removeAttribute('style')\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"version":3}
+{"file":"gov-tooltip.entry.cjs.js","mappings":"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","names":["TooltipVariant","TooltipSize","govHost","createID","validateProp","TooltipClass","TooltipPosition","documentNode","TooltipContentClass","tick","h","Host"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["/*\n *   Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tdisplay: inline-block;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t@include parameter(\"icon\") {\n\t\tborder-bottom: 0;\n\t}\n}\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipVariant,\n\tTooltipVariantType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TooltipVariant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\n\t\t\t} else if (this.insideContent) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tcontent.innerHTML = this.message\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"variant\", this.variant)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\n\t\t\te.preventDefault()\n\t\t\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.removeAttribute('style')\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-wizard-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d7a6145d.js');
+const index = require('./index-cfb57f19.js');
 const gov_log = require('./gov.log-8887c6bc.js');
 const props = require('./props-edd0d46f.js');
 const constants = require('./constants-d5fe1cee.js');

package/dist/cjs/gov-wizard.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d7a6145d.js');
+const index = require('./index-cfb57f19.js');
 const props = require('./props-edd0d46f.js');
 const constants = require('./constants-d5fe1cee.js');
 const template = require('./template-431f0737.js');

package/dist/cjs/{index-d7a6145d.js → index-cfb57f19.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'core';
-const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: true, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: true, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: true, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: true, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: true, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: true, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -1613,6 +1613,9 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
+    {
+      safeCall(instance, "componentDidUpdate");
+    }
     endPostUpdate();
   }
   {
@@ -2038,4 +2041,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-d7a6145d.js.map
+//# sourceMappingURL=index-cfb57f19.js.map