@gov-design-system-ce/components 4.6.2 → 4.6.4

package/dist/collection/components/gov-tooltip/gov-tooltip-content.js

@@ -0,0 +1,195 @@
+import { h, Host } from "@stencil/core";
+import { TooltipContentClass, TooltipSize, TooltipColors } from "./constants";
+import { toBoolAttr } from "../../helpers/Dom/template";
+export class GovTooltipContent {
+    constructor() {
+        /**
+         * Style variation of the tooltip
+         */
+        this.color = TooltipColors.PRIMARY;
+        /**
+         * Tooltip’s size.
+         */
+        this.size = TooltipSize._M;
+        /**
+         * Tooltip is still visible.
+         */
+        this.persist = false;
+        /**
+         * Indicates display of tooltip content
+         */
+        this.isVisible = false;
+        /**
+         * Indicates display of tooltip content
+         */
+        this.parentId = null;
+    }
+    visibleContent(newValue) {
+        clearTimeout(this.timeout);
+        if (newValue === false) {
+            this.timeout = setTimeout(() => {
+                this.host.style.visibility = "hidden";
+            }, 250);
+        }
+        else {
+            this.host.style.visibility = "visible";
+        }
+    }
+    hideContent() {
+        this.isVisible = false;
+        this.persist = false;
+        const parentEl = document.getElementById(this.parentId);
+        if (parentEl) {
+            parentEl.hide().catch();
+        }
+    }
+    render() {
+        return (h(Host, { key: '121b5cd3878956618a7a917511e6d8d76edf6672', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, this.message
+            ? h("span", { class: "gov-tooltip-content__message", innerHTML: this.message })
+            : h("slot", null), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+    }
+    static get is() { return "gov-tooltip-content"; }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "TooltipColorType",
+                    "resolved": "\"neutral\" | \"primary\"",
+                    "references": {
+                        "TooltipColorType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipColorType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the tooltip"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "TooltipColors.PRIMARY"
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "TooltipSizeType",
+                    "resolved": "\"l\" | \"m\" | \"s\"",
+                    "references": {
+                        "TooltipSizeType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipSizeType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "TooltipSize._M"
+            },
+            "persist": {
+                "type": "boolean",
+                "attribute": "persist",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip is still visible."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "isVisible": {
+                "type": "boolean",
+                "attribute": "is-visible",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates display of tooltip content"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "parentId": {
+                "type": "string",
+                "attribute": "parent-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates display of tooltip content"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            },
+            "message": {
+                "type": "string",
+                "attribute": "message",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip text. When set, renders the HTML message; otherwise the default `<slot/>` is used."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "isVisible",
+                "methodName": "visibleContent"
+            }];
+    }
+}
+//# sourceMappingURL=gov-tooltip-content.js.map

package/dist/collection/components/gov-tooltip/gov-tooltip-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-tooltip-content.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tooltip/gov-tooltip-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAmB,aAAa,EAAoB,MAAM,aAAa,CAAA;AAChH,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAKvD,MAAM,OAAO,iBAAiB;IAH9B;QAOC;;WAEG;QACc,UAAK,GAAsB,aAAa,CAAC,OAAO,CAAA;QACjE;;WAEG;QACc,SAAI,GAAqB,WAAW,CAAC,EAAE,CAAA;QACxD;;WAEG;QACK,YAAO,GAAa,KAAK,CAAA;QACjC;;WAEG;QAC+C,cAAS,GAAG,KAAK,CAAA;QACnE;;WAEG;QAC+B,aAAQ,GAAW,IAAI,CAAA;KAkDzD;IA3CA,cAAc,CAAC,QAAiB;QAC/B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;YACtC,CAAC,EAAE,GAAG,CAAC,CAAA;QACR,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;QACvC,CAAC;IACF,CAAC;IAED,WAAW;QACV,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAA0B,CAAA;QAChF,IAAI,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAA;QACxB,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,iBACV,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,gBAC5B,IAAI,CAAC,SAAS;YACzB,IAAI,CAAC,OAAO;gBACZ,CAAC,CAAC,YAAM,KAAK,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,GAAS;gBAC7E,CAAC,CAAC,eAAa;YACf,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,kCACe,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM;gBACZ,gBAAU,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAa,CAC/D,CACb,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\t/**\n\t * Tooltip text. When set, renders the HTML message; otherwise the default `<slot/>` is used.\n\t */\n\t@Prop({ attribute: \"message\", mutable: true }) message?: string\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t{this.message\n\t\t\t\t\t? <span class=\"gov-tooltip-content__message\" innerHTML={this.message}></span>\n\t\t\t\t\t: <slot></slot>}\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}>\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-tooltip/gov-tooltip.js

@@ -0,0 +1,457 @@
+import { h, Host } from "@stencil/core";
+import { validateProp } from "../../helpers/Validate/props";
+import { TooltipClass, TooltipContentClass, TooltipPosition, TooltipSize, TooltipColors, } from "./constants";
+import { createID } from "../../utils/string.utils";
+import { govHost } from "../../helpers/Dom/template";
+import { documentNode } from "../../helpers/Dom/win";
+import { tick } from "../../utils/stencil.utils";
+export class GovTooltip {
+    constructor() {
+        this.tooltipContentId = undefined;
+        this.tooltipId = undefined;
+        /**
+         * Style variation of the tooltip
+         */
+        this.color = TooltipColors.PRIMARY;
+        /**
+         * Tooltip’s size.
+         */
+        this.size = TooltipSize._M;
+        /**
+         * Tooltip display position
+         */
+        this.position = "right";
+        /**
+         * Information contained in the tooltip
+         */
+        this.message = undefined;
+        /**
+         * Trigger is just an icon
+         */
+        this.icon = undefined;
+        this.persist = false;
+        this.repositionListenersAttached = false;
+        this.reposition = () => {
+            if (this.tooltipContent) {
+                this.verifyPositionSpace();
+            }
+        };
+        this.h = govHost(this.host);
+        this.tooltipId = createID("GovTooltip");
+        this.tooltipContentId = createID("GovContentTooltip");
+    }
+    validateColor(newValue) {
+        validateProp(TooltipColors, newValue, TooltipClass.root);
+    }
+    validateSize(newValue) {
+        validateProp(TooltipSize, newValue, TooltipClass.root);
+    }
+    validatePosition(newValue) {
+        validateProp(TooltipPosition, newValue, TooltipClass.root);
+    }
+    rerenderMessage() {
+        this.createContentWrapper();
+    }
+    connectedCallback() {
+        this.createContentWrapper();
+        this.registerListeners();
+    }
+    componentWillLoad() {
+        this.validateColor(this.color);
+        this.validateSize(this.size);
+        this.validatePosition(this.position);
+    }
+    componentDidUpdate() {
+        this.createContentWrapper();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.resizeObserver = undefined;
+        window.removeEventListener("resize", this.reposition);
+        this.repositionListenersAttached = false;
+        this.removeContent();
+    }
+    createContentWrapper() {
+        var _a;
+        if (this.tooltipContent) {
+            if (this.message != null) {
+                this.tooltipContent.setAttribute("message", this.message);
+            }
+            return;
+        }
+        let content;
+        if (this.insideContent) {
+            content = this.insideContent;
+        }
+        else {
+            content = documentNode().createElement(TooltipContentClass.root);
+            if (this.message != null) {
+                content.setAttribute("message", this.message);
+            }
+        }
+        content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId);
+        content.setAttribute("parent-id", this.tooltipId);
+        content.setAttribute("color", this.color);
+        content.setAttribute("size", this.size);
+        documentNode().body.appendChild(content);
+    }
+    get tooltipContent() {
+        var _a;
+        return documentNode().body.querySelector(`#${(_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId}`);
+    }
+    get insideContent() {
+        return this.host.querySelector(TooltipContentClass.root);
+    }
+    registerListeners() {
+        this.host.addEventListener("click", e => {
+            e.preventDefault();
+            this.persist = true;
+            if (this.tooltipContent) {
+                this.tooltipContent.setAttribute("persist", "true");
+            }
+            this.showTooltip();
+        });
+        this.host.addEventListener("mouseenter", e => {
+            e.preventDefault();
+            this.showTooltip();
+        });
+        this.host.addEventListener("mouseleave", e => {
+            e.preventDefault();
+            if (this.persist === false) {
+                this.hideTooltip();
+            }
+        });
+    }
+    verifyPositionSpace() {
+        const offset = 12;
+        const windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);
+        const trigger = this.host.getBoundingClientRect();
+        const trgWidth = this.host.offsetWidth;
+        const trgHeight = this.host.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,
+        };
+        const isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;
+        const isLeftSpace = triggerPos.left > contentWidth;
+        // LEFT/RIGHT
+        if (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {
+            this.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + "px";
+            if (isRightSpace === false && isLeftSpace === false) {
+                this.position = TooltipPosition.TOP;
+                this.tooltipContent.setAttribute("position", TooltipPosition.TOP);
+            }
+            if (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {
+                this.position = TooltipPosition.LEFT;
+            }
+            if (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {
+                this.position = TooltipPosition.RIGHT;
+            }
+        }
+        if (this.position === TooltipPosition.RIGHT) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.RIGHT);
+            this.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + "px";
+        }
+        if (this.position === TooltipPosition.LEFT) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.LEFT);
+            this.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + "px";
+        }
+        // LEFT/RIGHT FOR TOP/BOTTOM
+        if (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {
+            if (contentWidth > trgWidth) {
+                let leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));
+                const isNotLeftSpace = leftPosition < 0;
+                const isNotRightSpace = (leftPosition + contentWidth) > windowWidth;
+                if (isNotLeftSpace && isNotRightSpace) {
+                    this.tooltipContent.style.width = "auto";
+                    this.tooltipContent.style.left = offset + "px";
+                    this.tooltipContent.style.right = offset + "px";
+                }
+                else {
+                    if (isNotLeftSpace) {
+                        leftPosition = offset;
+                    }
+                    if (isNotRightSpace) {
+                        leftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1);
+                    }
+                    this.tooltipContent.style.left = leftPosition + "px";
+                }
+            }
+            else {
+                const leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2));
+                this.tooltipContent.style.left = leftPosition + "px";
+            }
+        }
+        if (this.position === TooltipPosition.TOP) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.TOP);
+            this.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + "px";
+        }
+        if (this.position === TooltipPosition.BOTTOM) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.BOTTOM);
+            this.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + "px";
+        }
+        this.tooltipContent.style.opacity = '1';
+    }
+    showTooltip() {
+        if (this.tooltipContent) {
+            this.tooltipContent.style.opacity = '0';
+            this.tooltipContent.hidden = false;
+            this.tooltipContent.setAttribute("is-visible", "true");
+            tick(() => {
+                this.verifyPositionSpace();
+            });
+            if (!this.repositionListenersAttached) {
+                this.repositionListenersAttached = true;
+                if (typeof ResizeObserver !== "undefined") {
+                    this.resizeObserver = new ResizeObserver(this.reposition);
+                    this.resizeObserver.observe(this.tooltipContent);
+                }
+                window.addEventListener("resize", this.reposition);
+            }
+        }
+    }
+    hideTooltip() {
+        var _a;
+        if (this.tooltipContent) {
+            this.tooltipContent.setAttribute("is-visible", "false");
+            this.tooltipContent.setAttribute("persist", "false");
+            this.tooltipContent.removeAttribute('style');
+        }
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.resizeObserver = undefined;
+        window.removeEventListener("resize", this.reposition);
+        this.repositionListenersAttached = false;
+    }
+    removeContent() {
+        const contentEl = document.getElementById(this.tooltipContentId);
+        if (contentEl) {
+            contentEl.remove();
+        }
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '20ebe5eea59967e8681fd0e35fc7aff53b5915dd', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '847b78886907d683425013227eb78bbf9261b709', 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 }, h("slot", { key: '84c4c02ee11e05166fca208b82ef54298dcaa6ee' }))));
+    }
+    /**
+     * Showing the modal
+     */
+    async show() {
+        this.showTooltip();
+    }
+    /**
+     * Hiding the modal
+     */
+    async hide() {
+        this.persist = false;
+        this.hideTooltip();
+    }
+    static get is() { return "gov-tooltip"; }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "TooltipColorType",
+                    "resolved": "\"neutral\" | \"primary\"",
+                    "references": {
+                        "TooltipColorType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipColorType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the tooltip"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "TooltipColors.PRIMARY"
+            },
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "TooltipSizeType",
+                    "resolved": "\"l\" | \"m\" | \"s\"",
+                    "references": {
+                        "TooltipSizeType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipSizeType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "TooltipSize._M"
+            },
+            "position": {
+                "type": "string",
+                "attribute": "position",
+                "mutable": true,
+                "complexType": {
+                    "original": "TooltipPositionType",
+                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
+                    "references": {
+                        "TooltipPositionType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-tooltip/constants.tsx::TooltipPositionType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tooltip display position"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"right\""
+            },
+            "message": {
+                "type": "string",
+                "attribute": "message",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Information contained in the tooltip"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "identifier": {
+                "type": "string",
+                "attribute": "identifier",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom tooltip identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "icon": {
+                "type": "boolean",
+                "attribute": "icon",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Trigger is just an icon"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "undefined"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "persist": {}
+        };
+    }
+    static get methods() {
+        return {
+            "show": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Showing the modal",
+                    "tags": []
+                }
+            },
+            "hide": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Hiding the modal",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "color",
+                "methodName": "validateColor"
+            }, {
+                "propName": "size",
+                "methodName": "validateSize"
+            }, {
+                "propName": "position",
+                "methodName": "validatePosition"
+            }, {
+                "propName": "message",
+                "methodName": "rerenderMessage"
+            }];
+    }
+}
+//# sourceMappingURL=gov-tooltip.js.map