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

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

@@ -0,0 +1,92 @@
+import { h, Host } from "@stencil/core";
+import { AttachmentsClass } from "./constants";
+import { validateWcagProp } from "../../helpers/Validate/wcag";
+import { canValidateWcagOnRender } from "../../helpers/Dom/win";
+import { delay } from "../../utils/utils";
+import { govHost } from "../../helpers/Dom/template";
+export class GovAttachments {
+    constructor() {
+        this.h = govHost(this.host);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            await delay(500);
+            await this.validateWcag();
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ca3b05be8b09114d7871a82c9ec138c4fa8fc24d', class: this.h.classes(AttachmentsClass.root) }, this.label ? h("p", { class: AttachmentsClass.label }, this.label) : null, h("div", { key: 'e47a84d37b86e08171f8002702c4cfe28b09f1fa', class: AttachmentsClass.list, role: "list", "aria-label": this.wcagLabel }, h("slot", { key: 'fcf62fd6cfcab1999e381775584755a62ef3415f' }))));
+    }
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    async validateWcag() {
+        validateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root);
+    }
+    static get is() { return "gov-attachments"; }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label of attachments section"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "wcagLabel": {
+                "type": "string",
+                "attribute": "wcag-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Adds accessible label for the attachment section that is only shown for screen readers."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "validateWcag": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Validate the WCAG attributes of the component",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-attachments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-attachments.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/gov-attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAMpD,MAAM,OAAO,cAAc;IAG1B;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAYD,KAAK,CAAC,kBAAkB;QACvB,IAAI,uBAAuB,EAAE,EAAE,CAAC;YAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;QAC1B,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC;YAChD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAG,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAK,CAAC,CAAC,CAAC,IAAI;YACvE,4DAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,gBAAa,IAAI,CAAC,SAAS;gBACxE,8DAAQ,CACH,CACA,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,YAAY;QACjB,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACtE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n"]}

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

@@ -0,0 +1,5 @@
+export const BackdropClass = {
+    root: 'gov-backdrop',
+    bg: 'gov-backdrop__background',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-backdrop/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,0BAA0B;CAC9B,CAAA","sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n"]}

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

@@ -0,0 +1,166 @@
+import { h, Host } from "@stencil/core";
+import { validateAccessibleLabel } from "../../helpers/Validate/wcag";
+import { BackdropClass } from "./constants";
+import { canValidateWcagOnRender } from "../../helpers/Dom/win";
+import { govHost } from "../../helpers/Dom/template";
+import { tick } from "../../utils/stencil.utils";
+export class GovBackdrop {
+    constructor() {
+        /**
+         * Determine if component should have inverse colors to be used on dark background.
+         */
+        this.inverse = false;
+        /**
+         * Makes the backdrop component disabled.
+         */
+        this.disabled = false;
+        this.h = govHost(this.host);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            tick(() => this.validateAccessibility());
+        }
+    }
+    render() {
+        return (h(Host, { key: '364e63a9a8a66920d463a8763773dd2f36ffc814', class: this.h.classes(BackdropClass.root), inverse: this.inverse }, h("div", { key: '81d25e5aa67f0291f8c9d8e806ab17f7cd9a400e', role: 'button', "aria-disabled": this.disabled, "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, onClick: e => {
+                if (!this.disabled) {
+                    this.govClick.emit(e);
+                }
+            }, class: BackdropClass.bg })));
+    }
+    /**
+     * Validate the accessibility attributes of the component
+     */
+    async validateAccessibility() {
+        validateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host);
+    }
+    static get is() { return "gov-backdrop"; }
+    static get properties() {
+        return {
+            "inverse": {
+                "type": "boolean",
+                "attribute": "inverse",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determine if component should have inverse colors to be used on dark background."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes the backdrop component disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "accessibleLabel": {
+                "type": "string",
+                "attribute": "accessible-label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Adds accessible label for the backdrop that is only shown for screen readers."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "accessibleLabelledBy": {
+                "type": "string",
+                "attribute": "accessible-labelledby",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "String of id's that indicate alternative labels elements"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govClick",
+                "name": "gov-click",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when button clicks."
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    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": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-backdrop.js","sourceRoot":"","sources":["../../../../../../src/components/gov-backdrop/gov-backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAC,IAAI,EAAC,MAAM,2BAA2B,CAAC;AAK/C,MAAM,OAAO,WAAW;IAGvB;QAKA;;WAEG;QACc,YAAO,GAAY,KAAK,CAAA;QACzC;;WAEG;QAC4C,aAAQ,GAAY,KAAK,CAAA;QAXvE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAwBD,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,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;YACrE,4DACC,IAAI,EAAE,QAAQ,mBACC,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,eAAe,qBACf,IAAI,CAAC,oBAAoB,EAC1C,OAAO,EAAE,CAAC,CAAC,EAAE;oBACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;oBACtB,CAAC;gBACF,CAAC,EACD,KAAK,EAAE,aAAa,CAAC,EAAE,GACjB,CACD,CACP,CAAA;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,qBAAqB;QAC1B,uBAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;IACxG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\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\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop 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\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\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(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\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, BackdropClass.root, this.host)\n\t}\n}\n"]}

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

@@ -0,0 +1,26 @@
+import { pick } from "../../utils/utils";
+import { Sizes } from "../../core/constants/sizes";
+export const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL']);
+export var BannerBackground;
+(function (BannerBackground) {
+    BannerBackground["SIMPLE"] = "simple";
+    BannerBackground["WAVES"] = "waves";
+    BannerBackground["STRIPES"] = "stripes";
+    BannerBackground["LINES"] = "lines";
+})(BannerBackground || (BannerBackground = {}));
+export var BannerForeground;
+(function (BannerForeground) {
+    BannerForeground["IMAGE"] = "image";
+    BannerForeground["LOGO"] = "logo";
+    BannerForeground["ICON"] = "icon";
+})(BannerForeground || (BannerForeground = {}));
+export var BannerTextColor;
+(function (BannerTextColor) {
+    BannerTextColor["LIGHT"] = "light";
+    BannerTextColor["DARK"] = "dark";
+})(BannerTextColor || (BannerTextColor = {}));
+export const BannerClass = {
+    root: 'gov-banner',
+    content: 'gov-banner__content',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-banner/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAGjE,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC3B,qCAAiB,CAAA;IACjB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AAChB,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B;AAGD,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC3B,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,iCAAa,CAAA;AACd,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAGD,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IAC1B,kCAAe,CAAA;IACf,gCAAa,CAAA;AACd,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAGD,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,qBAAqB;CAC9B,CAAA","sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n"]}

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

@@ -0,0 +1,175 @@
+import { h, Host } from "@stencil/core";
+import { govHost } from "../../helpers/Dom/template";
+import { BannerBackground, BannerClass, BannerForeground, BannerSizes, BannerTextColor } from "./constants";
+import { validateProp } from "../../helpers/Validate/props";
+export class GovBanner {
+    constructor() {
+        /**
+         * Banner’s size.
+         */
+        this.size = BannerSizes._M;
+        /**
+         * Banner’s background
+         */
+        this.background = BannerBackground.SIMPLE;
+        /**
+         * Banner’s foreground
+         */
+        this.foreground = BannerForeground.IMAGE;
+        /**
+         * XL Banner’s text color
+         */
+        this.textColor = BannerTextColor.LIGHT;
+        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);
+        this.validateBackground(this.background);
+        this.validateForeground(this.foreground);
+        this.validateTextColor(this.textColor);
+    }
+    render() {
+        return (h(Host, Object.assign({ key: '142c906194083f6c186d1f1d9033c4f2c9be9bff', 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: '0b52a8859b6cdcd92d0f5e97b460a3e0a899bd44' }, h("div", { key: 'a36ed5ad57c878d70770ccfeccd172749a555b22', class: BannerClass.content }, h("slot", { key: '57f52bfb0189450e77c00f4d9904712e555a3125', name: "headline" }), h("slot", { key: '91629f1bf0605ae28d694d044d19bbef9ebb69da' })), this.h.hasSlot('button') && (h("slot", { key: '458a59c73e9bdf02d6cdb1e8c5caea0dcfec526a', name: "button" }))), h("slot", { key: 'f1d60077313455ed78c78b56c7741b4b593cf7cc', name: "image" })));
+    }
+    static get is() { return "gov-banner"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "BannerSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\"",
+                    "references": {
+                        "BannerSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-banner/constants.ts::BannerSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Banner\u2019s size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "BannerSizes._M"
+            },
+            "background": {
+                "type": "string",
+                "attribute": "background",
+                "mutable": false,
+                "complexType": {
+                    "original": "BannerBackgroundsType",
+                    "resolved": "\"lines\" | \"simple\" | \"stripes\" | \"waves\"",
+                    "references": {
+                        "BannerBackgroundsType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-banner/constants.ts::BannerBackgroundsType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Banner\u2019s background"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "BannerBackground.SIMPLE"
+            },
+            "foreground": {
+                "type": "string",
+                "attribute": "foreground",
+                "mutable": false,
+                "complexType": {
+                    "original": "BannerForegroundsType",
+                    "resolved": "\"icon\" | \"image\" | \"logo\"",
+                    "references": {
+                        "BannerForegroundsType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-banner/constants.ts::BannerForegroundsType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Banner\u2019s foreground"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "BannerForeground.IMAGE"
+            },
+            "textColor": {
+                "type": "string",
+                "attribute": "text-color",
+                "mutable": false,
+                "complexType": {
+                    "original": "BannerTextColorsType",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {
+                        "BannerTextColorsType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-banner/constants.ts::BannerTextColorsType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "XL Banner\u2019s text color"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "BannerTextColor.LIGHT"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }, {
+                "propName": "background",
+                "methodName": "validateBackground"
+            }, {
+                "propName": "foreground",
+                "methodName": "validateForeground"
+            }, {
+                "propName": "text-color",
+                "methodName": "validateTextColor"
+            }];
+    }
+}
+//# sourceMappingURL=gov-banner.js.map

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

@@ -0,0 +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,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;QAKA;;WAEG;QAC6B,SAAI,GAAoB,WAAW,CAAC,EAAE,CAAA;QACtE;;WAEG;QACc,eAAU,GAA0B,gBAAgB,CAAC,MAAM,CAAA;QAC5E;;WAEG;QACc,eAAU,GAA0B,gBAAgB,CAAC,KAAK,CAAA;QAC3E;;WAEG;QACuC,cAAS,GAAyB,eAAe,CAAC,KAAK,CAAA;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.IMAGE\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

@@ -0,0 +1,10 @@
+export var BlockquoteType;
+(function (BlockquoteType) {
+    BlockquoteType["PRIMARY"] = "primary";
+    BlockquoteType["SUBTLE"] = "subtle";
+    BlockquoteType["NEUTRAL"] = "neutral";
+})(BlockquoteType || (BlockquoteType = {}));
+export const BlockquoteClass = {
+    root: 'gov-blockquote',
+};
+//# sourceMappingURL=constants.js.map

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-blockquote/gov-blockquote.js

@@ -0,0 +1,67 @@
+import { Host, h } from "@stencil/core";
+import { govHost } from "../../helpers/Dom/template";
+import { BlockquoteClass, BlockquoteType } from "./constants";
+export class GovBlockquote {
+    constructor() {
+        /**
+         * Blockquote’s type
+         */
+        this.type = BlockquoteType.SUBTLE;
+        this.h = govHost(this.host);
+    }
+    render() {
+        return (h(Host, { key: 'c12f0f01c2db5025112edd1ebc834a18ff754546', class: this.h.classes(BlockquoteClass.root), type: this.type }, h("gov-icon", { key: 'f043fdebbbd95c4eb3909985243f5ef253eb0335', type: "components", name: "quote", size: "3xl" }), h("blockquote", { key: '57cdec66772ad7732a79dd9a55cad1d9e5058ed7', cite: this.cite }, h("slot", { key: '71a0e5ca7f377e22f4c12c44c517f142d45e47a9' })), h("slot", { key: 'b0c7f4796b12e1baec71c03d20cb2ff99ae51311', name: "image" }), h("slot", { key: '55e5588b7e9793743a6b8ef403d363ddde8300d8', name: "author" })));
+    }
+    static get is() { return "gov-blockquote"; }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "BlockquoteTypesType",
+                    "resolved": "\"neutral\" | \"primary\" | \"subtle\"",
+                    "references": {
+                        "BlockquoteTypesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-blockquote/constants.ts::BlockquoteTypesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Blockquote\u2019s type"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "BlockquoteType.SUBTLE"
+            },
+            "cite": {
+                "type": "string",
+                "attribute": "cite",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Blockquote\u2019s cite url"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-blockquote.js.map

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;QAKA;;WAEG;QAC6B,SAAI,GAAwB,cAAc,CAAC,MAAM,CAAA;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/constants.js

@@ -0,0 +1,4 @@
+export const BreadcrumbsClass = {
+    root: 'gov-breadcrumbs',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-breadcrumbs/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,iBAAiB;CACvB,CAAA","sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-breadcrumbs.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-breadcrumbs.d.js","sourceRoot":"","sources":["../../../../../../src/components/gov-breadcrumbs/gov-breadcrumbs.d.tsx"],"names":[],"mappings":"","sourcesContent":["export interface GovBreadcrumbsChangeEvent {\n\topen: boolean\n\telement: HTMLGovBreadcrumbsElement\n}\n"]}