@gov-design-system-ce/components 4.6.5-b → 4.6.5

package/dist/core/{p-b2648255.entry.js.map → p-5305e82e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","constructor","hostRef","this","hydrated","color","type","role","undefined","accessibleCloseLabel","accessibleToggleLabel","closable","toggleContent","inheritedAttributes","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","connectedCallback","render","closeButton","key","size","isBold","onCloseHandler","bind","class","name","Host","classes","hasSlot","Fragment","hidden","toBoolAttr","e","govClose","emit","component","ref","originalEvent"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.types'\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type} hydrated={this.hydrated}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","constructor","hostRef","this","hydrated","color","type","role","undefined","accessibleCloseLabel","accessibleToggleLabel","closable","toggleContent","inheritedAttributes","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","connectedCallback","render","closeButton","key","size","isBold","onCloseHandler","bind","class","name","Host","classes","hasSlot","Fragment","hidden","toBoolAttr","e","govClose","emit","component","ref","originalEvent"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.types'\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color: ColorType = 'primary'\n\t/**\n\t * Infobar appearance\n\t */\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/**\n\t * Aria label for the closing button. It is mandatory if the infobar is closable\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the infobar has headline\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/**\n\t * Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type} hydrated={this.hydrated}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-378cf8de.entry.js → p-558e75a6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,H as a,g as s}from"./p-B8TR1oqt.js";import{g as c,b as o}from"./p-CoD1xawt.js";import{c as d}from"./p-vN03FcXN.js";import{v as n}from"./p-CDIRBJsi.js";import{c as r}from"./p-CgDnDrq5.js";import{d as h}from"./p-CQvUntGY.js";import"./p-DNztiAH0.js";var l;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(l||(l={}));const f={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var b;(function(e){e["A"]="a";e["DIV"]="div"})(b||(b={}));const v=class{constructor(t){e(this,t);this.govToggle=i(this,"gov-toggle");this.hydrated=false;this.direction="vertical";this.collapsible=false;this.clickable=false;this.open=true;this.h=c(this.host);this.headlineId=d("GovCardHeadline");this.contentId=d("GovCardContent")}async componentDidRender(){if(r()){await h(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?b.A:b.DIV;return t(a,{key:"8e06f44b5b92bdbbdd47121d3e136485b83ce64e",class:this.h.classes(f.root),open:this.open,collapsible:o(this.collapsible),clickable:this.clickable,direction:this.direction,hydrated:this.hydrated},this.collapsible?t("button",{id:this.headlineId,class:f.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},t("slot",{name:"headline"}),t("gov-icon",{class:f.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?t("div",{class:f.header},t("slot",{name:"headline"})):null,t(e,{key:"e10c86ffa82d2e6227f0212295f4eed2ec68adac",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:f.inner},this.h.hasSlot("img")&&t("div",{key:"f3c3a6f840fb6c8c6a4816e821bc3678fb696140",class:f.img},t("slot",{key:"d935568b7eeab4ce60cd699c301bf735a62e8862",name:"img"})),this.h.hasSlot("icon")&&t("div",{key:"a11162b8aa9820facd7e141cecd95327c1d299f4",class:f.icon},t("slot",{key:"e8dbb0a3e4f24eeed4254f8b91e9491029eb0221",name:"icon"})),t("div",{key:"76953be0ece73a123389d5d3e5f5accf5da9fd27",class:f.content},t("slot",{key:"a424223d3cd41e382cb97685c40a11ac43c8f836"})),this.h.hasSlot("footer")&&t("div",{key:"4ab1cfaa4d814f1bf693b44c4a56169caf8cea45",class:f.footer},t("slot",{key:"3427ccf260355c8b8b3b8d1dea54d8e82ec44da5",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,f.root,this.host)}}get host(){return s(this)}};export{v as gov_card};
-//# sourceMappingURL=p-378cf8de.entry.js.map
+import{r as e,c as i,h as t,H as a,g as s}from"./p-ClISz4NF.js";import{g as c,b as o}from"./p-CoD1xawt.js";import{c as d}from"./p-vN03FcXN.js";import{v as n}from"./p-CDIRBJsi.js";import{c as r}from"./p-CgDnDrq5.js";import{d as h}from"./p-CQvUntGY.js";import"./p-DNztiAH0.js";var l;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(l||(l={}));const f={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var b;(function(e){e["A"]="a";e["DIV"]="div"})(b||(b={}));const v=class{constructor(t){e(this,t);this.govToggle=i(this,"gov-toggle");this.hydrated=false;this.direction="vertical";this.collapsible=false;this.clickable=false;this.open=true;this.h=c(this.host);this.headlineId=d("GovCardHeadline");this.contentId=d("GovCardContent")}async componentDidRender(){if(r()){await h(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?b.A:b.DIV;return t(a,{key:"8e06f44b5b92bdbbdd47121d3e136485b83ce64e",class:this.h.classes(f.root),open:this.open,collapsible:o(this.collapsible),clickable:this.clickable,direction:this.direction,hydrated:this.hydrated},this.collapsible?t("button",{id:this.headlineId,class:f.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},t("slot",{name:"headline"}),t("gov-icon",{class:f.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?t("div",{class:f.header},t("slot",{name:"headline"})):null,t(e,{key:"e10c86ffa82d2e6227f0212295f4eed2ec68adac",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:f.inner},this.h.hasSlot("img")&&t("div",{key:"f3c3a6f840fb6c8c6a4816e821bc3678fb696140",class:f.img},t("slot",{key:"d935568b7eeab4ce60cd699c301bf735a62e8862",name:"img"})),this.h.hasSlot("icon")&&t("div",{key:"a11162b8aa9820facd7e141cecd95327c1d299f4",class:f.icon},t("slot",{key:"e8dbb0a3e4f24eeed4254f8b91e9491029eb0221",name:"icon"})),t("div",{key:"76953be0ece73a123389d5d3e5f5accf5da9fd27",class:f.content},t("slot",{key:"a424223d3cd41e382cb97685c40a11ac43c8f836"})),this.h.hasSlot("footer")&&t("div",{key:"4ab1cfaa4d814f1bf693b44c4a56169caf8cea45",class:f.footer},t("slot",{key:"3427ccf260355c8b8b3b8d1dea54d8e82ec44da5",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,f.root,this.host)}}get host(){return s(this)}};export{v as gov_card};
+//# sourceMappingURL=p-558e75a6.entry.js.map

package/dist/core/{p-378cf8de.entry.js.map → p-558e75a6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","constructor","hostRef","this","hydrated","direction","collapsible","clickable","open","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","booleanString","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines weather the card can be clickable with hover effect\n\t */\n\t@Prop() readonly clickable: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\n\t\t\t\t  clickable={this.clickable}\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"mRAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAa,KAMlB,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,mBACRC,MAAO,kBACPC,MAAO,kBACPC,IAAK,gBACLC,KAAM,iBACNC,QAAS,oBACTC,OAAQ,oBCLT,IAAKC,GAAL,SAAKA,GACJA,EAAA,SACAA,EAAA,YACA,EAHD,CAAKA,MAAI,K,MAQIC,EAAO,MAMnB,WAAAC,CAAAC,G,8CAFQC,KAAAC,SAAW,MAaFD,KAAAE,UAA+B,WAI/BF,KAAAG,YAAuB,MAIvBH,KAAAI,UAAqB,MAIAJ,KAAAK,KAAO,KAtB5CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,WAAaC,EAAS,mBAC3BV,KAAKW,UAAYD,EAAS,iBAC1B,CA0CD,wBAAME,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNd,KAAKe,uB,EAIb,iBAAAC,GACChB,KAAKC,SAAW,I,CAGjB,MAAAgB,GACC,MAAMC,EAAMlB,KAAKmB,KAAOvB,EAAKwB,EAAIxB,EAAKyB,IAEtC,OACCf,EAACgB,EAAI,CAAAC,IAAA,2CAACC,MAAOxB,KAAKM,EAAEmB,QAAQtC,EAAUC,MAAOiB,KAAML,KAAKK,KACrDF,YAAauB,EAAc1B,KAAKG,aAChCC,UAAWJ,KAAKI,UAChBF,UAAWF,KAAKE,UAAWD,SAAUD,KAAKC,UAC3CD,KAAKG,YACLG,EAAA,UACCqB,GAAI3B,KAAKS,WACTe,MAAOrC,EAAUE,OAAM,aACXW,KAAK4B,uBAAsB,kBACtB5B,KAAK6B,4BAA2B,gBAClCH,EAAc1B,KAAKK,MAAK,gBACxBL,KAAKW,UACpBmB,QAAS9B,KAAK+B,eAAeC,KAAKhC,OAElCM,EAAA,QAAM2B,KAAK,aACX3B,EAAA,YAAUkB,MAAOrC,EAAUG,MAAO2C,KAAK,eAAeC,KAAK,gBAEzDlC,KAAKM,EAAE6B,QAAQ,YAClB7B,EAAA,OAAKkB,MAAOrC,EAAUE,QACrBiB,EAAA,QAAM2B,KAAK,cAET,KAEJ3B,EAACY,EAAG,CAAAK,IAAA,2CAACJ,KAAMnB,KAAKmB,KACdiB,OAAQpC,KAAKoC,OACbT,GAAI3B,KAAKW,UAAS,cACLX,KAAKG,YAAcuB,GAAe1B,KAAKK,MAAQgC,UAC5DC,OAAQtC,KAAKG,aAAeH,KAAKK,KAAOgC,UAAS,kBAChCrC,KAAKG,YAAcH,KAAKS,WAAa4B,UACtDb,MAAOrC,EAAUI,OAEjBS,KAAKM,EAAE6B,QAAQ,QACf7B,EAAA,OAAAiB,IAAA,2CAAKC,MAAOrC,EAAUK,KACrBc,EAAA,QAAAiB,IAAA,2CAAMU,KAAK,SAIZjC,KAAKM,EAAE6B,QAAQ,SACf7B,EAAA,OAAAiB,IAAA,2CAAKC,MAAOrC,EAAUM,MACrBa,EAAA,QAAAiB,IAAA,2CAAMU,KAAK,UAIb3B,EAAA,OAAAiB,IAAA,2CAAKC,MAAOrC,EAAUO,SACrBY,EAAA,QAAAiB,IAAA,8CAGAvB,KAAKM,EAAE6B,QAAQ,WACf7B,EAAA,OAAAiB,IAAA,2CAAKC,MAAOrC,EAAUQ,QACrBW,EAAA,QAAAiB,IAAA,2CAAMU,KAAK,a,CAQT,cAAAF,CAAeQ,GACtBA,EAAEC,kBACF,GAAIxC,KAAKG,YAAa,CACrBH,KAAKK,MAAQL,KAAKK,KAClBL,KAAKyC,UAAUC,KAAK,CAACrC,KAAML,KAAKK,KAAMsC,QAAS3C,KAAKQ,M,EAQtD,2BAAMO,GACL,GAAIf,KAAKG,YAAa,CACrByC,EAAwB5C,KAAK4B,uBAAwB5B,KAAK6B,4BAA6B1C,EAAUC,KAAMY,KAAKQ,K","ignoreList":[]}
+{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","constructor","hostRef","this","hydrated","direction","collapsible","clickable","open","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","booleanString","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines weather the card can be clickable with hover effect\n\t */\n\t@Prop() readonly clickable: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\n\t\t\t\t  clickable={this.clickable}\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-48b74272.entry.js → p-5721cf9b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as h,g as e}from"./p-B8TR1oqt.js";import{c as a}from"./p-vN03FcXN.js";import{v as o}from"./p-NOJjz9dT.js";import{g as r,F as n,a as c}from"./p-B6CqPcY_.js";import{g as l,a as p,t as d}from"./p-CoD1xawt.js";import{F as m}from"./p-5itQzbON.js";import{A as v,a as u}from"./p-Bz_RzYFb.js";import{i as g}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 f=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.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.size="m";this.noLabel=false;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=r(this.h)}validateSize(t){o(c,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",p(this.disabled));this.f.passAttrToControl("invalid",p(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=g(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);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:d(this.invalid)},t(i(m,null,i("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":p(this.checked),"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),i("span",null,i("slot",{name:"label"}),i("gov-icon",{class:n.check,name:"check-lg",type:"components"}),i("gov-icon",{class:n.indeterminate,name:"dash-lg",type:"components"})))))}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})}onClickHandler(t){t.stopPropagation()}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:0},{watchControlAttrs:0}],disabled:[{watchControlAttrs:0}],invalid:[{watchControlAttrs:0}]}}};export{f as gov_form_checkbox};
-//# sourceMappingURL=p-48b74272.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 o}from"./p-NOJjz9dT.js";import{g as r,F as n,a as c}from"./p-B6CqPcY_.js";import{g as l,a as p,t as d}from"./p-CoD1xawt.js";import{F as m}from"./p-5itQzbON.js";import{A as v,a as u}from"./p-Bz_RzYFb.js";import{i as g}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 f=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.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.size="m";this.noLabel=false;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=r(this.h)}validateSize(t){o(c,t,n.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",p(this.disabled));this.f.passAttrToControl("invalid",p(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=g(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);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:d(this.invalid)},t(i(m,null,i("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":p(this.checked),"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),i("span",null,i("slot",{name:"label"}),i("gov-icon",{class:n.check,name:"check-lg",type:"components"}),i("gov-icon",{class:n.indeterminate,name:"dash-lg",type:"components"})))))}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})}onClickHandler(t){t.stopPropagation()}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{f as gov_form_checkbox};
+//# sourceMappingURL=p-5721cf9b.entry.js.map

package/dist/core/{p-48b74272.entry.js.map → p-5721cf9b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["GovFormCheckbox","constructor","hostRef","this","hydrated","checked","required","disabled","indeterminate","size","noLabel","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","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","wrapCheckbox","children","class","label","Host","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/**\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.\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.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovFormCheckbox","constructor","hostRef","this","hydrated","checked","required","disabled","indeterminate","size","noLabel","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","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","wrapCheckbox","children","class","label","Host","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/**\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.\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.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-57ca8ac7.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:"57f372b12f582a563cd0191ccac3574a54fa026f",class:this.h.classes(a.root)},t("slot",{key:"ee902cd336fe794ee49d655b59054dbd3c852036"}))}get host(){return r(this)}};export{c as gov_container};
+//# sourceMappingURL=p-57ca8ac7.entry.js.map

package/dist/core/{p-b181f85f.entry.js.map → p-57ca8ac7.entry.js.map}

@@ -1 +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 = {\n\troot: 'gov-container',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"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,EAAA,QAAAK,IAAA,6C","ignoreList":[]}
+{"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 = {\n\troot: 'gov-container',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"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-f515d912.entry.js → p-5c872d64.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as n}from"./p-B8TR1oqt.js";import{a as c}from"./p-vN03FcXN.js";const t=class{constructor(o){e(this,o);this.uniqueId="lifecycle-"+c()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return o(n,{key:"eeda9523c33256ff4687e071bf2546383aad6ffc",identifier:this.uniqueId},o("span",{key:"ae7cbbfca20d4a882c2021a309746359e8296eee"},"lifecycle ",this.uniqueId))}};export{t as gov_lifecycle};
-//# sourceMappingURL=p-f515d912.entry.js.map
+import{r as e,h as o,H as n}from"./p-ClISz4NF.js";import{a as c}from"./p-vN03FcXN.js";const t=class{constructor(o){e(this,o);this.uniqueId="lifecycle-"+c()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return o(n,{key:"eeda9523c33256ff4687e071bf2546383aad6ffc",identifier:this.uniqueId},o("span",{key:"ae7cbbfca20d4a882c2021a309746359e8296eee"},"lifecycle ",this.uniqueId))}};export{t as gov_lifecycle};
+//# sourceMappingURL=p-5c872d64.entry.js.map

package/dist/core/{p-b37bd421.entry.js → p-65a09763.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as s}from"./p-B8TR1oqt.js";const o={root:"gov-form-password-power",bar:"gov-form-password-power__bar",text:"gov-form-password-power__text"};const d=class{constructor(e){a(this,e)}render(){return e(s,{key:"259a9deb3c0ee50d133d51185e0a4f32fb7bbb22",class:o.root},e("span",{key:"28ef4f7e8a3588929e5a58d7c2a0c1c5e792a4e5",class:o.bar},e("span",{key:"84430e3aa8975955a1d071b6c55ef92dabdb9da5"}),e("span",{key:"3a3b278664a4d5713a6e88e263d339d5787ed719"}),e("span",{key:"b524dfa5680ce613cfbdbb6b2796c9c2d22ab82d"})),e("span",{key:"64ad4e07768ffe8fb91bf2441a043347a0d40a68",class:o.text},e("slot",{key:"d3ec539e4e3fae3a60b4c42432563c250e571bdf"})))}};export{d as gov_form_password_power};
-//# sourceMappingURL=p-b37bd421.entry.js.map
+import{r as a,h as e,H as s}from"./p-ClISz4NF.js";const o={root:"gov-form-password-power",bar:"gov-form-password-power__bar",text:"gov-form-password-power__text"};const d=class{constructor(e){a(this,e)}render(){return e(s,{key:"259a9deb3c0ee50d133d51185e0a4f32fb7bbb22",class:o.root},e("span",{key:"28ef4f7e8a3588929e5a58d7c2a0c1c5e792a4e5",class:o.bar},e("span",{key:"84430e3aa8975955a1d071b6c55ef92dabdb9da5"}),e("span",{key:"3a3b278664a4d5713a6e88e263d339d5787ed719"}),e("span",{key:"b524dfa5680ce613cfbdbb6b2796c9c2d22ab82d"})),e("span",{key:"64ad4e07768ffe8fb91bf2441a043347a0d40a68",class:o.text},e("slot",{key:"d3ec539e4e3fae3a60b4c42432563c250e571bdf"})))}};export{d as gov_form_password_power};
+//# sourceMappingURL=p-65a09763.entry.js.map

package/dist/core/{p-b37bd421.entry.js.map → p-65a09763.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["FormPasswordPowerClass","root","bar","text","GovFormPasswordPower","render","h","Host","key","class"],"sources":["../../../packages/core/src/components/gov-form/password-power/constants.ts","../../../packages/core/src/components/gov-form/password-power/gov-form-password-power.tsx"],"sourcesContent":["export const FormPasswordPowerClass = {\n\troot: 'gov-form-password-power',\n    bar: 'gov-form-password-power__bar',\n    text: 'gov-form-password-power__text',\n}\n","import {Component, h, Host, Prop} from '@stencil/core'\nimport {FormPasswordPowerClass} from './constants'\n\n@Component({\n\ttag: 'gov-form-password-power',\n})\nexport class GovFormPasswordPower {\n\t/**\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\n\t */\n\t@Prop({reflect: true}) readonly power: number\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormPasswordPowerClass.root}>\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"kDAAO,MAAMA,EAAyB,CACrCC,KAAM,0BACHC,IAAK,+BACLC,KAAM,iC,MCGGC,EAAoB,M,yBAMhC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOT,EAAuBC,MAClCK,EAAA,QAAAE,IAAA,2CAAMC,MAAOT,EAAuBE,KAClCI,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,MAAOT,EAAuBG,MAClCG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["FormPasswordPowerClass","root","bar","text","GovFormPasswordPower","render","h","Host","key","class"],"sources":["../../../packages/core/src/components/gov-form/password-power/constants.ts","../../../packages/core/src/components/gov-form/password-power/gov-form-password-power.tsx"],"sourcesContent":["export const FormPasswordPowerClass = {\n\troot: 'gov-form-password-power',\n    bar: 'gov-form-password-power__bar',\n    text: 'gov-form-password-power__text',\n}\n","import {Component, h, Host, Prop} from '@stencil/core'\nimport {FormPasswordPowerClass} from './constants'\n\n@Component({\n\ttag: 'gov-form-password-power',\n})\nexport class GovFormPasswordPower {\n\t/**\n\t * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong\n\t */\n\t@Prop({reflect: true}) readonly power: number\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormPasswordPowerClass.root}>\n\t\t\t\t\t<span class={FormPasswordPowerClass.bar}>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class={FormPasswordPowerClass.text}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"kDAAO,MAAMA,EAAyB,CACrCC,KAAM,0BACHC,IAAK,+BACLC,KAAM,iC,MCGGC,EAAoB,M,yBAMhC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOT,EAAuBC,MAClCK,EAAA,QAAAE,IAAA,2CAAMC,MAAOT,EAAuBE,KAClCI,EAAa,QAAAE,IAAA,6CACbF,EAAa,QAAAE,IAAA,6CACbF,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,MAAOT,EAAuBG,MAClCG,EAAO,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/core/{p-4bd3f101.entry.js → p-6b44890d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-B8TR1oqt.js";import{g as h,l as o,m as n}from"./p-B6CqPcY_.js";import{g as c,a as r,d as l,t as d}from"./p-CoD1xawt.js";import{v as p}from"./p-NOJjz9dT.js";import{c as m}from"./p-vN03FcXN.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import{p as b}from"./p-CQvUntGY.js";import{S as g}from"./p-BcQO4NH2.js";import{C as y}from"./p-U40vKHrs.js";import"./p-EeKNA85D.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";import"./p-CgDnDrq5.js";var k;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(k||(k={}));const j=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.govKeyUp=s(this,"gov-keyup");this.govHydrated=s(this,"gov-hydrated");this.govKeyDown=s(this,"gov-keydown");this.size="m";this.required=false;this.disabled=false;this.inputType="text";this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.showPassword=false;this.inheritedAttributes={};this.h=c(this.host);this.inputId=m("GovInput");this.f=h(this.h)}validateSize(t){p(n,t,o.root)}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));this.f.passAttrToControl("type",this.multiline?k.TEXTAREA:k.INPUT)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=f(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}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(){const t=this.multiline?k.TEXTAREA:k.INPUT;return i(e,{key:"470bdae759d1432aebbffcf4c13b228b1a50c21a",class:o.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&i("slot",{key:"0963159d9d3f2ce33a994d85bc87b72ba7b52358",name:"prefix"}),i("span",{key:"ac3fd14a01fff348764c8d7ce583cb9335f1fc54",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&i("div",{key:"24bf34d61668b77b7c8c673f8046dec464a1ced4",class:o.icons,onClick:()=>this.inputRef.focus()},i("slot",{key:"11c141e20982053571112b8b8abe1c714ffa1618",name:"icon-start"})),i(t,Object.assign({key:"4cdf4caf3597527525bc0d858895d6588e510a69",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:d(this.spellcheck),lang:this.inputLang,readonly:d(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),(this.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&i("div",{key:"fb1083c88c21dd1ed9651c3ed419c86acfcb29a0",class:o.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&i("gov-icon",{key:"5e3b97be29c7a1e5fe019f4b39a266283b097876",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&i("gov-icon",{key:"71082970477091c678241cf81a834b241203ea93",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&i("slot",{key:"cc1cc59a5e806ecc90b7a5da3d437e80a340ac30",name:"icon-end"}),this.inputType==="password"?i("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},i("gov-icon",{slot:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&i("slot",{key:"c8e382b5dfa2973b9e36bf5074860439f5f13236",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:o.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:o.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:o.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:o.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:o.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 a(this)}static get watchers(){return{size:[{validateSize:0},{watchControlAttrs:0}],disabled:[{watchControlAttrs:0}],invalid:[{watchControlAttrs:0}],success:[{watchControlAttrs:0}]}}};const w=b(g,["_XS","_S","_M","_L","_XL"]);b(y,["PRIMARY","NEUTRAL"]);var C;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(C||(C={}));var A;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(A||(A={}));const z={root:"gov-skeleton"};const x=class{constructor(s){t(this,s);this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=c(this.host)}validateSize(t){p(w,t,z.root)}validateShape(t){p(C,t,z.root)}validateAnimation(t){p(A,t,z.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=f(this.host)}componentWillUpdate(){this.init()}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})}init(){this.items.fill(1)}render(){return i(e,Object.assign({key:"88cc98a811553c74d60d4b97c283cc918d3f3405",size:this.size,color:this.color,class:{[z.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:{width:this.width,height:this.height}}))}get host(){return a(this)}static get watchers(){return{size:[{validateSize:0}],shape:[{validateShape:0}],animation:[{validateAnimation:0}]}}};export{j as gov_form_input,x as gov_skeleton};
-//# sourceMappingURL=p-4bd3f101.entry.js.map
+import{r as t,c as s,h as i,H as e,g as a}from"./p-ClISz4NF.js";import{g as h,l as o,m as n}from"./p-B6CqPcY_.js";import{g as c,a as r,d as l,t as d}from"./p-CoD1xawt.js";import{v as p}from"./p-NOJjz9dT.js";import{c as m}from"./p-vN03FcXN.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as f}from"./p-CzXeijOj.js";import{p as b}from"./p-CQvUntGY.js";import{S as g}from"./p-BcQO4NH2.js";import{C as y}from"./p-U40vKHrs.js";import"./p-EeKNA85D.js";import"./p-DYcNEwSZ.js";import"./p-DBXGhafv.js";import"./p-CgDnDrq5.js";var k;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(k||(k={}));const j=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.govKeyUp=s(this,"gov-keyup");this.govHydrated=s(this,"gov-hydrated");this.govKeyDown=s(this,"gov-keydown");this.size="m";this.required=false;this.disabled=false;this.inputType="text";this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.showPassword=false;this.inheritedAttributes={};this.h=c(this.host);this.inputId=m("GovInput");this.f=h(this.h)}validateSize(t){p(n,t,o.root)}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));this.f.passAttrToControl("type",this.multiline?k.TEXTAREA:k.INPUT)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=f(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}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(){const t=this.multiline?k.TEXTAREA:k.INPUT;return i(e,{key:"470bdae759d1432aebbffcf4c13b228b1a50c21a",class:o.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&i("slot",{key:"0963159d9d3f2ce33a994d85bc87b72ba7b52358",name:"prefix"}),i("span",{key:"ac3fd14a01fff348764c8d7ce583cb9335f1fc54",class:"element"},this.h.hasSlot("icon-start")&&!this.multiline&&i("div",{key:"24bf34d61668b77b7c8c673f8046dec464a1ced4",class:o.icons,onClick:()=>this.inputRef.focus()},i("slot",{key:"11c141e20982053571112b8b8abe1c714ffa1618",name:"icon-start"})),i(t,Object.assign({key:"4cdf4caf3597527525bc0d858895d6588e510a69",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:d(this.spellcheck),lang:this.inputLang,readonly:d(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":d(this.required),"aria-invalid":d(this.invalid),"aria-disabled":d(this.disabled)})),(this.success||this.invalid||this.h.hasSlot("icon-end")||this.inputType==="password")&&!this.multiline&&i("div",{key:"fb1083c88c21dd1ed9651c3ed419c86acfcb29a0",class:o.icons,onClick:()=>this.inputRef.focus()},this.success&&!this.multiline&&i("gov-icon",{key:"5e3b97be29c7a1e5fe019f4b39a266283b097876",class:"validation-icon",name:"check-lg",type:"components"}),this.invalid&&!this.multiline&&i("gov-icon",{key:"71082970477091c678241cf81a834b241203ea93",class:"validation-icon",name:"exclamation-lg",type:"components"}),this.h.hasSlot("icon-end")&&this.inputType!=="password"&&i("slot",{key:"cc1cc59a5e806ecc90b7a5da3d437e80a340ac30",name:"icon-end"}),this.inputType==="password"?i("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},i("gov-icon",{slot:"icon-start",name:"eye",type:"components"})):null)),this.h.hasSlot("sufix")&&i("slot",{key:"c8e382b5dfa2973b9e36bf5074860439f5f13236",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:o.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:o.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:o.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:o.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:o.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 a(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}};const w=b(g,["_XS","_S","_M","_L","_XL"]);b(y,["PRIMARY","NEUTRAL"]);var C;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(C||(C={}));var z;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(z||(z={}));const A={root:"gov-skeleton"};const x=class{constructor(s){t(this,s);this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=c(this.host)}validateSize(t){p(w,t,A.root)}validateShape(t){p(C,t,A.root)}validateAnimation(t){p(z,t,A.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=f(this.host)}componentWillUpdate(){this.init()}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})}init(){this.items.fill(1)}render(){return i(e,Object.assign({key:"88cc98a811553c74d60d4b97c283cc918d3f3405",size:this.size,color:this.color,class:{[A.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:{width:this.width,height:this.height}}))}get host(){return a(this)}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}};export{j as gov_form_input,x as gov_skeleton};
+//# sourceMappingURL=p-6b44890d.entry.js.map

package/dist/core/{p-4bd3f101.entry.js.map → p-6b44890d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["Tags","GovFormInput","constructor","hostRef","this","size","required","disabled","inputType","accessibleShowPasswordLabel","accessibleHidePasswordLabel","showPassword","inheritedAttributes","h","govHost","host","inputId","createID","f","govForm","validateSize","newValue","validateProp","FormInputSizes","FormInputClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","multiline","TEXTAREA","INPUT","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","govHydrated","emit","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Tag","Host","key","class","type","hasSlot","name","icons","onClick","inputRef","focus","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","placeholder","spellcheck","toBoolAttrIfDefined","lang","inputLang","readonly","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","value","color","slot","e","stopPropagation","focused","govFocus","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","setValue","clearValue","getRef","SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","GovSkeleton","shape","width","height","animation","items","validateShape","validateAnimation","init","componentWillUpdate","fill","circle","line","progress","pulse","tabindex","style"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\nimport {FormInputEvent} from \"./gov-form-input.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\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.\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.\n\t */\n\t@Prop({reflect:true}) readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t */\n\t@Prop({reflect:true}) readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\n\t */\n\t@Prop() readonly spellcheck: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\n\t */\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\n\t/**\n\t * Defined the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * Accessible text for password display\n\t */\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\n\t/**\n\t * Accessible text to hide the password\n\t */\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\t@State() showPassword: boolean = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.govHydrated.emit();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\n\t\t\t\t\t\tlang={this.inputLang}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t{((this.success || this.invalid || this.h.hasSlot(\"icon-end\") || this.inputType === 'password') && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n","import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Tags","GovFormInput","constructor","hostRef","this","size","required","disabled","inputType","accessibleShowPasswordLabel","accessibleHidePasswordLabel","showPassword","inheritedAttributes","h","govHost","host","inputId","createID","f","govForm","validateSize","newValue","validateProp","FormInputSizes","FormInputClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","multiline","TEXTAREA","INPUT","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","govHydrated","emit","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Tag","Host","key","class","type","hasSlot","name","icons","onClick","inputRef","focus","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","onKeyDown","onKeyDownHandler","ref","el","placeholder","spellcheck","toBoolAttrIfDefined","lang","inputLang","readonly","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","min","max","rows","cols","role","value","color","slot","e","stopPropagation","focused","govFocus","component","originalEvent","govBlur","govKeyUp","govKeyDown","target","govInput","setFocus","options","setValue","clearValue","getRef","SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","GovSkeleton","shape","width","height","animation","items","validateShape","validateAnimation","init","componentWillUpdate","fill","circle","line","progress","pulse","tabindex","style"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\nimport {FormInputEvent} from \"./gov-form-input.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\",\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\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.\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.\n\t */\n\t@Prop({reflect:true}) readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t */\n\t@Prop({reflect:true}) readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Minimum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly min?: string | number\n\t/**\n\t * Maximum value that is acceptable and valid for the input containing the attribute\n\t */\n\t@Prop() readonly max?: string | number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\n\t */\n\t@Prop() readonly spellcheck: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\n\t */\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\n\t/**\n\t * Defined the visual style of input\n\t */\n\t@Prop() readonly type?: Type\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: Nullable<string>\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect:true}) readonly invalid: boolean\n\t/**\n\t * Accessible text for password display\n\t */\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\n\t/**\n\t * Accessible text to hide the password\n\t */\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\n\t@State() focused: boolean\n\t@State() showPassword: boolean = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t\tthis.govHydrated.emit();\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tid={this.identifier || this.inputId}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\n\t\t\t\t\t\tlang={this.inputLang}\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trole={this.role}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t{((this.success || this.invalid || this.h.hasSlot(\"icon-end\") || this.inputType === 'password') && !this.multiline) &&\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyDown.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormInputClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n","import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-ab367b0c.entry.js → p-6d2ce4c7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as t,g as c}from"./p-B8TR1oqt.js";import{g as s}from"./p-CoD1xawt.js";const r={root:"gov-error-code",content:"gov-error-code__content"};const a=class{constructor(o){e(this,o);this.h=s(this.host)}render(){return o(t,{key:"91bd2740e23ac3070885a2f081d04fe55fe35afa",class:this.h.classes(r.root),align:"center"},this.h.hasSlot("icon")&&o("slot",{key:"c8bf87c915ffa7438de195790b19746946839759",name:"icon"}),o("div",{key:"7d68735d01b63f086fdc5d9fadcd3749828f875a",class:r.content},o("slot",{key:"41fb86768c5d44a485c1547eb576bf5339d66dfb",name:"headline"}),o("slot",{key:"4fd846e34ac29cdb5622a36917380cb4d07f62fc"})))}get host(){return c(this)}};export{a as gov_error_code};
-//# sourceMappingURL=p-ab367b0c.entry.js.map
+import{r as e,h as o,H as t,g as c}from"./p-ClISz4NF.js";import{g as s}from"./p-CoD1xawt.js";const r={root:"gov-error-code",content:"gov-error-code__content"};const a=class{constructor(o){e(this,o);this.h=s(this.host)}render(){return o(t,{key:"91bd2740e23ac3070885a2f081d04fe55fe35afa",class:this.h.classes(r.root),align:"center"},this.h.hasSlot("icon")&&o("slot",{key:"c8bf87c915ffa7438de195790b19746946839759",name:"icon"}),o("div",{key:"7d68735d01b63f086fdc5d9fadcd3749828f875a",class:r.content},o("slot",{key:"41fb86768c5d44a485c1547eb576bf5339d66dfb",name:"headline"}),o("slot",{key:"4fd846e34ac29cdb5622a36917380cb4d07f62fc"})))}get host(){return c(this)}};export{a as gov_error_code};
+//# sourceMappingURL=p-6d2ce4c7.entry.js.map

package/dist/core/{p-ab367b0c.entry.js.map → p-6d2ce4c7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["ErrorCodeClass","root","content","GovErrorCode","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","align","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-error-code/constants.ts","../../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"sourcesContent":["export const ErrorCodeClass = {\n\troot: 'gov-error-code',\n\tcontent: 'gov-error-code__content',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { ErrorCodeClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-error-code',\n})\nexport class GovErrorCode {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovErrorCodeElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,QAAS,2B,MCMGC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAeC,MAAOc,MAAM,UACrDT,KAAKC,EAAES,QAAQ,SACfT,EAAA,QAAAK,IAAA,2CAAMK,KAAK,SAEZV,EAAA,OAAAK,IAAA,2CAAKC,MAAOb,EAAeE,SAC1BK,EAAA,QAAAK,IAAA,2CAAMK,KAAK,aACXV,EAAA,QAAAK,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["ErrorCodeClass","root","content","GovErrorCode","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","align","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-error-code/constants.ts","../../../packages/core/src/components/gov-error-code/gov-error-code.tsx"],"sourcesContent":["export const ErrorCodeClass = {\n\troot: 'gov-error-code',\n\tcontent: 'gov-error-code__content',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { ErrorCodeClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-error-code',\n})\nexport class GovErrorCode {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovErrorCodeElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,QAAS,2B,MCMGC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAeC,MAAOc,MAAM,UACrDT,KAAKC,EAAES,QAAQ,SACfT,EAAM,QAAAK,IAAA,2CAAAK,KAAK,SAEZV,EAAA,OAAAK,IAAA,2CAAKC,MAAOb,EAAeE,SAC1BK,EAAM,QAAAK,IAAA,2CAAAK,KAAK,aACXV,EAAQ,QAAAK,IAAA,8C","ignoreList":[]}

package/dist/core/{p-b0d4d6bd.entry.js → p-70b5555f.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as e,g as i}from"./p-B8TR1oqt.js";import{g as a,b as o}from"./p-B6CqPcY_.js";import{g as r}from"./p-CoD1xawt.js";import{s as f}from"./p-vN03FcXN.js";import{i as c}from"./p-DNztiAH0.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=class{constructor(t){s(this,t);this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=r(this.host);this.f=a(this.h)}componentDidRender(){this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){var s;(s=this.observer)===null||s===void 0?void 0:s.disconnect()}formElementDescriptionControl(){const s=this.host.querySelector("."+o.bottom);if(!s)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(s,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((s=>s.identifier()))).then((s=>{this.f.mainElementsInControl.forEach((t=>{const e=f(t.getAttribute("aria-describedby"));t.removeAttribute("aria-describedby");if(Array.isArray(e)){e.forEach((t=>c(t)&&t.indexOf("GovFormMessage")===-1?s.push(t):null))}if(s.length){t.setAttribute("aria-describedby",s.join(" "))}}))}))}render(){const s=this.fieldset?"fieldset":"div";return t(e,{key:"e7965663e6f825f35efa30a5fd8fe3fa7a313ac6",size:this.size,class:this.h.classes(o.root)},t(s,{key:"bb8b452fcab1ae0d49f8d0ed01f0091f97e9c988",class:o.holder},this.h.hasSlot("top")&&t("slot",{key:"4afca4fcee621842c0955287fd9a5488170da0d2",name:"top"}),t("slot",{key:"1e5026d8b37aad78c420ee2f8a69f42e0cb03e8e"}),this.h.hasSlot("bottom")&&t("div",{key:"177ebe3ade712277ea79c7d1a39a3bd9344627fd",class:o.bottom},t("slot",{key:"79ffada9cff037c407aa925e35b3382fba85ae25",name:"bottom"}))))}get host(){return i(this)}};export{d as gov_form_control};
-//# sourceMappingURL=p-b0d4d6bd.entry.js.map
+import{r as s,h as t,H as e,g as i}from"./p-ClISz4NF.js";import{g as a,b as o}from"./p-B6CqPcY_.js";import{g as r}from"./p-CoD1xawt.js";import{s as f}from"./p-vN03FcXN.js";import{i as c}from"./p-DNztiAH0.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=class{constructor(t){s(this,t);this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=r(this.host);this.f=a(this.h)}componentDidRender(){this.syncControlMessages();this.formElementDescriptionControl()}disconnectedCallback(){var s;(s=this.observer)===null||s===void 0?void 0:s.disconnect()}formElementDescriptionControl(){const s=this.host.querySelector("."+o.bottom);if(!s)return;this.observer=new MutationObserver(function(){this.syncControlMessages()}.bind(this));this.observer.observe(s,{childList:true})}syncControlMessages(){Promise.all(this.f.messageElements.map((s=>s.identifier()))).then((s=>{this.f.mainElementsInControl.forEach((t=>{const e=f(t.getAttribute("aria-describedby"));t.removeAttribute("aria-describedby");if(Array.isArray(e)){e.forEach((t=>c(t)&&t.indexOf("GovFormMessage")===-1?s.push(t):null))}if(s.length){t.setAttribute("aria-describedby",s.join(" "))}}))}))}render(){const s=this.fieldset?"fieldset":"div";return t(e,{key:"e7965663e6f825f35efa30a5fd8fe3fa7a313ac6",size:this.size,class:this.h.classes(o.root)},t(s,{key:"bb8b452fcab1ae0d49f8d0ed01f0091f97e9c988",class:o.holder},this.h.hasSlot("top")&&t("slot",{key:"4afca4fcee621842c0955287fd9a5488170da0d2",name:"top"}),t("slot",{key:"1e5026d8b37aad78c420ee2f8a69f42e0cb03e8e"}),this.h.hasSlot("bottom")&&t("div",{key:"177ebe3ade712277ea79c7d1a39a3bd9344627fd",class:o.bottom},t("slot",{key:"79ffada9cff037c407aa925e35b3382fba85ae25",name:"bottom"}))))}get host(){return i(this)}};export{d as gov_form_control};
+//# sourceMappingURL=p-70b5555f.entry.js.map

package/dist/core/{p-b0d4d6bd.entry.js.map → p-70b5555f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["GovFormControl","constructor","hostRef","this","invalid","disabled","success","fieldset","size","h","govHost","host","f","govForm","componentDidRender","syncControlMessages","formElementDescriptionControl","disconnectedCallback","_a","observer","disconnect","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","identifier","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","isString","indexOf","push","length","setAttribute","join","render","Tag","Host","key","class","classes","root","holder","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\nimport {isString} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/**\n\t * Custom form element identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of a child form element does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/**\n\t/**\n\t* Indicates the form control is disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t/**\n\t* Indicates the entered value of a child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/**\n\t * Use control as a fieldset for better accessibility.\n\t * Note: Remember to set the legend attribute of the gov-form-label component\n\t */\n\t@Prop() readonly fieldset: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"sWAYaA,EAAc,MAK1B,WAAAC,CAAAC,G,UAagCC,KAAAC,QAAmB,MAKnBD,KAAAE,SAAoB,MAKpBF,KAAAG,QAAmB,MAKlCH,KAAAI,SAAoB,MAIpBJ,KAAAK,KAA8B,IA/B9CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,EAAIC,EAAQV,KAAKM,EACtB,CA+BD,kBAAAK,GACCX,KAAKY,sBACLZ,KAAKa,+B,CAGN,oBAAAC,G,OACCC,EAAAf,KAAKgB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,Y,CAGR,6BAAAJ,GACP,MAAMK,EAAalB,KAAKQ,KAAKW,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBlB,KAAKgB,SAAW,IAAIM,iBACnB,WACCtB,KAAKY,qBACN,EAAEW,KAAKvB,OAGRA,KAAKgB,SAASQ,QAAQN,EAAY,CAACO,UAAW,M,CAGvC,mBAAAb,GACPc,QAAQC,IAAI3B,KAAKS,EAAEmB,gBAAgBC,KAAKC,GAAuCA,EAAQC,gBAAeC,MAAMC,IAC3GjC,KAAKS,EAAEyB,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,qBAC5DH,EAAQI,gBAAgB,oBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAAQQ,GAAOC,EAASD,IAAOA,EAAGE,QAAQ,qBAAsB,EAAKZ,EAAIa,KAAKH,GAAM,M,CAElG,GAAIV,EAAIc,OAAQ,CACfX,EAAQY,aAAa,mBAAoBf,EAAIgB,KAAK,K,IAElD,G,CAIJ,MAAAC,GACC,MAAMC,EAAMnD,KAAKI,SAAW,WAAa,MACzC,OACCE,EAAC8C,EAAI,CAAAC,IAAA,2CAAChD,KAAML,KAAKK,KAAMiD,MAAOtD,KAAKM,EAAEiD,QAAQnC,EAAiBoC,OAC7DlD,EAAC6C,EAAG,CAAAE,IAAA,2CAACC,MAAOlC,EAAiBqC,QAC3BzD,KAAKM,EAAEoD,QAAQ,QAAUpD,EAAA,QAAA+C,IAAA,2CAAMM,KAAK,QACrCrD,EAAA,QAAA+C,IAAA,6CACCrD,KAAKM,EAAEoD,QAAQ,WACfpD,EAAA,OAAA+C,IAAA,2CAAKC,MAAOlC,EAAiBC,QAC5Bf,EAAA,QAAA+C,IAAA,2CAAMM,KAAK,a","ignoreList":[]}
+{"version":3,"names":["GovFormControl","constructor","hostRef","this","invalid","disabled","success","fieldset","size","h","govHost","host","f","govForm","componentDidRender","syncControlMessages","formElementDescriptionControl","disconnectedCallback","_a","observer","disconnect","bottomSlot","querySelector","FormControlClass","bottom","MutationObserver","bind","observe","childList","Promise","all","messageElements","map","message","identifier","then","ids","mainElementsInControl","forEach","element","currentValue","splitByWhitespace","getAttribute","removeAttribute","Array","isArray","id","isString","indexOf","push","length","setAttribute","join","render","Tag","Host","key","class","classes","root","holder","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-form/control/gov-form-control.tsx"],"sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\nimport {isString} from \"../../../utils/helpers.types\";\n\n@Component({\n\ttag: \"gov-form-control\",\n})\nexport class GovFormControl {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate observer: MutationObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormControlElement\n\t/**\n\t * Custom form element identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of a child form element does not conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly invalid: boolean = false\n\t/**\n\t/**\n\t* Indicates the form control is disabled\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t/**\n\t* Indicates the entered value of a child form element does conform to the format expected by the application.\n\t */\n\t@Prop({reflect: true}) readonly success: boolean = false\n\t/**\n\t * Use control as a fieldset for better accessibility.\n\t * Note: Remember to set the legend attribute of the gov-form-label component\n\t */\n\t@Prop() readonly fieldset: boolean = false\n\t/**\n\t * Form element size.\n\t */\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\n\n\tcomponentDidRender() {\n\t\tthis.syncControlMessages()\n\t\tthis.formElementDescriptionControl()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprivate formElementDescriptionControl() {\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\n\t\tif (!bottomSlot) return\n\t\tthis.observer = new MutationObserver(\n\t\t\tfunction () {\n\t\t\t\tthis.syncControlMessages()\n\t\t\t}.bind(this),\n\t\t)\n\n\t\tthis.observer.observe(bottomSlot, {childList: true})\n\t}\n\n\tprivate syncControlMessages() {\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\n\t\t\t\tif (Array.isArray(currentValue)) {\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\n\t\t\t\t}\n\t\t\t\tif (ids.length) {\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\n\t\treturn (\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\n\t\t\t\t<Tag class={FormControlClass.holder}>\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"sWAYaA,EAAc,MAK1B,WAAAC,CAAAC,G,UAagCC,KAAOC,QAAY,MAKnBD,KAAQE,SAAY,MAKpBF,KAAOG,QAAY,MAKlCH,KAAQI,SAAY,MAIpBJ,KAAIK,KAA0B,IA/B9CL,KAAKM,EAAIC,EAAQP,KAAKQ,MACtBR,KAAKS,EAAIC,EAAQV,KAAKM,EACtB,CA+BD,kBAAAK,GACCX,KAAKY,sBACLZ,KAAKa,+B,CAGN,oBAAAC,G,OACCC,EAAAf,KAAKgB,YAAU,MAAAD,SAAA,SAAAA,EAAAE,Y,CAGR,6BAAAJ,GACP,MAAMK,EAAalB,KAAKQ,KAAKW,cAAc,IAAMC,EAAiBC,QAClE,IAAKH,EAAY,OACjBlB,KAAKgB,SAAW,IAAIM,iBACnB,WACCtB,KAAKY,qBACN,EAAEW,KAAKvB,OAGRA,KAAKgB,SAASQ,QAAQN,EAAY,CAACO,UAAW,M,CAGvC,mBAAAb,GACPc,QAAQC,IAAI3B,KAAKS,EAAEmB,gBAAgBC,KAAKC,GAAuCA,EAAQC,gBAAeC,MAAMC,IAC3GjC,KAAKS,EAAEyB,sBAAsBC,SAASC,IACrC,MAAMC,EAAeC,EAAkBF,EAAQG,aAAa,qBAC5DH,EAAQI,gBAAgB,oBACxB,GAAIC,MAAMC,QAAQL,GAAe,CAChCA,EAAaF,SAAQQ,GAAOC,EAASD,IAAOA,EAAGE,QAAQ,qBAAsB,EAAKZ,EAAIa,KAAKH,GAAM,M,CAElG,GAAIV,EAAIc,OAAQ,CACfX,EAAQY,aAAa,mBAAoBf,EAAIgB,KAAK,K,IAElD,G,CAIJ,MAAAC,GACC,MAAMC,EAAMnD,KAAKI,SAAW,WAAa,MACzC,OACCE,EAAC8C,EAAI,CAAAC,IAAA,2CAAChD,KAAML,KAAKK,KAAMiD,MAAOtD,KAAKM,EAAEiD,QAAQnC,EAAiBoC,OAC7DlD,EAAC6C,EAAI,CAAAE,IAAA,2CAAAC,MAAOlC,EAAiBqC,QAC3BzD,KAAKM,EAAEoD,QAAQ,QAAUpD,EAAM,QAAA+C,IAAA,2CAAAM,KAAK,QACrCrD,EAAa,QAAA+C,IAAA,6CACZrD,KAAKM,EAAEoD,QAAQ,WACfpD,EAAK,OAAA+C,IAAA,2CAAAC,MAAOlC,EAAiBC,QAC5Bf,EAAM,QAAA+C,IAAA,2CAAAM,KAAK,a","ignoreList":[]}

package/dist/core/p-73bd93f9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as e,g as s,c as i}from"./p-ClISz4NF.js";import{b as o,v as c}from"./p-CDIRBJsi.js";import{c as n}from"./p-CgDnDrq5.js";import{d as m}from"./p-CQvUntGY.js";import{g as r}from"./p-CoD1xawt.js";import{i as l}from"./p-DNztiAH0.js";import{F as f,a as h}from"./p-EeKNA85D.js";import{v as g}from"./p-NOJjz9dT.js";import{c as v}from"./p-vN03FcXN.js";import"./p-U40vKHrs.js";import"./p-BcQO4NH2.js";const d={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const p={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const b=class{constructor(a){t(this,a);this.h=r(this.host)}async componentDidRender(){if(n()){await m(500);await this.validateWcag()}}render(){return a(e,{key:"ca3b05be8b09114d7871a82c9ec138c4fa8fc24d",class:this.h.classes(d.root)},this.label?a("p",{class:d.label},this.label):null,a("div",{key:"e47a84d37b86e08171f8002702c4cfe28b09f1fa",class:d.list,role:"list","aria-label":this.wcagLabel},a("slot",{key:"fcf62fd6cfcab1999e381775584755a62ef3415f"})))}async validateWcag(){o(this.wcagLabel,"wcag-label",d.root)}get host(){return s(this)}};const _="gov-attachments-item,.gov-attachments-item{display:flex;flex-direction:column}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__messages>*,.gov-attachments-item__messages>*{position:relative;top:calc(-1 * var(--spacing-xs))}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s);max-width:100%}gov-attachments-item__name,.gov-attachments-item__name{display:flex;-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s);align-items:center;max-width:calc(100% - var(--spacing-s) - var(--icon-size-s) - (var(--spacing-s-nudge) + var(--border-width, 0.0625rem)) * 2);margin:0}gov-attachments-item__name>gov-tooltip,gov-attachments-item__name .gov-tooltip,.gov-attachments-item__name>gov-tooltip,.gov-attachments-item__name .gov-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span[slot=info],.gov-attachments-item__name span[slot=info]{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:var(--decor-color, var(--text-secondary));white-space:nowrap}";const y=class{constructor(a){t(this,a);this.govRemove=i(this,"gov-remove");this.accessibleRemoveLabel="Odebrat soubor {FILE_NAME}";this.h=r(this.host)}async componentDidRender(){if(n()){await m(500);await this.validateAccessibility()}}render(){return a(e,{key:"7a7acaf1946577d29894242aa9606768afc96f77",class:this.h.classes(p.root),role:"listitem"},a("div",{key:"5cc40f9f91438105713d5c6a70686c5c12208b66",class:p.file},a("div",{key:"77e578b8c71cfc1bba2e89eacaa12e582692ff30",class:p.name},a("gov-tooltip",{key:"bf9a97f411e3877fdb1278b064910a64184662cd",position:"top",icon:true},a("slot",{key:"0eba40236e53407fa5fc380ebd552d339cff0054"}),a("gov-tooltip-content",{key:"624f6e919d73eae63db9cb667b5243997541a6c6"},this.h.getSlotContent(`name`))),a("slot",{key:"524f5a4397490a1371bd476361d1fc0e2308745c",name:"info"})),a("gov-button",{key:"0f0f046e9ab994201088ab802c9fb9bc4ff0f04c",color:"primary",type:"base",size:"s","aria-label":l(this.accessibleRemoveLabel)?this.accessibleRemoveLabel.replace("{FILE_NAME}",this.h.getSlotContent(`name`)||"").trim():null,"aria-labelledby":this.accessibleRemoveLabelledBy,"on-gov-click":this.govRemove.emit},a("gov-icon",{key:"16fc279022a36799b03ec2af3a5f2e2b8f70755f",slot:"icon-start",name:"x-lg",type:"components"}))),this.h.hasSlot("message")&&a("div",{key:"554ff1ff7dce9b034db47c13a66ac17f29ad38f4",class:p.messages},a("slot",{key:"09a9a492fb503a8c285cb21e10ec9d26c8cc71f5",name:"message"})))}async validateAccessibility(){c(this.accessibleRemoveLabel,this.accessibleRemoveLabelledBy,p.root,this.host)}get host(){return s(this)}};y.style=_;const u=class{constructor(a){t(this,a);this.color="neutral";this.size="m";this.h=r(this.host);this.messageId=v("GovFormMessage")}validateColor(t){g(h,t,f.root)}componentWillLoad(){this.validateColor(this.color)}render(){return a(e,{key:"f48872860c7611775b2f42ce5048dbcdbd706acb",class:this.h.classes(f.root),color:this.color,size:this.size},this.h.hasSlot("icon")&&a("slot",{key:"c1c37489c1cfece39a720394a116775db12aa23c",name:"icon"}),a("span",{key:"0b74cac8580a66b5a60177aef9da4e9f14e68c32",id:this.messageId,class:f.content},a("slot",{key:"b153676b22738e66348b49822ab111bfd8fd56f0"})))}async identifier(){return this.messageId}get host(){return s(this)}static get watchers(){return{color:["validateColor"]}}};export{b as gov_attachments,y as gov_attachments_item,u as gov_form_message};
+//# sourceMappingURL=p-73bd93f9.entry.js.map