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

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

@@ -0,0 +1,182 @@
+import { h, Host } from "@stencil/core";
+import { CollapsibleClass, CollapsibleSizes, } from "./constants";
+import { booleanString, govHost } from "../../helpers/Dom/template";
+import { validateProp } from "../../helpers/Validate/props";
+import { AttributeObserver } from "../../helpers/Dom/attribute";
+import { createID } from "../../utils/string.utils";
+import { ariaAttributes } from "../../helpers/Accessibility/attributes";
+import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
+export class GovCollapsible {
+    constructor() {
+        this.hydrated = false;
+        /**
+         * Element size.
+         */
+        this.size = 'm';
+        /**
+         * Makes component disabled.
+         */
+        this.disabled = false;
+        /**
+         * Defines whether the collapsible is open or closed
+         */
+        this.open = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+        this.triggerId = createID("GovCollapsibleControl");
+        this.contentId = createID("GovCollapsibleContent");
+    }
+    validateSize(newValue) {
+        validateProp(CollapsibleSizes, newValue, CollapsibleClass.root);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        return (h(Host, { key: '769978332f69d9faf2a4e8b305db730f30aff4ef', hydrated: this.hydrated, class: this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled]), size: this.size }, h("gov-button", Object.assign({ key: '8471245d9dd22f5599d234f86b7bf2127d8632ac', color: 'primary', size: this.size, type: 'link', disabled: this.disabled, "onGov-click": (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                this.open = !this.open;
+            } }, this.inheritedAttributes, { identifier: this.triggerId, "aria-controls": this.contentId, "aria-expanded": booleanString(this.open), "aria-haspopup": "true" }), this.label, h("gov-icon", { key: '01d4627f3817249e3653f8a2fdf0cc2d2d2ad36a', slot: 'icon-end', name: this.open ? 'chevron-up' : 'chevron-down', type: "components" })), h("div", { key: '0d680443f3fa888d753aaf0090e9c4da177dbf7b', class: CollapsibleClass.content, hidden: !this.open, id: this.contentId, "aria-labelledby": this.triggerId, "aria-hidden": booleanString(!this.open) }, h("slot", { key: '4b3c64ff8fb7f6d6039d9042328121207ccf7580' }))));
+    }
+    static get is() { return "gov-collapsible"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "CollapsibleSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "CollapsibleSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-collapsible/constants.ts::CollapsibleSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Element size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'m'"
+            },
+            "identifier": {
+                "type": "string",
+                "attribute": "identifier",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom input identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes component disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "open": {
+                "type": "boolean",
+                "attribute": "open",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines whether the collapsible is open or closed"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "inheritedAttributes": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }];
+    }
+}
+//# sourceMappingURL=gov-collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-collapsible.js","sourceRoot":"","sources":["../../../../../../src/components/gov-collapsible/gov-collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,GAAwB,MAAM,aAAa,CAAA;AACrF,OAAO,EAAC,aAAa,EAAE,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAEjE,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAa,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAC,qBAAqB,EAAC,MAAM,2CAA2C,CAAC;AAMhF,MAAM,OAAO,cAAc;IAO1B;QALQ,aAAQ,GAAG,KAAK,CAAA;QAYxB;;WAEG;QACc,SAAI,GAA0B,GAAG,CAAA;QAOlD;;WAEG;QACc,aAAQ,GAAY,KAAK,CAAA;QAC1C;;WAEG;QACuC,SAAI,GAAG,KAAK,CAAA;QAE7C,wBAAmB,GAAe,EAAE,CAAA;QAzB5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAA;QAClD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAA;KAClD;IA0BD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAChE,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE;YACrF,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAE5B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,qBAAqB,CAAC,aAAqB,EAAE,QAAgB;QAC5D,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;QACxC,IAAI,CAAC,mBAAmB,mCAAO,IAAI,CAAC,mBAAmB,KAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,GAAC,CAAC;IACrF,CAAC;IAED,oBAAoB;;QACnB,MAAA,IAAI,CAAC,iBAAiB,0CAAE,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAC1B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,EAC1F,IAAI,EAAE,IAAI,CAAC,IAAI;YACjB,iFAAY,KAAK,EAAE,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,iBACV,CAAC,CAAC,EAAE,EAAE;oBAClB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;gBACxB,CAAC,IACG,IAAI,CAAC,mBAAmB,IAC5B,UAAU,EAAE,IAAI,CAAC,SAAS,mBACX,IAAI,CAAC,SAAS,mBACd,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,mBACzB,MAAM;gBACrB,IAAI,CAAC,KAAK;gBACX,iEAAU,IAAI,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC/C,IAAI,EAAC,YAAY,GAAY,CACrB;YAEb,4DAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAClC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAClB,EAAE,EAAE,IAAI,CAAC,SAAS,qBACD,IAAI,CAAC,SAAS,iBAClB,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;gBACvC,8DAAO,CACF,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {createID} from \"../../utils/string.utils\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-collapsible',\n})\nexport class GovCollapsible {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\n\t}\n\n\t@Element() host: HTMLGovCollapsibleElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\n\t@Prop() readonly label: string\n\t/**\n\t * Makes component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the collapsible is open or closed\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host hydrated={this.hydrated}\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\n\t\t\t\t  size={this.size}>\n\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\ttype={'link'}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonGov-click={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.open = !this.open;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\tidentifier={this.triggerId}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t\taria-haspopup=\"true\">\n\t\t\t\t\t{this.label}\n\t\t\t\t\t<gov-icon slot={'icon-end'}\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={CollapsibleClass.content}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-labelledby={this.triggerId}\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,eAAe;CACrB,CAAA","sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n"]}

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

@@ -0,0 +1,14 @@
+import { h, Host } from "@stencil/core";
+import { govHost } from "../../helpers/Dom/template";
+import { ContainerClass } from "./constants";
+export class GovContainer {
+    constructor() {
+        this.h = govHost(this.host);
+    }
+    render() {
+        return (h(Host, { key: '57f372b12f582a563cd0191ccac3574a54fa026f', class: this.h.classes(ContainerClass.root) }, h("slot", { key: 'ee902cd336fe794ee49d655b59054dbd3c852036' })));
+    }
+    static get is() { return "gov-container"; }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-container.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/gov-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;YAC/C,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,7 @@
+import { Colors } from "../../core/constants/colors";
+import { pick } from "../../utils/utils";
+export const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR']);
+export const ControlGroupClass = {
+    root: 'gov-control-group',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-control-group/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;AAG/E,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,mBAAmB;CACzB,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n"]}

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

@@ -0,0 +1,131 @@
+import { h, Host } from "@stencil/core";
+import { Colors } from "../../core/constants/colors";
+import { govHost } from "../../helpers/Dom/template";
+import { validateProp } from "../../helpers/Validate/props";
+import { ControlGroupClass } from "./constants";
+export class GovControlGroup {
+    constructor() {
+        /**
+         * Style variation of the content message.
+         */
+        this.color = Colors.NEUTRAL;
+        /**
+         * Specifies the display of the border between elements
+         */
+        this.noBorder = false;
+        /**
+         * Specifies the display of the border between elements
+         */
+        this.noInnerBorder = false;
+        /**
+         * Specifies the display of elements to full width
+         */
+        this.fitContent = false;
+        this.h = govHost(this.host);
+    }
+    validateColor(newValue) {
+        validateProp(Colors, newValue, ControlGroupClass.root);
+    }
+    render() {
+        return (h(Host, { key: 'be061d7c1f49481bc31a0a8b8222eacc044051e3', class: this.h.classes(ControlGroupClass.root), color: this.color }, h("slot", { key: '1af88c06c1f92db2c34727a87a7acac4abf895c1' })));
+    }
+    static get is() { return "gov-control-group"; }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "attribute": "color",
+                "mutable": false,
+                "complexType": {
+                    "original": "ControlGroupColorType",
+                    "resolved": "\"error\" | \"neutral\" | \"primary\"",
+                    "references": {
+                        "ControlGroupColorType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-control-group/constants.ts::ControlGroupColorType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Style variation of the content message."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "Colors.NEUTRAL"
+            },
+            "noBorder": {
+                "type": "boolean",
+                "attribute": "no-border",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the display of the border between elements"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "noInnerBorder": {
+                "type": "boolean",
+                "attribute": "no-inner-border",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the display of the border between elements"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "fitContent": {
+                "type": "boolean",
+                "attribute": "fit-content",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the display of elements to full width"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "color",
+                "methodName": "validateColor"
+            }];
+    }
+}
+//# sourceMappingURL=gov-control-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-control-group.js","sourceRoot":"","sources":["../../../../../../src/components/gov-control-group/gov-control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAyB,MAAM,aAAa,CAAA;AAKtE,MAAM,OAAO,eAAe;IAG3B;QAKA;;WAEG;QACc,UAAK,GAA0B,MAAM,CAAC,OAAO,CAAA;QAC9D;;WAEG;QACwC,aAAQ,GAAY,KAAK,CAAA;QACpE;;WAEG;QAC8C,kBAAa,GAAY,KAAK,CAAA;QAC/E;;WAEG;QAC0C,eAAU,GAAY,KAAK,CAAA;QAnBvE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAqBD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,8 @@
+export const CookieConsentClass = {
+    root: 'gov-cookiebar',
+    content: 'gov-cookiebar__content',
+    actions: 'gov-cookiebar__actions',
+    actionsPrimary: 'gov-cookiebar__actions--primary',
+    actionsSecondary: 'gov-cookiebar__actions--secondary',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;IACjC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;CACrD,CAAA","sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n"]}

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

@@ -0,0 +1,14 @@
+import { h, Host } from "@stencil/core";
+import { govHost } from "../../helpers/Dom/template";
+import { CookieConsentClass } from "./constants";
+export class GovCookiebar {
+    constructor() {
+        this.h = govHost(this.host);
+    }
+    render() {
+        return (h(Host, { key: '3080237f7f776dbb4f984e7562c42da7634bf0d0', class: this.h.classes(CookieConsentClass.root) }, h("div", { key: '54c4ae5e1ea5249fec0268dc42df515c1fb75e07', class: CookieConsentClass.content }, h("slot", { key: 'ed6fa45135ede9ef8a07c7e2d57076bb9b8ada9f', name: "headline" }), h("slot", { key: 'c9b8eb4aeee524aa94fc91acef36bd7773d85432' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (h("div", { key: '2e323a07712c2981add9181cc0e7f2e4682b5335', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (h("div", { key: 'fc63030056a1f625fe8d8fbc800296b1289afe29', class: CookieConsentClass.actionsPrimary }, h("slot", { key: '785adc2aced7347a3360c769ff3099ee434b3fc8', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (h("div", { key: 'a078d1d4d7c6183bb8827d77cdcf844359d4cbdb', class: CookieConsentClass.actionsSecondary }, h("slot", { key: '85c98084bf4a36f6669f84e35ea3c578edb19fa1', name: "actions-secondary" })))))));
+    }
+    static get is() { return "gov-cookiebar"; }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-cookiebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-cookiebar.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/gov-cookiebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAKhD,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACnD,4DAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO;gBACrC,6DAAM,IAAI,EAAC,UAAU,GAAG;gBACxB,8DAAQ,CACH;YAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAC9E,4DAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO;gBACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CACrC,4DAAK,KAAK,EAAE,kBAAkB,CAAC,cAAc;oBAC5C,6DAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CACN;gBAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CACvC,4DAAK,KAAK,EAAE,kBAAkB,CAAC,gBAAgB;oBAC9C,6DAAM,IAAI,EAAC,mBAAmB,GAAG,CAC5B,CACN,CACI,CACN,CACK,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -0,0 +1,12 @@
+export const DialogClass = {
+    root: 'gov-dialog',
+    dialog: 'gov-dialog__dialog',
+    inner: 'gov-dialog__inner',
+    header: 'gov-dialog__header',
+    title: 'gov-dialog__title',
+    content: 'gov-dialog__content',
+    close: 'gov-dialog__close',
+    footer: 'gov-dialog__footer',
+    bodyFix: 'body-fixed',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-dialog/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,oBAAoB;IAC5B,OAAO,EAAE,YAAY;CACrB,CAAA","sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n"]}