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

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

@@ -1,173 +0,0 @@
-import { Fragment, h, Host } from "@stencil/core";
-import { TileClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
-export class GovTile {
-    constructor() {
-        /**
-         * Tile’s size
-         */
-        this.size = "m";
-        /**
-         * Tiles border
-         */
-        this.noBorder = false;
-        this.h = govHost(this.host);
-    }
-    render() {
-        return (h(Host, { key: '31fcebee125c753089b2229cea0033dce9aa3133', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: 'b79748ea55bb2e86d887860c1143d82d75497966', name: "icon" }), h("div", { key: 'db8b61554f6943612c9d7165174926cfd205fcfb', class: TileClass.content }, h("div", { key: 'e844267c106109d0470176d3c89539f8f987c70f', class: TileClass.text }, h("div", { key: 'e4771f568d8848b87045293ebb10af5679f1a3b7', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: 'cf1bf1a1c29e8879dc509b484325b82808db792a', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: '9a10f28fd144f1131eae6735342da9a5d93665e2' }))), h("slot", { key: '067476f1a27bad0fb50d86789a729f93b1f1e5ad', name: "button" }))));
-    }
-    /**
-     * Returns a clickable element instance
-     */
-    async getTriggerRef() {
-        return this.triggerRef;
-    }
-    static get is() { return "gov-tile"; }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "TileSizesType",
-                    "resolved": "\"l\" | \"m\" | \"s\"",
-                    "references": {
-                        "TileSizesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-tile/constants.ts::TileSizesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Tile\u2019s size"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "\"m\""
-            },
-            "orientation": {
-                "type": "string",
-                "attribute": "orientation",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"vertical\" | \"horizontal\"",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Style variation of the tile."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "noBorder": {
-                "type": "boolean",
-                "attribute": "no-border",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Tiles border"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "href": {
-                "type": "string",
-                "attribute": "href",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Link on whole tile"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "target": {
-                "type": "string",
-                "attribute": "target",
-                "mutable": false,
-                "complexType": {
-                    "original": "ButtonTargetType",
-                    "resolved": "\"_blank\" | \"_new\" | \"_self\"",
-                    "references": {
-                        "ButtonTargetType": {
-                            "location": "import",
-                            "path": "../gov-button/button/constants",
-                            "id": "../../../packages/core/src/components/gov-button/button/constants.ts::ButtonTargetType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "link",
-                            "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target"
-                        }],
-                    "text": "Same as original parameter"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get methods() {
-        return {
-            "getTriggerRef": {
-                "complexType": {
-                    "signature": "() => Promise<HTMLLinkElement | HTMLSpanElement>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "HTMLLinkElement": {
-                            "location": "global",
-                            "id": "global::HTMLLinkElement"
-                        },
-                        "HTMLSpanElement": {
-                            "location": "global",
-                            "id": "global::HTMLSpanElement"
-                        }
-                    },
-                    "return": "Promise<HTMLLinkElement | HTMLSpanElement>"
-                },
-                "docs": {
-                    "text": "Returns a clickable element instance",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=gov-tile.js.map

package/dist/collection/components/gov-tile/gov-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-tile.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tile/gov-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AACjF,OAAO,EAAC,SAAS,EAAgB,MAAM,aAAa,CAAA;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAOlD,MAAM,OAAO,OAAO;IA0BnB;QAxBA;;WAEG;QAC6B,SAAI,GAAmB,GAAG,CAAA;QAK1D;;WAEG;QACwC,aAAQ,GAAY,KAAK,CAAA;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YAEpC,6DAAM,IAAI,EAAC,MAAM,GAAE;YACnB,4DAAK,KAAK,EAAE,SAAS,CAAC,OAAO;gBAC5B,4DAAK,KAAK,EAAE,SAAS,CAAC,IAAI;oBACzB,4DAAK,KAAK,EAAE,SAAS,CAAC,KAAK,IACzB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,EAAC,QAAQ;wBACR,SACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC;4BACtE,YAAM,IAAI,EAAC,OAAO,GAAE,CACjB;wBACJ,YAAM,KAAK,EAAE,SAAS,CAAC,IAAI;4BAC1B,gBAAU,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,CACX,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,OAAO,GAAE,CACpB,CACI;oBACN,4DAAK,KAAK,EAAE,GAAG,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,UAAU,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;wBAC3F,8DAAO,CACF,CACD;gBACN,6DAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,CAAA;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/**\r\n\t * Tile’s size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the tile.\r\n\t */\r\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\r\n\t/**\r\n\t * Tiles border\r\n\t */\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Link on whole tile\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  orientation={this.orientation}\r\n\t\t\t\t  clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/gov-toast/constants.js

@@ -1,17 +0,0 @@
-import { Colors } from "../../core/constants/colors";
-import { pick } from "../../utils/utils";
-export const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
-export var ToastType;
-(function (ToastType) {
-    ToastType["BOLD"] = "bold";
-    ToastType["SUBTLE"] = "subtle";
-})(ToastType || (ToastType = {}));
-export const ToastClass = {
-    root: 'gov-toast',
-    hidden: 'gov-toast--hidden',
-    content: 'gov-toast__content',
-    icon: 'gov-toast__icon',
-    close: 'gov-toast__close',
-    timer: 'gov-toast__timer',
-};
-//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-toast/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAG9F,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACpB,0BAAa,CAAA;IACb,8BAAiB,CAAA;AAClB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAGD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,kBAAkB;CACzB,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n"]}

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

@@ -1,302 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { validateProp } from "../../helpers/Validate/props";
-import { ToastClass, ToastColors } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
-import { createID } from "../../utils/string.utils";
-import { AttributeObserver } from "../../helpers/Dom/attribute";
-import { ariaAttributes } from "../../helpers/Accessibility/attributes";
-import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
-export class GovToast {
-    constructor() {
-        /**
-         * Style variation of the toast message.
-         */
-        this.color = "primary";
-        /**
-         * Toast’s gravity
-         */
-        this.gravity = "top";
-        /**
-         * Toast’s position
-         */
-        this.position = "right";
-        /**
-         * Toast type
-         */
-        this.type = "bold";
-        /**
-         * Number of milliseconds to wait before Toast disappear
-         */
-        this.time = 0;
-        this.inheritedAttributes = {};
-        this.h = govHost(this.host);
-        this.toastId = createID("GovToast");
-    }
-    validateColor(newValue) {
-        validateProp(ToastColors, newValue, ToastClass.root);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(ariaAttributes);
-    }
-    componentWillLoad() {
-        this.validateColor(this.color);
-        this.runTimer();
-        this.inheritedAttributes = inheritAriaAttributes(this.host);
-    }
-    disconnectedCallback() {
-        var _a;
-        clearTimeout(this.timeout);
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    runTimer() {
-        if (this.isTimer) {
-            this.timeout = setTimeout(() => {
-                this.host.classList.add(ToastClass.hidden);
-                setTimeout(() => {
-                    this.destroy().catch();
-                    this.govClose.emit(this.toastId);
-                }, 600);
-            }, this.time);
-        }
-    }
-    render() {
-        return (h(Host, { key: '623b9b85e6b10894429d50c4624bac71808d29ad', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: 'ae58b921c0aff0f678176c24d4cf69d05fb6cdab', class: ToastClass.icon }, h("slot", { key: '40d58461b3e16abd1d4cd627057e986548ac63c1', name: "icon" }))), h("div", Object.assign({ key: 'b003f0521f3fb5095b94280e2cf252b2a26ccaed', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: '4743ada7cc1d31d6ca07871228d3fadc3576982f' })), h("gov-button", { key: '0d4e9bae29391f47389abbc2ada9ca9edaa13b97', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: 'a8cb56376d11503abe586598f330476a45f59c8e', class: ToastClass.timer })));
-    }
-    onCloseHandler() {
-        this.govClose.emit(this.toastId);
-        this.destroy().catch();
-    }
-    get isBold() {
-        return this.type === "bold";
-    }
-    get isTimer() {
-        return Number.isInteger(this.time) && this.time > 0;
-    }
-    /**
-     * Remove toast from dom
-     */
-    async destroy() {
-        clearTimeout(this.timeout);
-        const toast = document.querySelector(`[data-toast-id="${this.toastId}"]`);
-        if (toast) {
-            toast.classList.add(ToastClass.hidden);
-            if (typeof toast.remove === "function") {
-                toast.remove();
-            }
-        }
-    }
-    static get is() { return "gov-toast"; }
-    static get properties() {
-        return {
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToastColorType",
-                    "resolved": "\"error\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
-                    "references": {
-                        "ToastColorType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-toast/constants.ts::ToastColorType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Style variation of the toast message."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"primary\""
-            },
-            "gravity": {
-                "type": "string",
-                "attribute": "gravity",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"top\" | \"bottom\"",
-                    "resolved": "\"bottom\" | \"top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Toast\u2019s gravity"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"top\""
-            },
-            "position": {
-                "type": "string",
-                "attribute": "position",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"left\" | \"center\" | \"right\"",
-                    "resolved": "\"center\" | \"left\" | \"right\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Toast\u2019s position"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"right\""
-            },
-            "type": {
-                "type": "string",
-                "attribute": "type",
-                "mutable": false,
-                "complexType": {
-                    "original": "ToastTypesType",
-                    "resolved": "\"bold\" | \"subtle\"",
-                    "references": {
-                        "ToastTypesType": {
-                            "location": "import",
-                            "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-toast/constants.ts::ToastTypesType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Toast type"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "\"bold\""
-            },
-            "time": {
-                "type": "number",
-                "attribute": "time",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Number of milliseconds to wait before Toast disappear"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "0"
-            },
-            "closeLabel": {
-                "type": "string",
-                "attribute": "close-label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Closing button texting instead of icons"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "accessibleCloseLabel": {
-                "type": "string",
-                "attribute": "accessible-close-label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Aria label for the closing button. It is mandatory if the alert is closable"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "inheritedAttributes": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "govClose",
-                "name": "gov-close",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Called when the close button is clicked"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "destroy": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Remove toast from dom",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "color",
-                "methodName": "validateColor"
-            }];
-    }
-}
-//# sourceMappingURL=gov-toast.js.map

package/dist/collection/components/gov-toast/gov-toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-toast.js","sourceRoot":"","sources":["../../../../../../src/components/gov-toast/gov-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/**\r\n\t * Style variation of the toast message.\r\n\t */\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/**\r\n\t * Toast’s gravity\r\n\t */\r\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\r\n\t/**\r\n\t * Toast’s position\r\n\t */\r\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\r\n\t/**\r\n\t * Toast type\r\n\t */\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/**\r\n\t * Number of milliseconds to wait before Toast disappear\r\n\t */\r\n\t@Prop() readonly time: number = 0\r\n\t/**\r\n\t * Closing button texting instead of icons\r\n\t */\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/**\r\n\t * Aria label for the closing button. It is mandatory if the alert is closable\r\n\t */\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/**\r\n\t * Called when the close button is clicked\r\n\t */\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\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={this.h.classes(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\r\n\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/**\r\n\t * Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"]}

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

@@ -1,19 +0,0 @@
-import { Colors } from "../../core/constants/colors";
-import { Sizes } from "../../core/constants/sizes";
-import { pick } from "../../utils/utils";
-export const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL']);
-export const TooltipSize = pick(Sizes, ['_S', '_M', '_L']);
-export var TooltipPosition;
-(function (TooltipPosition) {
-    TooltipPosition["TOP"] = "top";
-    TooltipPosition["RIGHT"] = "right";
-    TooltipPosition["BOTTOM"] = "bottom";
-    TooltipPosition["LEFT"] = "left";
-})(TooltipPosition || (TooltipPosition = {}));
-export const TooltipClass = {
-    root: 'gov-tooltip',
-};
-export const TooltipContentClass = {
-    root: 'gov-tooltip-content',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-tooltip/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAGjE,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAG1D,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IAC1B,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,gCAAa,CAAA;AACd,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAGD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,IAAI,EAAE,aAAa;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAClC,IAAI,EAAE,qBAAqB;CAC3B,CAAA","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"]}