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

package/dist/cjs/gov-collapsible.cjs.entry.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var utils = require('./utils-NnC78QR3.js');
+var sizes = require('./sizes-D5zsw2g5.js');
+var template = require('./template-Cj6PcLmR.js');
+var props = require('./props-CPENhBnM.js');
+var attribute = require('./attribute-CH1-zDDl.js');
+var string_utils = require('./string.utils-BG4pUfEi.js');
+var accessibility = require('./accessibility-BQJmIVWV.js');
+require('./gov.log-C5EH15b_.js');
+
+const CollapsibleSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+var CollapsibleDirection;
+(function (CollapsibleDirection) {
+    CollapsibleDirection["DOWN"] = "down";
+    CollapsibleDirection["UP"] = "up";
+})(CollapsibleDirection || (CollapsibleDirection = {}));
+const CollapsibleClass = {
+    root: 'gov-collapsible',
+    content: 'gov-collapsible__content',
+    disabled: 'gov-collapsible--disabled',
+};
+
+const GovCollapsible = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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 = template.govHost(this.host);
+        this.triggerId = string_utils.createID("GovCollapsibleControl");
+        this.contentId = string_utils.createID("GovCollapsibleContent");
+    }
+    validateSize(newValue) {
+        props.validateProp(CollapsibleSizes, newValue, CollapsibleClass.root);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(attribute.ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = accessibility.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 (index.h(index.Host, { key: '769978332f69d9faf2a4e8b305db730f30aff4ef', hydrated: this.hydrated, class: this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled]), size: this.size }, index.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": template.booleanString(this.open), "aria-haspopup": "true" }), this.label, index.h("gov-icon", { key: '01d4627f3817249e3653f8a2fdf0cc2d2d2ad36a', slot: 'icon-end', name: this.open ? 'chevron-up' : 'chevron-down', type: "components" })), index.h("div", { key: '0d680443f3fa888d753aaf0090e9c4da177dbf7b', class: CollapsibleClass.content, hidden: !this.open, id: this.contentId, "aria-labelledby": this.triggerId, "aria-hidden": template.booleanString(!this.open) }, index.h("slot", { key: '4b3c64ff8fb7f6d6039d9042328121207ccf7580' }))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+};
+
+exports.gov_collapsible = GovCollapsible;
+//# sourceMappingURL=gov-collapsible.entry.cjs.js.map
+
+//# sourceMappingURL=gov-collapsible.cjs.entry.js.map

package/dist/cjs/gov-collapsible.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-collapsible.entry.cjs.js","mappings":"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","names":["pick","Sizes","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","booleanString"],"sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","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"],"version":3}

package/dist/cjs/gov-collapsible.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-collapsible.entry.cjs.js","sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","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"],"names":["pick","Sizes","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","booleanString"],"mappings":"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"}

package/dist/cjs/gov-container.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var template = require('./template-Cj6PcLmR.js');
+
+const ContainerClass = {
+    root: 'gov-container',
+};
+
+const GovContainer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.h = template.govHost(this.host);
+    }
+    render() {
+        return (index.h(index.Host, { key: '57f372b12f582a563cd0191ccac3574a54fa026f', class: this.h.classes(ContainerClass.root) }, index.h("slot", { key: 'ee902cd336fe794ee49d655b59054dbd3c852036' })));
+    }
+    get host() { return index.getElement(this); }
+};
+
+exports.gov_container = GovContainer;
+//# sourceMappingURL=gov-container.entry.cjs.js.map
+
+//# sourceMappingURL=gov-container.cjs.entry.js.map

package/dist/cjs/gov-container.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-container.entry.cjs.js","mappings":";;;;;AAAO,MAAM,cAAc,GAAG;AAC7B,IAAA,IAAI,EAAE,eAAe;CACrB;;MCMY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC/CD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","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"],"version":3}

package/dist/cjs/gov-container.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-container.entry.cjs.js","sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","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"],"names":["govHost","h","Host"],"mappings":";;;;;AAAO,MAAM,cAAc,GAAG;AAC7B,IAAA,IAAI,EAAE,eAAe;CACrB;;MCMY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC/CD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

package/dist/cjs/gov-control-group.cjs.entry.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var colors = require('./colors-DgrrxjsX.js');
+var template = require('./template-Cj6PcLmR.js');
+var props = require('./props-CPENhBnM.js');
+var utils = require('./utils-NnC78QR3.js');
+require('./gov.log-C5EH15b_.js');
+
+utils.pick(colors.Colors, ['PRIMARY', 'NEUTRAL', 'ERROR']);
+const ControlGroupClass = {
+    root: 'gov-control-group',
+};
+
+const GovControlGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Style variation of the content message.
+         */
+        this.color = colors.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 = template.govHost(this.host);
+    }
+    validateColor(newValue) {
+        props.validateProp(colors.Colors, newValue, ControlGroupClass.root);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'be061d7c1f49481bc31a0a8b8222eacc044051e3', class: this.h.classes(ControlGroupClass.root), color: this.color }, index.h("slot", { key: '1af88c06c1f92db2c34727a87a7acac4abf895c1' })));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "color": ["validateColor"]
+    }; }
+};
+
+exports.gov_control_group = GovControlGroup;
+//# sourceMappingURL=gov-control-group.entry.cjs.js.map
+
+//# sourceMappingURL=gov-control-group.cjs.entry.js.map

package/dist/cjs/gov-control-group.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-control-group.entry.cjs.js","mappings":";;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;AAGvE,MAAM,iBAAiB,GAAG;AAChC,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAA0BA,aAAM,CAAC,OAAO;AAC9D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACpE;;AAEG;AAC8C,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC/E;;AAEG;AAC0C,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;QAnBvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC;;IAGvD,MAAM,GAAA;AACL,QAAA,QACCG,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;","names":["pick","Colors","govHost","validateProp","h","Host"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"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","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"],"version":3}

package/dist/cjs/gov-control-group.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-control-group.entry.cjs.js","sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"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","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"],"names":["pick","Colors","govHost","validateProp","h","Host"],"mappings":";;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;AAGvE,MAAM,iBAAiB,GAAG;AAChC,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAA0BA,aAAM,CAAC,OAAO;AAC9D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACpE;;AAEG;AAC8C,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC/E;;AAEG;AAC0C,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;QAnBvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC;;IAGvD,MAAM,GAAA;AACL,QAAA,QACCG,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}

package/dist/cjs/gov-cookiebar.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var template = require('./template-Cj6PcLmR.js');
+
+const CookieConsentClass = {
+    root: 'gov-cookiebar',
+    content: 'gov-cookiebar__content',
+    actions: 'gov-cookiebar__actions',
+    actionsPrimary: 'gov-cookiebar__actions--primary',
+    actionsSecondary: 'gov-cookiebar__actions--secondary',
+};
+
+const GovCookiebar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.h = template.govHost(this.host);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3080237f7f776dbb4f984e7562c42da7634bf0d0', class: this.h.classes(CookieConsentClass.root) }, index.h("div", { key: '54c4ae5e1ea5249fec0268dc42df515c1fb75e07', class: CookieConsentClass.content }, index.h("slot", { key: 'ed6fa45135ede9ef8a07c7e2d57076bb9b8ada9f', name: "headline" }), index.h("slot", { key: 'c9b8eb4aeee524aa94fc91acef36bd7773d85432' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (index.h("div", { key: '2e323a07712c2981add9181cc0e7f2e4682b5335', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (index.h("div", { key: 'fc63030056a1f625fe8d8fbc800296b1289afe29', class: CookieConsentClass.actionsPrimary }, index.h("slot", { key: '785adc2aced7347a3360c769ff3099ee434b3fc8', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (index.h("div", { key: 'a078d1d4d7c6183bb8827d77cdcf844359d4cbdb', class: CookieConsentClass.actionsSecondary }, index.h("slot", { key: '85c98084bf4a36f6669f84e35ea3c578edb19fa1', name: "actions-secondary" })))))));
+    }
+    get host() { return index.getElement(this); }
+};
+
+exports.gov_cookiebar = GovCookiebar;
+//# sourceMappingURL=gov-cookiebar.entry.cjs.js.map
+
+//# sourceMappingURL=gov-cookiebar.cjs.entry.js.map

package/dist/cjs/gov-cookiebar.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-cookiebar.entry.cjs.js","mappings":";;;;;AAAO,MAAM,kBAAkB,GAAG;AACjC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,cAAc,EAAE,iCAAiC;AACjD,IAAA,gBAAgB,EAAE,mCAAmC;CACrD;;MCEY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EACnDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,EACxBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,cAAc,EAAA,EAC5CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,EAAA,EAC9CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAG,CAAA,CAC5B,CACN,CACI,CACN,CACK;;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"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","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"],"version":3}

package/dist/cjs/gov-cookiebar.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-cookiebar.entry.cjs.js","sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"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","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"],"names":["govHost","h","Host"],"mappings":";;;;;AAAO,MAAM,kBAAkB,GAAG;AACjC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,cAAc,EAAE,iCAAiC;AACjD,IAAA,gBAAgB,EAAE,mCAAmC;CACrD;;MCEY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EACnDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,EACxBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,cAAc,EAAA,EAC5CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,EAAA,EAC9CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAG,CAAA,CAC5B,CACN,CACI,CACN,CACK;;;;;;;"}

package/dist/cjs/gov-dialog.cjs.entry.js

@@ -0,0 +1,169 @@
+'use strict';
+
+var index = require('./index-BEF5cZxd.js');
+var template = require('./template-Cj6PcLmR.js');
+var gov_log = require('./gov.log-C5EH15b_.js');
+var wcag = require('./wcag-Bvzxnp5D.js');
+var string_utils = require('./string.utils-BG4pUfEi.js');
+var stencil_utils = require('./stencil.utils-8sCYbm34.js');
+require('./utils-NnC78QR3.js');
+require('./helpers.types-vap8QfRH.js');
+
+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',
+};
+
+function getFocusableElements(container) {
+    if (!container)
+        return [];
+    return Array.from(container.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'));
+}
+
+const GovDialog = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.govClose = index.createEvent(this, "gov-close");
+        this.hydrated = false;
+        /**
+         * Attribute for dialog window display
+         */
+        this.open = false;
+        /**
+         * Attribute allowing blocking the dialog closing
+         */
+        this.blockClose = false;
+        /**
+         * Attribute allowing blocking the backdrop dialog closing
+         */
+        this.blockBackdropClose = false;
+        /**
+         * Role of dialog
+         */
+        this.role = 'dialog';
+        /**
+         * Used to change the HTML tag in the dialog label for correct semantic structure
+         */
+        this.labelTag = 'h2';
+        /**
+         * Adds accessible label for the dialog close button that is only shown for screen readers.
+         */
+        this.accessibleCloseLabel = 'Zavřít okno';
+        this.h = template.govHost(this.host);
+        this.labelId = string_utils.createID('GovDialogLabel');
+        this.contentId = string_utils.createID('GovDialogContent');
+    }
+    watchOpen(newValue) {
+        var _a;
+        this.open = newValue;
+        this.setFocus().finally();
+        if (!newValue) {
+            (_a = this.lastActiveElementRef) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        else {
+            this.focusTrap();
+        }
+    }
+    showDialog() {
+        this.open = true;
+        document.body.classList.add(DialogClass.bodyFix);
+    }
+    hideDialog() {
+        this.open = false;
+        document.body.classList.remove(DialogClass.bodyFix);
+    }
+    async componentDidRender() {
+        if (gov_log.canValidateWcagOnRender()) {
+            stencil_utils.tick(() => this.validateAccessibility());
+        }
+        if (this.open) {
+            this.showDialog();
+        }
+        else {
+            this.hideDialog();
+        }
+    }
+    focusTrap() {
+        var _a;
+        if (open && this.dialogRef) {
+            this.lastActiveElementRef = document.activeElement;
+            const focusableEls = getFocusableElements(this.dialogRef);
+            if (focusableEls.length) {
+                focusableEls[0].focus();
+            }
+            const handleKeyDown = (e) => {
+                if (e.key === "Tab" && this.dialogRef) {
+                    const focusableEls = getFocusableElements(this.dialogRef);
+                    const firstEl = focusableEls[0];
+                    const lastEl = focusableEls[focusableEls.length - 1];
+                    if (!e.shiftKey && document.activeElement === lastEl) {
+                        e.preventDefault();
+                        firstEl.focus();
+                    }
+                    if (e.shiftKey && document.activeElement === firstEl) {
+                        e.preventDefault();
+                        lastEl.focus();
+                    }
+                }
+                if (e.key === "Escape") {
+                    if (this.blockClose === false) {
+                        this.hideDialog();
+                        this.govClose.emit();
+                    }
+                }
+            };
+            document.addEventListener("keydown", handleKeyDown);
+        }
+        else {
+            (_a = this.lastActiveElementRef) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    disconnectedCallback() {
+        document.body.classList.remove(DialogClass.bodyFix);
+    }
+    render() {
+        return (index.h(index.Host, { key: '1b4a7fbbf75675be26754a29aeadf8943af6e372', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, index.h("dialog", { key: '75df8bc2428485b6bc5a2ed21f334ff897a26f19', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: template.boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": template.toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, index.h("div", { key: '7a8c1ff8172fcb3e2e6ed342baf38018b7603b4c', class: DialogClass.inner }, index.h("div", { key: 'b84fec4ad89efe420beede090a20bfdff6f47457', class: DialogClass.header }, this.h.hasSlot("icon") && (index.h("span", { key: '931cc48c446af90837a58bd83bfc30e9c54ad787' }, index.h("slot", { key: '088523bcc3debf0144195c21faa89f9f5ab8dd31', name: "icon" }))), this.h.hasSlot('title') && (index.h("span", { key: 'd38ca38a8b269f5a4f18ea2c8b0d833ac1614f43', class: DialogClass.title, id: this.labelId }, index.h("slot", { key: '7bdc841090ba66fb9dab50d3ae1af8308fd4dddb', name: "title" }))), index.h("gov-button", { key: '89dddfec62b770915b1e841b65a3727a399ac454', 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) }, index.h("gov-icon", { key: 'b4446a4fb10351aa2c263c1e09c7f821096e780f', slot: "icon-start", name: "x-lg", type: "components" }))), index.h("div", { key: '5c2a71245e7cd6e5ffebc317b79c16b299de1674', class: DialogClass.content, id: this.contentId }, index.h("slot", { key: 'd2bb335499547d7799316f2c9016569375eed7f4' })), this.h.hasSlot('footer') && (index.h("div", { key: '154d7917e898162f0fdaad2fa4007fccdec820c6', class: DialogClass.footer }, index.h("slot", { key: '45272652b42b67f1f1bc88f256c20eba35fe1f69', name: "footer" }))))), this.open ? (index.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();
+        e.preventDefault();
+        if (this.blockClose === false) {
+            this.hideDialog();
+            this.govClose.emit(e);
+        }
+    }
+    /**
+     * Sets the close button to focus
+     */
+    async setFocus() {
+        if (this.open && this.closeCtaRef) {
+            this.closeCtaRef.setFocus().catch();
+        }
+    }
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    async validateAccessibility() {
+        wcag.validateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root);
+        wcag.validateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root);
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "open": ["watchOpen"]
+    }; }
+};
+
+exports.gov_dialog = GovDialog;
+//# sourceMappingURL=gov-dialog.entry.cjs.js.map
+
+//# sourceMappingURL=gov-dialog.cjs.entry.js.map

package/dist/cjs/gov-dialog.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-dialog.entry.cjs.js","mappings":"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","names":["govHost","createID","canValidateWcagOnRender","tick","h","Host","boolToFocusValue","toBoolAttr","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"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","export function getFocusableElements(container: HTMLElement) {\n\tif (!container) return [];\n\treturn Array.from(\n\t\tcontainer.querySelectorAll(\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\n\t\t)\n\t);\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {getFocusableElements} from \"../../utils/dom.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\tprivate dialogRef?: HTMLDialogElement;\n\tprivate lastActiveElementRef?: HTMLElement;\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicates alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when a dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\n\t\tif (!newValue) {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t} else {\n\t\t\tthis.focusTrap();\n\t\t}\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tprivate focusTrap() {\n\t\tif (open && this.dialogRef) {\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\n\t\t\tif (focusableEls.length) {\n\t\t\t\tfocusableEls[0].focus();\n\t\t\t}\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\n\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tfirstEl.focus();\n\t\t\t\t\t}\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tlastEl.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\tif (this.blockClose === false) {\n\t\t\t\t\t\tthis.hideDialog();\n\t\t\t\t\t\tthis.govClose.emit();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t} else {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tref={el => (this.dialogRef = el)}\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\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</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-dialog.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-dialog.entry.cjs.js","sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"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","export function getFocusableElements(container: HTMLElement) {\n\tif (!container) return [];\n\treturn Array.from(\n\t\tcontainer.querySelectorAll(\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\n\t\t)\n\t);\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {getFocusableElements} from \"../../utils/dom.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\tprivate dialogRef?: HTMLDialogElement;\n\tprivate lastActiveElementRef?: HTMLElement;\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicates alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when a dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\n\t\tif (!newValue) {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t} else {\n\t\t\tthis.focusTrap();\n\t\t}\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tprivate focusTrap() {\n\t\tif (open && this.dialogRef) {\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\n\t\t\tif (focusableEls.length) {\n\t\t\t\tfocusableEls[0].focus();\n\t\t\t}\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\n\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tfirstEl.focus();\n\t\t\t\t\t}\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tlastEl.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\tif (this.blockClose === false) {\n\t\t\t\t\t\tthis.hideDialog();\n\t\t\t\t\t\tthis.govClose.emit();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t} else {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tref={el => (this.dialogRef = el)}\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\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</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"names":["govHost","createID","canValidateWcagOnRender","tick","h","Host","boolToFocusValue","toBoolAttr","validateWcagRef"],"mappings":";;;;;;;;;;;AAAO,MAAM,WAAW,GAAG;AAC1B,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,MAAM,EAAE,oBAAoB;AAC5B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,oBAAoB;AAC5B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,oBAAoB;AAC5B,IAAA,OAAO,EAAE,YAAY;CACrB;;ACVK,SAAU,oBAAoB,CAAC,SAAsB,EAAA;AAC1D,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,EAAE;IACzB,OAAO,KAAK,CAAC,IAAI,CAChB,SAAS,CAAC,gBAAgB,CACzB,gHAAgH,CAChH,CACD;AACF;;MCOa,SAAS,GAAA,MAAA;AASrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AALQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAaxB;;AAEG;AACmC,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAClD;;AAEG;AAC+B,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;AACpD;;AAEG;AACwC,QAAA,IAAkB,CAAA,kBAAA,GAAG,KAAK;AACrE;;AAEG;AACwB,QAAA,IAAI,CAAA,IAAA,GAAqB,QAAQ;AAC5D;;AAEG;AACsC,QAAA,IAAQ,CAAA,QAAA,GAAW,IAAI;AAShE;;AAEG;AACmD,QAAA,IAAoB,CAAA,oBAAA,GAAW,aAAa;QAtCjG,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,OAAO,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AACzC,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,kBAAkB,CAAC;AAC7C;AA8CD,IAAA,SAAS,CAAC,QAAiB,EAAA;;AAC1B,QAAA,IAAI,CAAC,IAAI,GAAG,QAAQ;AACpB,QAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE;QAEzB,IAAI,CAAC,QAAQ,EAAE;YACd,CAAA,EAAA,GAAA,IAAI,CAAC,oBAAoB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;aAC5B;YACN,IAAI,CAAC,SAAS,EAAE;;;IAIV,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAChB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC;;IAGzC,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;QACjB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC;;AAGpD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAIC,+BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;AAGzC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,UAAU,EAAE;;aACX;YACN,IAAI,CAAC,UAAU,EAAE;;;IAIX,SAAS,GAAA;;AAChB,QAAA,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,aAA4B;YACjE,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAkB;AAC1E,YAAA,IAAI,YAAY,CAAC,MAAM,EAAE;AACxB,gBAAA,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;;AAGxB,YAAA,MAAM,aAAa,GAAG,CAAC,CAAgB,KAAI;gBAC1C,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;oBACtC,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC;AACzD,oBAAA,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAgB;oBAC9C,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAgB;oBAEnE,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE;wBACrD,CAAC,CAAC,cAAc,EAAE;wBAClB,OAAO,CAAC,KAAK,EAAE;;oBAEhB,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE;wBACrD,CAAC,CAAC,cAAc,EAAE;wBAClB,MAAM,CAAC,KAAK,EAAE;;;AAGhB,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACvB,oBAAA,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;wBAC9B,IAAI,CAAC,UAAU,EAAE;AACjB,wBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;AAGvB,aAAC;AAED,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;;aAC7C;YACN,CAAA,EAAA,GAAA,IAAI,CAAC,oBAAoB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;;IAIpC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,oBAAoB,GAAA;QACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC;;IAGpD,MAAM,GAAA;QACL,QACCC,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACtFD,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAChC,KAAK,EAAE,WAAW,CAAC,MAAM,EACzB,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAClB,QAAQ,EAAEE,yBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,YAAA,EACJ,MAAM,EACJ,aAAA,EAAAC,mBAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,iBAAA,EAClB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,OAAO,EACxC,kBAAA,EAAA,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfH,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,CAAC,KAAK,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,CAAC,MAAM,EAAA,EAC5B,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAE,CACb,CACP,EACA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KACvBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAA,EAC/CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACd,CACP,EACDA,OACC,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAC,SAAS,EACH,YAAA,EAAA,IAAI,CAAC,oBAAoB,qBACpB,IAAI,CAAC,yBAAyB,EAC/C,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACM,cAAA,EAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAE5CA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAA,CAAY,CACzD,CACR,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAA,EAClDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,EACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KACxBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,CAAC,MAAM,EAAA,EAC7BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACN,CACI,CACE,EAER,IAAI,CAAC,IAAI,IACTA,OACC,CAAA,cAAA,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EAAA,YAAA,EACrB,IAAI,CAAC,oBAAoB,EACnB,kBAAA,EAAA,IAAI,CAAC,yBAAyB,kBAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAC3C,IACC,IAAI,CACF;;AAID,IAAA,cAAc,CAAC,CAAe,EAAA;QACrC,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;;;AAIvB;;AAEG;AAEH,IAAA,MAAM,QAAQ,GAAA;QACb,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YAClC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;AAKrC;;AAEG;AAEH,IAAA,MAAM,qBAAqB,GAAA;QAC1BI,oBAAe,CAAC,IAAI,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,WAAW,CAAC,IAAI,CAAC;QACtFA,oBAAe,CAAC,IAAI,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,WAAW,CAAC,IAAI,CAAC;;;;;;;;;;"}