@gov-design-system-ce/components 4.2.8 → 4.6.0

package/dist/core/gov-wizard.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-wizard.entry.esm.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAaa,SAAS,GAAA,MAAA;AAMrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAJQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAqB,GAAG;QAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAoBO,IAAA,YAAY,CAAC,QAAgB,EAAA;QACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B,KAAI;YAC5F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AACrC;;;;;AAKE;AACH,SAAC,CAAC;;AAGH,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;AAC9B,YAAA,MAAM,KAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAI3B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;AAIT;;AAEG;AAEI,IAAA,MAAM,YAAY,GAAA;AACxB,QAAA,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC;;;;;;;;;;"}
+{"version":3,"file":"gov-wizard.entry.esm.js","sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\r\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\r\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\r\nimport { delay } from \"../../utils/utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-wizard\",\r\n})\r\nexport class GovWizard {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\t@Element() readonly host: HTMLGovWizardElement\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t/**\r\n\t * Size of wizard\r\n\t */\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/**\r\n\t * Adds accessible label for the wizard that is only shown for screen readers.\r\n\t */\r\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\r\n\t/**\r\n\t * String of id's that indicate alternative labels elements\r\n\t */\r\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\r\n\t/**\r\n\t * Called when the wizard children state changes\r\n\t */\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tprivate validateSize(newValue: string): void {\r\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\r\n\t\t\tchild.setAttribute(\"size\", this.size)\r\n\t\t\t/*\r\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t\t*/\r\n\t\t})\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateWcag()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async validateWcag(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;MAaa,SAAS,GAAA,MAAA;AAMrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAJQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAQxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAqB,GAAG;QAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAoBO,IAAA,YAAY,CAAC,QAAgB,EAAA;QACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B,KAAI;YAC5F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;AACrC;;;;;AAKE;AACH,SAAC,CAAC;;AAGH,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;AAC9B,YAAA,MAAM,KAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAI3B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;AAIT;;AAEG;AAEI,IAAA,MAAM,YAAY,GAAA;AACxB,QAAA,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC;;;;;;;;;;"}

package/dist/core/{p-c1a1fc45.entry.js → p-017d6340.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-DT2tslUp.js";import{g as r,a as n}from"./p-BBOh2pxy.js";import{c as a}from"./p-vN03FcXN.js";import{b as c}from"./p-Bo1ROm5Q.js";import"./p-BcQO4NH2.js";import"./p-U40vKHrs.js";import"./p-CQvUntGY.js";const h={triggerEvents:"click",exclude:""};function d(t,i,s,e=h){const o=p(e);f(e).forEach((e=>{window.addEventListener(e,(e=>{l(e,t,i,s,o)}),false)}))}function l(t,i,s,e,o){const r=t.target;if(!s.contains(r)&&!u(r,o)){e.call(i)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function p(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(i){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,i)}}return}function u(t,i){if(t&&i){for(let s of i){if(s.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const b=class{constructor(s){t(this,s);this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=r(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",n(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",n(!!this.list));this.trigger.setAttribute("aria-expanded",n(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(e,{key:"ed9beb8952cacb4b76fc73ab31345bbe8c5d206d",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"49d4da21a53be27e687622d17e21474c7cedb26d"}),s("div",{key:"941b05aab703a6bfd981d912763f4576899fd617",ref:t=>d(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":n(!this.open),hidden:!this.open},s("slot",{key:"cd0c1f28b7d717efd0fe8faa964df78dfbeca49f",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return o(this)}static get watchers(){return{open:["watchOpen"]}}};export{b as gov_dropdown};
-//# sourceMappingURL=p-c1a1fc45.entry.js.map
+import{r as t,c as i,h as s,H as e,g as o}from"./p-ClISz4NF.js";import{g as r,a as n}from"./p-CoD1xawt.js";import{c as a}from"./p-vN03FcXN.js";import{b as c}from"./p-Bo1ROm5Q.js";import"./p-BcQO4NH2.js";import"./p-U40vKHrs.js";import"./p-CQvUntGY.js";const h={triggerEvents:"click",exclude:""};function l(t,i,s,e=h){const o=f(e);p(e).forEach((e=>{window.addEventListener(e,(e=>{d(e,t,i,s,o)}),false)}))}function d(t,i,s,e,o){const r=t.target;if(!s.contains(r)&&!u(r,o)){e.call(i)}}function p(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function f(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(i){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,i)}}return}function u(t,i){if(t&&i){for(let s of i){if(s.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const m=class{constructor(s){t(this,s);this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=r(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",n(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",n(!!this.list));this.trigger.setAttribute("aria-expanded",n(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(e,{key:"24e596043840ec3b4e2ae0c59cecd1ec5425f5b5",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"5c9c344162c6842585b134b327e9d45e4c1df19e"}),s("div",{key:"b424408e77eaebc2eedfe5ac1c7a916808af21f7",ref:t=>l(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":n(!this.open),hidden:!this.open},s("slot",{key:"b39d21fd27642fd5e7ece4b9d68de2e8468b93ae",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return o(this)}static get watchers(){return{open:["watchOpen"]}}};export{m as gov_dropdown};
+//# sourceMappingURL=p-017d6340.entry.js.map

package/dist/core/p-017d6340.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","constructor","hostRef","this","open","position","LEFT","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n    triggerEvents: \"click\",\n    exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n  // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n    return (proto, methodName) => {\n        // this is to resolve the 'compiler optimization issue':\n        // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n        BUILD.connectedCallback = true;\n        BUILD.disconnectedCallback = true;\n        const { connectedCallback, disconnectedCallback } = proto;\n        proto.connectedCallback = function () {\n            const host = getElement(this);\n            const method = this[methodName];\n            registerClickOutside(this, host, method, opt);\n            return connectedCallback && connectedCallback.call(this);\n        };\n        proto.disconnectedCallback = function () {\n            const host = getElement(this);\n            const method = this[methodName];\n            removeClickOutside(this, host, method, opt);\n            return disconnectedCallback && disconnectedCallback.call(this);\n        };\n    };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n    ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n      Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n    const excludedNodes = getExcludedNodes(opt);\n    getTriggerEvents(opt).forEach(triggerEvent => {\n        window.addEventListener(triggerEvent, (e) => {\n            initClickOutside(e, component, element, callback, excludedNodes);\n        }, false);\n    });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n    getTriggerEvents(opt).forEach(triggerEvent => {\n        window.removeEventListener(triggerEvent, (e) => {\n            initClickOutside(e, component, element, callback);\n        }, false);\n    });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n    const target = event.target;\n    if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n        callback.call(component);\n    }\n}\nfunction getTriggerEvents(opt) {\n    if (opt.triggerEvents) {\n        return opt.triggerEvents.split(\",\").map(e => e.trim());\n    }\n    return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n    if (opt.exclude) {\n        try {\n            return Array.from(document.querySelectorAll(opt.exclude));\n        }\n        catch (err) {\n            console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n        }\n    }\n    return;\n}\nfunction isExcluded(target, excudedNodes) {\n    if (target && excudedNodes) {\n        for (let excludedNode of excudedNodes) {\n            if (excludedNode.contains(target)) {\n                return true;\n            }\n        }\n    }\n    return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\r\n\r\nexport enum Position {\r\n\tLEFT = 'left',\r\n\tRIGHT = 'right',\r\n}\r\n\r\nexport type PositionType = `${ValueOf<typeof Position>}`\r\n\r\nexport const DropdownClass = {\r\n\troot: 'gov-dropdown',\r\n\tlist: 'gov-dropdown__list'\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\r\nimport {registerClickOutside} from \"stencil-click-outside\"\r\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {Nullable} from \"../../../types/interfaces\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {ButtonClass} from \"../button/constants\"\r\nimport {DropdownClass, Position, PositionType} from \"./constants\"\r\nimport {DropdownEvent} from \"./gov-dropdown.types\"\r\n\r\n@Component({\r\n\ttag: \"gov-dropdown\",\r\n})\r\nexport class GovDropdown {\r\n\tprivate h: GovHost\r\n\tprivate readonly listId: string\r\n\tprivate readonly controlId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.listId = createID(\"GovDropdownList\")\r\n\t\tthis.controlId = createID(\"GovDropdownControl\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovButtonElement\r\n\r\n\t/**\r\n\t * Custom trigger identifier\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Dropdown state\r\n\t */\r\n\t@Prop({mutable: true}) open = false\r\n\t/**\r\n\t * Menu display position\r\n\t */\r\n\t@Prop() readonly position: PositionType = Position.LEFT\r\n\t/**\r\n\t * Emitted when the dropdown change state\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen() {\r\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\r\n\t}\r\n\r\n\tget trigger() {\r\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\r\n\t}\r\n\r\n\tget list() {\r\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (!this.trigger) return;\r\n\r\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\r\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\r\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\r\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\r\n\r\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\r\n\t\t\te.preventDefault()\r\n\t\t\te.stopPropagation()\r\n\t\t\tthis.open = !this.open\r\n\r\n\t\t\tthis.govChange.emit({\r\n\t\t\t\tcomponent: DropdownClass.root,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t\topen: this.open,\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\r\n\t\t\t\t\tclass={DropdownClass.list}\r\n\t\t\t\t\tid={this.listId}\r\n\t\t\t\t\taria-labelledby={this.controlId}\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\thidden={!this.open}>\r\n\t\t\t\t\t<slot name=\"list\"></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the dropdown\r\n\t */\r\n\t@Method()\r\n\tasync getState() {\r\n\t\treturn this.open\r\n\t}\r\n\r\n\t/**\r\n\t * Toggle state of dropdown\r\n\t */\r\n\t@Method()\r\n\tasync toggle() {\r\n\t\tthis.open = !this.open\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-01bc645f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,H as e,g as o}from"./p-ClISz4NF.js";import{c as h}from"./p-vN03FcXN.js";import{g as n,a,t as l}from"./p-CoD1xawt.js";import{g as r}from"./p-B6CqPcY_.js";import{i as c}from"./p-CzXeijOj.js";import{A as f,a as m}from"./p-Bz_RzYFb.js";import"./p-BcQO4NH2.js";import"./p-CQvUntGY.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const d={root:"gov-form-file",area:"gov-form-file__area",input:"gov-form-file__input",inputFocus:"gov-form-file__input-focus",attachments:"gov-form-file__attachments"};function p(t){const s=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let i=0,e=parseInt(t,10)||0;while(e>=1024&&++i){e=e/1024}return e.toFixed(e<10&&i>0?1:0)+" "+s[i]}function u(t,s){if(typeof s==="string"&&s.length){return s.replace(/\s/g,"").split(",").filter((s=>new RegExp(s.replace("*",".*")).test(t.type))).length>0}else{return true}}function v(t,s){const i=Math.round(t.size);return i<=s}const g=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govFiles=s(this,"gov-files");this.govAddFile=s(this,"gov-add-file");this.govRemoveFile=s(this,"gov-remove-file");this.eventsRegistered=false;this.expanded=false;this.required=false;this.disabled=false;this.resetAfterPick=false;this.ignoreFileDuplicationCheck=false;this.displayAttachments=true;this.multiple=false;this.maxFileSize=-1;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.accessibleAttachmentsLabel="Přílohy";this.files=[];this.inheritedAttributes={};this.fileId=h("GovInputFile");this.h=n(this.host);this.f=r(this.h)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("invalid",a(this.invalid));this.f.passAttrToControl("disabled",a(this.disabled));this.f.passAttrToControl("type","File")}registerListeners(){if(this.eventsRegistered){return}this.eventsRegistered=true;function t(){this.areaRef.classList.add("highlight")}function s(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(t=>{t.preventDefault();t.stopPropagation();const s=t.target.files;if(this.resetAfterPick){if(s.length){this.validateFiles(s)}}else{this.validateFiles(s)}}),false);if(this.expanded){const i=["dragover","dragleave"];const e=["dragenter","dragover","mouseenter"];const o=["dragleave","mouseleave"];i.map((t=>this.inputRef.addEventListener(t,this.preventDefaults.bind(this),false)));e.map((s=>this.inputRef.addEventListener(s,t.bind(this),false)));o.forEach((t=>this.inputRef.addEventListener(t,s.bind(this),false)))}}preventDefaults(t){t.preventDefault();t.stopPropagation()}handleDrop(t){const s=t.dataTransfer;this.validateFiles(s.files)}validateFiles(t){let s=[];Array.from(t).map((t=>{const i=this.files.find((s=>s.file.name===t.name&&s.file.size===t.size))||null;if(i===null||this.ignoreFileDuplicationCheck){const i=typeof this.maxFileSize==="number"&&this.maxFileSize>0?v(t,this.maxFileSize):true;const e=u(t,this.accept);const o={id:h("GovFormFile"),file:t,acceptValid:e,sizeValid:i};if(this.displayAttachments){this.files=[...this.files,o]}else{s=[...s,o]}this.govAddFile.emit({component:d.root,file:o})}}));this.govFiles.emit({component:d.root,files:s.length?s:this.files});if(this.resetAfterPick){this.reset().finally()}}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(m)}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs();this.inheritedAttributes=c(this.host)}async componentDidRender(){this.registerListeners()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){return i(e,{key:"59bdd8c7d3bf9594fa545146ca44a00f060fccab",class:this.h.classes([d.root]),invalid:l(this.invalid),expanded:l(this.expanded)},i("div",{key:"fd1714f4eb7596fdc1eb67fe8b6d25e4ec93f454",class:d.area,ref:t=>this.areaRef=t},i("slot",{key:"2712d87a6889321616b1b4cb03ea0c61aefcd241"}),i("input",Object.assign({key:"ac998000d9551871016d4c2ab802040634ff6256",class:d.input,ref:t=>this.inputRef=t,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-disabled":l(this.disabled)})),i("div",{key:"54a896ed65deef09f11a8b497f926d079fb599d1",class:d.inputFocus})),this.h.hasSlot("attachments")?i("div",{class:d.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:d.attachments},i("gov-attachments",{label:this.accessibleAttachmentsLabel,"accessible-label":this.accessibleAttachmentsLabel},this.files.map((t=>i("gov-attachments-item",{"accessible-remove-labelledby":t.id,"on-gov-remove":()=>this.onRemoveFileHandler(t)},t.file.name,i("span",{slot:"name"},t.file.name),t.acceptValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),t.acceptValid===false?this.errorAccept:null):null,t.sizeValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),this.errorSize.replace("{FILE_SIZE}",p(this.maxFileSize))):null,i("span",{slot:"info"},"(",p(t.file.size),")")))))):null)}onRemoveFileHandler(t){const s=this.files.findIndex((s=>s.id===t.id));if(s!==-1){const t=this.files;const i=this.files[s];t.splice(s,1);this.files=[...t];this.govRemoveFile.emit({component:d.root,file:i});this.govFiles.emit({component:d.root,files:t})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:d.root,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:d.root,originalEvent:t})}onChangeHandler(t){t.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[];this.inputRef.value=""}get host(){return o(this)}static get watchers(){return{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}};export{g as gov_form_file};
+//# sourceMappingURL=p-01bc645f.entry.js.map

package/dist/core/p-01bc645f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormFileClass","root","area","input","inputFocus","attachments","formatBytes","bytes","units","l","n","parseInt","toFixed","fileAcceptValidation","file","accept","length","replace","split","filter","RegExp","test","type","fileSizeValidation","maxSize","fileSize","Math","round","size","GovFormFile","constructor","hostRef","this","eventsRegistered","expanded","required","disabled","resetAfterPick","ignoreFileDuplicationCheck","displayAttachments","multiple","maxFileSize","errorSize","errorAccept","accessibleAttachmentsLabel","files","inheritedAttributes","fileId","createID","h","govHost","host","f","govForm","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","registerListeners","highlight","areaRef","classList","add","unhighlight","remove","inputRef","addEventListener","e","preventDefault","stopPropagation","target","validateFiles","events","inEvents","outEvents","map","eventName","preventDefaults","bind","forEach","handleDrop","dataTransfer","filesBuffer","Array","from","isFile","find","item","name","isSizeValid","isAcceptValid","newFile","id","acceptValid","sizeValid","govAddFile","emit","component","govFiles","reset","finally","componentDidLoad","attributeObserver","AttributeObserver","attributeName","newValue","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","passAttrToLabel","String","inheritAriaAttributes","componentDidRender","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","Host","key","class","classes","toBoolAttrIfDefined","ref","el","identifier","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","hasSlot","label","onRemoveFileHandler","slot","color","index","findIndex","removeFile","splice","govRemoveFile","govFocus","originalEvent","govBlur","getRef","getAreaRef","value"],"sources":["../../../packages/core/src/components/gov-form/file/constants.ts","../../../packages/core/src/utils/file.utils.ts","../../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\r\n\troot: 'gov-form-file',\r\n\tarea: 'gov-form-file__area',\r\n\tinput: 'gov-form-file__input',\r\n\tinputFocus: 'gov-form-file__input-focus',\r\n\tattachments: 'gov-form-file__attachments',\r\n}\r\n","export function formatBytes(bytes: any): string {\r\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\r\n\tlet l = 0,\r\n\t\tn = parseInt(bytes, 10) || 0\r\n\r\n\twhile (n >= 1024 && ++l) {\r\n\t\tn = n / 1024\r\n\t}\r\n\r\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\r\n}\r\n\r\nexport function fileAcceptValidation(file: File, accept: string): boolean {\r\n\tif (typeof accept === 'string' && accept.length) {\r\n\t\treturn (\r\n\t\t\taccept\r\n\t\t\t\t.replace(/\\s/g, '')\r\n\t\t\t\t.split(',')\r\n\t\t\t\t.filter(accept => {\r\n\t\t\t\t\treturn new RegExp(accept.replace('*', '.*')).test(file.type)\r\n\t\t\t\t}).length > 0\r\n\t\t)\r\n\t} else {\r\n\t\treturn true\r\n\t}\r\n}\r\n\r\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\r\n\tconst fileSize = Math.round(file.size)\r\n\treturn fileSize <= maxSize\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {FormFileClass} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {fileAcceptValidation, fileSizeValidation, formatBytes} from \"../../../utils/file.utils\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovFormFileEvent, GovFormFileItem} from \"./gov-form-file.types\"\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-file\",\r\n})\r\nexport class GovFormFile {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\r\n\tprivate areaRef?: HTMLDivElement\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate readonly fileId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\tprivate eventsRegistered = false\r\n\r\n\tconstructor() {\r\n\t\tthis.fileId = createID(\"GovInputFile\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormFileElement\r\n\t/**\r\n\t * Expands the file input to fill 100% of the container width.\r\n\t */\r\n\t@Prop() readonly expanded: boolean = false\r\n\t/**\r\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the File component disabled.\r\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * After selecting the files, the main input element will be reset.\r\n\t * The propagation of the event with the selected files will not be affected.\r\n\t */\r\n\t@Prop({attribute: \"reset-after-pick\"}) readonly resetAfterPick: boolean = false\r\n\t/**\r\n\t * Selected files will not be checked for duplicates based on name and size.\r\n\t */\r\n\t@Prop({attribute: \"ignore-file-duplication-check\"}) readonly ignoreFileDuplicationCheck: boolean = false\r\n\t/**\r\n\t * Show list of attachments\r\n\t */\r\n\t@Prop({attribute: \"display-attachments\"}) readonly displayAttachments: boolean = true\r\n\t/**\r\n\t * Name of the input.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\r\n\t */\r\n\t@Prop() readonly accept: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\r\n\t */\r\n\t@Prop() readonly multiple: boolean = false\r\n\t/**\r\n\t * Maximum embedded file size\r\n\t */\r\n\t@Prop({attribute: \"max-file-size\"}) readonly maxFileSize: number = -1\r\n\t/**\r\n\t * Custom File identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly invalid: boolean\r\n\t/**\r\n\t * Error message when the maximum file size is exceeded\r\n\t */\r\n\t@Prop({attribute: \"error-size\"}) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\r\n\t/**\r\n\t * Insert unsupported file error message\r\n\t */\r\n\t@Prop({attribute: \"error-accept\"}) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\r\n\t/**\r\n\t * Adds accessible label for the list of attachments.\r\n\t */\r\n\t@Prop({attribute: \"accessible-attachments-label\"}) readonly accessibleAttachmentsLabel: string = \"Přílohy\"\r\n\t/**\r\n\t * Emitted when the File has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Emitted when the File loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Called when the list of inserted files is changed\r\n\t */\r\n\t@Event({eventName: \"gov-files\"}) govFiles: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Called when a new file is added\r\n\t */\r\n\t@Event({eventName: \"gov-add-file\"}) govAddFile: EventEmitter<GovFormFileEvent>\r\n\t/**\r\n\t * Called when a file is removed from the list\r\n\t */\r\n\t@Event({eventName: \"gov-remove-file\"}) govRemoveFile: EventEmitter<GovFormFileEvent>\r\n\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() files: GovFormFileItem[] = []\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\r\n\t}\r\n\r\n\r\n\tprivate registerListeners() {\r\n\t\tif (this.eventsRegistered) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.eventsRegistered = true\r\n\r\n\t\tfunction highlight() {\r\n\t\t\tthis.areaRef.classList.add(\"highlight\")\r\n\t\t}\r\n\r\n\t\tfunction unhighlight() {\r\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\r\n\t\t}\r\n\r\n\t\tthis.inputRef.addEventListener(\r\n\t\t\t\"change\",\r\n\t\t\te => {\r\n\t\t\t\te.preventDefault()\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\r\n\t\t\t\tif (this.resetAfterPick) {\r\n\t\t\t\t\tif (files.length) {\r\n\t\t\t\t\t\tthis.validateFiles(files)\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.validateFiles(files)\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tfalse,\r\n\t\t)\r\n\r\n\t\tif (this.expanded) {\r\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\r\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\r\n\t\t\tconst outEvents = [\"dragleave\", \"mouseleave\"]\r\n\r\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\r\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\r\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\r\n\t\t}\r\n\t}\r\n\r\n\tpreventDefaults(e) {\r\n\t\te.preventDefault()\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\thandleDrop(e: DragEvent) {\r\n\t\tconst dataTransfer = e.dataTransfer\r\n\t\tthis.validateFiles(dataTransfer.files)\r\n\t}\r\n\r\n\tprivate validateFiles(files: FileList) {\r\n\t\tlet filesBuffer: GovFormFileItem[] = []\r\n\t\tArray.from(files).map(file => {\r\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null\r\n\t\t\tif (isFile === null || this.ignoreFileDuplicationCheck) {\r\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\r\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\r\n\t\t\t\tconst newFile = {\r\n\t\t\t\t\tid: createID(\"GovFormFile\"),\r\n\t\t\t\t\tfile,\r\n\t\t\t\t\tacceptValid: isAcceptValid,\r\n\t\t\t\t\tsizeValid: isSizeValid,\r\n\t\t\t\t}\r\n\t\t\t\tif (this.displayAttachments) {\r\n\t\t\t\t\tthis.files = [...this.files, newFile]\r\n\t\t\t\t} else {\r\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\r\n\t\t\t\t}\r\n\t\t\t\tthis.govAddFile.emit({\r\n\t\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\t\tfile: newFile,\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t\tthis.govFiles.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\r\n\t\t})\r\n\r\n\t\tif (this.resetAfterPick) {\r\n\t\t\tthis.reset().finally()\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes([FormFileClass.root])}\r\n\t\t\t\t  invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t  expanded={toBoolAttrIfDefined(this.expanded)}>\r\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tclass={FormFileClass.input}\r\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\tid={this.identifier || this.fileId}\r\n\t\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\taccept={this.accept}\r\n\t\t\t\t\t\tmultiple={this.multiple}\r\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormFileClass.inputFocus}/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\r\n\t\t\t\t\t<div class={FormFileClass.attachments}>\r\n\t\t\t\t\t\t<slot name={\"attachments\"}/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{this.files.length && this.displayAttachments ? (\r\n\t\t\t\t\t<div class={FormFileClass.attachments}>\r\n\t\t\t\t\t\t<gov-attachments label={this.accessibleAttachmentsLabel}\r\n\t\t\t\t\t\t\t\t\t\t accessible-label={this.accessibleAttachmentsLabel}>\r\n\t\t\t\t\t\t\t{this.files.map(item => (\r\n\t\t\t\t\t\t\t\t<gov-attachments-item accessible-remove-labelledby={item.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t  on-gov-remove={() => this.onRemoveFileHandler(item)}>\r\n\t\t\t\t\t\t\t\t\t{item.file.name}\r\n\t\t\t\t\t\t\t\t\t<span slot=\"name\">{item.file.name}</span>\r\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\r\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\r\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\r\n\t\t\t\t\t\t\t\t</gov-attachments-item>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</gov-attachments>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\r\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\r\n\t\tif (index !== -1) {\r\n\t\t\tconst files = this.files\r\n\t\t\tconst removeFile = this.files[index]\r\n\t\t\tfiles.splice(index, 1)\r\n\t\t\tthis.files = [...files]\r\n\t\t\tthis.govRemoveFile.emit({\r\n\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\tfile: removeFile,\r\n\t\t\t})\r\n\t\t\tthis.govFiles.emit({\r\n\t\t\t\tcomponent: FormFileClass.root,\r\n\t\t\t\tfiles,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormFileClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native area element\r\n\t */\r\n\t@Method()\r\n\tasync getAreaRef(): Promise<HTMLDivElement> {\r\n\t\treturn this.areaRef\r\n\t}\r\n\r\n\t/**\r\n\t * Remove all files from component state\r\n\t */\r\n\t@Method()\r\n\tasync reset(): Promise<void> {\r\n\t\tthis.files = []\r\n\t\tthis.inputRef.value = '';\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-0e06af2b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,F as s,H as i,g as a}from"./p-ClISz4NF.js";import{p as o}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as c}from"./p-CoD1xawt.js";o(n,["_S","_M","_L"]);const l={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const r=class{constructor(e){t(this,e);this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return e(i,{key:"31fcebee125c753089b2229cea0033dce9aa3133",class:this.h.classes(l.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},e("slot",{key:"b79748ea55bb2e86d887860c1143d82d75497966",name:"icon"}),e("div",{key:"db8b61554f6943612c9d7165174926cfd205fcfb",class:l.content},e("div",{key:"e844267c106109d0470176d3c89539f8f987c70f",class:l.text},e("div",{key:"e4771f568d8848b87045293ebb10af5679f1a3b7",class:l.title},this.href?e(s,null,e("a",{href:this.href,target:this.target,class:l.link,ref:t=>this.triggerRef=t},e("slot",{name:"title"})),e("span",{class:l.icon},e("gov-icon",{name:"chevron-right",type:"components"}))):e("slot",{name:"title"})),e("div",{key:"cf1bf1a1c29e8879dc509b484325b82808db792a",class:`${l.annotation} ${this.href?`${l.annotation}--padding`:""}`},e("slot",{key:"9a10f28fd144f1131eae6735342da9a5d93665e2"}))),e("slot",{key:"067476f1a27bad0fb50d86789a729f93b1f1e5ad",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return a(this)}};export{r as gov_tile};
+//# sourceMappingURL=p-0e06af2b.entry.js.map

package/dist/core/p-0e06af2b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","constructor","hostRef","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/**\r\n\t * Tile’s size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the tile.\r\n\t */\r\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\r\n\t/**\r\n\t * Tiles border\r\n\t */\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Link on whole tile\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  orientation={this.orientation}\r\n\t\t\t\t  clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"mappings":"4KAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAO,MA0BnB,WAAAC,CAAAC,G,UArBgCC,KAAIC,KAAmB,IAQZD,KAAQE,SAAY,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQrB,EAAUC,MACnCW,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAM,QAAAK,IAAA,2CAAAM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUG,SACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUI,MACrBU,EAAA,OAAAK,IAAA,2CAAKC,MAAOpB,EAAUK,OACpBM,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOpB,EAAUE,KACjB0B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOpB,EAAUM,MACtBQ,EAAU,YAAAW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAK,OAAAK,IAAA,2CAAAC,MAAO,GAAGpB,EAAUO,cAAcI,KAAKa,KAAO,GAAGxB,EAAUO,sBAAwB,MACvFO,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}

package/dist/core/{p-658c1d84.entry.js → p-1375d52d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as e,g as i,c as n}from"./p-DT2tslUp.js";import{S as o}from"./p-BcQO4NH2.js";import{g as a}from"./p-BBOh2pxy.js";import{p as r}from"./p-CQvUntGY.js";import{C as c}from"./p-U40vKHrs.js";import{i as h,a as l,b as d}from"./p-CgDnDrq5.js";import{v as f}from"./p-NOJjz9dT.js";const u={root:"gov-flex"};const m=class{constructor(s){t(this,s);this.direction="row";this.responsive="true";this.h=a(this.host)}render(){return s(e,{key:"71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756",class:this.h.classes(u.root)},s("slot",{key:"b86bd5e8abbf157f2476cad87134ff9eedd307cc"}))}get host(){return i(this)}};r(o,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const p=r(c,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var b;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(b||(b={}));const v={root:"gov-icon"};const g="4.2.7";const w=()=>g;const _={};const y={};const S=t=>t.startsWith("http://")||t.startsWith("https://");const k=(t,s,e)=>{if(S(t)){return`${t}/${e}/${s}.svg?v=${w()}`}return`${t}/${e}/${s}.svg`+`?v=${w()}`};async function C({name:t,type:s}){const e=s+"-"+t;if(_[e]){return _[e]}if(!y[e]){y[e]=fetch(k(h(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const i=await y[e];_[e]=i;return i}const L=(t,s,e)=>{if(!l){return}let i="";document.cookie=`${t}=${encodeURIComponent(s)}${i}; path=/`};const D=t=>{if(!l){return null}const s=t+"=";const e=document.cookie.split(";");for(let t=0;t<e.length;t++){let i=e[t].trim();if(i.startsWith(s)){return decodeURIComponent(i.substring(s.length))}}return null};const I=t=>{try{const s=new DOMParser;const e=s.parseFromString(t,"image/svg+xml");const i=e.querySelector("parsererror");if(i){return false}const n=e.documentElement;if(n.tagName.toLowerCase()!=="svg"){return false}return true}catch(t){return false}};const $=class{constructor(s){t(this,s);this.name=null;this.type="components";this.visible=false;this.error=false;this.h=a(this.host)}validateSize(t){f(o,t,v.root)}validateColor(t){f(p,t,v.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(d()){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(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const e=await C({name:t,type:s});const i=I(e);this.host.innerHTML=i?e:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return s(e,{class:this.h.classes(v.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return i(this)}static get watchers(){return{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}}};const j=r(o,["_XS","_S","_M","_L","_XL"]);const R={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const z="data-theme";var E;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(E||(E={}));const O=class{constructor(s){t(this,s);this.govChange=n(this,"gov-change");this.size="m";this.displayLabel=false;this.ariaLabelLight="Přepnout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=E.auto;this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:R.root,state:this.theme,ref:this.host})};this.h=a(this.host)}validateSize(t){f(j,t,R.root)}watchTheme(t){this.htmlElement.setAttribute(z,t);this.htmlElement.classList.remove(...Object.keys(E));this.htmlElement.classList.add(t);L(z,t)}get storageValue(){return D(z)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return l&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(E);let s=this.storageValue;const e=this.htmlElement.getAttribute(z);if(s&&t.includes(s)){this.theme=s}else if(e&&t.includes(e)){this.theme=e}else{this.theme=E.auto}}render(){let t=this.theme===E.dark;if(this.theme===E.auto){t=this.isSystemPrefersColorDark}return s(e,{key:"2b35ab195092cc77a4424b8676f3ae35733b5388",class:this.h.classes(R.root),theme:t?E.dark:E.light,size:this.size},s("button",{key:"8e3904870ea8181ca7e9bad9262bbf5638b19358",onClick:()=>this.setThemeState(t?E.light:E.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},s("span",{key:"e76b59b0cb70878e627c4e0be0c74e3dde19124c"},s("span",{key:"ceb0da027677434b1d64b24b05f4e3b0828c529a",class:R.indicator},E.light&&s("gov-icon",{key:"a36bf7c3e453ff752feb91f02a23302dbadd8509",name:"sun",class:R.iconLight,type:"components"}),E.dark&&s("gov-icon",{key:"66a37d369fbe737fcb90372f262a01225cdad90c",name:"moon",class:R.iconDark,type:"components"})),this.displayLabel?s("span",{class:R.label},t?this.labelDark:this.labelLight):null)))}get host(){return i(this)}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}};export{m as gov_flex,$ as gov_icon,O as gov_theme_switch};
-//# sourceMappingURL=p-658c1d84.entry.js.map
+import{r as t,h as s,H as e,g as i,c as n}from"./p-ClISz4NF.js";import{S as o}from"./p-BcQO4NH2.js";import{g as a}from"./p-CoD1xawt.js";import{p as c}from"./p-CQvUntGY.js";import{C as r}from"./p-U40vKHrs.js";import{i as h,a as l,b as f}from"./p-CgDnDrq5.js";import{v as u}from"./p-NOJjz9dT.js";const m={root:"gov-flex"};const d=class{constructor(s){t(this,s);this.direction="row";this.responsive="true";this.h=a(this.host)}render(){return s(e,{key:"1c88a4c6aaf69a13c514bc24c10fd2a32316a7c0",class:this.h.classes(m.root)},s("slot",{key:"b055e2aff7056be660e53d5036341fbaabe796b1"}))}get host(){return i(this)}};c(o,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const p=c(r,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var b;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(b||(b={}));const v={root:"gov-icon"};const g="4.6.0";const w=()=>g;const _={};const y={};const S=t=>t.startsWith("http://")||t.startsWith("https://");const C=(t,s,e)=>{if(S(t)){return`${t}/${e}/${s}.svg?v=${w()}`}return`${t}/${e}/${s}.svg`+`?v=${w()}`};async function k({name:t,type:s}){const e=s+"-"+t;if(_[e]){return _[e]}if(!y[e]){y[e]=fetch(C(h(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const i=await y[e];_[e]=i;return i}const L=(t,s,e)=>{if(!l){return}let i="";document.cookie=`${t}=${encodeURIComponent(s)}${i}; path=/`};const D=t=>{if(!l){return null}const s=t+"=";const e=document.cookie.split(";");for(let t=0;t<e.length;t++){let i=e[t].trim();if(i.startsWith(s)){return decodeURIComponent(i.substring(s.length))}}return null};const I=t=>{try{const s=new DOMParser;const e=s.parseFromString(t,"image/svg+xml");const i=e.querySelector("parsererror");if(i){return false}const n=e.documentElement;if(n.tagName.toLowerCase()!=="svg"){return false}return true}catch(t){return false}};const $=class{constructor(s){t(this,s);this.name=null;this.type="components";this.visible=false;this.error=false;this.h=a(this.host)}validateSize(t){u(o,t,v.root)}validateColor(t){u(p,t,v.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(f()){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(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const e=await k({name:t,type:s});const i=I(e);this.host.innerHTML=i?e:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return s(e,{class:this.h.classes(v.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return i(this)}static get watchers(){return{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}}};const j=c(o,["_XS","_S","_M","_L","_XL"]);const z={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const R="data-theme";var E;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(E||(E={}));const x=class{constructor(s){t(this,s);this.govChange=n(this,"gov-change");this.size="m";this.displayLabel=false;this.ariaLabelLight="Přepnout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=E.auto;this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:z.root,state:this.theme,ref:this.host})};this.h=a(this.host)}validateSize(t){u(j,t,z.root)}watchTheme(t){this.htmlElement.setAttribute(R,t);this.htmlElement.classList.remove(...Object.keys(E));this.htmlElement.classList.add(t);L(R,t)}get storageValue(){return D(R)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return l&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(E);let s=this.storageValue;const e=this.htmlElement.getAttribute(R);if(s&&t.includes(s)){this.theme=s}else if(e&&t.includes(e)){this.theme=e}else{this.theme=E.auto}}render(){let t=this.theme===E.dark;if(this.theme===E.auto){t=this.isSystemPrefersColorDark}return s(e,{key:"77b26165b2a824ff9649ac9c28d7b300cdb76280",class:this.h.classes(z.root),theme:t?E.dark:E.light,size:this.size},s("button",{key:"c46058c2a0e797fef9c7e1ab4975ff379bbc3fb4",onClick:()=>this.setThemeState(t?E.light:E.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},s("span",{key:"c1d8824467dc7bfa5d23f1f99db686e91e93087b"},s("span",{key:"62da0a9fecc5fc713b98ac9e4e728e3e19b9aa67",class:z.indicator},E.light&&s("gov-icon",{key:"7c9dd1cf819afbd7f63609916d6c845c2236fbca",name:"sun",class:z.iconLight,type:"components"}),E.dark&&s("gov-icon",{key:"3f1acf71f8afb5ca893c460b7d0b6e49fe6f5c2d",name:"moon",class:z.iconDark,type:"components"})),this.displayLabel?s("span",{class:z.label},t?this.labelDark:this.labelLight):null)))}get host(){return i(this)}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}};export{d as gov_flex,$ as gov_icon,x as gov_theme_switch};
+//# sourceMappingURL=p-1375d52d.entry.js.map

package/dist/core/p-1375d52d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlexClass","root","GovFlex","constructor","hostRef","this","direction","responsive","h","govHost","host","render","Host","key","class","classes","pick","Sizes","IconColors","Colors","Types","IconClass","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","setCookie","value","days","isWindow","expires","document","cookie","encodeURIComponent","getCookie","nameEQ","cookies","split","i","length","trim","decodeURIComponent","substring","isValidSVG","svgContent","parser","DOMParser","doc","parseFromString","parseError","querySelector","svgElement","documentElement","tagName","toLowerCase","error","GovIcon","visible","validateSize","newValue","validateProp","validateColor","loadIconPathData","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","size","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","innerHTML","e","ThemeSwitchSizes","ThemeSwitchClass","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","displayLabel","ariaLabelLight","ariaLabelDark","labelLight","labelDark","theme","auto","setThemeState","state","govChange","emit","component","ref","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","storageValue","isSystemPrefersColorDark","matchMedia","matches","initDefaultState","options","currentState","htmlState","getAttribute","includes","isDark","dark","light","onClick"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx","../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/helpers/Dom/document.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx","../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const FlexSizes = Sizes\r\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\r\n\r\nexport const FlexClass = {\r\n\troot: 'gov-flex',\r\n}\r\n\r\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FlexClass, FlexSizesType} from './constants'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-flex',\r\n})\r\nexport class GovFlex {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovGridElement\r\n\r\n\t/**\r\n\t * Controls the flex direction of the container.\r\n\t */\r\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\r\n\r\n\t/**\r\n\t * Defines how the browser distributes space between and around content items along the main axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'justify-content',\r\n\t\treflect: true\r\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\r\n\r\n\t/**\r\n\t * Aligns flex items along the cross axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-items',\r\n\t\treflect: true\r\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\r\n\r\n\t/**\r\n\t * Controls whether the flex container is a single-line or multi-line flex container.\r\n\t */\r\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\r\n\r\n\t/**\r\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-content',\r\n\t\treflect: true\r\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\r\n\r\n\t/**\r\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-self',\r\n\t\treflect: true\r\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\r\n\r\n\t/**\r\n\t * The gap property creates consistent spacing between flex items in the container.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'gap',\r\n\t\treflect: true\r\n\t}) gap?: FlexSizesType;\r\n\r\n\t/**\r\n\t * Option to turn off responsive\r\n\t */\r\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n","import { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils';\r\nimport { Colors } from '../../core/constants/colors';\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\n\r\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\r\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\r\n\r\nexport const IconColors = pick(Colors, [\r\n\t'DEFAULT',\r\n\t'PRIMARY',\r\n\t'SECONDARY',\r\n\t'NEUTRAL',\r\n\t'ERROR',\r\n\t'SUCCESS',\r\n\t'WARNING',\r\n\t'DISABLED',\r\n\t'WHITE',\r\n\t'BLACK',\r\n])\r\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\r\n\r\nenum Types {\r\n\tBASIC = 'basic',\r\n\tCOMPLEX = 'complex',\r\n\tCOLORED = 'colored',\r\n}\r\nexport type Type = `${ValueOf<typeof Types>}`\r\n\r\nexport const IconClass = {\r\n\troot: 'gov-icon',\r\n\tholder: 'gov-icon__holder',\r\n}\r\n","import { version } from '../../package.json'\r\n\r\nexport const dsVersion = (): string => {\r\n\treturn version\r\n}\r\n","import {dsVersion} from \"./ds.utils\"\r\nimport {iconsPath} from \"../helpers/Dom/win\"\r\n\r\nconst iconCache: { [key: string]: string } = {}\r\nconst requestCache: { [key: string]: Promise<string> } = {}\r\n\r\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\r\nconst iconUrl = (path: string, name: string, type: string) => {\r\n    if (isExternalUrl(path)) {\r\n        return `${path}/${type}/${name}.svg?v=${dsVersion()}`\r\n    }\r\n    return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`\r\n}\r\n\r\nexport async function fetchIcon({name, type}: { name: string; type: string }): Promise<string> {\r\n    const cacheKey = type + \"-\" + name\r\n    if (iconCache[cacheKey]) {\r\n        return iconCache[cacheKey]\r\n    }\r\n\r\n    if (!requestCache[cacheKey]) {\r\n        requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\r\n            if (resp.status === 200) {\r\n                return resp.text()\r\n            } else {\r\n                throw new Error(\"Gov Icon doesn't exists\")\r\n            }\r\n        })\r\n    }\r\n    const path = await requestCache[cacheKey]\r\n    iconCache[cacheKey] = path\r\n    return path\r\n}\r\n","import {Nullable} from \"../../utils/helpers.types\";\r\nimport {isWindow} from \"./win\";\r\n\r\nexport const setCookie = (name: string, value: string, days?: number) => {\r\n\tif (!isWindow) {\r\n\t\treturn\r\n\t}\r\n\tlet expires = \"\";\r\n\tif (days) {\r\n\t\tconst date = new Date();\r\n\t\tdate.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n\t\texpires = \"; expires=\" + date.toUTCString();\r\n\t}\r\n\tdocument.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;\r\n}\r\n\r\nexport const getCookie = (name: string): Nullable<string> => {\r\n\tif (!isWindow) {\r\n\t\treturn null\r\n\t}\r\n\tconst nameEQ = name + \"=\";\r\n\tconst cookies = document.cookie.split(';');\r\n\tfor (let i = 0; i < cookies.length; i++) {\r\n\t\tlet cookie = cookies[i].trim();\r\n\t\tif (cookie.startsWith(nameEQ)) {\r\n\t\t\treturn decodeURIComponent(cookie.substring(nameEQ.length));\r\n\t\t}\r\n\t}\r\n\treturn null;\r\n}\r\n\r\nexport const isValidSVG = (svgContent: string): boolean => {\r\n\ttry {\r\n\t\tconst parser = new DOMParser();\r\n\t\tconst doc = parser.parseFromString(svgContent, \"image/svg+xml\");\r\n\t\tconst parseError = doc.querySelector(\"parsererror\");\r\n\t\tif (parseError) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tconst svgElement = doc.documentElement;\r\n\t\tif (svgElement.tagName.toLowerCase() !== \"svg\") {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\treturn true;\r\n\t} catch (error) {\r\n\t\treturn false;\r\n\t}\r\n}\r\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {IconClass, IconColors, type IconColorType, IconSizesType} from \"./constants\"\r\nimport {fetchIcon} from \"../../utils/icon.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {isValidSVG} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\tassetsDirs: [\"assets\"],\r\n\ttag: \"gov-icon\",\r\n})\r\nexport class GovIcon {\r\n\tprivate h: GovHost\r\n\tprivate intersectionObserver: IntersectionObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovIconElement\r\n\t/**\r\n\t * Icon size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: IconSizesType\r\n\t/**\r\n\t * Icon color\r\n\t */\r\n\t@Prop({reflect: true}) readonly color?: IconColorType\r\n\t/**\r\n\t * Name of icon in folder\r\n\t */\r\n\t@Prop({reflect: true}) name: string = null\r\n\t/**\r\n\t * Type (folder) of icon\r\n\t */\r\n\t@Prop({reflect: true}) type = \"components\"\r\n\r\n\t@State() private visible = false\r\n\t@State() private error = false\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(Sizes, newValue, IconClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\r\n\t}\r\n\r\n\t@Watch(\"name\")\r\n\tprivate async loadIconPathData(): Promise<void> {\r\n\t\tconst {name, visible} = this\r\n\t\tif (!Build.isBrowser || !name || !visible) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tawait this.loadIcon()\r\n\t}\r\n\r\n\tconnectedCallback(): void {\r\n\t\tif (iconsLazyLoad()) {\r\n\t\t\tthis.visible = true\r\n\t\t\tthis.loadIconPathData().finally()\r\n\t\t} else {\r\n\t\t\tthis.waitUntilVisible(async () => {\r\n\t\t\t\tthis.visible = true\r\n\t\t\t\tawait this.loadIconPathData()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tif (this.intersectionObserver) {\r\n\t\t\tthis.intersectionObserver.disconnect()\r\n\t\t\tthis.intersectionObserver = null\r\n\t\t}\r\n\t}\r\n\r\n\tasync componentWillLoad(): Promise<void> {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateColor(this.color)\r\n\t\tawait this.loadIconPathData()\r\n\t}\r\n\r\n\tprivate waitUntilVisible(callback: () => void): void {\r\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\r\n\t\t\tcallback()\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.intersectionObserver = new IntersectionObserver(\r\n\t\t\tentries => {\r\n\t\t\t\tentries.forEach(entry => {\r\n\t\t\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\t\t\tif (this.intersectionObserver) {\r\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\r\n\t\t\t\t\t\t\tthis.intersectionObserver = null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcallback()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{rootMargin: \"50px\"},\r\n\t\t)\r\n\t\tthis.intersectionObserver.observe(this.host)\r\n\t}\r\n\r\n\tprivate async loadIcon() {\r\n\t\ttry {\r\n\t\t\tconst {name, type} = this\r\n\t\t\tconst data = await fetchIcon({name, type})\r\n\t\t\tconst isValid = isValidSVG(data)\r\n\t\t\tthis.host.innerHTML = isValid ? data : null;\r\n\t\t} catch (e) {\r\n\t\t\tthis.host.innerHTML = ''\r\n\t\t\tthis.error = true\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.error) {\r\n\t\t\treturn null\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}/>\r\n\t\t)\r\n\t}\r\n}\r\n","import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\r\n\r\nexport const ThemeSwitchClass = {\r\n\troot: 'gov-theme-switch',\r\n\tindicator: 'gov-theme-switch__indicator',\r\n\tlabel: 'gov-theme-switch__label',\r\n\ticonLight: 'gov-theme-switch__icon-light',\r\n\ticonDark: 'gov-theme-switch__icon-dark',\r\n}\r\n\r\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\r\n","import {GovBaseEvent} from \"../../types/event.types\";\r\n\r\nexport enum ThemeList {\r\n\tauto = 'auto',\r\n\tlight = 'light',\r\n\tdark = 'dark'\r\n}\r\n\r\nexport interface ThemeSwitchEvent extends GovBaseEvent {\r\n\tref: HTMLGovThemeSwitchElement;\r\n\tstate: ThemeList\r\n}\r\n\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\";\r\nimport {govHost} from \"../../helpers/Dom/template\";\r\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\r\nimport {isWindow} from \"../../helpers/Dom/win\";\r\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\ttag: \"gov-theme-switch\",\r\n})\r\nexport class GovThemeSwitch {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovThemeSwitchElement\r\n\r\n\t/**\r\n\t * Switch's size.\r\n\t */\r\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\r\n\t/**\r\n\t * Display switch label\r\n\t */\r\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\r\n\t/**\r\n\t * Label in light mode\r\n\t */\r\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\r\n\t/**\r\n\t * Label in dark mode\r\n\t */\r\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\r\n\t/**\r\n\t * Label in light mode\r\n\t */\r\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? =  \"Světlý mód\"\r\n\t/**\r\n\t * Label in dark mode\r\n\t */\r\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\r\n\t/**\r\n\t * Called when the theme is changed by the user\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\r\n\t}\r\n\r\n\t@Watch(\"theme\")\r\n\twatchTheme(newValue: ThemeList): void {\r\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\r\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\r\n\t\tthis.htmlElement.classList.add(newValue);\r\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\r\n\t}\r\n\r\n\t@State() theme: ThemeList = ThemeList.auto\r\n\r\n\tprivate get storageValue() {\r\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\r\n\t}\r\n\r\n\tprivate get htmlElement(): HTMLElement {\r\n\t\treturn document.documentElement\r\n\t}\r\n\r\n\tprivate get isSystemPrefersColorDark(): boolean {\r\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.initDefaultState()\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tprivate initDefaultState() {\r\n\t\tconst options = Object.keys(ThemeList);\r\n\t\tlet currentState = this.storageValue;\r\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\r\n\r\n\t\tif (currentState && options.includes(currentState)) {\r\n\t\t\tthis.theme = currentState as ThemeList;\r\n\t\t} else if (htmlState && options.includes(htmlState)) {\r\n\t\t\tthis.theme = htmlState as ThemeList;\r\n\t\t} else {\r\n\t\t\tthis.theme = ThemeList.auto;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setThemeState = (state: ThemeList) => {\r\n\t\tthis.theme = state;\r\n\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: ThemeSwitchClass.root,\r\n\t\t\tstate: this.theme,\r\n\t\t\tref: this.host\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet isDark = this.theme === ThemeList.dark;\r\n\t\tif (this.theme === ThemeList.auto) {\r\n\t\t\tisDark = this.isSystemPrefersColorDark;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\r\n\t\t\t\t  theme={isDark ? ThemeList.dark : ThemeList.light}\r\n\t\t\t\t  size={this.size}>\r\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\r\n\t\t\t\t\t\taria-current={this.theme}\r\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\r\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{this.displayLabel ? (\r\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\r\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t) : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</button>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-264cbd4e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as a}from"./p-ClISz4NF.js";import{g as o,a as d,c}from"./p-CoD1xawt.js";import{c as l}from"./p-CgDnDrq5.js";import{a as h}from"./p-CDIRBJsi.js";import{c as n}from"./p-vN03FcXN.js";import{t as b}from"./p-Cjg0wpDG.js";import"./p-CQvUntGY.js";import"./p-DNztiAH0.js";const r={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 f(e){if(!e)return[];return Array.from(e.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'))}const g=class{constructor(i){e(this,i);this.govClose=t(this,"gov-close");this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleCloseLabel="Zavřít okno";this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){var t;this.open=e;this.setFocus().finally();if(!e){(t=this.lastActiveElementRef)===null||t===void 0?void 0:t.focus()}else{this.focusTrap()}}showDialog(){this.open=true;document.body.classList.add(r.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(r.bodyFix)}async componentDidRender(){if(l()){b((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}focusTrap(){var e;if(open&&this.dialogRef){this.lastActiveElementRef=document.activeElement;const e=f(this.dialogRef);if(e.length){e[0].focus()}const t=e=>{if(e.key==="Tab"&&this.dialogRef){const t=f(this.dialogRef);const i=t[0];const s=t[t.length-1];if(!e.shiftKey&&document.activeElement===s){e.preventDefault();i.focus()}if(e.shiftKey&&document.activeElement===i){e.preventDefault();s.focus()}}if(e.key==="Escape"){if(this.blockClose===false){this.hideDialog();this.govClose.emit()}}};document.addEventListener("keydown",t)}else{(e=this.lastActiveElementRef)===null||e===void 0?void 0:e.focus()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(r.bodyFix)}render(){return i(s,{key:"ba9070ed36ce25806a12a88f55d9a36609e17bbb",class:this.h.classes(r.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"79188b6182895a7a7db32e629316a46420d2981c",ref:e=>this.dialogRef=e,class:r.dialog,hidden:!this.open,tabindex:c(this.open),open:this.open,"aria-modal":"true","aria-hidden":d(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"a50c41b27b3060292df9b6d2eb657c1e27a384e7",class:r.inner},i("div",{key:"487b4639e842aa7257e2ce24a553e8ae67be02be",class:r.header},this.h.hasSlot("icon")&&i("span",{key:"75dfd64444588ce6a37607a60eb1c4df7888d3e8"},i("slot",{key:"80be9198860ffce669b218b6f0f0143f7da83add",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"723a628454f0989db5da7a1ae12aef803896b9de",class:r.title,id:this.labelId},i("slot",{key:"0aee99ddbdbb0a068b07259d6b2793ddf3dfa629",name:"title"})),i("gov-button",{key:"6f245f5f2a3a95ff239cd55640c5aac980374cfc",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:r.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"f767a25f40e13c322d6871275d996493bbe8730b",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"4c975dfa826bada579b1ee6edbcece08bf6b7346",class:r.content,id:this.contentId},i("slot",{key:"cdc3d7b173b47237cecf113e344d2ebd05d6daeb"})),this.h.hasSlot("footer")&&i("div",{key:"37e471ea3bb0952c0ccfc290b02af6d69690ae4e",class:r.footer},i("slot",{key:"69f6160c0429d82051a6b99d210f132c7ec3ff56",name:"footer"})))),this.open?i("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)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){h(this.accessibleLabelledBy,"accessible-labelled-by",r.root);h(this.accessibleDescribedBy,"accessible-described-by",r.root)}get host(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};export{g as gov_dialog};
+//# sourceMappingURL=p-264cbd4e.entry.js.map

package/dist/core/p-264cbd4e.entry.js.map

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

package/dist/core/{p-2142c481.entry.js → p-2cfa670d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as e,g as h}from"./p-DT2tslUp.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{g as n,a as r,t as c}from"./p-BBOh2pxy.js";import{v as l}from"./p-NOJjz9dT.js";import{A as p,a as u}from"./p-Bz_RzYFb.js";import{g as d}from"./p-B6CqPcY_.js";import{t as f}from"./p-Cjg0wpDG.js";import{a as m}from"./p-DNztiAH0.js";import{c as v}from"./p-vN03FcXN.js";import{i as g}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const b=a(o,["_S","_M","_L"]);const j={root:"gov-form-range",fill:"gov-form-range--fill",input:"gov-form-range--input"};const C=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govInput=s(this,"gov-input");this.size="m";this.tooltip=false;this.input=false;this.required=false;this.disabled=false;this.inheritedAttributes={};this.h=n(this.host);this.f=d(this.h);this.inputId=v("GovInput")}validateSize(t){l(b,t,j.root)}watchValue(){this.controlOutputPosition()}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",r(this.success));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("invalid",r(this.invalid))}get getThumbWidth(){const t=window.getComputedStyle(this.inputRef);return parseFloat(t.getPropertyValue("--thumb-size"))||1}controlOutputPosition(){const t=+this.value;const s=+this.inputRef.min;const i=+this.inputRef.max;const e=this.getThumbWidth*16;const h=this.inputRef.offsetWidth;const a=(t-s)/(i-s)*100;let o=a/100*(h-e)+e/2;if(this.outputRef){this.outputRef.textContent=this.value;const t=this.outputRef.offsetWidth/2;this.outputRef.style.left=`${o-t}px`}if(this.fillRef){this.fillRef.style.width=`${o}px`}}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=g(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));f(this.controlOutputPosition.bind(this))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){return i(e,{key:"263e214c6c36967aaa1d8ec4f33d23d0eec5c92d",class:j.root,size:this.size},this.h.hasSlot("prefix")&&i("slot",{key:"43e08e8d199572845578b1e95c7c012908555bc8",name:"prefix"}),i("span",{key:"89d4176b4f234a4cf83f15a0676710e530ee8d96",class:"element"},i("input",Object.assign({key:"97de040cc35b22aa0c07bfd9654062803cc75c8b",type:"range",ref:t=>this.inputRef=t,onInput:this.onInputHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),id:this.identifier||this.inputId,name:this.name,min:this.min,max:this.max,step:this.step,list:this.listIdentifier,value:this.value,required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled)})),i("div",{key:"601626b0b79a7a62022cc61071961bd0b5b9ebe2",class:j.fill,ref:t=>this.fillRef=t}),this.tooltip?i("output",{htmlFor:this.name,ref:t=>this.outputRef=t},this.value):null,i("slot",{key:"f814e896acf10712ecfa34a8d6fa7f9b1d575a4e",name:"datalist"})),this.h.hasSlot("sufix")&&i("slot",{key:"432a47e6df6cd4c6aea28e3063f06e9debc0dc32",name:"sufix"}),this.input?i("gov-form-input",Object.assign({"on-gov-input":this.onCustomInputHandler.bind(this),class:j.input,size:this.size,value:this.value,disabled:this.disabled},this.inheritedAttributes)):null)}onCustomInputHandler(t){const s=t.target.value;if(this.step&&m(+this.step)){const i=+s;const e=+this.min;const h=+this.max;const a=+this.step;if(isNaN(i)){return false}if(i<e||i>h){return false}const o=i-e;if(o%a!==0){return false}this.value=s;this.govInput.emit({component:j.root,value:this.value,originalEvent:t})}}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:j.root,value:this.value,originalEvent:t})}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:j.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:j.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return h(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};export{C as gov_form_range};
-//# sourceMappingURL=p-2142c481.entry.js.map
+import{r as t,c as s,h as i,H as e,g as h}from"./p-ClISz4NF.js";import{p as o}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as n,a as r,t as c}from"./p-CoD1xawt.js";import{v as l}from"./p-NOJjz9dT.js";import{A as f,a as p}from"./p-Bz_RzYFb.js";import{g as u}from"./p-B6CqPcY_.js";import{t as d}from"./p-Cjg0wpDG.js";import{a as m}from"./p-DNztiAH0.js";import{c as b}from"./p-vN03FcXN.js";import{i as v}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const g=o(a,["_S","_M","_L"]);const j={root:"gov-form-range",fill:"gov-form-range--fill",input:"gov-form-range--input"};const C=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govInput=s(this,"gov-input");this.size="m";this.tooltip=false;this.input=false;this.required=false;this.disabled=false;this.inheritedAttributes={};this.h=n(this.host);this.f=u(this.h);this.inputId=b("GovInput")}validateSize(t){l(g,t,j.root)}watchValue(){this.controlOutputPosition()}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",r(this.success));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("invalid",r(this.invalid))}get getThumbWidth(){const t=window.getComputedStyle(this.inputRef);return parseFloat(t.getPropertyValue("--thumb-size"))||1}controlOutputPosition(){const t=+this.value;const s=+this.inputRef.min;const i=+this.inputRef.max;const e=this.getThumbWidth*16;const h=this.inputRef.offsetWidth;const o=(t-s)/(i-s)*100;let a=o/100*(h-e)+e/2;if(this.outputRef){this.outputRef.textContent=this.value;const t=this.outputRef.offsetWidth/2;this.outputRef.style.left=`${a-t}px`}if(this.fillRef){this.fillRef.style.width=`${a}px`}}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(p)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=v(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));d(this.controlOutputPosition.bind(this))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){return i(e,{key:"52936cc832e35b7f79520c2f89b2a119e769b994",class:j.root,size:this.size},this.h.hasSlot("prefix")&&i("slot",{key:"1f5d3e1d537be5f431cbf4ba366627d82c2daa01",name:"prefix"}),i("span",{key:"cbabb9ff252fbabdd8b2f813de71b31c1a1444e6",class:"element"},i("input",Object.assign({key:"02dd3f62cb518c965c0f5529ae3b213a9c6fd649",type:"range",ref:t=>this.inputRef=t,onInput:this.onInputHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),id:this.identifier||this.inputId,name:this.name,min:this.min,max:this.max,step:this.step,list:this.listIdentifier,value:this.value,required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled)})),i("div",{key:"fff23dd770c71878eae67df3f96b514c3f55ea2e",class:j.fill,ref:t=>this.fillRef=t}),this.tooltip?i("output",{htmlFor:this.name,ref:t=>this.outputRef=t},this.value):null,i("slot",{key:"32a7919602b2527a97bf019ec74744bedd0ef51f",name:"datalist"})),this.h.hasSlot("sufix")&&i("slot",{key:"e9efd215bb9895a6c11666eb694b6c47f8132f12",name:"sufix"}),this.input?i("gov-form-input",Object.assign({"on-gov-input":this.onCustomInputHandler.bind(this),class:j.input,size:this.size,value:this.value,disabled:this.disabled},this.inheritedAttributes)):null)}onCustomInputHandler(t){const s=t.target.value;if(this.step&&m(+this.step)){const i=+s;const e=+this.min;const h=+this.max;const o=+this.step;if(isNaN(i)){return false}if(i<e||i>h){return false}const a=i-e;if(a%o!==0){return false}this.value=s;this.govInput.emit({component:j.root,value:this.value,originalEvent:t})}}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:j.root,value:this.value,originalEvent:t})}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:j.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:j.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return h(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};export{C as gov_form_range};
+//# sourceMappingURL=p-2cfa670d.entry.js.map

package/dist/core/p-2cfa670d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","constructor","hostRef","this","size","tooltip","required","disabled","inheritedAttributes","h","govHost","host","f","govForm","inputId","createID","validateSize","newValue","validateProp","watchValue","controlOutputPosition","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","getThumbWidth","styles","window","getComputedStyle","inputRef","parseFloat","getPropertyValue","valueInt","value","min","max","thumbWidth","rangeWidth","offsetWidth","percentage","tooltipOffset","outputRef","textContent","outputWidth","style","left","fillRef","width","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","bind","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Host","key","class","hasSlot","name","type","ref","el","onInput","onInputHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","step","list","listIdentifier","toBoolAttrIfDefined","htmlFor","onCustomInputHandler","e","target","isNumber","numValue","numMin","numMax","numStep","isNaN","diff","govInput","emit","component","originalEvent","stopPropagation","govFocus","govBlur","setFocus","options","focus","setValue","clearValue","getRef"],"sources":["../../../packages/core/src/components/gov-form/range/constants.ts","../../../packages/core/src/components/gov-form/range/gov-form-range.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../../types/interfaces\";\r\n\r\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\r\n\r\nexport const FormRangeClass = {\r\n\troot: 'gov-form-range',\r\n\tfill: 'gov-form-range--fill',\r\n\tinput: 'gov-form-range--input',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\r\nimport {validateProp} from \"../../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\r\nimport {govForm} from \"../../../helpers/Dom/form\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {isNumber} from \"../../../utils/helpers.types\";\r\nimport {createID} from \"../../../utils/string.utils\";\r\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-form-range',\r\n})\r\nexport class GovFormRange {\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate outputRef?: HTMLOutputElement\r\n\tprivate fillRef?: HTMLDivElement\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate readonly inputId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t\tthis.inputId = createID(\"GovInput\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormRangeElement\r\n\t/**\r\n\t * Range’s size\r\n\t */\r\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\r\n\t/**\r\n\t * Value of range\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/**\r\n\t * Custom range identifier\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Name of the range\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Minimum value that is acceptable\r\n\t */\r\n\t@Prop() readonly min?: string | number\r\n\t/**\r\n\t * Maximum value that is acceptable\r\n\t */\r\n\t@Prop() readonly max?: string | number\r\n\t/**\r\n\t * Defines size of each step\r\n\t */\r\n\t@Prop() readonly step?: string | number\r\n\t/**\r\n\t * Show tooltip with current value\r\n\t */\r\n\t@Prop() readonly tooltip?: boolean = false\r\n\t/**\r\n\t * Show input with current value\r\n\t */\r\n\t@Prop() readonly input?: boolean = false\r\n\t/**\r\n\t * Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\r\n\t */\r\n\t@Prop() readonly listIdentifier?: string\r\n\t/**\r\n\t * Set whether the range is required or not\r\n\t */\r\n\t@Prop({reflect: true}) readonly required: boolean = false\r\n\t/**\r\n\t * Indicates the entered value of child form element does conform to the format expected by the application\r\n\t */\r\n\t@Prop({reflect: true}) readonly success: boolean\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application\r\n\t */\r\n\t@Prop({reflect: true}) readonly invalid: boolean\r\n\t/**\r\n\t * Makes the range component disabled\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Emitted when the input has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\r\n\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\r\n\t}\r\n\r\n\t@Watch(\"value\")\r\n\twatchValue(): void {\r\n\t\tthis.controlOutputPosition();\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"success\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t}\r\n\r\n\tprivate get getThumbWidth() {\r\n\t\tconst styles = window.getComputedStyle(this.inputRef);\r\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) || 1;\r\n\t}\r\n\r\n\tprivate controlOutputPosition() {\r\n\t\tconst valueInt = +this.value;\r\n\t\tconst min = +this.inputRef.min;\r\n\t\tconst max = +this.inputRef.max;\r\n\r\n\t\tconst thumbWidth = (this.getThumbWidth * 16);\r\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\r\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\r\n\r\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\r\n\r\n\t\tif (this.outputRef) {\r\n\t\t\tthis.outputRef.textContent = this.value;\r\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\r\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\r\n\t\t}\r\n\t\tif (this.fillRef) {\r\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\ttick(this.controlOutputPosition.bind(this))\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\r\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<input type=\"range\"\r\n\t\t\t\t\t\t   ref={el => (this.inputRef = el)}\r\n\t\t\t\t\t\t   onInput={this.onInputHandler.bind(this)}\r\n\t\t\t\t\t\t   onFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t   onBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t   id={this.identifier || this.inputId}\r\n\t\t\t\t\t\t   name={this.name}\r\n\t\t\t\t\t\t   min={this.min}\r\n\t\t\t\t\t\t   max={this.max}\r\n\t\t\t\t\t\t   step={this.step}\r\n\t\t\t\t\t\t   list={this.listIdentifier}\r\n\t\t\t\t\t\t   value={this.value}\r\n\t\t\t\t\t\t   required={this.required}\r\n\t\t\t\t\t\t   disabled={this.disabled}\r\n\t\t\t\t\t\t   {...this.inheritedAttributes}\r\n\t\t\t\t\t\t   aria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t   aria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t   aria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\r\n\t\t\t\t\t{this.tooltip ?\r\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\r\n\t\t\t\t\t\t\t{this.value}\r\n\t\t\t\t\t\t</output>\r\n\t\t\t\t\t\t: null}\r\n\t\t\t\t\t<slot name=\"datalist\"></slot>\r\n\t\t\t\t</span>\r\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\r\n\t\t\t\t{this.input ?\r\n\t\t\t\t\t<gov-form-input\r\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\r\n\t\t\t\t\t\tclass={FormRangeClass.input}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}>\r\n\t\t\t\t\t</gov-form-input>\r\n\t\t\t\t\t: null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tonCustomInputHandler(e: InputEvent) {\r\n\t\tconst value = (e.target as HTMLInputElement).value;\r\n\t\tif (this.step && isNumber(+this.step)) {\r\n\t\t\tconst numValue = +value;\r\n\t\t\tconst numMin = +this.min;\r\n\t\t\tconst numMax = +this.max;\r\n\t\t\tconst numStep = +this.step;\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (numValue < numMin || numValue > numMax) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tconst diff = numValue - numMin;\r\n\t\t\tif (diff % numStep !== 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tthis.value = value;\r\n\t\t\tthis.govInput.emit({\r\n\t\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onInputHandler(e: InputEvent) {\r\n\t\tthis.value = (e.target as HTMLInputElement).value;\r\n\t\te.stopPropagation()\r\n\t\tthis.govInput.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.inputRef.focus(options)\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the ordered value of the element\r\n\t */\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.value = value\r\n\t}\r\n\r\n\t/**\r\n\t * Clears input value\r\n\t */\r\n\t@Method()\r\n\tasync clearValue(): Promise<void> {\r\n\t\tthis.value = \"\"\r\n\t\tthis.inputRef.value = \"\"\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an instance of the native html input element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"mappings":"qjBAIO,MAAMA,EAAiBC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGhD,MAAMC,EAAiB,CAC7BC,KAAM,iBACNC,KAAM,uBACNC,MAAO,yB,MCSKC,EAAY,MASxB,WAAAC,CAAAC,G,8GAUiBC,KAAIC,KAAwB,IA4B5BD,KAAOE,QAAa,MAIpBF,KAAKJ,MAAa,MAQHI,KAAQG,SAAY,MAYpBH,KAAQI,SAAY,MAiC3CJ,KAAmBK,oBAAe,GA9F1CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,EAAIC,EAAQV,KAAKM,GACtBN,KAAKW,QAAUC,EAAS,WACxB,CA0ED,YAAAC,CAAaC,GACZC,EAAazB,EAAgBwB,EAAUrB,EAAeC,K,CAIvD,UAAAsB,GACChB,KAAKiB,uB,CAON,iBAAAC,GACClB,KAAKmB,kB,CAKE,gBAAAA,GACPnB,KAAKS,EAAEW,kBAAkB,OAAQpB,KAAKC,MACtCD,KAAKS,EAAEW,kBAAkB,UAAWC,EAAWrB,KAAKsB,UACpDtB,KAAKS,EAAEW,kBAAkB,WAAYC,EAAWrB,KAAKI,WACrDJ,KAAKS,EAAEW,kBAAkB,UAAWC,EAAWrB,KAAKuB,S,CAGrD,iBAAYC,GACX,MAAMC,EAASC,OAAOC,iBAAiB3B,KAAK4B,UAC5C,OAAOC,WAAWJ,EAAOK,iBAAiB,kBAAoB,C,CAGvD,qBAAAb,GACP,MAAMc,GAAY/B,KAAKgC,MACvB,MAAMC,GAAOjC,KAAK4B,SAASK,IAC3B,MAAMC,GAAOlC,KAAK4B,SAASM,IAE3B,MAAMC,EAAcnC,KAAKwB,cAAgB,GACzC,MAAMY,EAAapC,KAAK4B,SAASS,YACjC,MAAMC,GAAeP,EAAWE,IAAQC,EAAMD,GAAQ,IAEtD,IAAIM,EAAkBD,EAAa,KAAQF,EAAaD,GAAgBA,EAAa,EAErF,GAAInC,KAAKwC,UAAW,CACnBxC,KAAKwC,UAAUC,YAAczC,KAAKgC,MAClC,MAAMU,EAAc1C,KAAKwC,UAAUH,YAAc,EACjDrC,KAAKwC,UAAUG,MAAMC,KAAO,GAAGL,EAAgBG,K,CAEhD,GAAI1C,KAAK6C,QAAS,CACjB7C,KAAK6C,QAAQF,MAAMG,MAAQ,GAAGP,K,EAIhC,gBAAAQ,GACC/C,KAAKgD,kBAAoB,IAAIC,EAAkBjD,KAAKQ,MAAM,CAAC0C,EAAepC,KACzEd,KAAKmD,sBAAsBD,EAAepC,EAAS,IAGpDd,KAAKgD,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCtD,KAAKa,aAAab,KAAKC,MAEvBD,KAAKK,oBAAsBkD,EAAsBvD,KAAKQ,K,CAGvD,kBAAAgD,GACCxD,KAAKmB,mBACLnB,KAAKS,EAAEgD,gBAAgB,WAAYC,OAAO1D,KAAKG,WAC/CwD,EAAK3D,KAAKiB,sBAAsB2C,KAAK5D,M,CAGtC,qBAAAmD,CAAsBD,EAAuBpC,GAC5Cd,KAAKQ,KAAKqD,gBAAgBX,GAC1BlD,KAAKK,oBAA0ByD,OAAAC,OAAAD,OAAAC,OAAA,GAAA/D,KAAKK,qBAAqB,CAAA6C,CAACA,GAAgBpC,G,CAG3E,oBAAAkD,G,OACCC,EAAAjE,KAAKgD,qBAAmB,MAAAiB,SAAA,SAAAA,EAAAC,e,CAGzB,MAAAC,GACC,OACC7D,EAAC8D,EAAI,CAAAC,IAAA,2CAACC,MAAO7E,EAAeC,KAAMO,KAAMD,KAAKC,MAC3CD,KAAKM,EAAEiE,QAAQ,WAAajE,EAAM,QAAA+D,IAAA,2CAAAG,KAAK,WACxClE,EAAM,QAAA+D,IAAA,2CAAAC,MAAM,WACXhE,EAAA,QAAAwD,OAAAC,OAAA,CAAAM,IAAA,2CAAOI,KAAK,QACRC,IAAKC,GAAO3E,KAAK4B,SAAW+C,EAC5BC,QAAS5E,KAAK6E,eAAejB,KAAK5D,MAClC8E,QAAS9E,KAAK+E,eAAenB,KAAK5D,MAClCgF,OAAQhF,KAAKiF,cAAcrB,KAAK5D,MAChCkF,GAAIlF,KAAKmF,YAAcnF,KAAKW,QAC5B6D,KAAMxE,KAAKwE,KACXvC,IAAKjC,KAAKiC,IACVC,IAAKlC,KAAKkC,IACVkD,KAAMpF,KAAKoF,KACXC,KAAMrF,KAAKsF,eACXtD,MAAOhC,KAAKgC,MACZ7B,SAAUH,KAAKG,SACfC,SAAUJ,KAAKI,UACXJ,KAAKK,oBACM,iBAAAkF,EAAoBvF,KAAKG,UAC1B,eAAAoF,EAAoBvF,KAAKuB,SACxB,gBAAAgE,EAAoBvF,KAAKI,aAE5CE,EAAA,OAAA+D,IAAA,2CAAKC,MAAO7E,EAAeE,KAAM+E,IAAKC,GAAO3E,KAAK6C,QAAU8B,IAC3D3E,KAAKE,QACLI,EAAQ,UAAAkF,QAASxF,KAAKwE,KAAME,IAAKC,GAAO3E,KAAKwC,UAAYmC,GACvD3E,KAAKgC,OAEL,KACH1B,EAAA,QAAA+D,IAAA,2CAAMG,KAAK,cAEXxE,KAAKM,EAAEiE,QAAQ,UAAYjE,EAAM,QAAA+D,IAAA,2CAAAG,KAAK,UACtCxE,KAAKJ,MACLU,EAAA,iBAAAwD,OAAAC,OAAA,gBACe/D,KAAKyF,qBAAqB7B,KAAK5D,MAC7CsE,MAAO7E,EAAeG,MACtBK,KAAMD,KAAKC,KACX+B,MAAOhC,KAAKgC,MACZ5B,SAAUJ,KAAKI,UACXJ,KAAKK,sBAER,K,CAKN,oBAAAoF,CAAqBC,GACpB,MAAM1D,EAAS0D,EAAEC,OAA4B3D,MAC7C,GAAIhC,KAAKoF,MAAQQ,GAAU5F,KAAKoF,MAAO,CACtC,MAAMS,GAAY7D,EAClB,MAAM8D,GAAU9F,KAAKiC,IACrB,MAAM8D,GAAU/F,KAAKkC,IACrB,MAAM8D,GAAWhG,KAAKoF,KAEtB,GAAIa,MAAMJ,GAAW,CACpB,OAAO,K,CAGR,GAAIA,EAAWC,GAAUD,EAAWE,EAAQ,CAC3C,OAAO,K,CAER,MAAMG,EAAOL,EAAWC,EACxB,GAAII,EAAOF,IAAY,EAAG,CACzB,OAAO,K,CAGRhG,KAAKgC,MAAQA,EACbhC,KAAKmG,SAASC,KAAK,CAClBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,EAKV,cAAAb,CAAea,GACtB1F,KAAKgC,MAAS0D,EAAEC,OAA4B3D,MAC5C0D,EAAEa,kBACFvG,KAAKmG,SAASC,KAAK,CAClBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,CAIT,cAAAX,CAAeW,GACtBA,EAAEa,kBACFvG,KAAKwG,SAASJ,KAAK,CAClBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,CAIT,aAAAT,CAAcS,GACrBA,EAAEa,kBACFvG,KAAKyG,QAAQL,KAAK,CACjBC,UAAW5G,EAAeC,KAC1BsC,MAAOhC,KAAKgC,MACZsE,cAAeZ,G,CAQjB,cAAMgB,CAASC,GACd,OAAO3G,KAAK4B,SAASgF,MAAMD,E,CAO5B,cAAME,CAAS7E,GACdhC,KAAKgC,MAAQA,C,CAOd,gBAAM8E,GACL9G,KAAKgC,MAAQ,GACbhC,KAAK4B,SAASI,MAAQ,E,CAOvB,YAAM+E,GACL,OAAO/G,KAAK4B,Q","ignoreList":[]}

package/dist/core/p-33a62c22.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as o,g as r}from"./p-ClISz4NF.js";import{g as e}from"./p-CoD1xawt.js";const a={root:"gov-container"};const c=class{constructor(t){s(this,t);this.h=e(this.host)}render(){return t(o,{key:"a15740b2be2e28a5a494d84b54b1cf065fb0907d",class:this.h.classes(a.root)},t("slot",{key:"c67701622dc955319e46eecdb897439fff163ca6"}))}get host(){return r(this)}};export{c as gov_container};
+//# sourceMappingURL=p-33a62c22.entry.js.map

package/dist/core/p-33a62c22.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContainerClass","root","GovContainer","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\r\n\troot: 'gov-container',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { ContainerClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-container',\r\n})\r\nexport class GovContainer {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovContainerElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iB,MCOMC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQb,EAAeC,OAC1CK,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/core/p-37f6095e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as a}from"./p-ClISz4NF.js";import{v as r}from"./p-NOJjz9dT.js";import{S as o}from"./p-BcQO4NH2.js";import{p as e}from"./p-CQvUntGY.js";import{g as n}from"./p-CoD1xawt.js";import"./p-CgDnDrq5.js";const p=e(o,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var c;(function(t){t["NONE"]="none";t["SM"]="sm";t["MD"]="md";t["LG"]="lg";t["XL"]="xl"})(c||(c={}));const h={root:"gov-spacer"};const m=class{constructor(s){t(this,s);this.breakpoint=undefined;this.h=n(this.host)}validateSize(t){r(p,t,h.root)}validateBreakpoint(t){r(c,t,h.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"97560206986a3dea272c7e4a939bb91a050f6252",class:this.h.classes(h.root),size:this.size,breakpoint:this.breakpoint})}get host(){return a(this)}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}};export{m as gov_spacer};
+//# sourceMappingURL=p-37f6095e.entry.js.map

package/dist/core/p-37f6095e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SpacerSize","pick","Sizes","SpacerBreakpoints","SpacerClass","root","GovSpacer","constructor","hostRef","this","breakpoint","undefined","h","govHost","host","validateSize","newValue","validateProp","validateBreakpoint","componentWillLoad","size","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\r\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\r\n\r\nexport enum SpacerBreakpoints {\r\n\tNONE = 'none',\r\n\tSM = 'sm',\r\n\tMD = 'md',\r\n\tLG = 'lg',\r\n\tXL = 'xl',\r\n}\r\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\r\n\r\nexport const SpacerClass = {\r\n\troot: 'gov-spacer',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../helpers/Validate/props'\r\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { govHost } from '../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-spacer',\r\n})\r\nexport class GovSpacer {\r\n\tprivate h: GovHost\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\t@Element() host: HTMLGovSpacerElement\r\n\t/**\r\n\t * Spacer’s size\r\n\t */\r\n\t@Prop() readonly size?: SpacerSizeType\r\n\t/**\r\n\t * Breakpoint\r\n\t */\r\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\t@Watch('breakpoint')\r\n\tvalidateBreakpoint(newValue: string): void {\r\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateBreakpoint(this.breakpoint)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\r\n\t}\r\n}\r\n"],"mappings":"iOAIO,MAAMA,EAAaC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,SAG/F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,WACAA,EAAA,WACAA,EAAA,WACAA,EAAA,UACA,EAND,CAAYA,MAMX,KAGM,MAAMC,EAAc,CAC1BC,KAAM,c,MCRMC,EAAS,MAErB,WAAAC,CAAAC,G,UAWiBC,KAAUC,WAA2BC,UAVrDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,YAAAC,CAAaC,GACZC,EAAajB,EAAYgB,EAAUZ,EAAYC,K,CAIhD,kBAAAa,CAAmBF,GAClBC,EAAad,EAAmBa,EAAUZ,EAAYC,K,CAGvD,iBAAAc,GACCV,KAAKM,aAAaN,KAAKW,MACvBX,KAAKS,mBAAmBT,KAAKC,W,CAG9B,MAAAW,GACC,OAAOT,EAACU,EAAK,CAAAC,IAAA,2CAAAC,MAAOf,KAAKG,EAAEa,QAAQrB,EAAYC,MAAOe,KAAMX,KAAKW,KAAMV,WAAYD,KAAKC,Y","ignoreList":[]}

package/dist/core/p-3cf20b56.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as r,h as g,H as a,g as p}from"./p-ClISz4NF.js";import{c as i,F as t,a as e,b as m}from"./p-BUmDydor.js";import{g as l}from"./p-CoD1xawt.js";import{v as f}from"./p-NOJjz9dT.js";import{t as v}from"./p-Cjg0wpDG.js";import{p as s}from"./p-Ccwpa1ck.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";import"./p-DNztiAH0.js";const n="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const c=class{constructor(g){o(this,g);this.govChange=r(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{var r;o.stopPropagation();const g=s(this.value);if(!Array.isArray(g))return;if(o.detail.checked){this.value=[...g,o.detail.value]}else{this.value=(r=g.filter((r=>r!==o.detail.value)))!==null&&r!==void 0?r:[]}this.govChange.emit({value:this.value,component:i.root})};this.h=l(this.host)}validateGap(o){if(o){f(e,o,t.root)}}validateOrientation(o){if(o){f(m,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=s(this.value)}componentDidRender(){v((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-checkbox").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=this.value.includes(o.value)}))}render(){return g(a,{key:"cfff4a643c778c0a573b08e6310045b8f0f0764b",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"6c9f6c553525f61c3aa95c834fd495d4dd6a8346"}))}get host(){return p(this)}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}};c.style=n;export{c as gov_form_checkbox_group};
+//# sourceMappingURL=p-3cf20b56.entry.js.map

package/dist/core/p-3cf20b56.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["govFormGroupCss","GovFormCheckboxGroup","constructor","hostRef","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","propsValueToArray","Array","isArray","detail","checked","_a","filter","val","govChange","emit","component","FormCheckboxGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","includes","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group */\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormCheckboxGroupClass,\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\r\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\nimport {propsValueToArray} from \"../../../utils/array.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormCheckboxGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/**\r\n\t * Gap's size.\r\n\t */\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/**\r\n\t * Elements orientation\r\n\t */\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/**\r\n\t * Group's value\r\n\t */\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string | string[] = undefined\r\n\t/**\r\n  /* Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tconst value = propsValueToArray<string[]>(this.value);\r\n\t\tif (!Array.isArray(value)) return;\r\n\t\tif (event.detail.checked) {\r\n\t\t\tthis.value = [...value, event.detail.value]\r\n\t\t} else {\r\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\r\n\t\t}\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormCheckboxGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t\tthis.value = propsValueToArray(this.value)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = this.value.includes(element.value);\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"yWAAA,MAAMA,EAAkB,usE,MCqBXC,EAAoB,MAGhC,WAAAC,CAAAC,G,8CAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAIfH,KAAKI,MAAuBF,UAoBvEF,KAAAK,aAAgBC,I,MACfA,EAAMC,kBACN,MAAMH,EAAQI,EAA4BR,KAAKI,OAC/C,IAAKK,MAAMC,QAAQN,GAAQ,OAC3B,GAAIE,EAAMK,OAAOC,QAAS,CACzBZ,KAAKI,MAAQ,IAAIA,EAAOE,EAAMK,OAAOP,M,KAC/B,CACNJ,KAAKI,OAAQS,EAAAT,EAAMU,QAAQC,GAAQA,IAAQT,EAAMK,OAAOP,WAAU,MAAAS,SAAA,EAAAA,EAAA,E,CAEnEb,KAAKgB,UAAUC,KAAK,CACnBb,MAAOJ,KAAKI,MACZc,UAAWC,EAAuBC,MACjC,EA/CFpB,KAAKqB,EAAIC,EAAQtB,KAAKuB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAmB9D,iBAAAW,GACC/B,KAAKwB,YAAYxB,KAAKC,KACtBD,KAAK6B,oBAAoB7B,KAAKG,aAC9BH,KAAKI,MAAQI,EAAkBR,KAAKI,M,CAGrC,kBAAA4B,GACCC,GAAK,IAAMjC,KAAKkC,qB,CAGjB,iBAAAA,GACClC,KAAKuB,KAAKY,iBAAiB,qBAAqBC,SAASC,IACxD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAcvC,KAAKK,a,CAE7CgC,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQzB,QAAUZ,KAAKI,MAAMqC,SAASJ,EAAQjC,MAAM,G,CAItD,MAAAsC,GACC,OACCrB,EAACsB,EAAK,CAAAC,IAAA,2CAAA3C,IAAKD,KAAKC,IAAK4C,MAAO7C,KAAKqB,EAAEyB,QAAQlB,EAAeR,MAAOhB,MAAOJ,KAAKI,OAC5EiB,EAAa,QAAAuB,IAAA,6C","ignoreList":[]}

package/dist/core/{p-0dbda4ab.entry.js → p-46824842.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as h,g as e}from"./p-DT2tslUp.js";import{c as a}from"./p-vN03FcXN.js";import{v as r}from"./p-NOJjz9dT.js";import{g as o,e as n,f as l}from"./p-B6CqPcY_.js";import{g as c,a as d,t as p}from"./p-BBOh2pxy.js";import{F as m}from"./p-5itQzbON.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const j=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govChange=s(this,"gov-change");this.hydrated=false;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.size="m";this.inheritedAttributes={};this.radioId=a("GovRadio");this.h=c(this.host);this.f=o(this.h)}validateSize(t){r(l,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","radio")}componentWillLoad(){this.inheritedAttributes=f(this.host)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=t=>{if(this.noLabel){return i("label",{class:n.label},t)}return t};return i(h,{class:n.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:p(this.invalid)},t(i(m,null,i("input",Object.assign({class:n.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:t=>this.inputRef=t,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":p(this.required),"aria-invalid":p(this.invalid),"aria-disabled":p(this.disabled)})),i("span",null,i("slot",{name:"label"})))))}onClickHandler(t){t.stopPropagation()}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return e(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}};export{j as gov_form_radio};
-//# sourceMappingURL=p-0dbda4ab.entry.js.map
+import{r as t,c as s,h as i,H as h,g as e}from"./p-ClISz4NF.js";import{c as a}from"./p-vN03FcXN.js";import{v as r}from"./p-NOJjz9dT.js";import{g as o,e as n,f as l}from"./p-B6CqPcY_.js";import{g as c,a as d,t as p}from"./p-CoD1xawt.js";import{F as m}from"./p-5itQzbON.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-EeKNA85D.js";import"./p-U40vKHrs.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";const j=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus");this.govBlur=s(this,"gov-blur");this.govChange=s(this,"gov-change");this.hydrated=false;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.size="m";this.inheritedAttributes={};this.radioId=a("GovRadio");this.h=c(this.host);this.f=o(this.h)}validateSize(t){r(l,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","radio")}componentWillLoad(){this.inheritedAttributes=f(this.host)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=t=>{if(this.noLabel){return i("label",{class:n.label},t)}return t};return i(h,{class:n.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:p(this.invalid)},t(i(m,null,i("input",Object.assign({class:n.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:t=>this.inputRef=t,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":p(this.required),"aria-invalid":p(this.invalid),"aria-disabled":p(this.disabled)})),i("span",null,i("slot",{name:"label"})))))}onClickHandler(t){t.stopPropagation()}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return e(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}};export{j as gov_form_radio};
+//# sourceMappingURL=p-46824842.entry.js.map

package/dist/core/p-46824842.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormRadio","constructor","hostRef","this","hydrated","noLabel","checked","required","disabled","size","inheritedAttributes","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapRadio","children","class","label","Host","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormRadioClass, FormRadioSizes, FormRadioSizesType} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport Fragment from \"../../../helpers/Fragment\"\r\nimport {FormRadioEvent} from \"./gov-form-radio.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-radio\",\r\n})\r\nexport class GovFormRadio {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly radioId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.radioId = createID(\"GovRadio\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormRadioElement\r\n\t/**\r\n\t * Value of radio\r\n\t */\r\n\t@Prop() readonly value: string\r\n\t/**\r\n\t * When you can't use the form label.\r\n\t */\r\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\r\n\t/**\r\n\t * Radio button state\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) checked = false\r\n\t/**\r\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the radio component disabled.\r\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Name of the radio.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Radio's size.\r\n\t */\r\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\r\n\t/**\r\n\t * Custom radio identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly invalid: boolean\r\n\t/**\r\n\t * Emitted when the radio has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormRadioEvent>\r\n\t/**\r\n\t * Emitted when the radio loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormRadioEvent>\r\n\t/**\r\n\t * Emitted when the radio change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\r\n\t}\r\n\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.radioId)\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst wrapRadio = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormRadioClass.root} hydrated={this.hydrated} checked={this.checked} size={this.size}\r\n\t\t\t\t  invalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapRadio(\r\n\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclass={FormRadioClass.input}\r\n\t\t\t\t\t\t\tid={this.identifier || this.radioId}\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\taria-checked={this.checked}\r\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<slot name=\"label\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Fragment>,\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.checked = (e.target as HTMLInputElement).checked\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-46effc25.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as a,H as i,g as e}from"./p-ClISz4NF.js";import{v as r}from"./p-NOJjz9dT.js";import{S as o,a as h,b as p}from"./p-C3R1T_pg.js";import{g as c}from"./p-CoD1xawt.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-U40vKHrs.js";import"./p-BcQO4NH2.js";const n=class{constructor(a){s(this,a);this.govChange=t(this,"gov-change");this.hydrated=false;this.size="m";this.h=c(this.host)}validateSize(s){r(p,s,h.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(o.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}connectedCallback(){this.hydrated=true}render(){return a(i,{key:"92d3349a28b4330a3bea5293853612d0a0b96069",class:this.h.classes(h.root),role:"list",size:this.size,hydrated:this.hydrated},a("slot",{key:"a5b65c3a06c63f826d6c968c69f1452abe0408af"}))}get host(){return e(this)}static get watchers(){return{size:["validateSize"]}}};export{n as gov_stepper};
+//# sourceMappingURL=p-46effc25.entry.js.map

package/dist/core/p-46effc25.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovStepper","constructor","hostRef","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","StepperSizes","StepperClass","root","componentWillLoad","componentDidLoad","querySelectorAll","StepperItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","connectedCallback","render","Host","key","class","classes","role"],"sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\r\nimport { GovStepperItemCustomEvent } from '../../../components'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper',\r\n})\r\nexport class GovStepper {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperElement\r\n\t/**\r\n\t * Size of stepper\r\n\t */\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/**\r\n\t * Called when the Stepper state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\r\n\t\t\tchild.setAttribute('size', this.size)\r\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"gSAWaA,EAAU,MAItB,WAAAC,CAAAC,G,8CAFQC,KAAQC,SAAG,MAUFD,KAAIE,KAAsB,IAP1CF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAaD,YAAAC,CAAaC,GACZC,EAAaC,EAAcF,EAAUG,EAAaC,K,CAGnD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAiBJ,MAAMK,SAASC,IAC1DA,EAAMC,aAAa,OAAQlB,KAAKE,MAChCe,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFrB,KAAKsB,UAAUC,KAAKH,EAAEI,OAAO,GAC5B,G,CAIJ,iBAAAC,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKG,EAAE2B,QAAQpB,EAAaC,MAAOoB,KAAK,OAAO7B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC3FE,EAAQ,QAAAyB,IAAA,6C","ignoreList":[]}

package/dist/core/{p-19a408eb.entry.js → p-495e25d8.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as i,H as e,g as a}from"./p-DT2tslUp.js";import{v as r}from"./p-CDIRBJsi.js";import{c as h}from"./p-CgDnDrq5.js";import{g as o}from"./p-BBOh2pxy.js";import{t as c}from"./p-Cjg0wpDG.js";import"./p-vN03FcXN.js";import"./p-DNztiAH0.js";import"./p-CQvUntGY.js";const n={root:"gov-breadcrumbs"};const p=class{constructor(i){s(this,i);this.govChange=t(this,"gov-change");this.inited=false;this.collapsible=false;this.isExpanded=false;this.accessibleToggleLabel="Zobrazit či skrýt navigaci";this.expanded=false;this.toggleOption=false;this.h=o(this.host)}async componentDidRender(){this.scheduleContentVerification();if(h()){c((()=>this.validateAccessibility()))}}scheduleContentVerification(){if(this.inited)return;this.inited=true;c((()=>{this.calculateWidthOfItems();this.inited=false}))}calculateWidthOfItems(){const s=this.host.getBoundingClientRect().width;let t=0;this.host.querySelectorAll("li").forEach((s=>{t+=s.getBoundingClientRect().width}));this.toggleOption=t>s}render(){return i(e,{key:"dadd8de710050476be68e3f6fa0b317d6ccedfc1",class:this.h.classes(n.root),expanded:this.expanded},i("nav",{key:"468a3b605408c943421243024733b0381809f931","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"2c9f85b826c8c54340ab5abba51c1861282c9cb7"})),this.toggleOption?i("gov-button",{size:"xs",color:"primary",type:"base","aria-label":this.accessibleToggleLabel,"aria-pressed":this.expanded,"aria-expanded":this.expanded,"on-gov-click":()=>this.expanded=!this.expanded},i("gov-icon",{name:this.expanded?"chevron-up":"chevron-down",type:"components"})):null)}async validateAccessibility(){r(this.accessibleLabel,this.accessibleLabelledBy,n.root,this.host);r(this.accessibleToggleLabel,undefined,n.root,this.host)}get host(){return a(this)}};export{p as gov_breadcrumbs};
-//# sourceMappingURL=p-19a408eb.entry.js.map
+import{r as s,c as t,h as i,H as e,g as a}from"./p-ClISz4NF.js";import{v as r}from"./p-CDIRBJsi.js";import{c as o}from"./p-CgDnDrq5.js";import{g as h}from"./p-CoD1xawt.js";import{t as c}from"./p-Cjg0wpDG.js";import"./p-vN03FcXN.js";import"./p-DNztiAH0.js";import"./p-CQvUntGY.js";const n={root:"gov-breadcrumbs"};const l=class{constructor(i){s(this,i);this.govChange=t(this,"gov-change");this.inited=false;this.collapsible=false;this.isExpanded=false;this.accessibleToggleLabel="Zobrazit či skrýt navigaci";this.expanded=false;this.toggleOption=false;this.h=h(this.host)}async componentDidRender(){this.scheduleContentVerification();if(o()){c((()=>this.validateAccessibility()))}}scheduleContentVerification(){if(this.inited)return;this.inited=true;c((()=>{this.calculateWidthOfItems();this.inited=false}))}calculateWidthOfItems(){const s=this.host.getBoundingClientRect().width;let t=0;this.host.querySelectorAll("li").forEach((s=>{t+=s.getBoundingClientRect().width}));this.toggleOption=t>s}render(){return i(e,{key:"5a2d10c3705a0d19458ea76e65ab6e0449eb620d",class:this.h.classes(n.root),expanded:this.expanded},i("nav",{key:"41b98c6ee95ea397f9802f5ac120d2674859cb4d","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"10fed9d58caa49017c34665e4b711252854040b7"})),this.toggleOption?i("gov-button",{size:"xs",color:"primary",type:"base","aria-label":this.accessibleToggleLabel,"aria-pressed":this.expanded,"aria-expanded":this.expanded,"on-gov-click":()=>this.expanded=!this.expanded},i("gov-icon",{name:this.expanded?"chevron-up":"chevron-down",type:"components"})):null)}async validateAccessibility(){r(this.accessibleLabel,this.accessibleLabelledBy,n.root,this.host);r(this.accessibleToggleLabel,undefined,n.root,this.host)}get host(){return a(this)}};export{l as gov_breadcrumbs};
+//# sourceMappingURL=p-495e25d8.entry.js.map