@gov-design-system-ce/components 4.1.0-rc1 → 4.1.1

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

@@ -1 +1 @@
-{"file":"gov-control-group.entry.cjs.js","mappings":";;;;;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,EAAC;AAG3G,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe;IAG3B;;qBAQgDA,aAAM,CAAC,OAAO;wBAIC,KAAK;0BAID,KAAK;QAfvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAiBD,aAAa,CAAC,QAAgB;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;KACtD;IAED,MAAM;QACL,QACCG,QAACC,UAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,IACjBD,oEAAQ,CACF,EACP;KACD;;;;;;;;;","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', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\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.PRIMARY\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 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}
+{"file":"gov-control-group.entry.cjs.js","mappings":";;;;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,EAAC;AAG3G,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe;IAG3B;;qBAQgDA,aAAM,CAAC,OAAO;wBAIC,KAAK;0BAID,KAAK;QAfvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAiBD,aAAa,CAAC,QAAgB;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;KACtD;IAED,MAAM;QACL,QACCG,QAACC,UAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,IACjBD,oEAAQ,CACF,EACP;KACD;;;;;;;;;","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', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\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.PRIMARY\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 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-cookiebar.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
-const template = require('./template-b070338f.js');
+const index = require('./index-7ff4447c.js');
+const template = require('./template-39939fd6.js');
 
 const CookieConsentClass = {
     root: 'gov-cookiebar',
@@ -19,7 +19,7 @@ const GovCookiebar = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: 'ac6045b566122680c12a0cdf5068d81d53f4f4a9', class: this.h.classes(CookieConsentClass.root) }, index.h("div", { key: 'f03a1401b65a6a90430dcad642bbceb8e843143b', class: CookieConsentClass.content }, index.h("slot", { key: 'a373d6a55d299c240cc5aa596090dccb2a071e64', name: "headline" }), index.h("slot", { key: 'c5e9b1c6a1ec0daf9959fae074983fd2d5131320' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (index.h("div", { key: '21d6131b451e16abff7270a521b7aa18b8e8c340', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (index.h("div", { key: '8b3d07e54492d9374f1398b4c48afa9df5bf9052', class: CookieConsentClass.actionsPrimary }, index.h("slot", { key: '15d29f653408e2910c64f11847307ab9e8394951', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (index.h("div", { key: 'ef629c9a63af59cb5cf127127c2b04d8524091a1', class: CookieConsentClass.actionsSecondary }, index.h("slot", { key: 'e9b571f11d5b5077d3862376e5588db2e4e37f66', name: "actions-secondary" })))))));
+        return (index.h(index.Host, { key: '1955ae868b0e5255aea8ebc8e26146c4d973a75b', class: this.h.classes(CookieConsentClass.root) }, index.h("div", { key: 'cec7976304269a18f2fd71ffb0e398c60e17c4d5', class: CookieConsentClass.content }, index.h("slot", { key: 'f311694262ff0297c86ae435874f2108621bb7dc', name: "headline" }), index.h("slot", { key: '7ea9f4b7e848bf3afa2039f5ec4ab14ce2573243' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (index.h("div", { key: '9230c752f5fa798d7784406dc6d114c159c8aa6e', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (index.h("div", { key: '324e807bcc4e867f6561723edbe4028bb484297f', class: CookieConsentClass.actionsPrimary }, index.h("slot", { key: 'bf945e0d01c7497cd8575b01fd9be172968179cd', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (index.h("div", { key: '8d836b11f057ec6840aa7ba62900dde267e9bdad', class: CookieConsentClass.actionsSecondary }, index.h("slot", { key: '8b9144381a5e6b54017bd6fb6ffc9c56437b62d0', name: "actions-secondary" })))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
-const template = require('./template-b070338f.js');
-const win = require('./win-587f4614.js');
-const wcag = require('./wcag-31089f70.js');
-const string_utils = require('./string.utils-2335838f.js');
+const index = require('./index-7ff4447c.js');
+const template = require('./template-39939fd6.js');
+const gov_log = require('./gov.log-bfea3151.js');
+const wcag = require('./wcag-2927ff73.js');
+const string_utils = require('./string.utils-b84c81cf.js');
 const stencil_utils = require('./stencil.utils-182382ee.js');
 require('./utils-d263c5c6.js');
-require('./gov.log-1e8bab6e.js');
 require('./helpers.types-ff60c9bd.js');
 
 const DialogClass = {
@@ -55,7 +54,7 @@ const GovDialog = class {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     async componentDidRender() {
-        if (win.canValidateWcagOnRender()) {
+        if (gov_log.canValidateWcagOnRender()) {
             stencil_utils.tick(() => this.validateAccessibility());
         }
         if (this.open) {
@@ -72,7 +71,7 @@ const GovDialog = class {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (index.h(index.Host, { key: 'c9c05262cbe6a644f4e89fea848dccc9dea0fe21', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, index.h("dialog", { key: 'fc6a9ca72044ef912c324cb037e954e7ae8b7caf', 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: '228a0abc31b73533418dcce1224dd9b42fd1e6cc', class: DialogClass.inner }, index.h("div", { key: '1e9b3d475ff385b25c46540ddfd2217cba174b3a', class: DialogClass.header }, index.h("slot", { key: 'e300fed969e9156d856f9f0b1b8caf6e5dc2d6af', name: "icon" }), this.h.hasSlot('title') && (index.h("span", { key: 'e156b2daa9c47ca45a5cc8437850d1b7ae9b4dfe', class: DialogClass.title, id: this.labelId }, index.h("slot", { key: 'afcf49f1829ded6b4d2ad99b0ee4256d3d5ed85c', name: "title" }))), index.h("gov-button", { key: '1b07b5ba700ae96704bf16ba620e88cf8a87b4b0', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "accessible-label": this.accessibleCloseLabel, "accessible-labelledby": this.accessibleCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, index.h("gov-icon", { key: 'cf7ee3fa0123ddd188d82640f3964d35b47ae9c7', slot: "left-icon", name: "x-lg" }))), index.h("div", { key: '1487b7df9acf942fa351fb236d29e0208416387a', class: DialogClass.content, id: this.contentId }, index.h("slot", { key: '8b811c1cab346ae2a482e5297b53f5ffaeb9e92a' })), this.h.hasSlot('footer') && (index.h("div", { key: 'e958768f856cec2de8a2e6c1fe1aab0c4694f0cd', class: DialogClass.footer }, index.h("slot", { key: 'bc9da8073722bb9c94a7ec295cc354b46ee09685', name: "footer" }))))), this.open ? (index.h("gov-backdrop", { disabled: this.blockBackdropClose, "accessible-label": this.accessibleCloseLabel, "accessible-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (index.h(index.Host, { key: 'fe34cd83c969ab539a47c4f851231085f34b21f6', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, index.h("dialog", { key: 'd013f87f499635ed0d0f1cc016cc1e84410154b4', 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: '6018f61d5a335583dc05a0f8cdef6c4562977558', class: DialogClass.inner }, index.h("div", { key: '9ab56eb94d92f67291b783ec8310fec2c3da9d33', class: DialogClass.header }, index.h("slot", { key: 'b2248113ca181acbd9e0c960c4e7b13c3e114ae3', name: "icon" }), this.h.hasSlot('title') && (index.h("span", { key: 'fce7d93f476553e3cc53c8dc987d65cb64538552', class: DialogClass.title, id: this.labelId }, index.h("slot", { key: 'b151367fda2f5f87d6de3cabbf46cacc9d427f0f', name: "title" }))), index.h("gov-button", { key: 'e3622dc8601452c2d52a5d17a611d27cd0d17e97', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, index.h("gov-icon", { key: 'aa75b37c5aa82566d2e9f6b49351dba0550052de', slot: "icon-start", name: "x-lg", type: "components" }))), index.h("div", { key: '608ac5fe732219559583cfb512d14b9221619a6b', class: DialogClass.content, id: this.contentId }, index.h("slot", { key: 'cd93b5061448c1d4c4d2dece9a349a8fa11f6c28' })), this.h.hasSlot('footer') && (index.h("div", { key: '759319b3fb204e9f8f869d3839fc3f91f42b494f', class: DialogClass.footer }, index.h("slot", { key: '5937ba641d297c61645f6216d63656cd883e5280', 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();

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

@@ -1 +1 @@
-{"file":"gov-dialog.entry.cjs.js","mappings":";;;;;;;;;;;;;;AAAO,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;;MCGY,SAAS;IAOrB;;;QAHQ,aAAQ,GAAG,KAAK,CAAC;oBAcoB,KAAK;0BAIH,KAAK;kCAIY,KAAK;oBAIjB,QAAQ;wBAIA,IAAI;;;oCAYqB,aAAa;;QAtCjG,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,OAAO,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC,CAAA;QACzC,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,kBAAkB,CAAC,CAAA;KAC7C;IA8CD,SAAS,CAAC,QAAiB;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAA;KACzB;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;KAChD;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACjB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;KACnD;IAED,MAAM,kBAAkB;QACvB,IAAIC,2BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;SACxC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,UAAU,EAAE,CAAA;SACjB;aAAM;YACN,IAAI,CAAC,UAAU,EAAE,CAAA;SACjB;KACD;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,oBAAoB;QACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;KACnD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACtFD,qEACC,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,gBACJ,MAAM,iBACJC,mBAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,qBAClB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,OAAO,sBACxC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,IAEfH,kEAAK,KAAK,EAAE,WAAW,CAAC,KAAK,IAC5BA,kEAAK,KAAK,EAAE,WAAW,CAAC,MAAM,IAC7BA,mEAAM,IAAI,EAAC,MAAM,GAAE,EAClB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KACvBA,mEAAM,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,IAC/CA,mEAAM,IAAI,EAAC,OAAO,GAAE,CACd,CACP,EACDA,yEACC,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,sBACG,IAAI,CAAC,oBAAoB,2BACpB,IAAI,CAAC,yBAAyB,EACrD,IAAI,EAAC,MAAM,kBACG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAE5CA,uEAAU,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAE,CAC5B,CACR,EACNA,kEAAK,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,IAClDA,oEAAO,CACF,EACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KACxBA,kEAAK,KAAK,EAAE,WAAW,CAAC,MAAM,IAC7BA,mEAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACN,CACI,CACE,EAER,IAAI,CAAC,IAAI,IACTA,0BACC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,sBACf,IAAI,CAAC,oBAAoB,4BACnB,IAAI,CAAC,yBAAyB,kBACxC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAC3C,IACC,IAAI,CACF,EACP;KACD;IAEO,cAAc,CAAC,CAAe;QACrC,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,UAAU,EAAE,CAAA;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;SACrB;KACD;;;;IAMD,MAAM,QAAQ;QACb,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YAClC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAA;SACnC;KACD;;;;IAOD,MAAM,qBAAqB;QAC1BI,oBAAe,CAAC,IAAI,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;QACtFA,oBAAe,CAAC,IAAI,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KACxF;;;;;;;;;","names":["govHost","createID","canValidateWcagOnRender","tick","h","Host","boolToFocusValue","toBoolAttr","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.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","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\";\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\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 indicate 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 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\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\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\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<slot name=\"icon\"/>\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\taccessible-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taccessible-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\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=\"left-icon\" name=\"x-lg\"/>\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\taccessible-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taccessible-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}
+{"file":"gov-dialog.entry.cjs.js","mappings":";;;;;;;;;;;;;AAAO,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;;MCGY,SAAS;IAOrB;;;QAHQ,aAAQ,GAAG,KAAK,CAAC;oBAcoB,KAAK;0BAIH,KAAK;kCAIY,KAAK;oBAIjB,QAAQ;wBAIA,IAAI;;;oCAYqB,aAAa;;QAtCjG,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,OAAO,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC,CAAA;QACzC,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,kBAAkB,CAAC,CAAA;KAC7C;IA8CD,SAAS,CAAC,QAAiB;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAA;KACzB;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;KAChD;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACjB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;KACnD;IAED,MAAM,kBAAkB;QACvB,IAAIC,+BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;SACxC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,UAAU,EAAE,CAAA;SACjB;aAAM;YACN,IAAI,CAAC,UAAU,EAAE,CAAA;SACjB;KACD;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,oBAAoB;QACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;KACnD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACtFD,qEACC,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,gBACJ,MAAM,iBACJC,mBAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,qBAClB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,OAAO,sBACxC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,IAEfH,kEAAK,KAAK,EAAE,WAAW,CAAC,KAAK,IAC5BA,kEAAK,KAAK,EAAE,WAAW,CAAC,MAAM,IAC7BA,mEAAM,IAAI,EAAC,MAAM,GAAE,EAClB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KACvBA,mEAAM,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,IAC/CA,mEAAM,IAAI,EAAC,OAAO,GAAE,CACd,CACP,EACDA,yEACC,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,gBACH,IAAI,CAAC,oBAAoB,qBACpB,IAAI,CAAC,yBAAyB,EAC/C,IAAI,EAAC,MAAM,kBACG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAE5CA,uEAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,GAAY,CACzD,CACR,EACNA,kEAAK,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,IAClDA,oEAAO,CACF,EACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KACxBA,kEAAK,KAAK,EAAE,WAAW,CAAC,MAAM,IAC7BA,mEAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACN,CACI,CACE,EAER,IAAI,CAAC,IAAI,IACTA,0BACC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,gBACrB,IAAI,CAAC,oBAAoB,sBACnB,IAAI,CAAC,yBAAyB,kBAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAC3C,IACC,IAAI,CACF,EACP;KACD;IAEO,cAAc,CAAC,CAAe;QACrC,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,UAAU,EAAE,CAAA;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;SACrB;KACD;;;;IAMD,MAAM,QAAQ;QACb,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;YAClC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAA;SACnC;KACD;;;;IAOD,MAAM,qBAAqB;QAC1BI,oBAAe,CAAC,IAAI,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;QACtFA,oBAAe,CAAC,IAAI,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KACxF;;;;;;;;;","names":["govHost","createID","canValidateWcagOnRender","tick","h","Host","boolToFocusValue","toBoolAttr","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.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","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\";\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\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 indicate 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 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\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\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\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<slot name=\"icon\"/>\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\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-dropdown.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
-const template = require('./template-b070338f.js');
-const string_utils = require('./string.utils-2335838f.js');
-const constants = require('./constants-861428a4.js');
+const index = require('./index-7ff4447c.js');
+const template = require('./template-39939fd6.js');
+const string_utils = require('./string.utils-b84c81cf.js');
+const constants = require('./constants-f464dc4c.js');
 require('./sizes-89f8d3b2.js');
-require('./colors-976f6dff.js');
+require('./colors-f7c8eadd.js');
 require('./utils-d263c5c6.js');
 
 const ClickOutsideOptionsDefaults = {
@@ -117,7 +117,7 @@ const GovDropdown = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'ee6eaf511c26f189e161ac9d13c26e8dbc5a3ac7', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, index.h("slot", { key: '964f39a16b89cebb8fdaab7025ff63a0298f1a8c' }), index.h("div", { key: '344a7f2b55a7e4fa9ee92777276e65057bcf025d', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": template.toBoolAttr(!this.open), hidden: !this.open }, index.h("slot", { key: '54ee18b9f2ec257708d21fe7fa1c3b2ff1827824', name: "list" }))));
+        return (index.h(index.Host, { key: '43c2a03dcb27ebe54f8dd00ca1120b848cac957c', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, index.h("slot", { key: '732c956fe37283578a95c843cf94ad590cd16402' }), index.h("div", { key: 'c3934a0f7c8303950a5c7898574fcea2e14e1890', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": template.toBoolAttr(!this.open), hidden: !this.open }, index.h("slot", { key: 'cb685039c57f9d32ae7c238fcb7457fe72b4c9c4', name: "list" }))));
     }
     /**
      * Returns the current state of the dropdown

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

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
+const index = require('./index-7ff4447c.js');
 const utils = require('./utils-d263c5c6.js');
 const sizes = require('./sizes-89f8d3b2.js');
-const template = require('./template-b070338f.js');
-const props = require('./props-b8a955b2.js');
+const template = require('./template-39939fd6.js');
+const props = require('./props-d189860c.js');
 const constants = require('./constants-e1bbb053.js');
-require('./gov.log-1e8bab6e.js');
-require('./win-587f4614.js');
+require('./gov.log-bfea3151.js');
 
 utils.pick(sizes.Sizes, ['_S', '_M', '_L']);
 const EmptyClass = {
@@ -30,7 +29,7 @@ const GovEmpty = class {
         this.validateSize(this.size);
     }
     render() {
-        return (index.h(index.Host, { key: 'd69440398b476c59b60240f687d7f00dacfe4f0d', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (index.h("slot", { key: '7832fc85c0ccbb79a2832cf2bc9bee560790a10e', name: "icon" })), index.h("div", { key: '0cc061e85c0817f996ffc18601b3ac6dcf2b52b5', class: EmptyClass.content }, index.h("slot", { key: 'fbe776f189de07ba54ca1c600e9979d6af7667b9', name: "headline" }), index.h("slot", { key: 'e28fb1ef408ae3daa1b642ff3b15e87457553b6b' }))));
+        return (index.h(index.Host, { key: '25d3813acc796b96c6e51aec4a55fc2efa725aa6', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (index.h("slot", { key: '7fccad0fe25b57219f06cfbcf18a2f2bff19c905', name: "icon" })), index.h("div", { key: 'a4cffd5e7175ba9273a5ea74ba622e2a577ba0fe', class: EmptyClass.content }, index.h("slot", { key: '53fd435d43baa4841ecb5e3d5817efcb57433eab', name: "headline" }), index.h("slot", { key: '314e7a0fd7a381dbc4a85da4df2082ce4946b7b5' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-empty.entry.cjs.js","mappings":";;;;;;;;;;;;;AAI0BA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;AAGlD,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,oBAAoB;CAC7B;;MCAY,QAAQ;IAGpB;;oBAQyC,GAAG;QAP3C,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IASD,YAAY,CAAC,QAAgB;QAC5BC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,wBAAc,CAAC,IAAI,CAAC,CAAA;KAC3D;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC3D,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtBD,mEAAM,IAAI,EAAC,MAAM,GAAG,CACpB,EACDA,kEAAK,KAAK,EAAE,UAAU,CAAC,OAAO,IAC7BA,mEAAM,IAAI,EAAC,UAAU,GAAG,EACxBA,oEAAQ,CACH,CACA,EACP;KACD;;;;;;;;;","names":["pick","Sizes","govHost","validateProp","AccordionSizes","AccordionClass","h","Host"],"sources":["../../../packages/core/src/components/gov-empty/constants.ts","../../../packages/core/src/components/gov-empty/gov-empty.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\n\nexport const EmptyClass = {\n\troot: 'gov-empty',\n\tcontent: 'gov-empty__content',\n}\n","import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\nimport {EmptyClass, EmptySizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\n\n@Component({\n\ttag: 'gov-empty',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: EmptySizesType = 'm'\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\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}
+{"file":"gov-empty.entry.cjs.js","mappings":";;;;;;;;;;;;AAI0BA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;AAGlD,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,oBAAoB;CAC7B;;MCAY,QAAQ;IAGpB;;oBAQyC,GAAG;QAP3C,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IASD,YAAY,CAAC,QAAgB;QAC5BC,kBAAY,CAACC,wBAAc,EAAE,QAAQ,EAAEC,wBAAc,CAAC,IAAI,CAAC,CAAA;KAC3D;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC3D,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtBD,mEAAM,IAAI,EAAC,MAAM,GAAG,CACpB,EACDA,kEAAK,KAAK,EAAE,UAAU,CAAC,OAAO,IAC7BA,mEAAM,IAAI,EAAC,UAAU,GAAG,EACxBA,oEAAQ,CACH,CACA,EACP;KACD;;;;;;;;;","names":["pick","Sizes","govHost","validateProp","AccordionSizes","AccordionClass","h","Host"],"sources":["../../../packages/core/src/components/gov-empty/constants.ts","../../../packages/core/src/components/gov-empty/gov-empty.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\n\nexport const EmptyClass = {\n\troot: 'gov-empty',\n\tcontent: 'gov-empty__content',\n}\n","import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\nimport {EmptyClass, EmptySizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\n\n@Component({\n\ttag: 'gov-empty',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: EmptySizesType = 'm'\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\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-error-code.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
-const template = require('./template-b070338f.js');
+const index = require('./index-7ff4447c.js');
+const template = require('./template-39939fd6.js');
 
 const ErrorCodeClass = {
     root: 'gov-error-code',
@@ -16,7 +16,7 @@ const GovErrorCode = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '8c7ac0985621c075b94e1bad82a913c9454b10cf', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (index.h("slot", { key: '498d60a762977d1dfd24750a2c0afd2ce21f1c68', name: "icon" })), index.h("div", { key: 'bdd3a7505c44660e772bd55f80519fc0f4026a4a', class: ErrorCodeClass.content }, index.h("slot", { key: 'f9c789de200eb94d4844c633c771339be14f416e', name: "headline" }), index.h("slot", { key: '475487ef2fb1bb63eea1ca35a81024b734c402be' }))));
+        return (index.h(index.Host, { key: '90ebeeb8f2e7ed539e7069a876aa1fe3027873fc', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (index.h("slot", { key: 'a31a15dd5276be32288c691d5bb7b8cf9d6615ab', name: "icon" })), index.h("div", { key: '0dfc7905d1e515a7ecc1eba1dd3912cd32774ca3', class: ErrorCodeClass.content }, index.h("slot", { key: '238e3ab94cf05880567e2ac2c54c9f9c572ff014', name: "headline" }), index.h("slot", { key: '56519d70f3ab7b162e9e9a78bf7bfabef89a9b2d' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -0,0 +1,339 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7ff4447c.js');
+const template = require('./template-39939fd6.js');
+const constants = require('./constants-87bab1ed.js');
+const utils = require('./utils-d263c5c6.js');
+const colors = require('./colors-f7c8eadd.js');
+const sizes = require('./sizes-89f8d3b2.js');
+const gov_log = require('./gov.log-bfea3151.js');
+const props = require('./props-d189860c.js');
+
+const FlexClass = {
+    root: 'gov-flex',
+};
+
+const GovFlex = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.direction = 'row';
+        this.justifyContent = undefined;
+        this.alignItems = undefined;
+        this.wrap = undefined;
+        this.alignContent = undefined;
+        this.alignSelf = undefined;
+        this.h = template.govHost(this.host);
+    }
+    render() {
+        return (index.h(index.Host, { key: '77d5eb1db594698f6fde4bf497209912de71173f', class: this.h.classes(FlexClass.root) }, index.h("slot", { key: '6c01ff6ec88c53dbf9e83d492f660c96e9e7fc2a' })));
+    }
+    get host() { return index.getElement(this); }
+};
+
+const GovFormLabel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.govClick = index.createEvent(this, "gov-click", 7);
+        this.identifier = undefined;
+        this.size = 'm';
+        this.required = false;
+        this.legend = false;
+    }
+    render() {
+        const Tag = this.legend ? 'legend' : 'label';
+        return (index.h(index.Host, { key: '3e02eaa899126807c31fac8d3b6f352a07a73a9d', class: constants.FormLabelClass.root, size: this.size }, index.h(Tag, { key: 'a1213cf879e26565c4c84d31ab6a46dac2a9ee4e', class: constants.FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, index.h("slot", { key: '46a6a39821d6f3f786b843c037b0b423ba2445ae' }), this.required ? index.h("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
+    }
+};
+
+utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL']);
+const IconColors = utils.pick(colors.Colors, [
+    'DEFAULT',
+    'PRIMARY',
+    'SECONDARY',
+    'NEUTRAL',
+    'ERROR',
+    'SUCCESS',
+    'WARNING',
+    'DISABLED',
+    'WHITE',
+    'BLACK',
+]);
+var Types;
+(function (Types) {
+    Types["BASIC"] = "basic";
+    Types["COMPLEX"] = "complex";
+    Types["COLORED"] = "colored";
+})(Types || (Types = {}));
+const IconClass = {
+    root: 'gov-icon',
+    holder: 'gov-icon__holder',
+};
+
+const version = "4.1.1";
+
+const dsVersion = () => {
+    return version;
+};
+
+const iconCache = {};
+const requestCache = {};
+const isExternalUrl = (path) => path.startsWith("http://") || path.startsWith("https://");
+const iconUrl = (path, name, type) => {
+    if (isExternalUrl(path)) {
+        return `${path}/${type}/${name}.svg?v=${dsVersion()}`;
+    }
+    return index.getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`;
+};
+async function fetchIcon({ name, type }) {
+    const cacheKey = type + "-" + name;
+    if (iconCache[cacheKey]) {
+        return iconCache[cacheKey];
+    }
+    if (!requestCache[cacheKey]) {
+        requestCache[cacheKey] = fetch(iconUrl(gov_log.iconsPath(), name, type)).then(resp => {
+            if (resp.status === 200) {
+                return resp.text();
+            }
+            else {
+                throw new Error("Gov Icon doesn't exists");
+            }
+        });
+    }
+    const path = await requestCache[cacheKey];
+    iconCache[cacheKey] = path;
+    return path;
+}
+
+const setCookie = (name, value, days) => {
+    if (!gov_log.isWindow) {
+        return;
+    }
+    let expires = "";
+    if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
+};
+const getCookie = (name) => {
+    if (!gov_log.isWindow) {
+        return null;
+    }
+    const nameEQ = name + "=";
+    const cookies = document.cookie.split(';');
+    for (let i = 0; i < cookies.length; i++) {
+        let cookie = cookies[i].trim();
+        if (cookie.startsWith(nameEQ)) {
+            return decodeURIComponent(cookie.substring(nameEQ.length));
+        }
+    }
+    return null;
+};
+const isValidSVG = (svgContent) => {
+    try {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(svgContent, "image/svg+xml");
+        const parseError = doc.querySelector("parsererror");
+        if (parseError) {
+            return false;
+        }
+        const svgElement = doc.documentElement;
+        if (svgElement.tagName.toLowerCase() !== "svg") {
+            return false;
+        }
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+
+const GovIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = undefined;
+        this.color = undefined;
+        this.name = null;
+        this.type = "components";
+        this.visible = false;
+        this.error = false;
+        this.h = template.govHost(this.host);
+    }
+    validateSize(newValue) {
+        props.validateProp(sizes.Sizes, newValue, IconClass.root);
+    }
+    validateColor(newValue) {
+        props.validateProp(IconColors, newValue, IconClass.root);
+    }
+    async loadIconPathData() {
+        const { name, visible } = this;
+        if (!name || !visible) {
+            return;
+        }
+        await this.loadIcon();
+    }
+    connectedCallback() {
+        if (gov_log.iconsLazyLoad()) {
+            this.visible = true;
+            this.loadIconPathData().finally();
+        }
+        else {
+            this.waitUntilVisible(async () => {
+                this.visible = true;
+                await this.loadIconPathData();
+            });
+        }
+    }
+    disconnectedCallback() {
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+            this.intersectionObserver = null;
+        }
+    }
+    async componentWillLoad() {
+        this.validateSize(this.size);
+        this.validateColor(this.color);
+        await this.loadIconPathData();
+    }
+    waitUntilVisible(callback) {
+        if (typeof window === "undefined" || !window.IntersectionObserver) {
+            callback();
+            return;
+        }
+        this.intersectionObserver = new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    if (this.intersectionObserver) {
+                        this.intersectionObserver.disconnect();
+                        this.intersectionObserver = null;
+                    }
+                    callback();
+                }
+            });
+        }, { rootMargin: "50px" });
+        this.intersectionObserver.observe(this.host);
+    }
+    async loadIcon() {
+        try {
+            const { name, type } = this;
+            const data = await fetchIcon({ name, type });
+            const isValid = isValidSVG(data);
+            this.host.innerHTML = isValid ? data : null;
+        }
+        catch (e) {
+            this.host.innerHTML = '';
+            this.error = true;
+        }
+    }
+    render() {
+        if (this.error) {
+            return null;
+        }
+        return (index.h(index.Host, { class: this.h.classes(IconClass.root), size: this.size, color: this.color }));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "color": ["validateColor"],
+        "name": ["loadIconPathData"]
+    }; }
+};
+
+const ThemeSwitchSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+const ThemeSwitchClass = {
+    root: 'gov-theme-switch',
+    indicator: 'gov-theme-switch__indicator',
+    iconLight: 'gov-theme-switch__icon-light',
+    iconDark: 'gov-theme-switch__icon-dark',
+    labelLight: 'gov-theme-switch__label-light',
+    labelDark: 'gov-theme-switch__label-dark',
+};
+const ATTRIBUTE_THEME_NAME = 'data-theme';
+
+var ThemeList;
+(function (ThemeList) {
+    ThemeList["auto"] = "auto";
+    ThemeList["light"] = "light";
+    ThemeList["dark"] = "dark";
+})(ThemeList || (ThemeList = {}));
+
+const GovThemeSwitch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.govChange = index.createEvent(this, "gov-change", 7);
+        this.setThemeState = (state) => {
+            this.theme = state;
+            this.govChange.emit({
+                component: ThemeSwitchClass.root,
+                state: this.theme,
+                ref: this.host
+            });
+        };
+        this.size = "m";
+        this.ariaLabelLight = undefined;
+        this.ariaLabelDark = undefined;
+        this.labelLight = undefined;
+        this.labelDark = undefined;
+        this.theme = ThemeList.auto;
+        this.h = template.govHost(this.host);
+    }
+    validateSize(newValue) {
+        props.validateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root);
+    }
+    watchTheme(newValue) {
+        this.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);
+        this.htmlElement.classList.remove(...Object.keys(ThemeList));
+        this.htmlElement.classList.add(newValue);
+        setCookie(ATTRIBUTE_THEME_NAME, newValue);
+    }
+    get storageValue() {
+        return getCookie(ATTRIBUTE_THEME_NAME);
+    }
+    get htmlElement() {
+        return document.documentElement;
+    }
+    get isSystemPrefersColorDark() {
+        return gov_log.isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
+    componentWillLoad() {
+        this.initDefaultState();
+        this.validateSize(this.size);
+    }
+    initDefaultState() {
+        const options = Object.keys(ThemeList);
+        let currentState = this.storageValue;
+        const htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME);
+        if (currentState && options.includes(currentState)) {
+            this.theme = currentState;
+        }
+        else if (htmlState && options.includes(htmlState)) {
+            this.theme = htmlState;
+        }
+        else {
+            this.theme = ThemeList.auto;
+        }
+    }
+    render() {
+        let isDark = this.theme === ThemeList.dark;
+        if (this.theme === ThemeList.auto) {
+            isDark = this.isSystemPrefersColorDark;
+        }
+        return (index.h(index.Host, { key: 'a83f030f54527f8e8a2d23c3769f3f1b41c4af4f', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, index.h("button", { key: '54f8337d911cf64f24c8db089b9092b806c3a926', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-label": isDark ? this.ariaLabelLight : this.ariaLabelDark }, index.h("span", { key: '483310b54df8e8de42c087f04b7e0758067c22b8' }, index.h("span", { key: '88b822cac4b5dc3897fa19252b5b1e1a559b8d6d', class: ThemeSwitchClass.indicator }, ThemeList.light && index.h("gov-icon", { key: 'f6f162cda66facba8940ba55f7f3283e7796d157', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && index.h("gov-icon", { key: 'b36b009c1787e37a3fd5108618c6bb5993f97a23', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), index.h("gov-form-label", { key: 'dff2b2b454a87faa1d7e471d2a271c333c983aad', class: ThemeSwitchClass.labelLight, size: this.size }, this.labelLight), index.h("gov-form-label", { key: '1b682ccaff92cc4cfe8462ff2a59507fd61b114b', class: ThemeSwitchClass.labelDark, size: this.size }, this.labelDark)))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "theme": ["watchTheme"]
+    }; }
+};
+
+exports.gov_flex = GovFlex;
+exports.gov_form_label = GovFormLabel;
+exports.gov_icon = GovIcon;
+exports.gov_theme_switch = GovThemeSwitch;
+
+//# sourceMappingURL=gov-flex_4.cjs.entry.js.map