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

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-layout.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/gov-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,WAAW,EAAiC,MAAM,aAAa,CAAA;AAExE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAKpD,MAAM,OAAO,SAAS;IAGrB;QAKA;;WAEG;QACc,SAAI,GAAgB,SAAS,CAAA;QAK9C;;WAEG;QACc,YAAO,GAAY,KAAK,CAAA;QAfxC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAgBO,SAAS,CAAC,aAAqB,EAAE,IAAY,EAAE,OAAe,EAAE,OAAgB;QACvF,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;QACrC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;QAC9C,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;QAC3C,OAAO,aAAa,GAAG,GAAG,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5E,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7D,gEAAS,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;gBACzF,8DAAQ,CACC,CACJ,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { LayoutClass, LayoutType, LayoutVariantType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-layout',\n})\nexport class GovLayout {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLayoutElement\n\t/**\n\t * Layout type\n\t */\n\t@Prop() readonly type?: LayoutType = 'stretch'\n\t/**\n\t * Layout align\n\t */\n\t@Prop() readonly variant?: LayoutVariantType\n\t/**\n\t * Determine if component should have inverse column order\n\t */\n\t@Prop() readonly inverse: boolean = false\n\n\tprivate typeClass(originalClass: string, type: string, variant: string, inverse: boolean) {\n\t\tconst isType = type ? '-' + type : ''\n\t\tconst isVariant = variant ? '-' + variant : ''\n\t\tconst isInverse = inverse ? '-inverse' : ''\n\t\treturn originalClass + ' ' + originalClass + isType + isVariant + isInverse\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host type={this.type} class={this.h.classes(LayoutClass.root)}>\n\t\t\t\t<section class={this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse)}>\n\t\t\t\t\t<slot />\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js

@@ -0,0 +1,39 @@
+import { h, Host } from "@stencil/core";
+import { chr4 } from "../../utils/string.utils";
+export class GovLifecycle {
+    constructor() {
+        this.uniqueId = 'lifecycle-' + chr4();
+    }
+    connectedCallback() {
+        console.log('connectedCallback', this.uniqueId);
+    }
+    disconnectedCallback() {
+        console.log('disconnectedCallback', this.uniqueId);
+    }
+    componentWillLoad() {
+        console.log('componentWillLoad', this.uniqueId);
+    }
+    componentDidLoad() {
+        console.log('componentDidLoad', this.uniqueId);
+    }
+    componentShouldUpdate() {
+        console.log('componentShouldUpdate', this.uniqueId);
+    }
+    componentWillRender() {
+        console.log('componentWillRender', this.uniqueId);
+    }
+    componentDidRender() {
+        console.log('componentDidRender', this.uniqueId);
+    }
+    componentWillUpdate() {
+        console.log('componentWillUpdate', this.uniqueId);
+    }
+    componentDidUpdate() {
+        console.log('componentDidUpdate', this.uniqueId);
+    }
+    render() {
+        return (h(Host, { key: 'eeda9523c33256ff4687e071bf2546383aad6ffc', identifier: this.uniqueId }, h("span", { key: 'ae7cbbfca20d4a882c2021a309746359e8296eee' }, "lifecycle ", this.uniqueId)));
+    }
+    static get is() { return "gov-lifecycle"; }
+}
+//# sourceMappingURL=gov-lifecycle-tester.js.map

package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-lifecycle-tester.js","sourceRoot":"","sources":["../../../../../../src/components/gov-lifecycle-tester/gov-lifecycle-tester.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAK9C,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,IAAI,EAAE,CAAC;KACtC;IAED,iBAAiB;QAChB,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,oBAAoB;QACnB,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC;IAED,iBAAiB;QAChB,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,gBAAgB;QACf,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAED,qBAAqB;QACpB,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC;IAED,mBAAmB;QAClB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAED,kBAAkB;QACjB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,mBAAmB;QAClB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAED,kBAAkB;QACjB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,QAAQ;YAC9B;;gBAAiB,IAAI,CAAC,QAAQ,CAAQ,CAChC,CACP,CAAC;IACH,CAAC;;CACD","sourcesContent":["import {Component, h, Host} from '@stencil/core';\nimport {chr4} from \"../../utils/string.utils\";\n\n@Component({\n\ttag: 'gov-lifecycle',\n})\nexport class GovLifecycle {\n\tprivate readonly uniqueId: string;\n\n\tconstructor() {\n\t\tthis.uniqueId = 'lifecycle-' + chr4();\n\t}\n\n\tconnectedCallback() {\n\t\tconsole.log('connectedCallback', this.uniqueId);\n\t}\n\n\tdisconnectedCallback() {\n\t\tconsole.log('disconnectedCallback', this.uniqueId);\n\t}\n\n\tcomponentWillLoad() {\n\t\tconsole.log('componentWillLoad', this.uniqueId);\n\t}\n\n\tcomponentDidLoad() {\n\t\tconsole.log('componentDidLoad', this.uniqueId);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tconsole.log('componentShouldUpdate', this.uniqueId);\n\t}\n\n\tcomponentWillRender() {\n\t\tconsole.log('componentWillRender', this.uniqueId);\n\t}\n\n\tcomponentDidRender() {\n\t\tconsole.log('componentDidRender', this.uniqueId);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tconsole.log('componentWillUpdate', this.uniqueId);\n\t}\n\n\tcomponentDidUpdate() {\n\t\tconsole.log('componentDidUpdate', this.uniqueId);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host identifier={this.uniqueId}>\n\t\t\t\t<span>lifecycle {this.uniqueId}</span>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

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

@@ -0,0 +1,8 @@
+import { pick } from "../../utils/utils";
+import { Sizes } from "../../core/constants/sizes";
+export const LinkSizes = pick(Sizes, ['_S', '_M', '_L']);
+export const LinkClass = {
+    root: 'gov-link',
+    external: 'gov-link--external',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-link/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,oBAAoB;CAC9B,CAAA","sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\n\nexport const LinkClass = {\n\troot: 'gov-link',\n\texternal: 'gov-link--external',\n}\n"]}

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

@@ -0,0 +1,165 @@
+import { Host, h } from "@stencil/core";
+import { LinkClass, LinkSizes } from "./constants";
+import { govHost } from "../../helpers/Dom/template";
+import { validateProp } from "../../helpers/Validate/props";
+import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
+export class GovLink {
+    constructor() {
+        /**
+         * Element size.
+         */
+        this.size = 'm';
+        /**
+         * Element size.
+         */
+        this.external = false;
+        /**
+         * Cutting text to one line
+         */
+        this.truncate = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(LinkSizes, newValue, LinkClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    render() {
+        return (h(Host, { key: '8ad1e46b293cf74570f818c0a2eebae906b59d79', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, h("a", Object.assign({ key: '7b2e9ca795c11167426e80a5a938ccb2153abecc', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), h("slot", { key: '30f58ac9206aa7a1afa9147c8e43077d9b1cb3a8', name: "icon-start" }), h("span", { key: 'f839d620a705139a1d155784ea71d954701e89ea' }, h("slot", { key: '516ca9f11e1bc62638f3989a8efc0798b9a4ad2e' })), h("slot", { key: '36351fdc5c94f027f731a51608f26552a587c5d0', name: "icon-end" }), this.external && h("gov-icon", { key: 'e2433f478e1f14db8ccddf9d45c4fb0118eeb3a0', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
+    }
+    static get is() { return "gov-link"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "LinkSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\"",
+                    "references": {
+                        "LinkSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-link/constants.ts::LinkSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Element size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'m'"
+            },
+            "external": {
+                "type": "boolean",
+                "attribute": "external",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Element size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "truncate": {
+                "type": "boolean",
+                "attribute": "truncate",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Cutting text to one line"
+                },
+                "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": [{
+                            "name": "link",
+                            "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href"
+                        }],
+                    "text": "Same as original parameter"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "target": {
+                "type": "string",
+                "attribute": "target",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "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 states() {
+        return {
+            "inheritedAttributes": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }];
+    }
+}
+//# sourceMappingURL=gov-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-link.js","sourceRoot":"","sources":["../../../../../../src/components/gov-link/gov-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAC,SAAS,EAAE,SAAS,EAAgB,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2CAA2C,CAAC;AAKhF,MAAM,OAAO,OAAO;IAGnB;QAKA;;WAEG;QACc,SAAI,GAAmB,GAAG,CAAA;QAC3C;;WAEG;QACc,aAAQ,GAAa,KAAK,CAAA;QAC3C;;WAEG;QACc,aAAQ,GAAa,KAAK,CAAA;QAkBlC,wBAAmB,GAAe,EAAE,CAAA;QAjC5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA4BD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IAClD,CAAC;IAID,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5D,CAAC;IAED,qBAAqB,CAAC,aAAqB,EAAE,QAAgB;QAC5D,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;QACxC,IAAI,CAAC,mBAAmB,mCAAO,IAAI,CAAC,mBAAmB,KAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,GAAC,CAAC;IACrF,CAAC;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,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACzB,wEAAG,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAC9C,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,IACpC,IAAI,CAAC,mBAAmB;gBAC9B,6DAAM,IAAI,EAAC,YAAY,GAAE;gBACzB;oBAAM,8DAAO,CAAO;gBACpB,6DAAM,IAAI,EAAC,UAAU,GAAE;gBACtB,IAAI,CAAC,QAAQ,IAAI,iEAAU,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,GAAa,CAC5H,CACE,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\nimport {LinkClass, LinkSizes, LinkSizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-link',\n})\nexport class GovLink {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLinkElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: LinkSizesType = 'm'\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly external?: boolean = false\n\t/**\n\t * Cutting text to one line\n\t */\n\t@Prop() readonly truncate?: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LinkClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  href={this.href}\n\t\t\t\t  external={this.external}\n\t\t\t\t  truncate={this.truncate}>\n\t\t\t\t<a class=\"element\"\n\t\t\t\t   href={this.href}\n\t\t\t\t   target={this.external ? '_blank' : this.target}\n\t\t\t\t   rel={this.external ? \"noreferrer\" : null}\n\t\t\t\t   {...this.inheritedAttributes}>\n\t\t\t\t\t<slot name=\"icon-start\"/>\n\t\t\t\t\t<span><slot/></span>\n\t\t\t\t\t<slot name=\"icon-end\"/>\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,9 @@
+import { pick } from "../../../utils/utils";
+import { Sizes } from "../../../core/constants/sizes";
+export const LoadingSizes = pick(Sizes, ['_S', '_M', '_L']);
+export const LoadingClass = {
+    root: 'gov-loading',
+    content: 'gov-loading__content',
+    icon: 'gov-loading__icon',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/loading/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,+BAA+B,CAAC;AAGpD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAG3D,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,sBAAsB;IAC/B,IAAI,EAAE,mBAAmB;CACzB,CAAA","sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const LoadingSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LoadingSizesType = `${ValueOf<typeof LoadingSizes>}`\n\nexport const LoadingClass = {\n\troot: 'gov-loading',\n\tcontent: 'gov-loading__content',\n\ticon: 'gov-loading__icon',\n}\n"]}

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

@@ -0,0 +1,61 @@
+import { h, Host } from "@stencil/core";
+import { LoadingClass, LoadingSizes } from "./constants";
+import { govHost, prepareClasses } from "../../../helpers/Dom/template";
+import { validateProp } from "../../../helpers/Validate/props";
+export class GovLoading {
+    constructor() {
+        /**
+         * Loading size
+         */
+        this.size = 'm';
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(LoadingSizes, newValue, LoadingClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+    }
+    render() {
+        return (h(Host, { key: 'fd1daa910f59d6a90cd028a7973952450dcbbafd', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: 'c4ce62df116e5e13a2bdb14855f6ce6b8b5fc640', class: LoadingClass.content }, h("gov-icon", { key: '5b31630577d8e7cde90a80829ea20b9ded0f5bb3', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: '21179ec4603daf9694a520be92c92989c99f1884' })), h("gov-backdrop", { key: '95104639ad57b91d4dcaa2df40f6203a8e13b52e', inverse: true })));
+    }
+    static get is() { return "gov-loading"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "LoadingSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\"",
+                    "references": {
+                        "LoadingSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-loading/loading/constants.ts::LoadingSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Loading size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'m'"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }];
+    }
+}
+//# sourceMappingURL=gov-loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-loading.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/loading/gov-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,YAAY,EAAE,YAAY,EAAmB,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAEvE,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAK7D,MAAM,OAAO,UAAU;IAGtB;QAKA;;WAEG;QACc,SAAI,GAAsB,GAAG,CAAA;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IASD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACxD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC9D,4DAAK,KAAK,EAAE,YAAY,CAAC,OAAO;gBAC/B,iEACC,KAAK,EAAE,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAChE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,GAChB;gBACF,8DAAQ,CACH;YACN,qEAAc,OAAO,EAAE,IAAI,GAAI,CACzB,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\";\n\n@Component({\n\ttag: \"gov-loading\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\t/**\n\t * Loading size\n\t */\n\t@Prop() readonly size?: LoadingSizesType = 'm'\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\n\t\t\t\t\t\tname=\"loader\"\n\t\t\t\t\t\ttype=\"components\"\n\t\t\t\t\t/>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-loading/skeleton/constants.js

@@ -0,0 +1,20 @@
+import { pick } from "../../../utils/utils";
+import { Sizes } from "../../../core/constants/sizes";
+import { Colors } from "../../../core/constants/colors";
+export const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+export const SkeletonColors = pick(Colors, ["PRIMARY", "NEUTRAL"]);
+export var SkeletonShapes;
+(function (SkeletonShapes) {
+    SkeletonShapes["CIRCLE"] = "circle";
+    SkeletonShapes["LINE"] = "line";
+})(SkeletonShapes || (SkeletonShapes = {}));
+export var SkeletonAnimation;
+(function (SkeletonAnimation) {
+    SkeletonAnimation["PULSE"] = "pulse";
+    SkeletonAnimation["PROGRESS"] = "progress";
+    SkeletonAnimation["FALSE"] = "false";
+})(SkeletonAnimation || (SkeletonAnimation = {}));
+export const SkeletonClass = {
+    root: 'gov-skeleton',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-loading/skeleton/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/skeleton/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,OAAO,EAAC,KAAK,EAAC,MAAM,+BAA+B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG1E,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAGlE,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACzB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;AACd,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAGD,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC5B,oCAAe,CAAA;IACf,0CAAqB,CAAA;IACrB,oCAAe,CAAA;AAChB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAGD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;CACpB,CAAA","sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n"]}

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js

@@ -0,0 +1,251 @@
+import { h, Host } from "@stencil/core";
+import { SkeletonAnimation, SkeletonClass, SkeletonShapes, SkeletonSizes, } from "./constants";
+import { govHost } from "../../../helpers/Dom/template";
+import { validateProp } from "../../../helpers/Validate/props";
+import { AttributeObserver } from "../../../helpers/Dom/attribute";
+import { ariaAttributes } from "../../../helpers/Accessibility/attributes";
+import { inheritAriaAttributes } from "../../../helpers/Accessibility/accessibility";
+export class GovSkeleton {
+    constructor() {
+        /**
+         * Input’s size.
+         */
+        this.size = "m";
+        /**
+         * Style variation of the skeleton.
+         */
+        this.color = "neutral";
+        /**
+         * Shape of the skeleton
+         */
+        this.shape = "line";
+        /**
+         * Width of the skeleton ex. 100px, 100%, auto etc.
+         */
+        this.width = null;
+        /**
+         * Height of the skeleton ex. 100px, 100%, auto etc.
+         */
+        this.height = null;
+        /**
+         * Animation type
+         */
+        this.animation = "progress";
+        this.items = [];
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(SkeletonSizes, newValue, SkeletonClass.root);
+    }
+    validateShape(newValue) {
+        validateProp(SkeletonShapes, newValue, SkeletonClass.root);
+    }
+    validateAnimation(newValue) {
+        validateProp(SkeletonAnimation, newValue, SkeletonClass.root);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.validateShape(this.shape);
+        this.validateAnimation(this.animation);
+        this.init();
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    componentWillUpdate() {
+        this.init();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_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 });
+    }
+    init() {
+        this.items.fill(1);
+    }
+    render() {
+        return (h(Host, Object.assign({ key: '88cc98a811553c74d60d4b97c283cc918d3f3405', size: this.size, color: this.color, class: {
+                [SkeletonClass.root]: true,
+                circle: this.shape === "circle",
+                line: this.shape === "line",
+                progress: this.animation === "progress",
+                pulse: this.animation === "pulse",
+            } }, this.inheritedAttributes, { "aria-busy": "true", "aria-valuemin": "0", "aria-valuemax": "100", role: "progressbar", tabindex: "0", style: { width: this.width, height: this.height } })));
+    }
+    static get is() { return "gov-skeleton"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "FormInputSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "FormInputSizesType": {
+                            "location": "import",
+                            "path": "../../gov-form/input/constants",
+                            "id": "../../../packages/core/src/components/gov-form/input/constants.ts::FormInputSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Input\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "\"m\""
+            },
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "SkeletonColorType",
+                    "resolved": "\"neutral\" | \"primary\"",
+                    "references": {
+                        "SkeletonColorType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-loading/skeleton/constants.ts::SkeletonColorType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the skeleton."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"neutral\""
+            },
+            "shape": {
+                "type": "string",
+                "attribute": "shape",
+                "mutable": false,
+                "complexType": {
+                    "original": "SkeletonShapesType",
+                    "resolved": "\"circle\" | \"line\"",
+                    "references": {
+                        "SkeletonShapesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-loading/skeleton/constants.ts::SkeletonShapesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Shape of the skeleton"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"line\""
+            },
+            "width": {
+                "type": "string",
+                "attribute": "width",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Width of the skeleton ex. 100px, 100%, auto etc."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "null"
+            },
+            "height": {
+                "type": "string",
+                "attribute": "height",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Height of the skeleton ex. 100px, 100%, auto etc."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "null"
+            },
+            "animation": {
+                "type": "string",
+                "attribute": "animation",
+                "mutable": false,
+                "complexType": {
+                    "original": "SkeletonAnimationType",
+                    "resolved": "\"false\" | \"progress\" | \"pulse\"",
+                    "references": {
+                        "SkeletonAnimationType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-loading/skeleton/constants.ts::SkeletonAnimationType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Animation type"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"progress\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "inheritedAttributes": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }, {
+                "propName": "shape",
+                "methodName": "validateShape"
+            }, {
+                "propName": "animation",
+                "methodName": "validateAnimation"
+            }];
+    }
+}
+//# sourceMappingURL=gov-skeleton.js.map

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-skeleton.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/skeleton/gov-skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { Colors } from "../../core/constants/colors";
+import { pick } from "../../utils/utils";
+export const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
+export var MessageType;
+(function (MessageType) {
+    MessageType["BOLD"] = "bold";
+    MessageType["SUBTLE"] = "subtle";
+})(MessageType || (MessageType = {}));
+export const MessageClass = {
+    root: 'gov-message',
+    content: 'gov-message__content',
+};
+//# sourceMappingURL=constants.js.map