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

package/dist/esm/gov-tooltip_2.entry.js

@@ -1,316 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
-import { v as validateProp } from './props-CJZgTDla.js';
-import { C as Colors } from './colors-U40vKHrs.js';
-import { S as Sizes } from './sizes-BcQO4NH2.js';
-import { p as pick } from './utils-CQvUntGY.js';
-import { c as createID } from './string.utils-vN03FcXN.js';
-import { g as govHost, a as toBoolAttr } from './template-CoD1xawt.js';
-import { d as documentNode } from './gov.log-BtqD9K8d.js';
-import { t as tick } from './stencil.utils-Cjg0wpDG.js';
-
-const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL']);
-const TooltipSize = pick(Sizes, ['_S', '_M', '_L']);
-var TooltipPosition;
-(function (TooltipPosition) {
-    TooltipPosition["TOP"] = "top";
-    TooltipPosition["RIGHT"] = "right";
-    TooltipPosition["BOTTOM"] = "bottom";
-    TooltipPosition["LEFT"] = "left";
-})(TooltipPosition || (TooltipPosition = {}));
-const TooltipClass = {
-    root: 'gov-tooltip',
-};
-const TooltipContentClass = {
-    root: 'gov-tooltip-content',
-};
-
-const GovTooltip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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.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() {
-        this.removeContent();
-    }
-    createContentWrapper() {
-        var _a;
-        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 {
-            content = documentNode().createElement(TooltipContentClass.root);
-            content.innerHTML = 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();
-            });
-        }
-    }
-    hideTooltip() {
-        if (this.tooltipContent) {
-            this.tooltipContent.setAttribute("is-visible", "false");
-            this.tooltipContent.setAttribute("persist", "false");
-            this.tooltipContent.removeAttribute('style');
-        }
-    }
-    removeContent() {
-        const contentEl = document.getElementById(this.tooltipContentId);
-        if (contentEl) {
-            contentEl.remove();
-        }
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: 'f64ba7c26358426ead39dadbb17687a39a4fb876', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: 'd51fc3b886df342fe8fbcaa9452be316658c24b2', 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: '6687d0562b3e99ea0e44ec97dadc5a2e085ff0a8' }))));
-    }
-    /**
-     * Showing the modal
-     */
-    async show() {
-        this.showTooltip();
-    }
-    /**
-     * Hiding the modal
-     */
-    async hide() {
-        this.persist = false;
-        this.hideTooltip();
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "color": ["validateColor"],
-        "size": ["validateSize"],
-        "position": ["validatePosition"],
-        "message": ["rerenderMessage"]
-    }; }
-};
-
-const GovTooltipContent = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * 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: 'a826527fe9f7851ad25f700156d987c1b29f3adc', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: 'd3891d8a3f3df7ee7f852db8485c7ecc2f61992c' }), 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));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "isVisible": ["visibleContent"]
-    }; }
-};
-
-export { GovTooltip as gov_tooltip, GovTooltipContent as gov_tooltip_content };
-//# sourceMappingURL=gov-tooltip.gov-tooltip-content.entry.js.map
-
-//# sourceMappingURL=gov-tooltip_2.entry.js.map

package/dist/esm/gov-tooltip_2.entry.js.map

@@ -1 +0,0 @@
-{"file":"gov-tooltip.gov-tooltip-content.entry.js","mappings":"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","names":[],"sources":["../../../packages/core/src/components/gov-tooltip/constants.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { Sizes } from '../../core/constants/sizes'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\r\n\r\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\r\n\r\nexport enum TooltipPosition {\r\n\tTOP = 'top',\r\n\tRIGHT = 'right',\r\n\tBOTTOM = 'bottom',\r\n\tLEFT = 'left',\r\n}\r\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\r\n\r\nexport const TooltipClass = {\r\n\troot: 'gov-tooltip',\r\n}\r\n\r\nexport const TooltipContentClass = {\r\n\troot: 'gov-tooltip-content',\r\n}\r\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tTooltipClass,\r\n\tTooltipContentClass,\r\n\tTooltipPosition,\r\n\tTooltipPositionType,\r\n\tTooltipSize,\r\n\tTooltipSizeType,\r\n\tTooltipColors,\r\n\tTooltipColorType,\r\n} from \"./constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {documentNode} from \"../../helpers/Dom/win\";\r\nimport {Nullable} from \"../../utils/helpers.types\";\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip\",\r\n})\r\nexport class GovTooltip {\r\n\tprivate h: GovHost\r\n\tprivate readonly tooltipContentId = undefined\r\n\tprivate readonly tooltipId = undefined\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.tooltipId = createID(\"GovTooltip\")\r\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTooltipElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip display position\r\n\t */\r\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\r\n\t/**\r\n\t * Information contained in the tooltip\r\n\t */\r\n\t@Prop() readonly message: string = undefined\r\n\t/**\r\n\t * Custom tooltip identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Trigger is just an icon\r\n\t */\r\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\r\n\r\n\t@State() persist = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"position\")\r\n\tvalidatePosition(newValue: string): void {\r\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"message\")\r\n\trerenderMessage(): void {\r\n\t\tthis.createContentWrapper();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.createContentWrapper()\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validatePosition(this.position)\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.createContentWrapper()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.removeContent()\r\n\t}\r\n\r\n\tprivate createContentWrapper() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tif (this.message) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\r\n\t\t\t} else if (this.insideContent) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\r\n\t\t\t}\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tlet content: HTMLGovTooltipContentElement;\r\n\t\tif (this.insideContent) {\r\n\t\t\tcontent = this.insideContent\r\n\t\t} else {\r\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\r\n\t\t\tcontent.innerHTML = this.message\r\n\t\t}\r\n\r\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\r\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\r\n\t\tcontent.setAttribute(\"color\", this.color)\r\n\t\tcontent.setAttribute(\"size\", this.size)\r\n\t\tdocumentNode().body.appendChild(content)\r\n\t}\r\n\r\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\r\n\t}\r\n\r\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn this.host.querySelector(TooltipContentClass.root)\r\n\t}\r\n\r\n\tprivate registerListeners() {\r\n\t\tthis.host.addEventListener(\"click\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.persist = true\r\n\t\t\tif (this.tooltipContent) {\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\r\n\t\t\t}\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tif (this.persist === false) {\r\n\t\t\t\tthis.hideTooltip()\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tprivate verifyPositionSpace() {\r\n\t\tconst offset = 12\r\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\r\n\t\tconst trigger = this.host.getBoundingClientRect()\r\n\t\tconst trgWidth = this.host.offsetWidth\r\n\t\tconst trgHeight = this.host.offsetHeight\r\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\r\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\r\n\t\tconst triggerPos = {\r\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\r\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\r\n\t\t}\r\n\r\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\r\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\r\n\r\n\t\t// LEFT/RIGHT\r\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\r\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\r\n\t\t\t\tthis.position = TooltipPosition.TOP\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\t}\r\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\r\n\t\t\t\tthis.position = TooltipPosition.LEFT\r\n\t\t\t}\r\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\r\n\t\t\t\tthis.position = TooltipPosition.RIGHT\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.LEFT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\r\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tif (contentWidth > trgWidth) {\r\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\r\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\r\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\r\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\r\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\r\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\r\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (isNotLeftSpace) {\r\n\t\t\t\t\t\tleftPosition = offset\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (isNotRightSpace) {\r\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\r\n\r\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.TOP) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\tthis.tooltipContent.style.opacity = '1'\r\n\r\n\t}\r\n\r\n\tprivate showTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.style.opacity = '0'\r\n\t\t\tthis.tooltipContent.hidden = false\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\r\n\t\t\ttick(() => {\r\n\t\t\t\tthis.verifyPositionSpace()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate hideTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\r\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\r\n\t\t\tthis.tooltipContent.removeAttribute('style')\r\n\t\t}\r\n\t}\r\n\r\n\tprivate removeContent() {\r\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\r\n\t\tif (contentEl) {\r\n\t\t\tcontentEl.remove()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tid={this.tooltipId}\r\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\r\n\t\t\t\tposition={this.position}>\r\n\t\t\t\t<span role={'button'}\r\n\t\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\r\n\t\t\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\t\t\tif (this.persist === false) {\r\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Showing the modal\r\n\t */\r\n\t@Method()\r\n\tasync show(): Promise<void> {\r\n\t\tthis.showTooltip()\r\n\t}\r\n\r\n\t/**\r\n\t * Hiding the modal\r\n\t */\r\n\t@Method()\r\n\tasync hide(): Promise<void> {\r\n\t\tthis.persist = false\r\n\t\tthis.hideTooltip()\r\n\t}\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\r\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip-content\",\r\n})\r\nexport class GovTooltipContent {\r\n\tprivate timeout\r\n\r\n\t@Element() host: HTMLGovTooltipContentElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip is still visible.\r\n\t */\r\n\t@Prop() persist?: boolean = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\r\n\r\n\t@Watch(\"isVisible\")\r\n\tvisibleContent(newValue: boolean): void {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tif (newValue === false) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.style.visibility = \"hidden\"\r\n\t\t\t}, 250)\r\n\t\t} else {\r\n\t\t\tthis.host.style.visibility = \"visible\"\r\n\t\t}\r\n\t}\r\n\r\n\thideContent() {\r\n\t\tthis.isVisible = false\r\n\t\tthis.persist = false\r\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\r\n\t\tif (parentEl) {\r\n\t\t\tparentEl.hide().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={TooltipContentClass.root}\r\n\t\t\t\trole={\"tooltip\"}\r\n\t\t\t\thidden={!this.isVisible}\r\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\r\n\t\t\t\tis-visible={this.isVisible}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t{this.persist ? (\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\r\n\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\ttype={\"base\"}>\r\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1,103 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
-import { v as validateProp } from './props-CJZgTDla.js';
-import { W as WizardItemClass, c as WizardColors } from './constants-YOtDGTm5.js';
-import { c as createID } from './string.utils-vN03FcXN.js';
-import { g as govHost, b as booleanString, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
-import './gov.log-BtqD9K8d.js';
-import './utils-CQvUntGY.js';
-import './colors-U40vKHrs.js';
-import './sizes-BcQO4NH2.js';
-
-var Tags;
-(function (Tags) {
-    Tags["DIV"] = "div";
-    Tags["BUTTON"] = "button";
-})(Tags || (Tags = {}));
-const GovWizardItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.govChange = createEvent(this, "gov-change");
-        this.hydrated = false;
-        /**
-         * Style variation of the button.
-         */
-        this.color = "primary";
-        /**
-         * Size of wizard
-         */
-        this.size = "m";
-        /**
-         * Defines weather the wizard item can be collapsible
-         */
-        this.collapsible = false;
-        /**
-         * Makes the wizard component disabled.
-         */
-        this.disabled = false;
-        /**
-         * Defines whether the accordion is open or closed by button
-         */
-        this.isExpanded = false;
-        this.h = govHost(this.host);
-        this.triggerId = createID("GovWizardItem");
-        this.contentId = createID("GovWizardContent");
-    }
-    validateColor(newValue) {
-        validateProp(WizardColors, newValue, WizardItemClass.root);
-    }
-    emmitChange() {
-        this.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root });
-    }
-    componentWillLoad() {
-        this.validateColor(this.color);
-    }
-    connectedCallback() {
-        this.hydrated = true;
-    }
-    render() {
-        const triggerId = this.identifier || this.triggerId;
-        const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: '7a71f037abd3c10c7754b96089ca6d6ac9cdd9b8', class: WizardItemClass.prefix }, h("slot", { key: '2098b7afb20be95e403b4306bc904828dd4a038e', name: "prefix" })));
-        return (h(Host, { key: '2b152deb4456bad539e85ca2ccf815eefc0cb311', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: '8ad3628d1c591c3bb83c7aab740eb4f27b585cdb', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                this.toggle();
-            } }, h("span", { class: WizardItemClass.headline }, h("slot", { name: "headline" }), this.collapsible && h("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down", type: "components" })), h("slot", { name: "annotation" }))) : (h(Tag, { class: this.h.classes(WizardItemClass.label) }, h("span", { class: WizardItemClass.headline }, h("slot", { name: "headline" }), this.collapsible && h("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down", type: "components" })), h("slot", { name: "annotation" })))), this.collapsible ? (h("div", { class: WizardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, h("slot", null)))));
-    }
-    /**
-     * Opening the Wizard
-     */
-    async open() {
-        this.isExpanded = true;
-        this.emmitChange();
-    }
-    /**
-     * Closing the Wizard
-     */
-    async close() {
-        this.isExpanded = false;
-        this.emmitChange();
-    }
-    /**
-     * Wizard switch
-     */
-    async toggle() {
-        this.isExpanded = !this.isExpanded;
-        this.emmitChange();
-    }
-    /**
-     * Returns the current state of the component
-     */
-    async currentState() {
-        return this.isExpanded;
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "color": ["validateColor"]
-    }; }
-};
-
-export { GovWizardItem as gov_wizard_item };
-//# sourceMappingURL=gov-wizard-item.entry.js.map
-
-//# sourceMappingURL=gov-wizard-item.entry.js.map

package/dist/esm/gov-wizard-item.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-wizard-item.entry.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\r\nimport { createID } from \"../../utils/string.utils\"\r\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\r\n\r\nenum Tags {\r\n\tDIV = \"div\",\r\n\tBUTTON = \"button\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-wizard-item\",\r\n})\r\nexport class GovWizardItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID(\"GovWizardItem\")\r\n\t\tthis.contentId = createID(\"GovWizardContent\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovWizardItemElement\r\n\t/**\r\n\t * Style variation of the button.\r\n\t */\r\n\t@Prop() readonly color?: WizardColorType = \"primary\"\r\n\t/**\r\n\t * Size of wizard\r\n\t */\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/**\r\n\t * Custom wizard item identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Defines weather the wizard item can be collapsible\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Makes the wizard component disabled.\r\n\t */\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/**\r\n\t * Defines whether the accordion is open or closed by button\r\n\t */\r\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\r\n\t/**\r\n\t * Called when the accordion state changes\r\n\t */\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tprivate validateColor(newValue: string): void {\r\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\r\n\t}\r\n\r\n\tprivate emmitChange(): void {\r\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst triggerId = this.identifier || this.triggerId\r\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\r\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\r\n\t\t\t\t  is-expanded={this.isExpanded}\r\n\t\t\t\t  color={this.color}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  role=\"listitem\"\r\n\t\t\t\t  collapsible={this.collapsible}\r\n\t\t\t\t  hydrated={this.hydrated}>\r\n\t\t\t\t<div class={WizardItemClass.header}>\r\n\t\t\t\t\t{prefixSlot}\r\n\t\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t\t<Tag\r\n\t\t\t\t\t\t\tid={triggerId}\r\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\te.preventDefault()\r\n\t\t\t\t\t\t\t\te.stopPropagation()\r\n\t\t\t\t\t\t\t\tthis.toggle()\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={WizardItemClass.content}\r\n\t\t\t\t\t\tid={this.contentId}\r\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\thidden={!this.isExpanded}\r\n\t\t\t\t\t\taria-labelledby={triggerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class={WizardItemClass.content}\r\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\t hidden={!this.isExpanded}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Opening the Wizard\r\n\t */\r\n\t@Method()\r\n\tasync open(): Promise<void> {\r\n\t\tthis.isExpanded = true\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/**\r\n\t * Closing the Wizard\r\n\t */\r\n\t@Method()\r\n\tpublic async close(): Promise<void> {\r\n\t\tthis.isExpanded = false\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/**\r\n\t * Wizard switch\r\n\t */\r\n\t@Method()\r\n\tpublic async toggle(): Promise<void> {\r\n\t\tthis.isExpanded = !this.isExpanded\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async currentState(): Promise<boolean> {\r\n\t\treturn this.isExpanded\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -1,68 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
-import { v as validateProp } from './props-CJZgTDla.js';
-import { W as WizardItemClass, a as WizardClass, b as WizardSizes } from './constants-YOtDGTm5.js';
-import { g as govHost } from './template-CoD1xawt.js';
-import { v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
-import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
-import { d as delay } from './utils-CQvUntGY.js';
-import './colors-U40vKHrs.js';
-import './sizes-BcQO4NH2.js';
-import './string.utils-vN03FcXN.js';
-import './helpers.types-DNztiAH0.js';
-
-const GovWizard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.govChange = createEvent(this, "gov-change");
-        this.hydrated = false;
-        /**
-         * Size of wizard
-         */
-        this.size = "m";
-        this.h = govHost(this.host);
-    }
-    validateSize(newValue) {
-        validateProp(WizardSizes, newValue, WizardClass.root);
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-    }
-    componentDidLoad() {
-        this.host.querySelectorAll(WizardItemClass.root).forEach((child) => {
-            child.setAttribute("size", this.size);
-            /*
-            child.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {
-                e.stopPropagation()
-                this.govChange.emit(e.detail)
-            })
-            */
-        });
-    }
-    async componentDidRender() {
-        if (canValidateWcagOnRender()) {
-            await delay(500);
-            await this.validateWcag();
-        }
-    }
-    connectedCallback() {
-        this.hydrated = true;
-    }
-    render() {
-        return (h(Host, { key: '0b400b9a4f82a9477e87a314eb54928b66038912', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: '27f601048d97c94aca98594c98028209081b5690' })));
-    }
-    /**
-     * Validate the WCAG attributes of the component
-     */
-    async validateWcag() {
-        validateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root);
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"]
-    }; }
-};
-
-export { GovWizard as gov_wizard };
-//# sourceMappingURL=gov-wizard.entry.js.map
-
-//# sourceMappingURL=gov-wizard.entry.js.map

package/dist/esm/gov-wizard.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-wizard.entry.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\r\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\r\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\r\nimport { delay } from \"../../utils/utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-wizard\",\r\n})\r\nexport class GovWizard {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\t@Element() readonly host: HTMLGovWizardElement\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t/**\r\n\t * Size of wizard\r\n\t */\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/**\r\n\t * Adds accessible label for the wizard that is only shown for screen readers.\r\n\t */\r\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\r\n\t/**\r\n\t * String of id's that indicate alternative labels elements\r\n\t */\r\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\r\n\t/**\r\n\t * Called when the wizard children state changes\r\n\t */\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tprivate validateSize(newValue: string): void {\r\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\r\n\t\t\tchild.setAttribute(\"size\", this.size)\r\n\t\t\t/*\r\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t\t*/\r\n\t\t})\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateWcag()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async validateWcag(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;MAaa,SAAS,GAAA,MAAA;AAMrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAJQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAqB,GAAG;QAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAoBO,IAAA,YAAY,CAAC,QAAgB,EAAA;QACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B,KAAI;YAC5F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AACrC;;;;;AAKE;AACH,SAAC,CAAC;;AAGH,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;AAC9B,YAAA,MAAM,KAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAI3B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;AAIT;;AAEG;AAEI,IAAA,MAAM,YAAY,GAAA;AACxB,QAAA,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC;;;;;;;;;;"}

package/dist/esm/gov.log-BtqD9K8d.js

@@ -1,46 +0,0 @@
-import { a as property } from './utils-CQvUntGY.js';
-
-const isWindow = typeof window !== "undefined";
-const getWindowProperty = (name) => isWindow && window && property(name, window);
-const config = () => {
-    const defaultConfig = {
-        canValidateWcagOnRender: false,
-        warningLog: false,
-        errorLog: false,
-        log: false,
-        iconsPath: '/assets/icons',
-        iconsLazyLoad: true,
-        documentNode: document ? document : null,
-    };
-    const windowProperty = getWindowProperty('GOV_DS_CONFIG');
-    if (windowProperty) {
-        return Object.assign(Object.assign({}, defaultConfig), windowProperty);
-    }
-    return defaultConfig;
-};
-const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
-const useWarningLog = () => config().warningLog;
-const useErrorLog = () => config().errorLog;
-const useLog = () => config().log;
-const iconsPath = () => config().iconsPath;
-const iconsLazyLoad = () => config().iconsLazyLoad;
-const documentNode = () => config().documentNode;
-
-const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
-const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
-const govLog = (message, colors = INFO_COLORS, args) => {
-    const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
-    if (useLog() || useWarningLog() || useErrorLog()) {
-        console.log('%cgov', styles, message, args);
-    }
-};
-const govWarningLog = (message, args) => {
-    if (useWarningLog()) {
-        govLog(message, WARNING_COLORS, args);
-    }
-};
-
-export { isWindow as a, iconsLazyLoad as b, canValidateWcagOnRender as c, documentNode as d, govWarningLog as g, iconsPath as i };
-//# sourceMappingURL=gov.log-BtqD9K8d.js.map
-
-//# sourceMappingURL=gov.log-BtqD9K8d.js.map

package/dist/esm/gov.log-BtqD9K8d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov.log-BtqD9K8d.js","sources":["../../../packages/core/src/helpers/Dom/win.ts","../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["import { property } from '../../utils/utils'\r\n\r\ninterface IConfig {\r\n\tcanValidateWcagOnRender: boolean\r\n\twarningLog: boolean\r\n\terrorLog: boolean\r\n\tlog: boolean\r\n\ticonsPath: string\r\n\ticonsLazyLoad: boolean\r\n\tdocumentNode: Document\r\n}\r\n\r\nexport const isWindow = typeof window !== \"undefined\"\r\n\r\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\r\n\r\nconst config = (): IConfig => {\r\n\tconst defaultConfig: IConfig = {\r\n\t\tcanValidateWcagOnRender: false,\r\n\t\twarningLog: false,\r\n\t\terrorLog: false,\r\n\t\tlog: false,\r\n\t\ticonsPath: '/assets/icons',\r\n\t\ticonsLazyLoad: true,\r\n\t\tdocumentNode: document ? document : null,\r\n\t}\r\n\r\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\r\n\tif (windowProperty) {\r\n\t\treturn { ...defaultConfig, ...windowProperty }\r\n\t}\r\n\r\n\treturn defaultConfig\r\n}\r\n\r\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\r\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\r\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\r\nexport const useLog = (): IConfig['log'] => config().log\r\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\r\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\r\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\r\n","import {useErrorLog, useLog, useWarningLog} from \"../Dom/win\";\r\n\r\ninterface ColorConfig {\r\n\tbg: string\r\n\ttext: string\r\n}\r\n\r\nconst WARNING_COLORS: ColorConfig = {bg: '#ecae1a', text: '#3b3b3b'}\r\nconst INFO_COLORS: ColorConfig = {bg: '#2362a2', text: '#fff'}\r\nconst ERROR_COLORS: ColorConfig = {bg: '#c52a3a', text: '#fff'}\r\n\r\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS, args?: unknown): void => {\r\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\r\n\t\t';'\r\n\t)\r\n\r\n\tif(useLog() || useWarningLog() || useErrorLog()) {\r\n\t\tconsole.log('%cgov', styles, message, args)\r\n\t}\r\n}\r\n\r\nexport const govWarningLog = (message: string, args?: unknown): void => {\r\n\tif (useWarningLog()) {\r\n\t\tgovLog(message, WARNING_COLORS, args)\r\n\t}\r\n}\r\n\r\nexport const govErrorLog = (message: string, args?: unknown): void => {\r\n\tif (useErrorLog()) {\r\n\t\tgovLog(message, ERROR_COLORS, args)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;MAYa,QAAQ,GAAG,OAAO,MAAM,KAAK;AAE1C,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC;AAE1I,MAAM,MAAM,GAAG,MAAc;AAC5B,IAAA,MAAM,aAAa,GAAY;AAC9B,QAAA,uBAAuB,EAAE,KAAK;AAC9B,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;KACxC;AAED,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC;IAClE,IAAI,cAAc,EAAE;QACnB,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,aAAa,CAAK,EAAA,cAAc,CAAE;;AAG/C,IAAA,OAAO,aAAa;AACrB,CAAC;AAEY,MAAA,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC;AACnF,MAAM,aAAa,GAAG,MAA6B,MAAM,EAAE,CAAC,UAAU;AACtE,MAAM,WAAW,GAAG,MAA2B,MAAM,EAAE,CAAC,QAAQ;AAChE,MAAM,MAAM,GAAG,MAAsB,MAAM,EAAE,CAAC,GAAG;AAC3C,MAAA,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC;AACjD,MAAA,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC;AACzD,MAAA,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;AClCpE,MAAM,cAAc,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC;AACpE,MAAM,WAAW,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAC;AAGvD,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,MAAA,GAAsB,WAAW,EAAE,IAAc,KAAU;AAClG,IAAA,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH;IAED,IAAG,MAAM,EAAE,IAAI,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE;QAChD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC;;AAE7C,CAAC;MAEY,aAAa,GAAG,CAAC,OAAe,EAAE,IAAc,KAAU;IACtE,IAAI,aAAa,EAAE,EAAE;AACpB,QAAA,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC;;AAEvC;;;;"}

package/dist/esm/helpers-GYov8gU1.js

@@ -1,18 +0,0 @@
-const prepareIconFormat = (value) => {
-    if (typeof value === 'string' && value.length) {
-        const regexPattern = /^[a-z-]+\/[a-z-]+$/;
-        if (regexPattern.test(value)) {
-            const icon = value.split("/");
-            return {
-                type: icon[0],
-                name: icon[1],
-            };
-        }
-    }
-    return null;
-};
-
-export { prepareIconFormat as p };
-//# sourceMappingURL=helpers-GYov8gU1.js.map
-
-//# sourceMappingURL=helpers-GYov8gU1.js.map