@gov-design-system-ce/components 4.2.0 → 4.2.2

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

@@ -1,9 +1,6 @@
 import { h, Host } from "@stencil/core";
-import { validateAccessibleLabel } from "../../helpers/Validate/wcag";
-import { canValidateWcagOnRender } from "../../helpers/Dom/win";
 import { govHost } from "../../helpers/Dom/template";
-import { tick } from "../../utils/stencil.utils";
-import { BannerClass, BannerSizes, BannerBackground, BannerForeground, BannerTextColor } from "./constants";
+import { BannerBackground, BannerClass, BannerForeground, BannerSizes, BannerTextColor } from "./constants";
 import { validateProp } from "../../helpers/Validate/props";
 export class GovBanner {
     constructor() {
@@ -11,29 +8,31 @@ export class GovBanner {
         this.background = BannerBackground.SIMPLE;
         this.foreground = BannerForeground.LOGO;
         this.textColor = BannerTextColor.LIGHT;
-        this.accessibleLabel = undefined;
-        this.accessibleLabelledBy = undefined;
         this.h = govHost(this.host);
     }
     validateSize(newValue) {
         validateProp(BannerSizes, newValue, BannerClass.root);
     }
+    validateBackground(newValue) {
+        validateProp(BannerBackground, newValue, BannerClass.root);
+    }
+    validateForeground(newValue) {
+        validateProp(BannerForeground, newValue, BannerClass.root);
+    }
+    validateTextColor(newValue) {
+        validateProp(BannerTextColor, newValue, BannerClass.root);
+    }
     componentWillLoad() {
         this.validateSize(this.size);
-    }
-    async componentDidRender() {
-        if (canValidateWcagOnRender()) {
-            tick(() => this.validateAccessibility());
-        }
+        this.validateBackground(this.background);
+        this.validateForeground(this.foreground);
+        this.validateTextColor(this.textColor);
     }
     render() {
-        return (h(Host, Object.assign({ key: '2e74fec76a2919885f1ffcf0d5b5b43f4da9634f', class: this.h.classes(BannerClass.root), size: this.size }, (this.size !== "xl" ? { background: this.background, foreground: this.foreground } : { 'text-color': this.textColor })), h("div", { key: 'e96d0155618a4d8703869f9d41a16e6dca148d8f' }, h("div", { key: '1ca80fec0a9918753727bdbbde993c650f464e44', class: BannerClass.content }, h("slot", { key: '6649fb9ad5c08b9cb7fe44a633fbdf8a7c1070cf', name: "headline" }), h("slot", { key: '615031f7ca60d053f08822a497d59cb123103bae' })), this.h.hasSlot('button') && (h("gov-button", { key: '256dcef6425d21dfd6ea47b2dc9dbcfe2bbc0a19', color: "secondary", type: "solid", size: "l" }, h("slot", { key: '2553414cc5541ec8f4e8d22d4cd394d9d57f40ef', name: "button" })))), h("slot", { key: 'b87320fc0d4ea2415f2c2e3565942fd8944c8f7c', name: "image" })));
-    }
-    /**
-     * Validate the accessibility attributes of the component
-     */
-    async validateAccessibility() {
-        validateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BannerClass.root, this.host);
+        return (h(Host, Object.assign({ key: '67c767ffc6ac1912bb691c8bb11158dac573e70f', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
+            background: this.background,
+            foreground: this.foreground
+        } : { 'text-color': this.textColor })), h("div", { key: '624b24b1e621ef7f7ad4666b56f48ffec9881aee' }, h("div", { key: '90b322dca74ca90be13489d519534ebff0656593', class: BannerClass.content }, h("slot", { key: '272f89cbe0649af7edfd7230861f6232272c8da4', name: "headline" }), h("slot", { key: '1bfa7690842ba1a023af5b7da4edec5acb6c65fe' })), this.h.hasSlot('button') && (h("slot", { key: '5d9611292a76aee4654b16429a89fd46ad610884', name: "button" }))), h("slot", { key: '00000b185434b0d85112beaa2374c7f7b12c19b0', name: "image" })));
     }
     static get is() { return "gov-banner"; }
     static get properties() {
@@ -133,61 +132,6 @@ export class GovBanner {
                 "attribute": "text-color",
                 "reflect": false,
                 "defaultValue": "BannerTextColor.LIGHT"
-            },
-            "accessibleLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Adds accessible label for the banner that is only shown for screen readers."
-                },
-                "attribute": "accessible-label",
-                "reflect": false
-            },
-            "accessibleLabelledBy": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "String of id's that indicate alternative labels elements"
-                },
-                "attribute": "accessible-labelledby",
-                "reflect": false
-            }
-        };
-    }
-    static get methods() {
-        return {
-            "validateAccessibility": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Validate the accessibility attributes of the component",
-                    "tags": []
-                }
             }
         };
     }
@@ -196,6 +140,15 @@ export class GovBanner {
         return [{
                 "propName": "size",
                 "methodName": "validateSize"
+            }, {
+                "propName": "background",
+                "methodName": "validateBackground"
+            }, {
+                "propName": "foreground",
+                "methodName": "validateForeground"
+            }, {
+                "propName": "text-color",
+                "methodName": "validateTextColor"
             }];
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"gov-banner.js","sourceRoot":"","sources":["../../../../../../src/components/gov-banner/gov-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,IAAI,EAAC,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EACN,WAAW,EACX,WAAW,EAEX,gBAAgB,EAEO,gBAAgB,EAAE,eAAe,EACxD,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAM1D,MAAM,OAAO,SAAS;IAGrB;oBAQwD,WAAW,CAAC,EAAE;0BAIjB,gBAAgB,CAAC,MAAM;0BAIvB,gBAAgB,CAAC,IAAI;yBAII,eAAe,CAAC,KAAK;;;QAnBlG,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA6BD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IACtD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,KAAK,CAAC,kBAAkB;QACvB,IAAI,uBAAuB,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;QACzC,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,mEAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAC1C,IAAI,EAAE,IAAI,CAAC,IAAI,IACX,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAC,CAAC,CAAC,CAAC,EAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAC,CAAC;YACxH;gBACC,4DAAK,KAAK,EAAE,WAAW,CAAC,OAAO;oBAC9B,6DAAM,IAAI,EAAC,UAAU,GAAE;oBACvB,8DAAO,CACF;gBACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAC5B,mEAAY,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG;oBAClD,6DAAM,IAAI,EAAC,QAAQ,GAAE,CACT,CACb,CACI;YACN,6DAAM,IAAI,EAAC,OAAO,GAAE,CACd,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,qBAAqB;QAC1B,uBAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;IACtG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {\n\tBannerClass,\n\tBannerSizes,\n\tBannerSizesType,\n\tBannerBackground,\n\tBannerBackgroundsType,\n\tBannerForegroundsType, BannerForeground, BannerTextColor, BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n\n@Component({\n\ttag: 'gov-banner',\n})\nexport class GovBanner {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBannerElement\n\t/**\n\t * Banner’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n\t/**\n\t * Banner’s background\n\t */\n\t@Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n\t/**\n\t * Banner’s foreground\n\t */\n\t@Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n\t/**\n\t * XL Banner’s text color\n\t */\n\t@Prop({ attribute: 'text-color' }) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\t/**\n\t * Adds accessible label for the banner that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(BannerSizes, newValue, BannerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BannerClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  {...(this.size !== \"xl\" ? {background: this.background, foreground: this.foreground} : {'text-color': this.textColor})}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={BannerClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.h.hasSlot('button') && (\n\t\t\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" size=\"l\">\n\t\t\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"image\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BannerClass.root, this.host)\n\t}\n}\n"]}
+{"version":3,"file":"gov-banner.js","sourceRoot":"","sources":["../../../../../../src/components/gov-banner/gov-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EACH,gBAAgB,EAEhB,WAAW,EACX,gBAAgB,EAEhB,WAAW,EAEX,eAAe,EAElB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAK1D,MAAM,OAAO,SAAS;IAGlB;oBAQwD,WAAW,CAAC,EAAE;0BAIjB,gBAAgB,CAAC,MAAM;0BAIvB,gBAAgB,CAAC,IAAI;yBAIE,eAAe,CAAC,KAAK;QAnB7F,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC9B;IAqBD,YAAY,CAAC,QAAgB;QACzB,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IACzD,CAAC;IAGD,kBAAkB,CAAC,QAAgB;QAC/B,YAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IAC9D,CAAC;IAGD,kBAAkB,CAAC,QAAgB;QAC/B,YAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IAC9D,CAAC;IAGD,iBAAiB,CAAC,QAAgB;QAC9B,YAAY,CAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IAC7D,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACxC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC1C,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI,mEAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACvC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,IACX,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC;YACtB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;SAC9B,CAAC,CAAC,CAAC,EAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAC,CAAC;YACrC;gBACI,4DAAK,KAAK,EAAE,WAAW,CAAC,OAAO;oBAC3B,6DAAM,IAAI,EAAC,UAAU,GAAE;oBACvB,8DAAO,CACL;gBACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACzB,6DAAM,IAAI,EAAC,QAAQ,GAAE,CACxB,CACC;YACN,6DAAM,IAAI,EAAC,OAAO,GAAE,CACjB,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-blockquote/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACzB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;AACpB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAGD,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI,EAAE,gBAAgB;CACtB,CAAA","sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n"]}

package/dist/collection/components/{gov-blocquote → gov-blockquote}/gov-blockquote.js

@@ -8,7 +8,7 @@ export class GovBlockquote {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '2d6d6f8731e3cf3a7697b1e5c9cb9628b120a9c0', class: this.h.classes(BlockquoteClass.root), type: this.type }, h("gov-icon", { key: 'a34dc43b0a8336830f7f8bd49a04f3fd36ccac5d', type: "components", name: "quote", size: "3xl" }), h("blockquote", { key: '1f74006947ad7d8d90ea3425be7d8f66291dbfc5', cite: this.cite }, h("slot", { key: '1e0413bfdcfec33d487998f88407b000d2cbd376' })), h("slot", { key: '9c61d787603bf343546af51e25ac9b6ad47191e9', name: "image" }), h("slot", { key: '7f7956a01aef3d1fe2ecc21428facc932e69ab03', name: "author" })));
+        return (h(Host, { key: '0d4b930791ee54ea55552b1a8ab9a2f248b5109e', class: this.h.classes(BlockquoteClass.root), type: this.type }, h("gov-icon", { key: 'f27a6a5059203b000bede13c47aa7e5eb150e4cd', type: "components", name: "quote", size: "3xl" }), h("blockquote", { key: '3206cd993309f5636920e5b552e3cd97be98b334', cite: this.cite }, h("slot", { key: '16ac7ec3098d37e1c5b444fe18e47986a5afa915' })), h("slot", { key: 'ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e', name: "image" }), h("slot", { key: 'f43c96fef744f2d6147f8579fad0c808c064c81a', name: "author" })));
     }
     static get is() { return "gov-blockquote"; }
     static get properties() {
@@ -23,7 +23,7 @@ export class GovBlockquote {
                         "BlockquoteTypesType": {
                             "location": "import",
                             "path": "./constants",
-                            "id": "../../../packages/core/src/components/gov-blocquote/constants.ts::BlockquoteTypesType"
+                            "id": "../../../packages/core/src/components/gov-blockquote/constants.ts::BlockquoteTypesType"
                         }
                     }
                 },

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-blockquote.js","sourceRoot":"","sources":["../../../../../../src/components/gov-blockquote/gov-blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAC,eAAe,EAAE,cAAc,EAAsB,MAAM,aAAa,CAAC;AAMjF,MAAM,OAAO,aAAa;IAGzB;oBAQ4D,cAAc,CAAC,MAAM;;QAPhF,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAYD,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YACjE,iEAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,GAAY;YAC/D,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI;gBAC1B,8DAAQ,CACI;YACb,6DAAM,IAAI,EAAC,OAAO,GAAG;YACrB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -40,7 +40,7 @@ export class GovBreadcrumbs {
         this.toggleOption = sumOfWidths > hostWidth;
     }
     render() {
-        return (h(Host, { key: '9a9134423e513fc148bbb68c20fac5bb97670db8', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, h("nav", { key: '0850db41c7ce8bbb329a9abd3a925f292ec26c66', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, h("slot", { key: '477ce7803f02dc150c9980cbbf967b2b3d6485a0' })), this.toggleOption ? (h("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, h("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
+        return (h(Host, { key: 'dadd8de710050476be68e3f6fa0b317d6ccedfc1', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, h("nav", { key: '468a3b605408c943421243024733b0381809f931', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, h("slot", { key: '2c9f85b826c8c54340ab5abba51c1861282c9cb7' })), this.toggleOption ? (h("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, h("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
     }
     /**
      * Validate the WCAG attributes of the component

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

@@ -82,9 +82,9 @@ export class GovButton {
     render() {
         const Tag = this.href ? Tags.A : Tags.BUTTON;
         const nativeType = Tag === Tags.A ? undefined : this.nativeType;
-        return (h(Host, { key: '526d8b276e9139e165d38c031adac59e9f1296f8', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, h(Tag, Object.assign({ key: '6db49c65c1b0d3c98d81cba6d86e9181ce32fc87', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
-            h("gov-icon", { key: '535bfdca505680012cdefe59c7fdf6776a9692f0', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && h("slot", { key: '26c813df831c8767ad019873572cc928c7475ca4', name: "icon-start" }), h("slot", { key: 'c0cdb5257b7db1ec33e317c0c3009ea9de713036' }), this.h.hasSlot("icon-end") && h("slot", { key: '238fabead4d6e40f754746866c8b83e0f517680a', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
-            h("gov-icon", { key: 'cb8360aa13dd3e6ab1328bbd4a0a60a234f98bd5', name: "loader", class: "gov-spin-animation", type: "components" }))));
+        return (h(Host, { key: 'cd3d644c54ac882be5adf1645391a873d426e549', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, h(Tag, Object.assign({ key: '39c76efc161144865f6bde8cf50e2808d0566415', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
+            h("gov-icon", { key: 'b75ed857aacc2b914810fbdbb3c0d39ede423639', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && h("slot", { key: '838152233ab4f51b36217ae0b4077a3f3efc3ecf', name: "icon-start" }), h("slot", { key: '0dbfd16b6de4ea9c0bb92a97297262f10b9a335c' }), this.h.hasSlot("icon-end") && h("slot", { key: '8854b0bced36cabfe85988e22d10d49f9761a910', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            h("gov-icon", { key: '607c848e0a9e4abf1c4232658a38922ade4accf9', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();

package/dist/collection/components/gov-button/dropdown/gov-dropdown.js

@@ -43,7 +43,7 @@ export class GovDropdown {
         });
     }
     render() {
-        return (h(Host, { key: '82ddf678be9e128e899f136598d923a9c62858b4', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, h("slot", { key: '5de32c9654140fb67fff7f55ce8fba4fa7ef282f' }), h("div", { key: '19bda970452623c7ddef45ff96b843698bb8cd1a', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, h("slot", { key: 'd1429110f4e4bd054bf38d4a038946475d791323', name: "list" }))));
+        return (h(Host, { key: 'ed9beb8952cacb4b76fc73ab31345bbe8c5d206d', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, h("slot", { key: '49d4da21a53be27e687622d17e21474c7cedb26d' }), h("div", { key: '941b05aab703a6bfd981d912763f4576899fd617', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, h("slot", { key: 'cd0c1f28b7d717efd0fe8faa964df78dfbeca49f', name: "list" }))));
     }
     /**
      * Returns the current state of the dropdown

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

@@ -5,12 +5,19 @@ import { createID } from "../../utils/string.utils";
 import { validateAccessibleLabel } from "../../helpers/Validate/wcag";
 import { canValidateWcagOnRender } from "../../helpers/Dom/win";
 import { delay } from "../../utils/utils";
+var Tags;
+(function (Tags) {
+    Tags["A"] = "a";
+    Tags["DIV"] = "div";
+})(Tags || (Tags = {}));
 export class GovCard {
     constructor() {
         this.hydrated = false;
         this.direction = "vertical";
         this.collapsible = false;
         this.open = true;
+        this.href = undefined;
+        this.target = undefined;
         this.accessibleTriggerLabel = undefined;
         this.accessibleTriggerLabelledBy = undefined;
         this.h = govHost(this.host);
@@ -27,7 +34,8 @@ export class GovCard {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '734cecdc36d379c1d2d8c14ef136780eabff9d32', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (h("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, h("slot", { name: "headline" }), h("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (h("div", { class: CardClass.header }, h("slot", { name: "headline" }))) : null, h("div", { key: '35fbd43458f8895ac32a49b2fb26301ef6c2f4cc', class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot('img') && (h("div", { key: '1d1d26a7d45bc7453cdfbb2ce2530e277ea7f1d6', class: CardClass.img }, h("slot", { key: '43d62fec8982ac856afedfe30a4062253ab072d7', name: "img" }))), this.h.hasSlot('icon') && (h("div", { key: 'ea26e422318e6a8753c47c5af2bcbfafe44bd053', class: CardClass.icon }, h("slot", { key: '40cad4f8356f6ff1e640436f4b548581cb4b4bcf', name: "icon" }))), h("div", { key: '17d86c58f5d4d1fec9af1b111a69e73629188b4a', class: CardClass.content }, h("slot", { key: '34b718783966bda56624c883b85d965ba74041a5' })), this.h.hasSlot('footer') && (h("div", { key: 'bdac20b7db8adabdba069df573e117ef1c9a79fc', class: CardClass.footer }, h("slot", { key: 'e57ade83302bd2a7537236aff716d02a5a47ea0f', name: "footer" }))))));
+        const Tag = this.href ? Tags.A : Tags.DIV;
+        return (h(Host, { key: '3a11dfeface1fa81d0c27f4ee3644c1c3b3a0191', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.href ? true : null, direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (h("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, h("slot", { name: "headline" }), h("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (h("div", { class: CardClass.header }, h("slot", { name: "headline" }))) : null, h(Tag, { key: 'bdf47c610db6c937ebe9f6fa45124b5df8e2847f', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (h("div", { key: '11ed1b55fe67d05382d538c903726ffd84fb7d48', class: CardClass.img }, h("slot", { key: 'b1c362609163af2748256ecd1370bd074b8cd396', name: "img" }))), this.h.hasSlot('icon') && (h("div", { key: '70b848927a86419442be3a84ee060c27a87fa12b', class: CardClass.icon }, h("slot", { key: '357b5dffa7c0970495ed167ca9a5db0b8d67c721', name: "icon" }))), h("div", { key: '0bec7d7dc66dda27ba05e9041caeca8f20def8c4', class: CardClass.content }, h("slot", { key: 'e3b08eb1097e0d788df4a45f78711bd0a5f02656' })), this.h.hasSlot('footer') && (h("div", { key: '0f4ef687f88e18a935d8f651bb7d2a9ea2c3df97', class: CardClass.footer }, h("slot", { key: 'd645292f3ee9f007d9aeffdefcf2c26a1e5415b1', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -107,6 +115,49 @@ export class GovCard {
                 "reflect": true,
                 "defaultValue": "true"
             },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Link on whole card"
+                },
+                "attribute": "href",
+                "reflect": true
+            },
+            "target": {
+                "type": "string",
+                "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"
+                },
+                "attribute": "target",
+                "reflect": false
+            },
             "accessibleTriggerLabel": {
                 "type": "string",
                 "mutable": false,

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

@@ -1 +1 @@
-{"version":3,"file":"gov-card.js","sourceRoot":"","sources":["../../../../../../src/components/gov-card/gov-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)} direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={CardClass.inner}\n\t\t\t\t\tid={this.contentId}\n\t\t\t\t\taria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\thidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\taria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t>\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"gov-card.js","sourceRoot":"","sources":["../../../../../../src/components/gov-card/gov-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) 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?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\n\t\t\t\t  clickable={this.href ? true : null}\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"]}

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

@@ -59,11 +59,11 @@ export class GovChip {
         const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: '3873d567f8dd31d62e259751a9800bc2302380f8', class: this.h.classes([
+        return (h(Host, { key: '6891a65866779d31691de4842180ae22767c4268', class: this.h.classes([
                 ChipClass.root,
                 this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
                 this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
-            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, h(Tag, Object.assign({ key: '6635ce7184fba0374e7f8035c3df38156ac69b24', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled) && !this.focusable ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), h("slot", { key: '3677ece9c89d8e9d59fb5d87fced0cdf4936342b', name: "left" }), h("slot", { key: '0acc75cb17c45740380ceb6681d21b29475c6419', name: "icon-start" }, iconStart && h("gov-icon", { key: 'f95b1e5fc9e460177a98deb1a7cd324dcac5e57f', type: iconStart.type, name: iconStart.name })), h("slot", { key: 'f0354863b6c661b99c26f5e94193b85a12affab9' }), h("slot", { key: 'ee35b12933b95d96932890ede60fa5b91f51d6b5', name: "icon-end" }, iconEnd && h("gov-icon", { key: '50cd0f12c868cb1e674a3df0609c2c8ba5664556', type: iconEnd.type, name: iconEnd.name })), h("slot", { key: '39ca7870c9423cd0a3f8ca6c91b4a0daed8ef07f', name: "right" }))));
+            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, h(Tag, Object.assign({ key: '32a2696de42de539438caa0842d0fefa31804b77', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled) && !this.focusable ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), h("slot", { key: '93a5178477cbd4e0e09789c3ff0941e0972943f3', name: "left" }), h("slot", { key: '7d019aa4f2e543a8cb22e7d694c6994656e92065', name: "icon-start" }, iconStart && h("gov-icon", { key: '6077e90d13e1fe7945c43abf142e308fa88b10b9', type: iconStart.type, name: iconStart.name })), h("slot", { key: '8c2fbc69cade5187c4dc3805e2eb9b2639620687' }), h("slot", { key: 'ba590e6f48cf44ceb293917dbdecf34472db28ad', name: "icon-end" }, iconEnd && h("gov-icon", { key: '030988484d52eb2a47b192888a8e4a1e8773bd74', type: iconEnd.type, name: iconEnd.name })), h("slot", { key: 'b62f2b1359a70b2aba874686d33f3dd5b7d0c8a2', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();

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

@@ -6,7 +6,7 @@ export class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: 'ad1f0a234ba94b59c7214c2ddba4208234355a47', class: this.h.classes(ContainerClass.root) }, h("slot", { key: 'a7b877a4cf5d2f5ec1aa5908a2faf9976fa5591e' })));
+        return (h(Host, { key: '82f7c451b4196138a062e9e807c0b264b5f8e1fe', class: this.h.classes(ContainerClass.root) }, h("slot", { key: '04a40aeafe57c99f4a148d04320bf390e3444ea8' })));
     }
     static get is() { return "gov-container"; }
     static get elementRef() { return "host"; }

package/dist/collection/components/gov-control-group/gov-control-group.js

@@ -14,7 +14,7 @@ export class GovControlGroup {
         validateProp(Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (h(Host, { key: 'c52a55a92fd473dcec8806a693fa820a9557a8f3', class: this.h.classes(ControlGroupClass.root), color: this.color }, h("slot", { key: '2c39e206b7a295212f4bda2a0552b1d10d19828b' })));
+        return (h(Host, { key: '74d339e88105be80b3f335aa2af1155ab23099c8', class: this.h.classes(ControlGroupClass.root), color: this.color }, h("slot", { key: 'e3af09285370470ad4e1ca9e6b225ca98708cebc' })));
     }
     static get is() { return "gov-control-group"; }
     static get properties() {

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

@@ -6,7 +6,7 @@ export class GovCookiebar {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '10c57cd4a06fe46e504309598788a95fc832493c', class: this.h.classes(CookieConsentClass.root) }, h("div", { key: '877d252bf4889abadd06e50c125ec27e114353e5', class: CookieConsentClass.content }, h("slot", { key: '817560e69ede6d998c27db262346e889167830fc', name: "headline" }), h("slot", { key: '27395c4c03746c73eec66e75e16c7c6209a41298' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (h("div", { key: '5d1395aa7039f6dc0bd84b47387b2d2b54c2359e', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (h("div", { key: '79e2932462ff78a186b3de70d5a7bab0ff9cdc7f', class: CookieConsentClass.actionsPrimary }, h("slot", { key: '85cc159d24a21c8b8f4148a339038e2bdce5f246', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (h("div", { key: 'af86c4ad358e36356f1d4be9409c2f642faf7035', class: CookieConsentClass.actionsSecondary }, h("slot", { key: '5495b26b5c31112a4c4bcd8dcbd21d54993bb6e1', name: "actions-secondary" })))))));
+        return (h(Host, { key: 'ad50c5414cb7d3dc0c5b2d378e2484dea094b1de', class: this.h.classes(CookieConsentClass.root) }, h("div", { key: 'aeedb06244acdb5bf57f11c37132d7fec2871cc5', class: CookieConsentClass.content }, h("slot", { key: '90ac710208833ac2c6349792a02f13c4e80741c4', name: "headline" }), h("slot", { key: '67c6c377aa6255bd31fefa8d20b55bfa3c90b489' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (h("div", { key: 'aa9b2f1162adcd6d9a2d81da2262046ec8886f50', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (h("div", { key: 'b152aebaef3031dc48fe569fef4f1f8119dbaf6b', class: CookieConsentClass.actionsPrimary }, h("slot", { key: '16b3e328ddc88528d877052b445855dc909605d4', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (h("div", { key: 'a825b255261a36cfd192d8936de9eb2b78d5d941', class: CookieConsentClass.actionsSecondary }, h("slot", { key: 'f651dfbf6756682711b2c4415df6acf4a2c9a479', name: "actions-secondary" })))))));
     }
     static get is() { return "gov-cookiebar"; }
     static get elementRef() { return "host"; }

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

@@ -51,7 +51,7 @@ export class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (h(Host, { key: '697a938c343fff3af9cb37c377ac9784e0728e0e', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, h("dialog", { key: '9b641ef551f5f4eeb00890e822b6f5434421c38d', class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, h("div", { key: '08da7bb9a7d3b942132410dc4dbf57c2b9d85363', class: DialogClass.inner }, h("div", { key: '389a42468a93951f461024950ea84a80443bd366', class: DialogClass.header }, this.h.hasSlot("icon") && (h("span", { key: '920649b3b276589a254cc8f47c777406d2adfdaf' }, h("slot", { key: '7a6b86f61009015d5dbfa3aaa7aee9aad42185dd', name: "icon" }))), this.h.hasSlot('title') && (h("span", { key: '8aa87028f1ed4c524291c3e0fed0a393fbb46db2', class: DialogClass.title, id: this.labelId }, h("slot", { key: '70b360d2748edde6ea2f762c72cc3acfa67cde97', name: "title" }))), h("gov-button", { key: '946ab0088d52affe4a31ecef5bdef84c1b231093', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, h("gov-icon", { key: 'b9874c2494a8b46c7b9f94f6989527b0acefc465', slot: "icon-start", name: "x-lg", type: "components" }))), h("div", { key: '4f4b1815de42427edeb5bd9a7b88c96e27530472', class: DialogClass.content, id: this.contentId }, h("slot", { key: '94ccdf29a3578f1ee8e52e505eed109cc6128f67' })), this.h.hasSlot('footer') && (h("div", { key: '8b7f85195264f4045c1d7ab8dd6db9f6abfe4f9f', class: DialogClass.footer }, h("slot", { key: '373cda2bd8b1cccf34acbbf859b4b8f608bc4a19', name: "footer" }))))), this.open ? (h("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (h(Host, { key: 'd4185a1b611db509ebf08509afa23b6e1682fe6f', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, h("dialog", { key: '6a9624025826c1bd0eb7e83739112cf7b2d56dbc', class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, h("div", { key: '1f93dc885aad9898151e00ca4717c8dd8eeea1ff', class: DialogClass.inner }, h("div", { key: '4455c3f5f5e6aa9e6ec84ce400ead24a3e526374', class: DialogClass.header }, this.h.hasSlot("icon") && (h("span", { key: '40bd7dba7f121d87e00b48b5c4f3ed0c01f5d4a0' }, h("slot", { key: '911f36f5199cde0f6561da2385934bb88e668c68', name: "icon" }))), this.h.hasSlot('title') && (h("span", { key: '1e45df978ffc0f360d242d24e826b4df41188196', class: DialogClass.title, id: this.labelId }, h("slot", { key: '920d60a3305db5b2b7963e6e0c795dbe49101f40', name: "title" }))), h("gov-button", { key: '42a64cd1706ba71362bc0bc0b8d69e9867ec5fb1', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, h("gov-icon", { key: '480265e99c21126cbb755df8e6c6f482f69fb92b', slot: "icon-start", name: "x-lg", type: "components" }))), h("div", { key: 'dc16ca442fbb779b8d0c127253324d2894e1b1e5', class: DialogClass.content, id: this.contentId }, h("slot", { key: 'a721e2e66951a436c2a7c946648e15cd1043a7c1' })), this.h.hasSlot('footer') && (h("div", { key: 'ea53d2a6284285c3b33a346784f783e69cc6ff4a', class: DialogClass.footer }, h("slot", { key: '1693aec930d48ffd79505638b4b03df4e50529f5', name: "footer" }))))), this.open ? (h("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
     }
     onCloseHandler(e) {
         e.stopPropagation();

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

@@ -15,7 +15,7 @@ export class GovEmpty {
         this.validateSize(this.size);
     }
     render() {
-        return (h(Host, { key: '536c14b44e86e71ded94980cce96cfcef26c13d5', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: '11e8a26c901809dc67cc2db2ff1aff47257a8014', name: "icon" })), h("div", { key: '4aac9fffa417df01fb668dab89aa19ed29469cc0', class: EmptyClass.content }, h("slot", { key: '1b663ce7931eaf8cccd00342e0f1f9fec7abe2d3', name: "headline" }), h("slot", { key: 'f1b1ad8a80fe12d01008da1efd335e14cee0a16d' }))));
+        return (h(Host, { key: '93155f92af0574538fd919e52f312b0f02d07e21', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: 'e9504c9396c9743ea7e454bb2df5d0f2a046aabe', name: "icon" })), h("div", { key: '78f2d30f570c6123a58d2ac93db58b4e471796b3', class: EmptyClass.content }, h("slot", { key: '7b5e1121dbfccf6d647e168e80c60cad4a1ca136', name: "headline" }), h("slot", { key: 'd435390c88c0304f9ee129b268c454b2147fddb0' }))));
     }
     static get is() { return "gov-empty"; }
     static get properties() {

package/dist/collection/components/gov-error-code/gov-error-code.js

@@ -6,7 +6,7 @@ export class GovErrorCode {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '3355f2c43f55001d6b12bae918220f858721279b', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (h("slot", { key: '721e74886d890b048bc268cadf9fb05979234ad6', name: "icon" })), h("div", { key: '9a1e0ce9d1aa43eacd4967a2688123fcd9164d8f', class: ErrorCodeClass.content }, h("slot", { key: '5193304f9720b28d12176e805436e7ebbee2f704', name: "headline" }), h("slot", { key: '12d538e92472745e3613149a7c824e6cd345e776' }))));
+        return (h(Host, { key: 'b253a0e9141dca1662d4d2b792f4c9d25f869a38', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (h("slot", { key: '4ca7e5788170cdf49d969d1a6ed3e12a0f368914', name: "icon" })), h("div", { key: '1822320601777bba88b698375f8ccfc55e33567e', class: ErrorCodeClass.content }, h("slot", { key: 'f3b7e46e878f7ff87291bae34a043d5e228dac4c', name: "headline" }), h("slot", { key: 'f63ac6838e3397bd6828853f96f476454a0bcda7' }))));
     }
     static get is() { return "gov-error-code"; }
     static get elementRef() { return "host"; }

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

@@ -14,7 +14,7 @@ export class GovFlex {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '082daf61e75a8b30f7faa2cbd6a44ad8a74b0442', class: this.h.classes(FlexClass.root) }, h("slot", { key: '120882be8540480b11df18d006414dabbb00e1d0' })));
+        return (h(Host, { key: '71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756', class: this.h.classes(FlexClass.root) }, h("slot", { key: 'b86bd5e8abbf157f2476cad87134ff9eedd307cc' })));
     }
     static get is() { return "gov-flex"; }
     static get properties() {

package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js

@@ -112,7 +112,7 @@ export class GovFormAutocomplete {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (h(Host, { key: '9aab109be9dc6f21e88a2da79223866b1b39732a', class: FormAutocompleteClass.root, size: this.size }, h("gov-form-input", Object.assign({ key: '62828ff7629c39a283925c24113f0db2c7558ca5', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), h("slot", { key: 'd722dd5d3241853d45a5153f0197403a42872c4a', name: "validation-icon" }), h("slot", { key: 'bb003098d072de7c33cb1f538470b2ba6a79d920', name: "icon-end" })), h("ul", { key: '4d54077583a9eed5682501372cd75f655e635203', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (h("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (h("li", { class: FormAutocompleteClass.loading }, h("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
+        return (h(Host, { key: '22d9a81f648404e942ee680acddda83165af4dc2', class: FormAutocompleteClass.root, size: this.size }, h("gov-form-input", Object.assign({ key: '4b60cfea2591a4bde6c97dee3c11b75461db3c5d', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), h("slot", { key: '739722e49f8062d3ebec84dc2a1f840413439c7c', name: "validation-icon" }), h("slot", { key: '6f3b3c7695a5c7d56276fbc41f854b9afff3800e', name: "icon-end" })), h("ul", { key: '52b34c8501d976b438350104594b02137d40a386', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (h("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (h("li", { class: FormAutocompleteClass.loading }, h("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
             const isSelected = this.arrowCounter === index;
             return (h("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: 'option', "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onTouchStart: (e) => this.onSelectHandler(e, index), onMouseDown: (e) => this.onSelectHandler(e, index), "aria-selected": toBoolAttr(isSelected) }, h("slot", { name: "list-item-left" }), h("slot", { name: "list-item-right" })));
         }) : null)));

package/dist/collection/components/gov-form/control/gov-form-control.js

@@ -47,7 +47,7 @@ export class GovFormControl {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (h(Host, { key: '2f6a44e96f79c5ec6fa6326fb01dba74d2f405cc', size: this.size, class: this.h.classes(FormControlClass.root) }, h(Tag, { key: '5b4ec1e274416aa4330f60727662f9f441cb5973', class: FormControlClass.holder }, this.h.hasSlot("top") && h("slot", { key: '51738751699005e6642bdf855f6fafbea9af83f6', name: "top" }), h("slot", { key: 'f765b4b014274832bbef5118312a0e8a70939cda' }), this.h.hasSlot("bottom") && (h("div", { key: '048b08353a3bb6c6246e297bc183288cb9c78034', class: FormControlClass.bottom }, h("slot", { key: '24e79aa1a2d87c12ac0ebefde129a8055f38525e', name: "bottom" }))))));
+        return (h(Host, { key: '1502fcaa64e9c9839e7393573f10aa7a98161f8a', size: this.size, class: this.h.classes(FormControlClass.root) }, h(Tag, { key: 'ea3147966c1e34366293c19228793679f5065d53', class: FormControlClass.holder }, this.h.hasSlot("top") && h("slot", { key: '803c63b94d671bdcd30eeb2bf4a9ab9f23633358', name: "top" }), h("slot", { key: 'c46d8faf4cea51bc15e6f57e0f2e9bea895b4454' }), this.h.hasSlot("bottom") && (h("div", { key: '78fcf2aa671f3741f6d38f0519cd8983be5d6082', class: FormControlClass.bottom }, h("slot", { key: '0d25b0c2d06a1f5612c2bf85dc428715e2a8f97a', name: "bottom" }))))));
     }
     static get is() { return "gov-form-control"; }
     static get properties() {

package/dist/collection/components/gov-form/file/gov-form-file.js

@@ -137,7 +137,7 @@ export class GovFormFile {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (h(Host, { key: '57a2ec8520c058114c22a58cc666d74efccb9a96', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, h("div", { key: '6a31911301d1b3eaaeafe32f3167fc0a5893125a', class: FormFileClass.area, ref: el => (this.areaRef = el) }, h("slot", { key: 'feae9382b0223eec714593882ade1904d284e40d' }), h("input", Object.assign({ key: 'b6a16d19ba27cdd878540b39bc440d11761a3ab5', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) }))), this.h.hasSlot("attachments") ? (h("div", { class: FormFileClass.attachments }, h("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (h("div", { class: FormFileClass.attachments }, h("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (h("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, h("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, h("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
+        return (h(Host, { key: '6fe6eb71a8275871bb0aeebae9531d846123ae06', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, h("div", { key: 'cd7ab5a0c223214f5d825c8695993e8c64b9ea78', class: FormFileClass.area, ref: el => (this.areaRef = el) }, h("slot", { key: '6197c08c6a50725a261da65069159f75e3e47834' }), h("input", Object.assign({ key: 'f6897d875af8c47268118ef5d7dd9c19cec6e9a1', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) }))), this.h.hasSlot("attachments") ? (h("div", { class: FormFileClass.attachments }, h("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (h("div", { class: FormFileClass.attachments }, h("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (h("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, h("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (h("gov-form-message", { slot: "message", color: "error" }, h("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, h("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
     }
     onRemoveFileHandler(file) {
         const index = this.files.findIndex(item => item.id === file.id);

package/dist/collection/components/gov-form/group/gov-form-checkbox-group.js

@@ -56,7 +56,7 @@ export class GovFormCheckboxGroup {
         });
     }
     render() {
-        return (h(Host, { key: '22f738e5251d68688b6d21c471a5c18ae2532a5a', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: '8028ab95f42dc8c8dfb8f1ee1b70879c291db6d4' })));
+        return (h(Host, { key: '332a7e45344ebd6bafbcf20813ab7a06a99aae7e', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: 'd00028b250fa309ee22d25bd07f0f940fec0590e' })));
     }
     static get is() { return "gov-form-checkbox-group"; }
     static get originalStyleUrls() {

package/dist/collection/components/gov-form/group/gov-form-group.js

@@ -23,7 +23,7 @@ export class GovFormGroup {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (h(Host, { key: '23bc665133af4d63acae967405c379aef79f9125', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, h("slot", { key: '11d303816dae7149170180b450542c2cd1a322c6' })));
+        return (h(Host, { key: 'a16a99205899fe2a9e49702708c8f879c363b111', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, h("slot", { key: '871900cb0682f57fa0856d90b38a683a005240dd' })));
     }
     static get is() { return "gov-form-group"; }
     static get properties() {

package/dist/collection/components/gov-form/group/gov-form-radio-group.js

@@ -45,7 +45,7 @@ export class GovFormRadioGroup {
         });
     }
     render() {
-        return (h(Host, { key: 'f5d9641f18787c21c13898a8d80159326161e676', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: '81b46ef337551d1f31b9b7f7d5bb32a620f0fb69' })));
+        return (h(Host, { key: '332ec3c5c0582167e5543304daa8508cc354ecc5', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: '7bfbcec04a7f39226709c9546dbd0f121678d075' })));
     }
     static get is() { return "gov-form-radio-group"; }
     static get originalStyleUrls() {