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

package/dist/components/gov-card.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as i,h as t,a}from"./index.js";import{g as c,b as o}from"./p-DKo9A5gq.js";import{c as d}from"./p-vN03FcXN.js";import{a as n}from"./p-Nvj7WFs_.js";import{c as r}from"./p-DrPpH_9c.js";import{d as l}from"./p-CQvUntGY.js";import{d as h}from"./p-BJnSrRNH.js";var b;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(b||(b={}));const f={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var m;(function(e){e["A"]="a";e["DIV"]="div"})(m||(m={}));const v=e(class e extends s{constructor(){super();this.__registerHost();this.govToggle=i(this,"gov-toggle");this.hydrated=false;this.direction="vertical";this.collapsible=false;this.clickable=false;this.open=true;this.h=c(this.host);this.headlineId=d("GovCardHeadline");this.contentId=d("GovCardContent")}async componentDidRender(){if(r()){await l(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?m.A:m.DIV;return t(a,{key:"cdfd3d0c4298a3bf933073c558dad83f3765b6c2",class:this.h.classes(f.root),open:this.open,collapsible:o(this.collapsible),clickable:this.clickable,direction:this.direction,hydrated:this.hydrated},this.collapsible?t("button",{id:this.headlineId,class:f.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},t("slot",{name:"headline"}),t("gov-icon",{class:f.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?t("div",{class:f.header},t("slot",{name:"headline"})):null,t(e,{key:"6bb81b9dd553397f508a8042316fd09579154461",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:f.inner},this.h.hasSlot("img")&&t("div",{key:"740547f9bc6e9be839cbf8edc44faddb6aaa5246",class:f.img},t("slot",{key:"abb25299c0f9b0b4ac1a4826648dd7a774894514",name:"img"})),this.h.hasSlot("icon")&&t("div",{key:"c768f9fd3f3ac79f907dd26601c109265d6d903d",class:f.icon},t("slot",{key:"8cf8ffde300503c874e32644d6c4111e6b608e36",name:"icon"})),t("div",{key:"1e3218226ffc179f0afb0da94c48a939b248c311",class:f.content},t("slot",{key:"2a0ac8f1ecd6a83537bfb2da85d06c9d9b3f2706"})),this.h.hasSlot("footer")&&t("div",{key:"04b7f39f60eab3db295b82072d1b06648d687b0b",class:f.footer},t("slot",{key:"4ec8ee6bf3b4ec9a02b30d5d2dc6b2fab6bb5065",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,f.root,this.host)}}get host(){return this}},[4,"gov-card",{direction:[1],collapsible:[4],clickable:[4],open:[1540],href:[513],target:[1],accessibleTriggerLabel:[1,"accessible-label"],accessibleTriggerLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-card","gov-icon"];e.forEach((e=>{switch(e){case"gov-card":if(!customElements.get(e)){customElements.define(e,v)}break;case"gov-icon":if(!customElements.get(e)){h()}break}}))}g();const p=v;const y=g;export{p as GovCard,y as defineCustomElement};
-//# sourceMappingURL=gov-card.js.map

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

@@ -1 +0,0 @@
-{"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\";\r\n\r\nexport enum CardDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\r\n\r\nexport const CardClass = {\r\n\troot: 'gov-card',\r\n\theader: 'gov-card__header',\r\n\tarrow: 'gov-card__arrow',\r\n\tinner: 'gov-card__inner',\r\n\timg: 'gov-card__img',\r\n\ticon: 'gov-card__icon',\r\n\tcontent: 'gov-card__content',\r\n\tfooter: 'gov-card__footer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\r\nimport {CardClass, CardDirectionType} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {delay} from '../../utils/utils'\r\nimport {GovCardChangeEvent} from './interfaces'\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\r\n\r\nenum Tags {\r\n\tA = \"a\",\r\n\tDIV = \"div\",\r\n}\r\n\r\n@Component({\r\n\ttag: 'gov-card',\r\n})\r\nexport class GovCard {\r\n\tprivate h: GovHost\r\n\tprivate readonly headlineId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.headlineId = createID('GovCardHeadline')\r\n\t\tthis.contentId = createID('GovCardContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCardElement\r\n\r\n\t/**\r\n\t * Card direction\r\n\t */\r\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\r\n\t/**\r\n\t * Defines weather the card can be collapsible\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Defines weather the card can be clickable with hover effect\r\n\t */\r\n\t@Prop() readonly clickable: boolean = false\r\n\t/**\r\n\t * Defines whether the card is open or closed\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) open = true\r\n\t/**\r\n\t * Link on whole card\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\t/**\r\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for collapsible card\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\r\n\t/**\r\n\t * Called when the card toggle state changes\r\n\t */\r\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateAccessibility()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\r\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\r\n\t\t\t\t  clickable={this.clickable}\r\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tid={this.headlineId}\r\n\t\t\t\t\t\tclass={CardClass.header}\r\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\r\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\r\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\r\n\t\t\t\t\t<div class={CardClass.header}>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t<Tag href={this.href}\r\n\t\t\t\t\t target={this.target}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\r\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\r\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\r\n\t\t\t\t\t class={CardClass.inner}>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('img') && (\r\n\t\t\t\t\t\t<div class={CardClass.img}>\r\n\t\t\t\t\t\t\t<slot name=\"img\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<div class={CardClass.icon}>\r\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<div class={CardClass.content}>\r\n\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t<div class={CardClass.footer}>\r\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e) {\r\n\t\te.stopPropagation()\r\n\t\tif (this.collapsible) {\r\n\t\t\tthis.open = !this.open\r\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the accessible attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tif (this.collapsible) {\r\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\r\n\t\t}\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{G as o,d as s}from"./p-DW1DKFMF.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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{p as t,H as s,h as e,a as i}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 c}from"./p-DKo9A5gq.js";import{v as l}from"./p-BKP-F1qP.js";import{A as r,a as d,i as h}from"./p-CXgom82_.js";import{c as p}from"./p-vN03FcXN.js";import{d as b}from"./p-CWqMiVYH.js";import{d as f}from"./p-BJnSrRNH.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=p("GovCollapsibleControl");this.contentId=p("GovCollapsibleContent")}validateSize(t){l(m,t,u.root)}componentDidLoad(){this.attributeObserver=new r(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(d)}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 e(i,{key:"3c9284a4fdbf445f402693b15c5269c8e5b98372",hydrated:this.hydrated,class:this.h.classes([u.root,this.disabled&&u.disabled]),size:this.size},e("gov-button",Object.assign({key:"db793476b0b8ed5ecc44dd2191b3cf26c0a97e86",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":c(this.open),"aria-haspopup":"true"}),this.label,e("gov-icon",{key:"c230a7d2553c0858ddf24c6f9c7afbc249cd7f8e",slot:"icon-end",name:this.open?"chevron-up":"chevron-down",type:"components"})),e("div",{key:"64e787e14f8773dae11f0e54658984f3622b8b47",class:u.content,hidden:!this.open,id:this.contentId,"aria-labelledby":this.triggerId,"aria-hidden":c(!this.open)},e("slot",{key:"1e09e5a7242946af30012b68beb38119865003ec"})))}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)){b()}break;case"gov-icon":if(!customElements.get(t)){f()}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

@@ -1 +0,0 @@
-{"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\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\r\n\r\nexport enum CollapsibleDirection {\r\n\tDOWN = 'down',\r\n\tUP = 'up',\r\n}\r\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\r\n\r\nexport const CollapsibleClass = {\r\n\troot: 'gov-collapsible',\r\n\tdetails: 'gov-collapsible__details',\r\n\tsummary: 'gov-collapsible__summary',\r\n\ttitle: 'gov-collapsible__title',\r\n\tarrow: 'gov-collapsible__arrow',\r\n\tcontent: 'gov-collapsible__content',\r\n\tdisabled: 'gov-collapsible--disabled',\r\n}\r\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\r\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {createID} from \"../../utils/string.utils\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-collapsible',\r\n})\r\nexport class GovCollapsible {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\r\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCollapsibleElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\r\n\t/**\r\n\t * Custom input identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\r\n\t@Prop() readonly label: string\r\n\t/**\r\n\t * Makes component disabled.\r\n\t */\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/**\r\n\t * Defines whether the collapsible is open or closed\r\n\t */\r\n\t@Prop({attribute: \"open\", mutable: true}) open = false\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host hydrated={this.hydrated}\r\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\r\n\t\t\t\t  size={this.size}>\r\n\t\t\t\t<gov-button color={'primary'}\r\n\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\ttype={'link'}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tonGov-click={(e) => {\r\n\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\tthis.open = !this.open;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\tidentifier={this.triggerId}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\t\taria-haspopup=\"true\">\r\n\t\t\t\t\t{this.label}\r\n\t\t\t\t\t<gov-icon slot={'icon-end'}\r\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\r\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={CollapsibleClass.content}\r\n\t\t\t\t\t hidden={!this.open}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-labelledby={this.triggerId}\r\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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:"a15740b2be2e28a5a494d84b54b1cf065fb0907d",class:this.h.classes(c.root)},s("slot",{key:"c67701622dc955319e46eecdb897439fff163ca6"}))}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

@@ -1 +0,0 @@
-{"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 = {\r\n\troot: 'gov-container',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { ContainerClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-container',\r\n})\r\nexport class GovContainer {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovContainerElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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 d=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:"3881ca5a7d9dd1dbf5cb22a6cca23f6df886e09a",class:this.h.classes(i.root),color:this.color},r("slot",{key:"2e9dbf6b93cac0d4444d3696df03c9a7420dc747"}))}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 l(){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,d)}break}}))}l();const f=d;const p=l;export{f as GovControlGroup,p as defineCustomElement};
-//# sourceMappingURL=gov-control-group.js.map

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

@@ -1 +0,0 @@
-{"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'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\r\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\r\n\r\nexport const ControlGroupClass = {\r\n\troot: 'gov-control-group',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { Colors } from \"../../core/constants/colors\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-control-group\",\r\n})\r\nexport class GovControlGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovControlGroupElement\r\n\t/**\r\n\t * Style variation of the content message.\r\n\t */\r\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\r\n\t/**\r\n\t * Specifies the display of the border between elements\r\n\t */\r\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Specifies the display of the border between elements\r\n\t */\r\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\r\n\t/**\r\n\t * Specifies the display of elements to full width\r\n\t */\r\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\r\n\t\t\t\tcolor={this.color}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{p as a,H as o,h as e,a as c}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=a(class a extends o{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return e(c,{key:"7d8ea9cb10b863d70680e34a8359bb7d4b3b54af",class:this.h.classes(t.root)},e("div",{key:"4f2790507b522d5dc274e5ce5a5e62487a890c6d",class:t.content},e("slot",{key:"aba847e24ad18dea0d9ea8fd7190bdcff108f758",name:"headline"}),e("slot",{key:"d6227ad2ccf538201f2d8f1feac0db38f2633f22"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&e("div",{key:"65363bcb6e8371d3d46f6517b7e22fcde33ff2bf",class:t.actions},this.h.hasSlot("actions-primary")&&e("div",{key:"2c4f265a2114f493e2806af2d0956c7cd5f19a71",class:t.actionsPrimary},e("slot",{key:"fa4276041012ed1828ddb788f26b1aa52f7c82a7",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&e("div",{key:"1080ea743d6cbf8545c72858ac35bbac2b0b1d21",class:t.actionsSecondary},e("slot",{key:"bf0d5811a3965b52943e6f842dda315b747c6845",name:"actions-secondary"}))))}get host(){return this}},[4,"gov-cookiebar"]);function n(){if(typeof customElements==="undefined"){return}const a=["gov-cookiebar"];a.forEach((a=>{switch(a){case"gov-cookiebar":if(!customElements.get(a)){customElements.define(a,i)}break}}))}n();const d=i;const r=n;export{d as GovCookiebar,r as defineCustomElement};
-//# sourceMappingURL=gov-cookiebar.js.map

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

@@ -1 +0,0 @@
-{"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 = {\r\n\troot: 'gov-cookiebar',\r\n\tcontent: 'gov-cookiebar__content',\r\n\tactions: 'gov-cookiebar__actions',\r\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\r\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { CookieConsentClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-cookiebar',\r\n})\r\nexport class GovCookiebar {\r\n\th: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCookiebarElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\r\n\t\t\t\t<div class={CookieConsentClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\r\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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 r}from"./p-Cjg0wpDG.js";import{d as h}from"./p-BnxqJyb_.js";import{d as f}from"./p-CWqMiVYH.js";import{d as g}from"./p-BJnSrRNH.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()){r((()=>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:"ba9070ed36ce25806a12a88f55d9a36609e17bbb",class:this.h.classes(p.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"79188b6182895a7a7db32e629316a46420d2981c",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:"a50c41b27b3060292df9b6d2eb657c1e27a384e7",class:p.inner},i("div",{key:"487b4639e842aa7257e2ce24a553e8ae67be02be",class:p.header},this.h.hasSlot("icon")&&i("span",{key:"75dfd64444588ce6a37607a60eb1c4df7888d3e8"},i("slot",{key:"80be9198860ffce669b218b6f0f0143f7da83add",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"723a628454f0989db5da7a1ae12aef803896b9de",class:p.title,id:this.labelId},i("slot",{key:"0aee99ddbdbb0a068b07259d6b2793ddf3dfa629",name:"title"})),i("gov-button",{key:"6f245f5f2a3a95ff239cd55640c5aac980374cfc",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:"f767a25f40e13c322d6871275d996493bbe8730b",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"4c975dfa826bada579b1ee6edbcece08bf6b7346",class:p.content,id:this.contentId},i("slot",{key:"cdc3d7b173b47237cecf113e344d2ebd05d6daeb"})),this.h.hasSlot("footer")&&i("div",{key:"37e471ea3bb0952c0ccfc290b02af6d69690ae4e",class:p.footer},i("slot",{key:"69f6160c0429d82051a6b99d210f132c7ec3ff56",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){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 v(){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)){h()}break;case"gov-button":if(!customElements.get(e)){f()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}v();const u=y;const k=v;export{u as GovDialog,k as defineCustomElement};
-//# sourceMappingURL=gov-dialog.js.map

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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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}from"./p-vN03FcXN.js";import{B as a}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=c("GovDropdownList");this.controlId=c("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(`* > ${a.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:"24e596043840ec3b4e2ae0c59cecd1ec5425f5b5",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"5c9c344162c6842585b134b327e9d45e4c1df19e"}),s("div",{key:"b424408e77eaebc2eedfe5ac1c7a916808af21f7",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:"b39d21fd27642fd5e7ece4b9d68de2e8468b93ae",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

@@ -1 +0,0 @@
-{"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\"\r\n\r\nexport enum Position {\r\n\tLEFT = 'left',\r\n\tRIGHT = 'right',\r\n}\r\n\r\nexport type PositionType = `${ValueOf<typeof Position>}`\r\n\r\nexport const DropdownClass = {\r\n\troot: 'gov-dropdown',\r\n\tlist: 'gov-dropdown__list'\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\r\nimport {registerClickOutside} from \"stencil-click-outside\"\r\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {Nullable} from \"../../../types/interfaces\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {ButtonClass} from \"../button/constants\"\r\nimport {DropdownClass, Position, PositionType} from \"./constants\"\r\nimport {DropdownEvent} from \"./gov-dropdown.types\"\r\n\r\n@Component({\r\n\ttag: \"gov-dropdown\",\r\n})\r\nexport class GovDropdown {\r\n\tprivate h: GovHost\r\n\tprivate readonly listId: string\r\n\tprivate readonly controlId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.listId = createID(\"GovDropdownList\")\r\n\t\tthis.controlId = createID(\"GovDropdownControl\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovButtonElement\r\n\r\n\t/**\r\n\t * Custom trigger identifier\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Dropdown state\r\n\t */\r\n\t@Prop({mutable: true}) open = false\r\n\t/**\r\n\t * Menu display position\r\n\t */\r\n\t@Prop() readonly position: PositionType = Position.LEFT\r\n\t/**\r\n\t * Emitted when the dropdown change state\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen() {\r\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\r\n\t}\r\n\r\n\tget trigger() {\r\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\r\n\t}\r\n\r\n\tget list() {\r\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tif (!this.trigger) return;\r\n\r\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\r\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\r\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\r\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\r\n\r\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\r\n\t\t\te.preventDefault()\r\n\t\t\te.stopPropagation()\r\n\t\t\tthis.open = !this.open\r\n\r\n\t\t\tthis.govChange.emit({\r\n\t\t\t\tcomponent: DropdownClass.root,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t\topen: this.open,\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\r\n\t\t\t\t\tclass={DropdownClass.list}\r\n\t\t\t\t\tid={this.listId}\r\n\t\t\t\t\taria-labelledby={this.controlId}\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\thidden={!this.open}>\r\n\t\t\t\t\t<slot name=\"list\"></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the dropdown\r\n\t */\r\n\t@Method()\r\n\tasync getState() {\r\n\t\treturn this.open\r\n\t}\r\n\r\n\t/**\r\n\t * Toggle state of dropdown\r\n\t */\r\n\t@Method()\r\n\tasync toggle() {\r\n\t\tthis.open = !this.open\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{p as t,H as e,h as s,a as i}from"./index.js";import{p as o}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as c}from"./p-DKo9A5gq.js";import{v as n}from"./p-BKP-F1qP.js";import{A as r,a as f}from"./p-4i8qDRtu.js";o(a,["_S","_M","_L"]);var m;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(m||(m={}));var d;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["RIGHT"]="right"})(d||(d={}));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=c(this.host)}validateSize(t){n(f,t,r.root)}componentWillLoad(){this.validateSize(this.size)}render(){return s(i,{key:"b10b9a2d6d7d3286826bf3499c4fdb6fc3a55361",class:this.h.classes(l.root),size:this.size,direction:this.direction,align:this.align},this.h.hasSlot("icon")&&s("slot",{key:"151be593361299a315d5ce16be9f7a082efedcdb",name:"icon"}),s("div",{key:"8661841ecf708b38c41aed696c696ea4a3719894",class:l.content},s("slot",{key:"9884110dc44f7401ba512d97ef080c444ac2ea71",name:"headline"}),s("slot",{key:"53080ae7c203f53e4393a5b2e5c05a5f5fc1ee9d"})))}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

@@ -1 +0,0 @@
-{"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\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const EmptySizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type EmptySizesType = `${ValueOf<typeof EmptySizes>}`\r\n\r\nexport enum EmptyDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type EmptyDirectionType = `${ValueOf<typeof EmptyDirection>}`\r\n\r\nexport enum EmptyAlign {\r\n\tLEFT = 'left',\r\n\tCENTER = 'center',\r\n\tRIGHT = 'right',\r\n}\r\nexport type EmptyAlignType = `${ValueOf<typeof EmptyAlign>}`\r\n\r\nexport const EmptyClass = {\r\n\troot: 'gov-empty',\r\n\tcontent: 'gov-empty__content',\r\n}\r\n","import {Component, Element, Host, h, Prop, Watch} from '@stencil/core'\r\nimport {EmptyAlignType, EmptyClass, EmptyDirectionType, EmptySizesType} from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {AccordionClass, AccordionSizes} from \"../gov-accordion/constants\";\r\n\r\n@Component({\r\n\ttag: 'gov-empty',\r\n})\r\nexport class GovEmpty {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovEmptyElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: EmptySizesType = 'm'\r\n\t/**\r\n\t * Element direction\r\n\t */\r\n\t@Prop() readonly direction: EmptyDirectionType = \"vertical\"\r\n\t/**\r\n\t * Element alignment.\r\n\t */\r\n\t@Prop() readonly align?: EmptyAlignType = \"left\"\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  direction={this.direction}\r\n\t\t\t\t  align={this.align}>\r\n\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t)}\r\n\t\t\t\t<div class={EmptyClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{p as e,H as o,h as t,a as s}from"./index.js";import{g as c}from"./p-DKo9A5gq.js";const r={root:"gov-error-code",content:"gov-error-code__content"};const a=e(class e extends o{constructor(){super();this.__registerHost();this.h=c(this.host)}render(){return t(s,{key:"7f4adeeba8a13e44b4e06957ae57c2766869991a",class:this.h.classes(r.root),align:"center"},this.h.hasSlot("icon")&&t("slot",{key:"bdfcff23dd37e182812701064f92e60d20464525",name:"icon"}),t("div",{key:"fa5491ab7ca31a23ca2a14d0b1a7f7c05875bc5e",class:r.content},t("slot",{key:"406e89f47b0785f885eaa5016d34d1fb35551aee",name:"headline"}),t("slot",{key:"af90cf6361b88506a0ca5687daf4b5f7b7157e62"})))}get host(){return this}},[4,"gov-error-code"]);function n(){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,a)}break}}))}n();const d=a;const f=n;export{d as GovErrorCode,f as defineCustomElement};
-//# sourceMappingURL=gov-error-code.js.map

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

@@ -1 +0,0 @@
-{"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 = {\r\n\troot: 'gov-error-code',\r\n\tcontent: 'gov-error-code__content',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { ErrorCodeClass } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-error-code',\r\n})\r\nexport class GovErrorCode {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovErrorCodeElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ErrorCodeClass.root)} align=\"center\">\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div class={ErrorCodeClass.content}>\r\n\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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 a=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:"1c88a4c6aaf69a13c514bc24c10fd2a32316a7c0",class:this.h.classes(i.root)},s("slot",{key:"b055e2aff7056be660e53d5036341fbaabe796b1"}))}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,a)}break}}))}c();const r=a;const f=c;export{r as GovFlex,f as defineCustomElement};
-//# sourceMappingURL=gov-flex.js.map

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

@@ -1 +0,0 @@
-{"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\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const FlexSizes = Sizes\r\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\r\n\r\nexport const FlexClass = {\r\n\troot: 'gov-flex',\r\n}\r\n\r\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FlexClass, FlexSizesType} from './constants'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-flex',\r\n})\r\nexport class GovFlex {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovGridElement\r\n\r\n\t/**\r\n\t * Controls the flex direction of the container.\r\n\t */\r\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\r\n\r\n\t/**\r\n\t * Defines how the browser distributes space between and around content items along the main axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'justify-content',\r\n\t\treflect: true\r\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\r\n\r\n\t/**\r\n\t * Aligns flex items along the cross axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-items',\r\n\t\treflect: true\r\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\r\n\r\n\t/**\r\n\t * Controls whether the flex container is a single-line or multi-line flex container.\r\n\t */\r\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\r\n\r\n\t/**\r\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-content',\r\n\t\treflect: true\r\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\r\n\r\n\t/**\r\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'align-self',\r\n\t\treflect: true\r\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\r\n\r\n\t/**\r\n\t * The gap property creates consistent spacing between flex items in the container.\r\n\t */\r\n\t@Prop({\r\n\t\tattribute: 'gap',\r\n\t\treflect: true\r\n\t}) gap?: FlexSizesType;\r\n\r\n\t/**\r\n\t * Option to turn off responsive\r\n\t */\r\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"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

@@ -1,11 +0,0 @@
-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

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

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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{p as o,H as r,c as a,h as g,a as t}from"./index.js";import{c as i,F as e,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 f}from"./p-Cjg0wpDG.js";import{p as s}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=s(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:i.root})};this.h=n(this.host)}validateGap(o){if(o){m(p,o,e.root)}}validateOrientation(o){if(o){m(l,o,e.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=s(this.value)}componentDidRender(){f((()=>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:"cfff4a643c778c0a573b08e6310045b8f0f0764b",gap:this.gap,class:this.h.classes(e.root),value:this.value},g("slot",{key:"6c9f6c553525f61c3aa95c834fd495d4dd6a8346"}))}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

@@ -1 +0,0 @@
-{"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 */\r\n\r\n@use \"sass:map\";\r\n@use \"../../../sass/mixins\" as mixin;\r\n@use \"./gov-form-group-variables\" as variable;\r\n\r\n\r\ngov-form-group, .gov-form-group,\r\ngov-form-radio-group, .gov-form-radio-group,\r\ngov-form-checkbox-group, .gov-form-checkbox-group {\r\n\t@include mixin.reset-margin();\r\n\t@include mixin.base(flex);\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\t.gov-form-label__label {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&[orientation=\"horizontal\"] {\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: wrap;\r\n\t\t.gov-form-label__label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\t// SIZES\r\n\t@each $size, $definitions in variable.$gaps {\r\n\t\t&[gap=\"#{$size}\"] {\r\n\t\t\tgap: map.get($definitions, \"gap\");\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {\r\n\tFormCheckboxGroupClass,\r\n\tFormGroupClass,\r\n\tFormGroupOrientation,\r\n\tFormGroupOrientationType,\r\n\tFormGroupSizes,\r\n\tFormGroupSizesType\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\r\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\r\nimport {tick} from \"../../../utils/stencil.utils\"\r\nimport {propsValueToArray} from \"../../../utils/array.utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox-group\",\r\n\tstyleUrl: \"gov-form-group.scss\",\r\n})\r\nexport class GovFormCheckboxGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormGroupElement\r\n\t/**\r\n\t * Gap's size.\r\n\t */\r\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\r\n\t/**\r\n\t * Elements orientation\r\n\t */\r\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\r\n\t/**\r\n\t * Group's value\r\n\t */\r\n\t@Prop({attribute: \"value\", mutable: true}) value?: string | string[] = undefined\r\n\t/**\r\n  /* Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\r\n\r\n\t@Watch(\"gap\")\r\n\tvalidateGap(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\t@Watch(\"orientation\")\r\n\tvalidateOrientation(newValue: string): void {\r\n\t\tif (newValue) {\r\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\r\n\t\tevent.stopPropagation()\r\n\t\tconst value = propsValueToArray<string[]>(this.value);\r\n\t\tif (!Array.isArray(value)) return;\r\n\t\tif (event.detail.checked) {\r\n\t\t\tthis.value = [...value, event.detail.value]\r\n\t\t} else {\r\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\r\n\t\t}\r\n\t\tthis.govChange.emit({\r\n\t\t\tvalue: this.value,\r\n\t\t\tcomponent: FormCheckboxGroupClass.root,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateGap(this.gap)\r\n\t\tthis.validateOrientation(this.orientation)\r\n\t\tthis.value = propsValueToArray(this.value)\r\n\t}\r\n\r\n\tcomponentDidRender(): void {\r\n\t\ttick(() => this.rerenderComponent())\r\n\t}\r\n\r\n\trerenderComponent(): void {\r\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\r\n\t\t\tif (!element.hasAttribute('listener-attached')) {\r\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\r\n\t\t\t}\r\n\t\t\telement.setAttribute('listener-attached', 'true')\r\n\t\t\telement.checked = this.value.includes(element.value);\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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-BJnSrRNH.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

@@ -1 +0,0 @@
-{"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\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport Fragment from \"../../../helpers/Fragment\"\r\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-checkbox\",\r\n})\r\nexport class GovFormCheckbox {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly checkboxId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormCheckboxElement\r\n\t/**\r\n\t * Value of checkbox\r\n\t */\r\n\t@Prop() readonly value: string\r\n\t/**\r\n\t * Checkbox button state\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) checked = false\r\n\t/**\r\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Makes the checkbox component disabled.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\r\n\t */\r\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\r\n\t/**\r\n\t * Name of the checkbox.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Checkboxes size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\r\n\t/**\r\n\t * Custom checkbox identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * When you can't use the form label.\r\n\t */\r\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop() readonly invalid: boolean\r\n\t/**\r\n\t * Emitted when the checkbox has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\r\n\t/**\r\n\t * Emitted when the checkbox loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\r\n\t/**\r\n\t * Emitted when the checkbox change value.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst wrapCheckbox = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormCheckboxClass.root}\r\n\t\t\t\t\t\thydrated={this.hydrated}\r\n\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapCheckbox(\r\n\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\r\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\r\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<slot name=\"label\"/>\r\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Fragment>,\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.checked = (e.target as HTMLInputElement).checked\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormCheckboxClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"mappings":"uWAiBaA,EAAeC,EAAA,MAAAD,UAAAE,EAS3B,WAAAC,G,oIAFQC,KAAQC,SAAG,MAiBmBD,KAAOE,QAAG,MAK/BF,KAAQG,SAAY,MAILH,KAAQI,SAAY,MAIpBJ,KAAaK,cAAY,MAQzBL,KAAIM,KAA2B,IAQvBN,KAAOO,QAAY,MA8BlDP,KAAmBQ,oBAAe,GAzE1CR,KAAKS,WAAaC,EAAS,eAE3BV,KAAKW,EAAIC,EAAQZ,KAAKa,MACtBb,KAAKc,EAAIC,EAAQf,KAAKW,EACtB,CA0DD,YAAAK,CAAaC,GACZC,EAAaC,EAAmBF,EAAUG,EAAkBC,K,CAM7D,iBAAAC,GACCtB,KAAKuB,kB,CAKE,gBAAAA,GACPvB,KAAKc,EAAEU,kBAAkB,OAAQxB,KAAKM,MACtCN,KAAKc,EAAEU,kBAAkB,WAAYC,EAAWzB,KAAKI,WACrDJ,KAAKc,EAAEU,kBAAkB,UAAWC,EAAWzB,KAAK0B,UACpD1B,KAAKc,EAAEU,kBAAkB,OAAQ,W,CAGlC,iBAAAG,GACC3B,KAAKuB,mBACLvB,KAAKQ,oBAAsBoB,EAAsB5B,KAAKa,K,CAGvD,gBAAAgB,GACC7B,KAAK8B,kBAAoB,IAAIC,EAAkB/B,KAAKa,MAAM,CAACmB,EAAef,KACzEjB,KAAKiC,sBAAsBD,EAAef,EAAS,IAGpDjB,KAAK8B,kBAAkBI,eAAeC,E,CAGvC,wBAAMC,GACLpC,KAAKc,EAAEuB,gBAAgB,aAAcrC,KAAKsC,YAActC,KAAKS,YAC7DT,KAAKc,EAAEuB,gBAAgB,WAAYE,OAAOvC,KAAKG,WAC/CH,KAAKuB,kB,CAGN,iBAAAiB,GACCxC,KAAKC,SAAW,I,CAGjB,oBAAAwC,G,OACCC,EAAA1C,KAAK8B,qBAAmB,MAAAY,SAAA,SAAAA,EAAAC,e,CAGzB,qBAAAV,CAAsBD,EAAuBf,GAC5CjB,KAAKa,KAAK+B,gBAAgBZ,GAC1BhC,KAAKQ,oBAA0BqC,OAAAC,OAAAD,OAAAC,OAAA,GAAA9C,KAAKQ,qBAAqB,CAAAwB,CAACA,GAAgBf,G,CAG3E,MAAA8B,GACC,MAAMC,EAAgBC,IACrB,GAAIjD,KAAKO,QAAS,CACjB,OACCI,EAAO,SAAAuC,MAAO9B,EAAkB+B,OAC9BF,E,CAIJ,OAAOA,CAAQ,EAGhB,OACCtC,EAACyC,EAAI,CAACF,MAAO9B,EAAkBC,KAC5BpB,SAAUD,KAAKC,SACfC,QAASF,KAAKE,QACdI,KAAMN,KAAKM,KACXoB,QAAS2B,EAAoBrD,KAAK0B,UACnCsB,EACArC,EAAC2C,EAAQ,KACR3C,EAAA,QAAAkC,OAAAC,OAAA,CACCS,GAAIvD,KAAKsC,YAActC,KAAKS,WAC5B+C,KAAK,WACLC,MAAOzD,KAAKyD,MACZC,KAAM1D,KAAK0D,KACXxD,QAASF,KAAKE,QACdyD,QAAS3D,KAAK4D,eAAeC,KAAK7D,MAClC8D,SAAU9D,KAAK+D,gBAAgBF,KAAK7D,MACpCgE,QAAShE,KAAKiE,eAAeJ,KAAK7D,MAClCkE,OAAQlE,KAAKmE,cAAcN,KAAK7D,MAChCG,SAAUH,KAAKG,SACfC,SAAUJ,KAAKI,SACfC,cAAeL,KAAKK,cACpB+D,IAAKC,GAAOrE,KAAKsE,SAAWD,GACxBrE,KAAKQ,oBAAmB,gBACdiB,EAAWzB,KAAKE,SACf,gBAAAmD,EAAoBrD,KAAKG,UAC1B,eAAAkD,EAAoBrD,KAAK0B,SACxB,gBAAA2B,EAAoBrD,KAAKI,aAEzCO,EAAA,YACCA,EAAM,QAAA+C,KAAK,UACX/C,EAAA,YAAUuC,MAAO9B,EAAkBmD,MAAOb,KAAK,WAAWF,KAAK,eAC/D7C,EAAA,YAAUuC,MAAO9B,EAAkBf,cAAeqD,KAAK,UAAUF,KAAK,kB,CAQpE,cAAAS,CAAeO,GACtBA,EAAEC,kBACFzE,KAAK0E,SAASC,KAAK,CAClBC,UAAWxD,EAAkBC,KAC7BoC,MAAOzD,KAAKyD,MACZvD,QAASF,KAAKE,QACd2E,cAAeL,G,CAIT,aAAAL,CAAcK,GACrBA,EAAEC,kBACFzE,KAAK8E,QAAQH,KAAK,CACjBC,UAAWxD,EAAkBC,KAC7BoC,MAAOzD,KAAKyD,MACZvD,QAASF,KAAKE,QACd2E,cAAeL,G,CAIT,cAAAZ,CAAeY,GACtBA,EAAEC,iB,CAGK,eAAAV,CAAgBS,GACvBxE,KAAKE,QAAWsE,EAAEO,OAA4B7E,QAC9CsE,EAAEC,kBACFzE,KAAKgF,UAAUL,KAAK,CACnBC,UAAWxD,EAAkBC,KAC7BoC,MAAOzD,KAAKyD,MACZvD,QAASF,KAAKE,QACd2E,cAAeL,G,CAQjB,YAAMS,GACL,OAAOjF,KAAKsE,Q","ignoreList":[]}

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

@@ -1,11 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import{p as s,H as e,h as t,a as i}from"./index.js";import{g as o,i as r}from"./p-9imLQpxb.js";import{g as a}from"./p-DKo9A5gq.js";import{s as n}from"./p-vN03FcXN.js";import{i as f}from"./p-B3tdsiZv.js";const c=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=a(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("."+r.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=n(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:"04e4ab3533f5d22939573fa20a354a0b76319986",size:this.size,class:this.h.classes(r.root)},t(s,{key:"9851627baf138775fe24a673d6a095fc8980b6e9",class:r.holder},this.h.hasSlot("top")&&t("slot",{key:"beffe147db943648861b9775dee76ef6b20dffa3",name:"top"}),t("slot",{key:"6667b41d2720045a93b10a92ef300e2842ff57b4"}),this.h.hasSlot("bottom")&&t("div",{key:"fe117fdc7d64b3c2b4e18e95d1f213c8a8fe3766",class:r.bottom},t("slot",{key:"07eabb48c2849d624bed7f59ba14811ed35732fb",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,c)}break}}))}d();const b=c;const l=d;export{b as GovFormControl,l as defineCustomElement};
-//# sourceMappingURL=gov-form-control.js.map

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

@@ -1 +0,0 @@
-{"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\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {splitByWhitespace} from \"../../../utils/string.utils\"\r\nimport {FormControlClass, FormControlSizesType} from \"./constants\"\r\nimport {isString} from \"../../../utils/helpers.types\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-control\",\r\n})\r\nexport class GovFormControl {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate observer: MutationObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormControlElement\r\n\t/**\r\n\t * Custom form element identifier\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Indicates the entered value of a child form element does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop({reflect: true}) readonly invalid: boolean = false\r\n\t/**\r\n\t/**\r\n\t* Indicates the form control is disabled\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t/**\r\n\t* Indicates the entered value of a child form element does conform to the format expected by the application.\r\n\t */\r\n\t@Prop({reflect: true}) readonly success: boolean = false\r\n\t/**\r\n\t * Use control as a fieldset for better accessibility.\r\n\t * Note: Remember to set the legend attribute of the gov-form-label component\r\n\t */\r\n\t@Prop() readonly fieldset: boolean = false\r\n\t/**\r\n\t * Form element size.\r\n\t */\r\n\t@Prop() readonly size?: FormControlSizesType = \"m\"\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.syncControlMessages()\r\n\t\tthis.formElementDescriptionControl()\r\n\t}\r\n\r\n\tdisconnectedCallback(): void {\r\n\t\tthis.observer?.disconnect()\r\n\t}\r\n\r\n\tprivate formElementDescriptionControl() {\r\n\t\tconst bottomSlot = this.host.querySelector(\".\" + FormControlClass.bottom)\r\n\t\tif (!bottomSlot) return\r\n\t\tthis.observer = new MutationObserver(\r\n\t\t\tfunction () {\r\n\t\t\t\tthis.syncControlMessages()\r\n\t\t\t}.bind(this),\r\n\t\t)\r\n\r\n\t\tthis.observer.observe(bottomSlot, {childList: true})\r\n\t}\r\n\r\n\tprivate syncControlMessages() {\r\n\t\tPromise.all(this.f.messageElements.map((message: HTMLGovFormMessageElement) => message.identifier())).then((ids: string[]) => {\r\n\t\t\tthis.f.mainElementsInControl.forEach((element: Element) => {\r\n\t\t\t\tconst currentValue = splitByWhitespace(element.getAttribute(\"aria-describedby\"))\r\n\t\t\t\telement.removeAttribute(\"aria-describedby\")\r\n\t\t\t\tif (Array.isArray(currentValue)) {\r\n\t\t\t\t\tcurrentValue.forEach(id => (isString(id) && id.indexOf(\"GovFormMessage\") === -1 ? ids.push(id) : null))\r\n\t\t\t\t}\r\n\t\t\t\tif (ids.length) {\r\n\t\t\t\t\telement.setAttribute(\"aria-describedby\", ids.join(\" \"))\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.fieldset ? \"fieldset\" : \"div\"\r\n\t\treturn (\r\n\t\t\t<Host size={this.size} class={this.h.classes(FormControlClass.root)}>\r\n\t\t\t\t<Tag class={FormControlClass.holder}>\r\n\t\t\t\t\t{this.h.hasSlot(\"top\") && <slot name=\"top\"></slot>}\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{this.h.hasSlot(\"bottom\") && (\r\n\t\t\t\t\t\t<div class={FormControlClass.bottom}>\r\n\t\t\t\t\t\t\t<slot name=\"bottom\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\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":[]}