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

package/dist/components/gov-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","__stencil_proxyCustomElement","HTMLElement","constructor","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/components/gov-chip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovChip extends Components.GovChip, HTMLElement {}
+export const GovChip: {
+    prototype: GovChip;
+    new (): GovChip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-chip.js

@@ -0,0 +1,2 @@
+import{G as o,d as s}from"./p-BZTY3MxF.js";const t=o;const p=s;export{t as GovChip,p as defineCustomElement};
+//# sourceMappingURL=gov-chip.js.map

package/dist/components/gov-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-collapsible.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovCollapsible extends Components.GovCollapsible, HTMLElement {}
+export const GovCollapsible: {
+    prototype: GovCollapsible;
+    new (): GovCollapsible;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-collapsible.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,h as i,a as e}from"./index.js";import{p as o}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as n,b as d}from"./p-DKo9A5gq.js";import{v as c}from"./p-BKP-F1qP.js";import{A as l,a as r,i as h}from"./p-CXgom82_.js";import{c as f}from"./p-vN03FcXN.js";import{d as p}from"./p-djqfSbq-.js";import{d as b}from"./p-BrdXh0mI.js";const m=o(a,["_XS","_S","_M","_L","_XL"]);var v;(function(t){t["DOWN"]="down";t["UP"]="up"})(v||(v={}));const u={root:"gov-collapsible",content:"gov-collapsible__content",disabled:"gov-collapsible--disabled"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.hydrated=false;this.size="m";this.disabled=false;this.open=false;this.inheritedAttributes={};this.h=n(this.host);this.triggerId=f("GovCollapsibleControl");this.contentId=f("GovCollapsibleContent")}validateSize(t){c(m,t,u.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(r)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=h(this.host)}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()}connectedCallback(){this.hydrated=true}render(){return i(e,{key:"769978332f69d9faf2a4e8b305db730f30aff4ef",hydrated:this.hydrated,class:this.h.classes([u.root,this.disabled&&u.disabled]),size:this.size},i("gov-button",Object.assign({key:"8471245d9dd22f5599d234f86b7bf2127d8632ac",color:"primary",size:this.size,type:"link",disabled:this.disabled,"onGov-click":t=>{t.stopPropagation();t.preventDefault();this.open=!this.open}},this.inheritedAttributes,{identifier:this.triggerId,"aria-controls":this.contentId,"aria-expanded":d(this.open),"aria-haspopup":"true"}),this.label,i("gov-icon",{key:"01d4627f3817249e3653f8a2fdf0cc2d2d2ad36a",slot:"icon-end",name:this.open?"chevron-up":"chevron-down",type:"components"})),i("div",{key:"0d680443f3fa888d753aaf0090e9c4da177dbf7b",class:u.content,hidden:!this.open,id:this.contentId,"aria-labelledby":this.triggerId,"aria-hidden":d(!this.open)},i("slot",{key:"4b3c64ff8fb7f6d6039d9042328121207ccf7580"})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-collapsible",{size:[1],identifier:[1],label:[1],disabled:[4],open:[1028],inheritedAttributes:[32]},undefined,{size:["validateSize"]}]);function j(){if(typeof customElements==="undefined"){return}const t=["gov-collapsible","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-collapsible":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){p()}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}j();const k=g;const y=j;export{k as GovCollapsible,y as defineCustomElement};
+//# sourceMappingURL=gov-collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CollapsibleSizes","pick","Sizes","CollapsibleDirection","CollapsibleClass","root","content","disabled","GovCollapsible","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","open","inheritedAttributes","h","govHost","host","triggerId","createID","contentId","validateSize","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","connectedCallback","render","Host","key","class","classes","color","type","e","stopPropagation","preventDefault","identifier","booleanString","label","slot","name","hidden","id"],"sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {createID} from \"../../utils/string.utils\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-collapsible',\n})\nexport class GovCollapsible {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\n\t}\n\n\t@Element() host: HTMLGovCollapsibleElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\n\t@Prop() readonly label: string\n\t/**\n\t * Makes component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the collapsible is open or closed\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host hydrated={this.hydrated}\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\n\t\t\t\t  size={this.size}>\n\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\ttype={'link'}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonGov-click={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.open = !this.open;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\tidentifier={this.triggerId}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t\taria-haspopup=\"true\">\n\t\t\t\t\t{this.label}\n\t\t\t\t\t<gov-icon slot={'icon-end'}\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={CollapsibleClass.content}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-labelledby={this.triggerId}\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"yWAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGtE,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,UACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAmB,CAC/BC,KAAM,kBAKNC,QAAS,2BACTC,SAAU,6B,MCNEC,EAAcC,EAAA,MAAAD,UAAAE,EAO1B,WAAAC,G,8BALQC,KAAQC,SAAG,MAeFD,KAAIE,KAA0B,IAU9BF,KAAQL,SAAY,MAIKK,KAAIG,KAAG,MAExCH,KAAmBI,oBAAe,GAzB1CJ,KAAKK,EAAIC,EAAQN,KAAKO,MACtBP,KAAKQ,UAAYC,EAAS,yBAC1BT,KAAKU,UAAYD,EAAS,wBAC1B,CA0BD,YAAAE,CAAaC,GACZC,EAAazB,EAAkBwB,EAAUpB,EAAiBC,K,CAG3D,gBAAAqB,GACCd,KAAKe,kBAAoB,IAAIC,EAAkBhB,KAAKO,MAAM,CAACU,EAAeL,KACzEZ,KAAKkB,sBAAsBD,EAAeL,EAAS,IAGpDZ,KAAKe,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCrB,KAAKW,aAAaX,KAAKE,MAEvBF,KAAKI,oBAAsBkB,EAAsBtB,KAAKO,K,CAGvD,qBAAAW,CAAsBD,EAAuBL,GAC5CZ,KAAKO,KAAKgB,gBAAgBN,GAC1BjB,KAAKI,oBAA0BoB,OAAAC,OAAAD,OAAAC,OAAA,GAAAzB,KAAKI,qBAAqB,CAAAa,CAACA,GAAgBL,G,CAG3E,oBAAAc,G,OACCC,EAAA3B,KAAKe,qBAAmB,MAAAY,SAAA,SAAAA,EAAAC,e,CAGzB,iBAAAC,GACC7B,KAAKC,SAAW,I,CAGjB,MAAA6B,GACC,OACCzB,EAAC0B,EAAK,CAAAC,IAAA,2CAAA/B,SAAUD,KAAKC,SAClBgC,MAAOjC,KAAKK,EAAE6B,QAAQ,CAAC1C,EAAiBC,KAAMO,KAAKL,UAAYH,EAAiBG,WAChFO,KAAMF,KAAKE,MACbG,EAAY,aAAAmB,OAAAC,OAAA,CAAAO,IAAA,2CAAAG,MAAO,UAChBjC,KAAMF,KAAKE,KACXkC,KAAM,OACNzC,SAAUK,KAAKL,SACF,cAAC0C,IACbA,EAAEC,kBACFD,EAAEE,iBACFvC,KAAKG,MAAQH,KAAKG,IAAI,GAEnBH,KAAKI,oBAAmB,CAC5BoC,WAAYxC,KAAKQ,UAAS,gBACXR,KAAKU,UAAS,gBACd+B,EAAczC,KAAKG,MAAK,gBACzB,SACfH,KAAK0C,MACNrC,EAAU,YAAA2B,IAAA,2CAAAW,KAAM,WACZC,KAAM5C,KAAKG,KAAO,aAAe,eACjCiC,KAAK,gBAGV/B,EAAA,OAAA2B,IAAA,2CAAKC,MAAOzC,EAAiBE,QAC3BmD,QAAS7C,KAAKG,KACd2C,GAAI9C,KAAKU,UACQ,kBAAAV,KAAKQ,UACT,cAAAiC,GAAezC,KAAKG,OAClCE,EAAO,QAAA2B,IAAA,8C","ignoreList":[]}

package/dist/components/gov-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovContainer extends Components.GovContainer, HTMLElement {}
+export const GovContainer: {
+    prototype: GovContainer;
+    new (): GovContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-container.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as s,a as o}from"./index.js";import{g as n}from"./p-DKo9A5gq.js";const c={root:"gov-container"};const r=t(class t extends e{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return s(o,{key:"57f372b12f582a563cd0191ccac3574a54fa026f",class:this.h.classes(c.root)},s("slot",{key:"ee902cd336fe794ee49d655b59054dbd3c852036"}))}get host(){return this}},[4,"gov-container"]);function i(){if(typeof customElements==="undefined"){return}const t=["gov-container"];t.forEach((t=>{switch(t){case"gov-container":if(!customElements.get(t)){customElements.define(t,r)}break}}))}i();const a=r;const f=i;export{a as GovContainer,f as defineCustomElement};
+//# sourceMappingURL=gov-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ContainerClass","root","GovContainer","__stencil_proxyCustomElement","HTMLElement","constructor","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":"wFAAO,MAAMA,EAAiB,CAC7BC,KAAM,iB,MCOMC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAeC,OAC1CM,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-control-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovControlGroup extends Components.GovControlGroup, HTMLElement {}
+export const GovControlGroup: {
+    prototype: GovControlGroup;
+    new (): GovControlGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,2 @@
+import{p as o,H as t,h as r,a as s}from"./index.js";import{C as e}from"./p-U40vKHrs.js";import{g as n}from"./p-DKo9A5gq.js";import{v as c}from"./p-BKP-F1qP.js";import{p as a}from"./p-CQvUntGY.js";a(e,["PRIMARY","NEUTRAL","ERROR"]);const i={root:"gov-control-group"};const l=o(class o extends t{constructor(){super();this.__registerHost();this.color=e.NEUTRAL;this.noBorder=false;this.noInnerBorder=false;this.fitContent=false;this.h=n(this.host)}validateColor(o){c(e,o,i.root)}render(){return r(s,{key:"be061d7c1f49481bc31a0a8b8222eacc044051e3",class:this.h.classes(i.root),color:this.color},r("slot",{key:"1af88c06c1f92db2c34727a87a7acac4abf895c1"}))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-control-group",{color:[1],noBorder:[4,"no-border"],noInnerBorder:[4,"no-inner-border"],fitContent:[4,"fit-content"]},undefined,{color:["validateColor"]}]);function f(){if(typeof customElements==="undefined"){return}const o=["gov-control-group"];o.forEach((o=>{switch(o){case"gov-control-group":if(!customElements.get(o)){customElements.define(o,l)}break}}))}f();const p=l;const d=f;export{p as GovControlGroup,d as defineCustomElement};
+//# sourceMappingURL=gov-control-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pick","Colors","ControlGroupClass","root","GovControlGroup","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","NEUTRAL","noBorder","noInnerBorder","fitContent","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oMAIkCA,EAAKC,EAAQ,CAAC,UAAW,UAAW,UAG/D,MAAMC,EAAoB,CAChCC,KAAM,qB,MCEMC,EAAeC,EAAA,MAAAD,UAAAE,EAG3B,WAAAC,G,8BAQiBC,KAAAC,MAA+BR,EAAOS,QAIZF,KAAQG,SAAY,MAIdH,KAAaI,cAAY,MAI7BJ,KAAUK,WAAY,MAnBlEL,KAAKM,EAAIC,EAAQP,KAAKQ,KACtB,CAqBD,aAAAC,CAAcC,GACbC,EAAalB,EAAQiB,EAAUhB,EAAkBC,K,CAGlD,MAAAiB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CACJC,MAAOf,KAAKM,EAAEU,QAAQtB,EAAkBC,MACxCM,MAAOD,KAAKC,OACZK,EAAQ,QAAAQ,IAAA,6C","ignoreList":[]}

package/dist/components/gov-cookiebar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovCookiebar extends Components.GovCookiebar, HTMLElement {}
+export const GovCookiebar: {
+    prototype: GovCookiebar;
+    new (): GovCookiebar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-cookiebar.js

@@ -0,0 +1,2 @@
+import{p as e,H as c,h as a,a as o}from"./index.js";import{g as s}from"./p-DKo9A5gq.js";const t={root:"gov-cookiebar",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions--primary",actionsSecondary:"gov-cookiebar__actions--secondary"};const i=e(class e extends c{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return a(o,{key:"3080237f7f776dbb4f984e7562c42da7634bf0d0",class:this.h.classes(t.root)},a("div",{key:"54c4ae5e1ea5249fec0268dc42df515c1fb75e07",class:t.content},a("slot",{key:"ed6fa45135ede9ef8a07c7e2d57076bb9b8ada9f",name:"headline"}),a("slot",{key:"c9b8eb4aeee524aa94fc91acef36bd7773d85432"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&a("div",{key:"2e323a07712c2981add9181cc0e7f2e4682b5335",class:t.actions},this.h.hasSlot("actions-primary")&&a("div",{key:"fc63030056a1f625fe8d8fbc800296b1289afe29",class:t.actionsPrimary},a("slot",{key:"785adc2aced7347a3360c769ff3099ee434b3fc8",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&a("div",{key:"a078d1d4d7c6183bb8827d77cdcf844359d4cbdb",class:t.actionsSecondary},a("slot",{key:"85c98084bf4a36f6669f84e35ea3c578edb19fa1",name:"actions-secondary"}))))}get host(){return this}},[4,"gov-cookiebar"]);function n(){if(typeof customElements==="undefined"){return}const e=["gov-cookiebar"];e.forEach((e=>{switch(e){case"gov-cookiebar":if(!customElements.get(e)){customElements.define(e,i)}break}}))}n();const r=i;const d=n;export{r as GovCookiebar,d as defineCustomElement};
+//# sourceMappingURL=gov-cookiebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wFAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAmBC,OAC9CU,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBE,SAC9BS,EAAM,QAAAK,IAAA,2CAAAG,KAAK,aACXR,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAES,QAAQ,oBAAsBV,KAAKC,EAAES,QAAQ,uBACrDT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBG,SAC7BO,KAAKC,EAAES,QAAQ,oBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBI,gBAC9BO,EAAA,QAAAK,IAAA,2CAAMG,KAAK,qBAIZT,KAAKC,EAAES,QAAQ,sBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBK,kBAC9BM,EAAM,QAAAK,IAAA,2CAAAG,KAAK,wB","ignoreList":[]}

package/dist/components/gov-dialog.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovDialog extends Components.GovDialog, HTMLElement {}
+export const GovDialog: {
+    prototype: GovDialog;
+    new (): GovDialog;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-dialog.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as t,h as i,a}from"./index.js";import{g as o,t as c,d as l}from"./p-DKo9A5gq.js";import{c as d}from"./p-DrPpH_9c.js";import{b}from"./p-Nvj7WFs_.js";import{c as n}from"./p-vN03FcXN.js";import{t as f}from"./p-Cjg0wpDG.js";import{d as r}from"./p-yqJEurSE.js";import{d as h}from"./p-djqfSbq-.js";import{d as g}from"./p-BrdXh0mI.js";const p={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};function m(e){if(!e)return[];return Array.from(e.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'))}const y=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=t(this,"gov-close");this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleCloseLabel="Zavřít okno";this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){var s;this.open=e;this.setFocus().finally();if(!e){(s=this.lastActiveElementRef)===null||s===void 0?void 0:s.focus()}else{this.focusTrap()}}showDialog(){this.open=true;document.body.classList.add(p.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(p.bodyFix)}async componentDidRender(){if(d()){f((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}focusTrap(){var e;if(open&&this.dialogRef){this.lastActiveElementRef=document.activeElement;const e=m(this.dialogRef);if(e.length){e[0].focus()}const s=e=>{if(e.key==="Tab"&&this.dialogRef){const s=m(this.dialogRef);const t=s[0];const i=s[s.length-1];if(!e.shiftKey&&document.activeElement===i){e.preventDefault();t.focus()}if(e.shiftKey&&document.activeElement===t){e.preventDefault();i.focus()}}if(e.key==="Escape"){if(this.blockClose===false){this.hideDialog();this.govClose.emit()}}};document.addEventListener("keydown",s)}else{(e=this.lastActiveElementRef)===null||e===void 0?void 0:e.focus()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(p.bodyFix)}render(){return i(a,{key:"1b4a7fbbf75675be26754a29aeadf8943af6e372",class:this.h.classes(p.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"75df8bc2428485b6bc5a2ed21f334ff897a26f19",ref:e=>this.dialogRef=e,class:p.dialog,hidden:!this.open,tabindex:l(this.open),open:this.open,"aria-modal":"true","aria-hidden":c(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"7a8c1ff8172fcb3e2e6ed342baf38018b7603b4c",class:p.inner},i("div",{key:"b84fec4ad89efe420beede090a20bfdff6f47457",class:p.header},this.h.hasSlot("icon")&&i("span",{key:"931cc48c446af90837a58bd83bfc30e9c54ad787"},i("slot",{key:"088523bcc3debf0144195c21faa89f9f5ab8dd31",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"d38ca38a8b269f5a4f18ea2c8b0d833ac1614f43",class:p.title,id:this.labelId},i("slot",{key:"7bdc841090ba66fb9dab50d3ae1af8308fd4dddb",name:"title"})),i("gov-button",{key:"89dddfec62b770915b1e841b65a3727a399ac454",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:p.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"b4446a4fb10351aa2c263c1e09c7f821096e780f",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"5c2a71245e7cd6e5ffebc317b79c16b299de1674",class:p.content,id:this.contentId},i("slot",{key:"d2bb335499547d7799316f2c9016569375eed7f4"})),this.h.hasSlot("footer")&&i("div",{key:"154d7917e898162f0fdaad2fa4007fccdec820c6",class:p.footer},i("slot",{key:"45272652b42b67f1f1bc88f256c20eba35fe1f69",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){b(this.accessibleLabelledBy,"accessible-labelled-by",p.root);b(this.accessibleDescribedBy,"accessible-described-by",p.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dialog",{open:[1540],blockClose:[4,"block-close"],blockBackdropClose:[4,"block-backdrop-close"],role:[1],labelTag:[1,"label-tag"],accessibleLabelledBy:[1,"accessible-labelled-by"],accessibleDescribedBy:[1,"accessible-described-by"],accessibleCloseLabel:[1,"accessible-close-label"],accessibleCloseLabelledBy:[1,"accessible-close-labelled-by"],setFocus:[64],validateAccessibility:[64]},undefined,{open:["watchOpen"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,y)}break;case"gov-backdrop":if(!customElements.get(e)){r()}break;case"gov-button":if(!customElements.get(e)){h()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}u();const v=y;const k=u;export{v as GovDialog,k as defineCustomElement};
+//# sourceMappingURL=gov-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","getFocusableElements","container","Array","from","querySelectorAll","GovDialog","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","open","blockClose","blockBackdropClose","role","labelTag","accessibleCloseLabel","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","setFocus","finally","_a","lastActiveElementRef","focus","focusTrap","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","dialogRef","activeElement","focusableEls","length","handleKeyDown","e","key","firstEl","lastEl","shiftKey","preventDefault","govClose","emit","addEventListener","connectedCallback","disconnectedCallback","render","Host","class","classes","ref","el","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","hasSlot","name","id","closeCtaRef","disabled","color","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","stopPropagation","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","export function getFocusableElements(container: HTMLElement) {\n\tif (!container) return [];\n\treturn Array.from(\n\t\tcontainer.querySelectorAll(\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\n\t\t)\n\t);\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {getFocusableElements} from \"../../utils/dom.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\tprivate dialogRef?: HTMLDialogElement;\n\tprivate lastActiveElementRef?: HTMLElement;\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicates alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when a dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\n\t\tif (!newValue) {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t} else {\n\t\t\tthis.focusTrap();\n\t\t}\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tprivate focusTrap() {\n\t\tif (open && this.dialogRef) {\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\n\t\t\tif (focusableEls.length) {\n\t\t\t\tfocusableEls[0].focus();\n\t\t\t}\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\n\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tfirstEl.focus();\n\t\t\t\t\t}\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tlastEl.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\tif (this.blockClose === false) {\n\t\t\t\t\t\tthis.hideDialog();\n\t\t\t\t\t\tthis.govClose.emit();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t} else {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tref={el => (this.dialogRef = el)}\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"+VAAO,MAAMA,EAAc,CAC1BC,KAAM,aACNC,OAAQ,qBACRC,MAAO,oBACPC,OAAQ,qBACRC,MAAO,oBACPC,QAAS,sBACTC,MAAO,oBACPC,OAAQ,qBACRC,QAAS,cCTJ,SAAUC,EAAqBC,GACpC,IAAKA,EAAW,MAAO,GACvB,OAAOC,MAAMC,KACZF,EAAUG,iBACT,kHAGH,C,MCOaC,EAASC,EAAA,MAAAD,UAAAE,EASrB,WAAAC,G,gEALQC,KAAQC,SAAG,MAgBmBD,KAAIE,KAAG,MAIXF,KAAUG,WAAG,MAIJH,KAAkBI,mBAAG,MAIrCJ,KAAIK,KAAqB,SAIXL,KAAQM,SAAW,KAYNN,KAAoBO,qBAAW,cAtCpFP,KAAKQ,EAAIC,EAAQT,KAAKU,MACtBV,KAAKW,QAAUC,EAAS,kBACxBZ,KAAKa,UAAYD,EAAS,mBAC1B,CA8CD,SAAAE,CAAUC,G,MACTf,KAAKE,KAAOa,EACZf,KAAKgB,WAAWC,UAEhB,IAAKF,EAAU,EACdG,EAAAlB,KAAKmB,wBAAsB,MAAAD,SAAA,SAAAA,EAAAE,O,KACrB,CACNpB,KAAKqB,W,EAIC,UAAAC,GACPtB,KAAKE,KAAO,KACZqB,SAASC,KAAKC,UAAUC,IAAI7C,EAAYS,Q,CAGjC,UAAAqC,GACP3B,KAAKE,KAAO,MACZqB,SAASC,KAAKC,UAAUG,OAAO/C,EAAYS,Q,CAG5C,wBAAMuC,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAM/B,KAAKgC,yB,CAGjB,GAAIhC,KAAKE,KAAM,CACdF,KAAKsB,Y,KACC,CACNtB,KAAK2B,Y,EAIC,SAAAN,G,MACP,GAAInB,MAAQF,KAAKiC,UAAW,CAC3BjC,KAAKmB,qBAAuBI,SAASW,cACrC,MAAMC,EAAe5C,EAAqBS,KAAKiC,WAC/C,GAAIE,EAAaC,OAAQ,CACxBD,EAAa,GAAGf,O,CAGjB,MAAMiB,EAAiBC,IACtB,GAAIA,EAAEC,MAAQ,OAASvC,KAAKiC,UAAW,CACtC,MAAME,EAAe5C,EAAqBS,KAAKiC,WAC/C,MAAMO,EAAUL,EAAa,GAC7B,MAAMM,EAASN,EAAaA,EAAaC,OAAS,GAElD,IAAKE,EAAEI,UAAYnB,SAASW,gBAAkBO,EAAQ,CACrDH,EAAEK,iBACFH,EAAQpB,O,CAET,GAAIkB,EAAEI,UAAYnB,SAASW,gBAAkBM,EAAS,CACrDF,EAAEK,iBACFF,EAAOrB,O,EAGT,GAAIkB,EAAEC,MAAQ,SAAU,CACvB,GAAIvC,KAAKG,aAAe,MAAO,CAC9BH,KAAK2B,aACL3B,KAAK4C,SAASC,M,IAKjBtB,SAASuB,iBAAiB,UAAWT,E,KAC/B,EACNnB,EAAAlB,KAAKmB,wBAAsB,MAAAD,SAAA,SAAAA,EAAAE,O,EAI7B,iBAAA2B,GACC/C,KAAKC,SAAW,I,CAGjB,oBAAA+C,GACCzB,SAASC,KAAKC,UAAUG,OAAO/C,EAAYS,Q,CAG5C,MAAA2D,GACC,OACCzC,EAAC0C,EAAK,CAAAX,IAAA,2CAAAY,MAAOnD,KAAKQ,EAAE4C,QAAQvE,EAAYC,MAAOoB,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC9EO,EAAA,UAAA+B,IAAA,2CACCc,IAAKC,GAAOtD,KAAKiC,UAAYqB,EAC7BH,MAAOtE,EAAYE,OACnBwE,QAASvD,KAAKE,KACdsD,SAAUC,EAAiBzD,KAAKE,MAChCA,KAAMF,KAAKE,KAAI,aACJ,OACE,cAAAwD,GAAY1D,KAAKE,MAAK,kBAClBF,KAAK2D,sBAAwB3D,KAAKW,QACjC,mBAAAX,KAAK4D,uBAAyB5D,KAAKa,UACrDR,KAAML,KAAKK,MAEXG,EAAA,OAAA+B,IAAA,2CAAKY,MAAOtE,EAAYG,OACvBwB,EAAA,OAAA+B,IAAA,2CAAKY,MAAOtE,EAAYI,QACtBe,KAAKQ,EAAEqD,QAAQ,SACfrD,EAAA,QAAA+B,IAAA,4CACC/B,EAAA,QAAA+B,IAAA,2CAAMuB,KAAK,UAGZ9D,KAAKQ,EAAEqD,QAAQ,UACfrD,EAAA,QAAA+B,IAAA,2CAAMY,MAAOtE,EAAYK,MAAO6E,GAAI/D,KAAKW,SACxCH,EAAA,QAAA+B,IAAA,2CAAMuB,KAAK,WAGbtD,EACC,cAAA+B,IAAA,2CAAAc,IAAKC,GAAOtD,KAAKgE,YAAcV,EAC/BW,SAAUjE,KAAKG,WACfgD,MAAOtE,EAAYO,MACnB8E,MAAM,UACM,aAAAlE,KAAKO,qBAAoB,kBACpBP,KAAKmE,0BACtBC,KAAK,OACLC,KAAK,IACS,eAAArE,KAAKsE,eAAeC,KAAKvE,OAEvCQ,EAAA,YAAA+B,IAAA,2CAAUiC,KAAK,aAAaV,KAAK,OAAOM,KAAK,iBAG/C5D,EAAK,OAAA+B,IAAA,2CAAAY,MAAOtE,EAAYM,QAAS4E,GAAI/D,KAAKa,WACzCL,EAAA,QAAA+B,IAAA,8CAEAvC,KAAKQ,EAAEqD,QAAQ,WACfrD,EAAK,OAAA+B,IAAA,2CAAAY,MAAOtE,EAAYQ,QACvBmB,EAAA,QAAA+B,IAAA,2CAAMuB,KAAK,cAMd9D,KAAKE,KACLM,EACC,gBAAAyD,SAAUjE,KAAKI,mBAAkB,aACrBJ,KAAKO,qBACC,mBAAAP,KAAKmE,0BAAyB,eAClCnE,KAAKsE,eAAeC,KAAKvE,QAErC,K,CAKC,cAAAsE,CAAehC,GACtBA,EAAEmC,kBACFnC,EAAEK,iBACF,GAAI3C,KAAKG,aAAe,MAAO,CAC9BH,KAAK2B,aACL3B,KAAK4C,SAASC,KAAKP,E,EAQrB,cAAMtB,GACL,GAAIhB,KAAKE,MAAQF,KAAKgE,YAAa,CAClChE,KAAKgE,YAAYhD,WAAW0D,O,EAS9B,2BAAM1C,GACL2C,EAAgB3E,KAAK2D,qBAAsB,yBAA0B9E,EAAYC,MACjF6F,EAAgB3E,KAAK4D,sBAAuB,0BAA2B/E,EAAYC,K","ignoreList":[]}

package/dist/components/gov-dropdown.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovDropdown extends Components.GovDropdown, HTMLElement {}
+export const GovDropdown: {
+    prototype: GovDropdown;
+    new (): GovDropdown;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-dropdown.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,c as i,h as s,a as o}from"./index.js";import{g as n,t as r}from"./p-DKo9A5gq.js";import{c as a}from"./p-vN03FcXN.js";import{B as c}from"./p-CNqoJU2V.js";const h={triggerEvents:"click",exclude:""};function d(t,e,i,s=h){const o=u(s);f(s).forEach((s=>{window.addEventListener(s,(s=>{l(s,t,e,i,o)}),false)}))}function l(t,e,i,s,o){const n=t.target;if(!i.contains(n)&&!p(n,o)){s.call(e)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function u(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(e){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,e)}}return}function p(t,e){if(t&&e){for(let i of e){if(i.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const m=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=n(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",r(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",r(!!this.list));this.trigger.setAttribute("aria-expanded",r(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(o,{key:"402f6c2f97151f2abe832422e1eef4f3da15acee",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"0cf6f85829b69b0d0c14eee595557eda4687ce6d"}),s("div",{key:"6658b9882d31fb919a12e97c0abc72a3e641fd6c",ref:t=>d(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":r(!this.open),hidden:!this.open},s("slot",{key:"b4f4b0b240731a2c03dda84989ba1a1d85c4e27a",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dropdown",{identifier:[1],open:[1028],position:[1],getState:[64],toggle:[64]},undefined,{open:["watchOpen"]}]);function w(){if(typeof customElements==="undefined"){return}const t=["gov-dropdown"];t.forEach((t=>{switch(t){case"gov-dropdown":if(!customElements.get(t)){customElements.define(t,m)}break}}))}w();const b=m;const y=w;export{b as GovDropdown,y as defineCustomElement};
+//# sourceMappingURL=gov-dropdown.js.map

package/dist/components/gov-dropdown.js.map

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

package/dist/components/gov-empty.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovEmpty extends Components.GovEmpty, HTMLElement {}
+export const GovEmpty: {
+    prototype: GovEmpty;
+    new (): GovEmpty;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-empty.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as s,a as i}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{g as n}from"./p-DKo9A5gq.js";import{v as c}from"./p-BKP-F1qP.js";import{A as r,a as d}from"./p-4i8qDRtu.js";a(o,["_S","_M","_L"]);var m;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(m||(m={}));var f;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["RIGHT"]="right"})(f||(f={}));const l={root:"gov-empty",content:"gov-empty__content"};const p=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.direction="vertical";this.align="left";this.h=n(this.host)}validateSize(t){c(d,t,r.root)}componentWillLoad(){this.validateSize(this.size)}render(){return s(i,{key:"2c08dd933beb17aa5695fd3c31f1a2981d553c6b",class:this.h.classes(l.root),size:this.size,direction:this.direction,align:this.align},this.h.hasSlot("icon")&&s("slot",{key:"dae092adf1a711edea387d531ecdd4f1afda0ba1",name:"icon"}),s("div",{key:"2487457ad864261648a488b513118785485ae23d",class:l.content},s("slot",{key:"0cb9198b589954b652c41cde4cf46e82d069d856",name:"headline"}),s("slot",{key:"d8935cc514b223f0ab536d8d9b7c5d8a23c2126a"})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-empty",{size:[1],direction:[1],align:[1]},undefined,{size:["validateSize"]}]);function h(){if(typeof customElements==="undefined"){return}const t=["gov-empty"];t.forEach((t=>{switch(t){case"gov-empty":if(!customElements.get(t)){customElements.define(t,p)}break}}))}h();const u=p;const v=h;export{u as GovEmpty,v as defineCustomElement};
+//# sourceMappingURL=gov-empty.js.map

package/dist/components/gov-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pick","Sizes","EmptyDirection","EmptyAlign","EmptyClass","root","content","GovEmpty","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","direction","align","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","componentWillLoad","render","Host","key","class","classes","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-empty/constants.ts","../../../packages/core/src/components/gov-empty/gov-empty.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\n\nexport enum EmptyDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type EmptyDirectionType = `${ValueOf<typeof EmptyDirection>}`\n\nexport enum EmptyAlign {\n\tLEFT = 'left',\n\tCENTER = 'center',\n\tRIGHT = 'right',\n}\nexport type EmptyAlignType = `${ValueOf<typeof EmptyAlign>}`\n\nexport const EmptyClass = {\n\troot: 'gov-empty',\n\tcontent: 'gov-empty__content',\n}\n","import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\nimport {EmptyAlignType, EmptyClass, EmptyDirectionType, EmptySizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\n\n@Component({\n\ttag: 'gov-empty',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: EmptySizesType = 'm'\n\t/**\n\t * Element direction\n\t */\n\t@Prop() readonly direction: EmptyDirectionType = \"vertical\"\n\t/**\n\t * Element alignment.\n\t */\n\t@Prop() readonly align?: EmptyAlignType = \"left\"\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  direction={this.direction}\n\t\t\t\t  align={this.align}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+OAI0BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGnD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAGX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,mBACAA,EAAA,gBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAa,CACzBC,KAAM,YACNC,QAAS,sB,MCZGC,EAAQC,EAAA,MAAAD,UAAAE,EAGpB,WAAAC,G,8BAQiBC,KAAIC,KAAoB,IAIxBD,KAASE,UAAuB,WAIhCF,KAAKG,MAAoB,OAfzCH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAiBD,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAejB,K,CAGvD,iBAAAkB,GACCZ,KAAKO,aAAaP,KAAKC,K,CAGxB,MAAAY,GACC,OACCT,EAACU,EAAI,CAAAC,IAAA,2CAACC,MAAOhB,KAAKI,EAAEa,QAAQxB,EAAWC,MACpCO,KAAMD,KAAKC,KACXC,UAAWF,KAAKE,UAChBC,MAAOH,KAAKG,OACbH,KAAKI,EAAEc,QAAQ,SACfd,EAAM,QAAAW,IAAA,2CAAAI,KAAK,SAEZf,EAAA,OAAAW,IAAA,2CAAKC,MAAOvB,EAAWE,SACtBS,EAAM,QAAAW,IAAA,2CAAAI,KAAK,aACXf,EAAQ,QAAAW,IAAA,8C","ignoreList":[]}

package/dist/components/gov-error-code.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovErrorCode extends Components.GovErrorCode, HTMLElement {}
+export const GovErrorCode: {
+    prototype: GovErrorCode;
+    new (): GovErrorCode;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-error-code.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,h as t,a as c}from"./index.js";import{g as s}from"./p-DKo9A5gq.js";const r={root:"gov-error-code",content:"gov-error-code__content"};const n=e(class e extends o{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return t(c,{key:"91bd2740e23ac3070885a2f081d04fe55fe35afa",class:this.h.classes(r.root),align:"center"},this.h.hasSlot("icon")&&t("slot",{key:"c8bf87c915ffa7438de195790b19746946839759",name:"icon"}),t("div",{key:"7d68735d01b63f086fdc5d9fadcd3749828f875a",class:r.content},t("slot",{key:"41fb86768c5d44a485c1547eb576bf5339d66dfb",name:"headline"}),t("slot",{key:"4fd846e34ac29cdb5622a36917380cb4d07f62fc"})))}get host(){return this}},[4,"gov-error-code"]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-error-code"];e.forEach((e=>{switch(e){case"gov-error-code":if(!customElements.get(e)){customElements.define(e,n)}break}}))}d();const f=n;const a=d;export{f as GovErrorCode,a as defineCustomElement};
+//# sourceMappingURL=gov-error-code.js.map

package/dist/components/gov-error-code.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ErrorCodeClass","root","content","GovErrorCode","__stencil_proxyCustomElement","HTMLElement","constructor","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":"wFAAO,MAAMA,EAAiB,CAC7BC,KAAM,iBACNC,QAAS,2B,MCMGC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQf,EAAeC,MAAOe,MAAM,UACrDT,KAAKC,EAAES,QAAQ,SACfT,EAAM,QAAAK,IAAA,2CAAAK,KAAK,SAEZV,EAAA,OAAAK,IAAA,2CAAKC,MAAOd,EAAeE,SAC1BM,EAAM,QAAAK,IAAA,2CAAAK,KAAK,aACXV,EAAQ,QAAAK,IAAA,8C","ignoreList":[]}

package/dist/components/gov-flex.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovFlex extends Components.GovFlex, HTMLElement {}
+export const GovFlex: {
+    prototype: GovFlex;
+    new (): GovFlex;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-flex.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as s,a as n}from"./index.js";import"./p-BcQO4NH2.js";import{g as o}from"./p-DKo9A5gq.js";const i={root:"gov-flex"};const r=t(class t extends e{constructor(){super();this.__registerHost();this.direction="row";this.responsive="true";this.h=o(this.host)}render(){return s(n,{key:"a6d1aed0cf8fd8c94ef83821d142756943bc55f3",class:this.h.classes(i.root)},s("slot",{key:"34551ed862ff8384c3eade0d12762847772a0331"}))}get host(){return this}},[4,"gov-flex",{direction:[513],justifyContent:[513,"justify-content"],alignItems:[513,"align-items"],wrap:[513],alignContent:[513,"align-content"],alignSelf:[513,"align-self"],gap:[513],responsive:[513]}]);function c(){if(typeof customElements==="undefined"){return}const t=["gov-flex"];t.forEach((t=>{switch(t){case"gov-flex":if(!customElements.get(t)){customElements.define(t,r)}break}}))}c();const f=r;const a=c;export{f as GovFlex,a as defineCustomElement};
+//# sourceMappingURL=gov-flex.js.map

package/dist/components/gov-flex.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlexClass","root","GovFlex","__stencil_proxyCustomElement","HTMLElement","constructor","this","direction","responsive","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const FlexSizes = Sizes\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\n\nexport const FlexClass = {\n\troot: 'gov-flex',\n}\n\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FlexClass, FlexSizesType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-flex',\n})\nexport class GovFlex {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Controls the flex direction of the container.\n\t */\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\n\n\t/**\n\t * Defines how the browser distributes space between and around content items along the main axis.\n\t */\n\t@Prop({\n\t\tattribute: 'justify-content',\n\t\treflect: true\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\n\n\t/**\n\t * Aligns flex items along the cross axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-items',\n\t\treflect: true\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n\n\t/**\n\t * Controls whether the flex container is a single-line or multi-line flex container.\n\t */\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\n\n\t/**\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-content',\n\t\treflect: true\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\n\n\t/**\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\n\t */\n\t@Prop({\n\t\tattribute: 'align-self',\n\t\treflect: true\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({\n\t\tattribute: 'gap',\n\t\treflect: true\n\t}) gap?: FlexSizesType;\n\n\t/**\n\t * Option to turn off responsive\n\t */\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"gHAMO,MAAMA,EAAY,CACxBC,KAAM,Y,MCCMC,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,8BASuBC,KAASC,UAAyD,MAkDzDD,KAAUE,WAAW,OA1DpDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA2DD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQhB,EAAUC,OACrCQ,EAAa,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-form-autocomplete.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovFormAutocomplete extends Components.GovFormAutocomplete, HTMLElement {}
+export const GovFormAutocomplete: {
+    prototype: GovFormAutocomplete;
+    new (): GovFormAutocomplete;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-form-autocomplete.js

@@ -0,0 +1,2 @@
+import{G as o,d as s}from"./p-DFu5UVoP.js";const t=o;const p=s;export{t as GovFormAutocomplete,p as defineCustomElement};
+//# sourceMappingURL=gov-form-autocomplete.js.map

package/dist/components/gov-form-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/gov-form-checkbox-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovFormCheckboxGroup extends Components.GovFormCheckboxGroup, HTMLElement {}
+export const GovFormCheckboxGroup: {
+    prototype: GovFormCheckboxGroup;
+    new (): GovFormCheckboxGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-form-checkbox-group.js

@@ -0,0 +1,2 @@
+import{p as o,H as r,c as a,h as g,a as t}from"./index.js";import{c as e,F as i,a as p,b as l}from"./p-BUmDydor.js";import{g as n}from"./p-DKo9A5gq.js";import{v as m}from"./p-BKP-F1qP.js";import{t as s}from"./p-Cjg0wpDG.js";import{p as f}from"./p-B0hcuYXk.js";const v="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const c=o(class o extends r{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{var r;o.stopPropagation();const a=f(this.value);if(!Array.isArray(a))return;if(o.detail.checked){this.value=[...a,o.detail.value]}else{this.value=(r=a.filter((r=>r!==o.detail.value)))!==null&&r!==void 0?r:[]}this.govChange.emit({value:this.value,component:e.root})};this.h=n(this.host)}validateGap(o){if(o){m(p,o,i.root)}}validateOrientation(o){if(o){m(l,o,i.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=f(this.value)}componentDidRender(){s((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-checkbox").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=this.value.includes(o.value)}))}render(){return g(t,{key:"05922c255d84c7e5d454096842080afb3baf7e35",gap:this.gap,class:this.h.classes(i.root),value:this.value},g("slot",{key:"b770a32c6c932f71c041bb2996c675b84ee594f0"}))}get host(){return this}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}static get style(){return v}},[4,"gov-form-checkbox-group",{gap:[1],orientation:[1],value:[1025]},undefined,{gap:["validateGap"],orientation:["validateOrientation"]}]);function u(){if(typeof customElements==="undefined"){return}const o=["gov-form-checkbox-group"];o.forEach((o=>{switch(o){case"gov-form-checkbox-group":if(!customElements.get(o)){customElements.define(o,c)}break}}))}u();const h=c;const b=u;export{h as GovFormCheckboxGroup,b as defineCustomElement};
+//# sourceMappingURL=gov-form-checkbox-group.js.map

package/dist/components/gov-form-checkbox-group.js.map

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

package/dist/components/gov-form-checkbox.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovFormCheckbox extends Components.GovFormCheckbox, HTMLElement {}
+export const GovFormCheckbox: {
+    prototype: GovFormCheckbox;
+    new (): GovFormCheckbox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-form-checkbox.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as i,h as e,a as h}from"./index.js";import{c as o}from"./p-vN03FcXN.js";import{v as n}from"./p-BKP-F1qP.js";import{g as a,f as r,h as c}from"./p-9imLQpxb.js";import{g as l,t as d,c as m}from"./p-DKo9A5gq.js";import{F as u}from"./p-5itQzbON.js";import{i as p,A as v,a as f}from"./p-CXgom82_.js";import{d as b}from"./p-BrdXh0mI.js";const g=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govChange=i(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=o("GovCheckbox");this.h=l(this.host);this.f=a(this.h)}validateSize(t){n(c,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=p(this.host)}componentDidLoad(){this.attributeObserver=new v(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(f)}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 e("label",{class:r.label},t)}return t};return e(h,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},t(e(u,null,e("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":d(this.checked),"aria-required":m(this.required),"aria-invalid":m(this.invalid),"aria-disabled":m(this.disabled)})),e("span",null,e("slot",{name:"label"}),e("gov-icon",{class:r.check,name:"check-lg",type:"components"}),e("gov-icon",{class:r.indeterminate,name:"dash-lg",type:"components"})))))}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.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:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}},[4,"gov-form-checkbox",{value:[1],checked:[1540],required:[4],disabled:[516],indeterminate:[516],name:[1],size:[513],identifier:[1],noLabel:[4,"no-label"],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-checkbox","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-checkbox":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-icon":if(!customElements.get(t)){b()}break}}))}k();const C=g;const A=k;export{C as GovFormCheckbox,A as defineCustomElement};
+//# sourceMappingURL=gov-form-checkbox.js.map

package/dist/components/gov-form-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormCheckbox","__stencil_proxyCustomElement","HTMLElement","constructor","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/components/gov-form-control.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovFormControl extends Components.GovFormControl, HTMLElement {}
+export const GovFormControl: {
+    prototype: GovFormControl;
+    new (): GovFormControl;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-form-control.js

@@ -0,0 +1,2 @@
+import{p as s,H as e,h as t,a as i}from"./index.js";import{g as o,i as a}from"./p-9imLQpxb.js";import{g as r}from"./p-DKo9A5gq.js";import{s as c}from"./p-vN03FcXN.js";import{i as f}from"./p-B3tdsiZv.js";const n=s(class s extends e{constructor(){super();this.__registerHost();this.invalid=false;this.disabled=false;this.success=false;this.fieldset=false;this.size="m";this.h=r(this.host);this.f=o(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("."+a.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((e=>{const t=c(e.getAttribute("aria-describedby"));e.removeAttribute("aria-describedby");if(Array.isArray(t)){t.forEach((e=>f(e)&&e.indexOf("GovFormMessage")===-1?s.push(e):null))}if(s.length){e.setAttribute("aria-describedby",s.join(" "))}}))}))}render(){const s=this.fieldset?"fieldset":"div";return t(i,{key:"e7965663e6f825f35efa30a5fd8fe3fa7a313ac6",size:this.size,class:this.h.classes(a.root)},t(s,{key:"bb8b452fcab1ae0d49f8d0ed01f0091f97e9c988",class:a.holder},this.h.hasSlot("top")&&t("slot",{key:"4afca4fcee621842c0955287fd9a5488170da0d2",name:"top"}),t("slot",{key:"1e5026d8b37aad78c420ee2f8a69f42e0cb03e8e"}),this.h.hasSlot("bottom")&&t("div",{key:"177ebe3ade712277ea79c7d1a39a3bd9344627fd",class:a.bottom},t("slot",{key:"79ffada9cff037c407aa925e35b3382fba85ae25",name:"bottom"}))))}get host(){return this}},[4,"gov-form-control",{identifier:[1],invalid:[516],disabled:[516],success:[516],fieldset:[4],size:[1]}]);function d(){if(typeof customElements==="undefined"){return}const s=["gov-form-control"];s.forEach((s=>{switch(s){case"gov-form-control":if(!customElements.get(s)){customElements.define(s,n)}break}}))}d();const l=n;const m=d;export{l as GovFormControl,m as defineCustomElement};
+//# sourceMappingURL=gov-form-control.js.map

package/dist/components/gov-form-control.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GovFormControl","__stencil_proxyCustomElement","HTMLElement","constructor","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":"iNAYaA,EAAcC,EAAA,MAAAD,UAAAE,EAK1B,WAAAC,G,8BAagCC,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/components/gov-form-file.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GovFormFile extends Components.GovFormFile, HTMLElement {}
+export const GovFormFile: {
+    prototype: GovFormFile;
+    new (): GovFormFile;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;