@gov-design-system-ce/components 0.0.1 → 0.0.3

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.scss?tag=gov-attachments","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.scss?tag=gov-form-message","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"names":["AttachmentsClass","root","label","AttachmentsItemClass","name","govAttachmentsCss","GovAttachments","[object Object]","canValidateWcagOnRender","delay","this","validateWcag","h","Host","class","role","aria-label","wcagLabel","validateWcagProp","govAttachmentsItemCss","GovAttachmentsItem","variant","type","size","wcag-label","wcagRemoveLabel","wcag-labelled-by","wcagRemoveLabelledBy","on-gov-click","govRemove","emit","slot","validateWcagLabel","govFormMessageCss","GovFormMessage","hostRef","GlobalVariants","SECONDARY","govHost","host","messageId","createID","newValue","validateProp","Variants","FormMessageClass","validateVariant","classes","hasSlot","icon","id","content"],"mappings":"yWAAO,MAAMA,EAAmB,CAC/BC,KAAM,kBACNC,MAAO,0BAGD,MAAMC,EAAuB,CACnCF,KAAM,uBACNG,KAAM,8BCPP,MAAMC,EAAoB,waCUbC,EAAc,6EAY1BC,2BACC,GAAIC,IAA2B,OACxBC,EAAM,WACNC,KAAKC,gBAIbJ,SACC,OACCK,EAACC,EAAI,CAACC,MAAOd,EAAiBC,MAC5BS,KAAKR,MACLU,EAAA,IAAA,CAAGE,MAAOd,EAAiBE,OACzBQ,KAAKR,OAEJ,KACJU,EAAA,MAAA,CAAKG,KAAK,OAAMC,aAAaN,KAAKO,WACjCL,EAAA,OAAA,QAUJL,qBACCW,EAAiBR,KAAKO,UAAW,aAAcjB,EAAiBC,4CCjDlE,MAAMkB,EAAwB,8sBCUjBC,EAAkB,wIAgB9Bb,2BACC,GAAIC,IAA2B,OACxBC,EAAM,WACNC,KAAKC,gBAIbJ,SACC,OACCK,EAACC,EAAI,CAACC,MAAOX,EAAqBF,KAAMc,KAAK,YAC5CH,EAAA,OAAA,CAAME,MAAOX,EAAqBC,MACjCQ,EAAA,OAAA,MACAA,EAAA,OAAA,CAAMR,KAAK,UAGZQ,EAAA,aAAA,CACCS,QAAQ,UACRC,KAAK,OACLC,KAAK,IAAGC,aACId,KAAKe,gBAAeC,mBACdhB,KAAKiB,qBAAoBC,eAC7BlB,KAAKmB,UAAUC,MAC7BlB,EAAA,WAAA,CAAUmB,KAAK,YAAY3B,KAAK,YAUpCG,qBACCyB,EAAkBtB,KAAKe,gBAAiBf,KAAKiB,qBAAsBxB,EAAqBF,4CC3D1F,MAAMgC,EAAoB,khCCYbC,EAAc,MAI1B3B,YAAA4B,0BASiEC,EAAeC,UAR/E3B,KAAKE,EAAI0B,EAAQ5B,KAAK6B,MACtB7B,KAAK8B,UAAYC,EAAS,kBAU3BlC,gBAAgBmC,GACfC,EAAaC,EAAUF,EAAUG,EAAiB5C,MAGnDM,oBACCG,KAAKoC,gBAAgBpC,KAAKW,SAG3Bd,SACC,OACCK,EAACC,EAAI,CAACC,MAAOJ,KAAKE,EAAEmC,QAAQF,EAAiB5C,MAAOoB,QAASX,KAAKW,SAChEX,KAAKE,EAAEoC,QAAQ,SACfpC,EAAA,OAAA,CAAME,MAAO+B,EAAiBI,MAC7BrC,EAAA,OAAA,CAAMR,KAAK,UAGbQ,EAAA,OAAA,CAAMsC,GAAIxC,KAAK8B,UAAW1B,MAAO+B,EAAiBM,SACjDvC,EAAA,OAAA,QAUJL,mBACC,OAAOG,KAAK8B","sourcesContent":["export const AttachmentsClass = {\n\troot: \"gov-attachments\",\n\tlabel: \"gov-attachments__label\",\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n}\n","/*\n *   Attachments\n */\n\n$class: \".gov-attachments\";\n\n#{$class} {\n\tdisplay: block;\n\twidth: 100%;\n\t&__label {\n\t\t@include typography($font-size-s);\n\t\tcolor: $form-label-color;\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop } from \"@stencil/core\"\nimport { AttachmentsClass } from \"./constants\"\nimport { validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-attachments\",\n\tstyleUrl: \"gov-attachments.scss\",\n})\nexport class GovAttachments {\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={AttachmentsClass.root}>\n\t\t\t\t{this.label ? (\n\t\t\t\t\t<p class={AttachmentsClass.label}>\n\t\t\t\t\t\t{this.label}\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t\t<div role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, \"wcag-label\", AttachmentsClass.root)\n\t}\n\n}\n","/*\n *   Attachments - Item\n */\n\n$class: \".gov-attachments-item\";\n\n#{$class} {\n\tdisplay: flex;\n\tgap: rem-calc(16);\n\twidth: 100%;\n\tmargin: rem-calc(0 0 8);\n\t&:last-child {\n\t\tmargin: 0;\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: 0 rem-calc(8);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\talign-self: center;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography($font-size-xs);\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { AttachmentsItemClass } from \"./constants\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-attachments-item\",\n\tstyleUrl: \"gov-attachments-item.scss\",\n})\nexport class GovAttachmentsItem {\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-remove-label\" }) readonly wcagRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({ attribute: \"wcag-remove-labelled-by\" }) readonly wcagRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({ eventName: \"gov-remove\" }) govRemove: EventEmitter\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={AttachmentsItemClass.root} role=\"listitem\">\n\t\t\t\t<span class={AttachmentsItemClass.name}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<slot name=\"info\" />\n\t\t\t\t</span>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\twcag-label={this.wcagRemoveLabel}\n\t\t\t\t\twcag-labelled-by={this.wcagRemoveLabelledBy}\n\t\t\t\t\ton-gov-click={this.govRemove.emit}>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"cross\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagRemoveLabel, this.wcagRemoveLabelledBy, AttachmentsItemClass.root)\n\t}\n}\n","/*\n *   Form Message\n */\n\n$class: \".gov-form-message\";\n$font-size: $font-size-xs;\n\n#{$class} {\n\t@include typography($font-size);\n\tdisplay: flex;\n\tgap: rem-calc(8);\n\tmargin: rem-calc(0 0 16);\n\t&__icon {\n\t\tposition: relative;\n\t\ttop: calc(var(--gov-text-#{$font-size}-font-size) / 6);\n\t\tdisplay: flex;\n\t\t& > * {\n\t\t\twidth: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t\theight: calc(var(--gov-text-#{$font-size}-font-size) * 1.167);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $form-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tcolor: get(\"color\", $definitions);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { FormMessageClass, Variants, VariantType } from \"./constants\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.d\"\nimport { Variants as GlobalVariants } from \"../../../core/constants/variants\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { createID } from \"../../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-form-message\",\n\tstyleUrl: \"gov-form-message.scss\",\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID(\"GovFormMessage\")\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the mesage.\n\t */\n\t@Prop({ attribute: \"variant\" }) readonly variant?: VariantType = GlobalVariants.SECONDARY\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={FormMessageClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns unique identfiier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"]}

package/dist/core/p-d3714547.js

@@ -1,2 +0,0 @@
-import{S as o}from"./p-55500e5a.js";import{V as t}from"./p-f9320f1e.js";const e=[undefined,o._M,o._L,o._XL];const m=[undefined,t.PRIMARY,t.SECONDARY];const s={root:"gov-form-autocomplete",list:"gov-form-autocomplete__list",item:"gov-form-autocomplete__item"};export{s as F,e as S,m as V};
-//# sourceMappingURL=p-d3714547.js.map

package/dist/core/p-d3714547.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/autocomplete/constants.ts"],"names":["Sizes","undefined","GlobalSizes","_M","_L","_XL","Variants","GlobalVariants","PRIMARY","SECONDARY","FormAutocompleteClass","root","list","item"],"mappings":"8EAGaA,EAAQ,CAACC,UAAWC,EAAYC,GAAID,EAAYE,GAAIF,EAAYG,WAGhEC,EAAW,CAACL,UAAWM,EAAeC,QAASD,EAAeE,iBAI9DC,EAAwB,CACpCC,KAAM,wBACNC,KAAM,8BACNC,KAAM","sourcesContent":["import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../../core/constants/variants\"\n\nexport const Sizes = [undefined, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY] as const\nexport type VariantType = typeof Variants[number]\n\n\nexport const FormAutocompleteClass = {\n\troot: 'gov-form-autocomplete',\n\tlist: 'gov-form-autocomplete__list',\n\titem: 'gov-form-autocomplete__item',\n}\n"]}

package/dist/core/p-d622559e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,g as s}from"./p-75c62141.js";import{g as o}from"./p-9077d6f6.js";import{v as a}from"./p-e29a195b.js";import{S as n,b as r}from"./p-d4aaff74.js";import"./p-b4a749e8.js";const m=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-statsbar-item{position:relative;display:block;padding:1.25rem}.gov-statsbar-item__icon,.gov-statsbar-item__number{margin-bottom:1rem}.gov-statsbar-item__icon{display:block;width:2rem;height:2rem}.gov-statsbar-item__number{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}.gov-statsbar-item__text{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);letter-spacing:0.0125em}.gov-statsbar-item__text>:last-child{margin-bottom:0}.gov-statsbar-item[icon-position=left]{padding-left:3rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{position:absolute;top:1.5rem;left:0}@media (min-width: 30em){.gov-statsbar-item{flex:1 0 50%;max-width:50%}}@media (min-width: 48em){.gov-statsbar-item{padding:2.5rem}.gov-statsbar-item__icon{width:3rem;height:3rem}.gov-statsbar-item[icon-position=left]{padding-left:4rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{top:2.75rem}}@media (min-width: 64em){.gov-statsbar-item{flex-basis:auto;max-width:25%}}";const g=class{constructor(i){t(this,i);this.iconPosition=undefined;this.h=o(this.host)}validateIconPosition(t){a(r,t,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition)}render(){return i(e,{class:n.root},i("article",null,this.h.hasSlot("icon")&&i("span",{class:n.icon},i("slot",{name:"icon"})),i("p",{class:n.number},i("slot",null)),this.h.hasSlot("text")&&i("div",{class:n.text},i("slot",{name:"text"}))))}get host(){return s(this)}static get watchers(){return{iconPosition:["validateIconPosition"]}}};g.style=m;export{g as gov_statsbar_item};
-//# sourceMappingURL=p-d622559e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-statsbar/gov-statsbar-item.scss?tag=gov-statsbar-item","../../../packages/core/src/components/gov-statsbar/gov-statsbar-item.tsx"],"names":["govStatsbarItemCss","GovStatsbarItem","[object Object]","hostRef","undefined","this","h","govHost","host","newValue","validateProp","StatsBarIconPosition","StatsBarItemClass","root","validateIconPosition","iconPosition","Host","class","hasSlot","icon","name","number","text"],"mappings":"oMAAA,MAAMA,EAAqB,21CCUdC,EAAe,MAG3BC,YAAAC,+BAM2DC,UAL1DC,KAAKC,EAAIC,EAAQF,KAAKG,MAQvBN,qBAAqBO,GACpBC,EAAaC,EAAsBF,EAAUG,EAAkBC,MAGhEX,oBACCG,KAAKS,qBAAqBT,KAAKU,cAGhCb,SACC,OACCI,EAACU,EAAI,CAACC,MAAOL,EAAkBC,MAC9BP,EAAA,UAAA,KACED,KAAKC,EAAEY,QAAQ,SACfZ,EAAA,OAAA,CAAMW,MAAOL,EAAkBO,MAC9Bb,EAAA,OAAA,CAAMc,KAAK,UAIbd,EAAA,IAAA,CAAGW,MAAOL,EAAkBS,QAC3Bf,EAAA,OAAA,OAGAD,KAAKC,EAAEY,QAAQ,SACfZ,EAAA,MAAA,CAAKW,MAAOL,EAAkBU,MAC7BhB,EAAA,OAAA,CAAMc,KAAK","sourcesContent":["/*\n *   Statsbar - Item\n */\n\n$class: \".gov-statsbar-item\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\tpadding: rem-calc(20);\n\n\t&__icon,\n\t&__number {\n\t\tmargin-bottom: rem-calc(16);\n\t}\n\n\t&__icon {\n\t\tdisplay: block;\n\t\twidth: rem-calc(32);\n\t\theight: rem-calc(32);\n\t}\n\n\t&__number {\n\t\t@include typography($font-size-5xl);\n\t}\n\n\t&__text {\n\t\t@include typography($font-size-xl);\n\t\tletter-spacing: em-calc(0.2);\n\n\t\t> :last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// Variants\n\t&[icon-position=\"left\"] {\n\t\tpadding-left: rem-calc(48);\n\n\t\t#{$class} {\n\t\t\t&__icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: rem-calc(24);\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Media queries\n\t@include mq($from: sm) {\n\t\tflex: 1 0 50%;\n\t\tmax-width: 50%;\n\t}\n\n\t@include mq($from: md) {\n\t\tpadding: rem-calc(40);\n\n\t\t&__icon {\n\t\t\twidth: rem-calc(48);\n\t\t\theight: rem-calc(48);\n\t\t}\n\n\t\t// Variants\n\t\t&[icon-position=\"left\"] {\n\t\t\tpadding-left: rem-calc(64);\n\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\ttop: rem-calc(44);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@include mq($from: lg) {\n\t\tflex-basis: auto;\n\t\tmax-width: 25%;\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StatsBarItemClass, StatsBarIconPosition, StatsBarIconPositionType } from './constants'\n\n@Component({\n\ttag: 'gov-statsbar-item',\n\tstyleUrl: 'gov-statsbar-item.scss',\n})\nexport class GovStatsbarItem {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovStatsbarItemElement\n\n\t@Prop() readonly iconPosition?: StatsBarIconPositionType = undefined\n\n\t@Watch('iconPosition')\n\tvalidateIconPosition(newValue: string): void {\n\t\tvalidateProp(StatsBarIconPosition, newValue, StatsBarItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateIconPosition(this.iconPosition)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={StatsBarItemClass.root}>\n\t\t\t\t<article>\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<span class={StatsBarItemClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<p class={StatsBarItemClass.number}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</p>\n\n\t\t\t\t\t{this.h.hasSlot('text') && (\n\t\t\t\t\t\t<div class={StatsBarItemClass.text}>\n\t\t\t\t\t\t\t<slot name=\"text\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</article>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-daa82340.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as i,h as e,H as r,g as t}from"./p-75c62141.js";import{c as a}from"./p-a24dc455.js";import{v as s}from"./p-e29a195b.js";import{g as n,b as d}from"./p-42367e53.js";import{g as l,t as g}from"./p-9077d6f6.js";import{c as v,a as m,b as f}from"./p-55f49f1d.js";import{d as p}from"./p-0956d80f.js";import{S as h}from"./p-55500e5a.js";import{F as c}from"./p-27977727.js";import"./p-b4a749e8.js";import"./p-f9320f1e.js";import"./p-ee0bfc25.js";import"./p-15591728.js";import"./p-d3714547.js";const b='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-radio{position:relative;display:block;cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block}.gov-form-radio input+span::before{content:"";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=""].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid="1"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=""].gov-form-radio,[disabled=true i].gov-form-radio,[disabled="1"].gov-form-radio{pointer-events:none}[disabled=""].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled="1"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing)}[size=xs].gov-form-radio .gov-form-label__label{min-height:1.25rem;padding-top:calc((1.25rem - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:2rem}[size=xs].gov-form-radio input+span::before{width:1.25rem;height:1.25rem}[size=s].gov-form-radio{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}[size=s].gov-form-radio .gov-form-label__label{min-height:1.375rem;padding-top:calc((1.375rem - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:2.125rem}[size=s].gov-form-radio input+span::before{width:1.375rem;height:1.375rem}[size=m].gov-form-radio{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}[size=m].gov-form-radio .gov-form-label__label{min-height:1.5rem;padding-top:calc((1.5rem - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:2.5rem}[size=m].gov-form-radio input+span::before{width:1.5rem;height:1.5rem}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}[size=l].gov-form-radio .gov-form-label__label{min-height:2rem;padding-top:calc((2rem - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:3rem}[size=l].gov-form-radio input+span::before{width:2rem;height:2rem}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:"";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=""] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid="1"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=""] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled="1"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:0.3125rem;left:0.3125rem;width:0.625rem;height:0.625rem}.gov-form-radio[size=s] input+span::after{top:0.34375rem;left:0.34375rem;width:0.6875rem;height:0.6875rem}.gov-form-radio[size=m] input+span::after{top:0.375rem;left:0.375rem;width:0.75rem;height:0.75rem}.gov-form-radio[size=l] input+span::after{top:0.5rem;left:0.5rem;width:1rem;height:1rem}';const u=class{constructor(e){o(this,e);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govChange=i(this,"gov-change",7);this.value=undefined;this.checked=false;this.required=false;this.disabled=undefined;this.name=undefined;this.size=undefined;this.identifier=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.isChecked=undefined;this.radioId=a("GovRadio");this.h=l(this.host);this.f=n(this.h)}updateCheckedState(o){this.isChecked=o;this.govChange.emit({checked:this.isChecked,value:this.value})}validateSize(o){s(h,o,d.root)}componentWillLoad(){this.isChecked=this.checked;this.f.passAttrToControl("type","radio");this.h.passChildAttr(c.root,"identifier",this.identifier||this.radioId)}async componentDidRender(){if(v()){await p(500);await this.validateWcag()}}render(){const{isChecked:o}=this;return e(r,{class:d.root,"is-checked":o,size:this.size,invalid:g(this.invalid)},e("div",{class:d.holder},e("input",{class:d.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.isChecked,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,"aria-checked":this.isChecked,"aria-required":g(this.required),"aria-invalid":g(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":g(this.disabled)}),e("span",null,e("slot",{name:"label"}))))}onFocusHandler(o){this.govFocus.emit(o)}onBlurHandler(o){this.govBlur.emit(o)}onChangeHandler(o){this.isChecked=o.target.checked;o.stopPropagation();this.govChange.emit({checked:this.isChecked,value:this.value})}async validateWcag(){m(this.wcagDescribedBy,"wcag-described-by",d.root);m(this.wcagLabelledBy,"wcag-labelled-by",d.root);f(this.identifier||this.radioId,this.wcagLabelledBy,d.root)}get host(){return t(this)}static get watchers(){return{checked:["updateCheckedState"],size:["validateSize"]}}};u.style=b;export{u as gov_form_radio};
-//# sourceMappingURL=p-daa82340.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.scss?tag=gov-form-radio","../../../packages/core/src/components/gov-form/radio/gov-form-radio.tsx"],"names":["govFormRadioCss","GovFormRadio","[object Object]","hostRef","undefined","this","radioId","createID","h","govHost","host","f","govForm","newValue","isChecked","govChange","emit","checked","value","validateProp","Sizes","FormRadioClass","root","passAttrToControl","passChildAttr","FormLabelClass","identifier","canValidateWcagOnRender","delay","validateWcag","Host","class","is-checked","size","invalid","toBoolAttrIfDefined","holder","input","id","type","name","onChange","onChangeHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","required","aria-checked","aria-required","aria-invalid","aria-describedby","wcagDescribedBy","aria-labelledby","wcagLabelledBy","aria-disabled","disabled","e","govFocus","govBlur","target","stopPropagation","validateWcagRef","validateWcagLabelFor"],"mappings":"ofAAA,MAAMA,EAAkB,imJCmBXC,EAAY,MAMxBC,YAAAC,2JAeqD,oBAKhB,4DAaFC,iJAhClCC,KAAKC,QAAUC,EAAS,YAExBF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,EAAIC,EAAQP,KAAKG,GA8DvBN,mBAAmBW,GAClBR,KAAKS,UAAYD,EACjBR,KAAKU,UAAUC,KAAK,CACnBC,QAASZ,KAAKS,UACdI,MAAOb,KAAKa,QAKdhB,aAAaW,GACZM,EAAaC,EAAOP,EAAUQ,EAAeC,MAG9CpB,oBACCG,KAAKS,UAAYT,KAAKY,QAEtBZ,KAAKM,EAAEY,kBAAkB,OAAQ,SACjClB,KAAKG,EAAEgB,cAAcC,EAAeH,KAAM,aAAcjB,KAAKqB,YAAcrB,KAAKC,SAGjFJ,2BACC,GAAIyB,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,gBAIb3B,SACC,MAAMY,UAAEA,GAAcT,KAEtB,OACCG,EAACsB,EAAI,CAACC,MAAOV,EAAeC,KAAIU,aAAclB,EAAWmB,KAAM5B,KAAK4B,KAAMC,QAASC,EAAoB9B,KAAK6B,UAC3G1B,EAAA,MAAA,CAAKuB,MAAOV,EAAee,QAC1B5B,EAAA,QAAA,CAAOuB,MAAOV,EAAegB,MAAOC,GAAIjC,KAAKqB,YAAcrB,KAAKC,QACzDiC,KAAK,QACLrB,MAAOb,KAAKa,MACZsB,KAAMnC,KAAKmC,KACXvB,QAASZ,KAAKS,UACd2B,SAAUpC,KAAKqC,gBAAgBC,KAAKtC,MACpCuC,QAASvC,KAAKwC,eAAeF,KAAKtC,MAClCyC,OAAQzC,KAAK0C,cAAcJ,KAAKtC,MAChC2C,SAAU3C,KAAK2C,SAAQC,eACT5C,KAAKS,UAASoC,gBACbf,EAAoB9B,KAAK2C,UAASG,eACnChB,EAAoB9B,KAAK6B,SAAQkB,mBAC7B/C,KAAKgD,gBAAeC,kBACrBjD,KAAKkD,eAAcC,gBACrBrB,EAAoB9B,KAAKoD,YAC/CjD,EAAA,OAAA,KACCA,EAAA,OAAA,CAAMgC,KAAK,aAORtC,eAAewD,GACtBrD,KAAKsD,SAAS3C,KAAK0C,GAGZxD,cAAcwD,GACrBrD,KAAKuD,QAAQ5C,KAAK0C,GAGXxD,gBAAgBwD,GACvBrD,KAAKS,UAAa4C,EAAEG,OAA4B5C,QAChDyC,EAAEI,kBACFzD,KAAKU,UAAUC,KAAK,CACnBC,QAASZ,KAAKS,UACdI,MAAOb,KAAKa,QAQdhB,qBACC6D,EAAgB1D,KAAKgD,gBAAiB,oBAAqBhC,EAAeC,MAC1EyC,EAAgB1D,KAAKkD,eAAgB,mBAAoBlC,EAAeC,MACxE0C,EAAqB3D,KAAKqB,YAAcrB,KAAKC,QAASD,KAAKkD,eAAgBlC,EAAeC","sourcesContent":["/*\n *   Radio\n */\n\n@import \"../checkbox/gov-form-checkbox-core.scss\";\n$class: \".gov-form-radio\";\n\n#{$class} {\n\t@extend %form-checkbox-core;\n\tinput + span {\n\t\t&::before {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t\t&::after {\n\t\t\t@include pseudo();\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: $form-radio-indicator-bg;\n\t\t\topacity: 0;\n\t\t\ttransition: $t linear opacity;\n\t\t}\n\t}\n\n\t// STATES\n\tinput:checked + span::after {\n\t\topacity: 1;\n\t}\n\t@include parameter(\"invalid\") {\n\t\tinput + span::after {\n\t\t\tbackground: $form-state-color-error;\n\t\t}\n\t}\n\t@include parameter(\"disabled\") {\n\t\tinput:checked + span::after {\n\t\t\tbackground-color: $form-state-bg-disabled;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t// sizes\n\t@each $size, $definitions in $form-checkbox-core-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\tinput + span::after {\n\t\t\t\ttop: calc((get(\"indicator-size\", $definitions) - get(\"dot-size\", $definitions)) / 2);\n\t\t\t\tleft: calc((get(\"indicator-size\", $definitions) - get(\"dot-size\", $definitions)) / 2);\n\t\t\t\twidth: get(\"dot-size\", $definitions);\n\t\t\t\theight: get(\"dot-size\", $definitions);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Watch, Method } from \"@stencil/core\"\nimport { createID } from \"../../../../src/utils/string.utils\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { FormRadioClass, SizesType } from \"./constants\"\nimport { toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport {GovForm}from \"../../../helpers/Dom/form.d\"\nimport {govHost}from \"../../../helpers/Dom/template\"\nimport {GovHost}from \"../../../helpers/Dom/template.d\"\nimport {govForm}from \"../../../helpers/Dom/form\"\nimport { FormLabelClass } from \"../label/constants\"\n\n@Component({\n\ttag: \"gov-form-radio\",\n\tstyleUrl: \"gov-form-radio.scss\",\n})\nexport class GovFormRadio {\n\tprivate h: GovHost\n\tprivate f: GovForm\n\n\tprivate readonly radioId: string\n\n\tconstructor() {\n\t\tthis.radioId = createID(\"GovRadio\")\n\n\t\tthis.h = govHost(this.host);\n\t\tthis.f = govForm(this.h);\n\t}\n\n\t@Element() host: HTMLGovFormRadioElement\n\t/**\n\t * Value of radio\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Radio default state\n\t */\n\t@Prop({ reflect: true }) readonly checked: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the radio component disabled.\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Name of the radio.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Radio's size.\n\t */\n\t@Prop() readonly size: SizesType = undefined\n\t/**\n\t * Custom radio identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the radio has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the radio loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the radio change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter\n\n\t@State() isChecked: boolean\n\n\t@Watch(\"checked\")\n\tupdateCheckedState(newValue: boolean): void {\n\t\tthis.isChecked = newValue\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormRadioClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.isChecked = this.checked\n\n\t\tthis.f.passAttrToControl('type', 'radio')\n\t\tthis.h.passChildAttr(FormLabelClass.root, 'identifier', this.identifier || this.radioId)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { isChecked } = this\n\n\t\treturn (\n\t\t\t<Host class={FormRadioClass.root} is-checked={isChecked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t<div class={FormRadioClass.holder}>\n\t\t\t\t\t<input class={FormRadioClass.input} id={this.identifier || this.radioId}\n\t\t\t\t\t       type=\"radio\"\n\t\t\t\t\t       value={this.value}\n\t\t\t\t\t       name={this.name}\n\t\t\t\t\t       checked={this.isChecked}\n\t\t\t\t\t       onChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t       onFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t       onBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t       required={this.required}\n\t\t\t\t\t       aria-checked={this.isChecked}\n\t\t\t\t\t       aria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t       aria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t       aria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t       aria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t       aria-disabled={toBoolAttrIfDefined(this.disabled)} />\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.isChecked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormRadioClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormRadioClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.radioId, this.wcagLabelledBy, FormRadioClass.root)\n\t}\n}\n"]}

package/dist/core/p-e1b02f22.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as i,H as e,g as r}from"./p-75c62141.js";import{c as n}from"./p-a24dc455.js";import{g as s,t as a,c as l}from"./p-9077d6f6.js";import{g as v,d as g,V as p}from"./p-42367e53.js";import{S as c}from"./p-55500e5a.js";import{v as d}from"./p-e29a195b.js";import{c as f,a as m,b as u}from"./p-55f49f1d.js";import{d as h}from"./p-0956d80f.js";import"./p-f9320f1e.js";import"./p-ee0bfc25.js";import"./p-15591728.js";import"./p-d3714547.js";import"./p-b4a749e8.js";const x='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-input{display:flex;align-items:center}.gov-form-input .element{position:relative;flex:1 1 auto}.gov-form-input input,.gov-form-input select,.gov-form-input textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-secondary-100));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:"Roboto", sans-serif}.gov-form-input input:focus,.gov-form-input select:focus,.gov-form-input textarea:focus{outline:none}.gov-form-input input:focus-visible,.gov-form-input select:focus-visible,.gov-form-input textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-input input::-moz-placeholder,.gov-form-input select::-moz-placeholder,.gov-form-input textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input input::placeholder,.gov-form-input select::placeholder,.gov-form-input textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-input *[slot=left-icon],.gov-form-input *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-input *[slot=left-icon]{left:0}.gov-form-input *[slot=right-icon]{right:0}[disabled=""].gov-form-input,[disabled=true i].gov-form-input,[disabled="1"].gov-form-input{pointer-events:none}[disabled=""].gov-form-input input,[disabled=""].gov-form-input select,[disabled=""].gov-form-input textarea,[disabled=true i].gov-form-input input,[disabled=true i].gov-form-input select,[disabled=true i].gov-form-input textarea,[disabled="1"].gov-form-input input,[disabled="1"].gov-form-input select,[disabled="1"].gov-form-input textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-input *[slot=left-icon],[disabled=""].gov-form-input *[slot=right-icon],[disabled=true i].gov-form-input *[slot=left-icon],[disabled=true i].gov-form-input *[slot=right-icon],[disabled="1"].gov-form-input *[slot=left-icon],[disabled="1"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-input input,[invalid=""].gov-form-input select,[invalid=""].gov-form-input textarea,[invalid=true i].gov-form-input input,[invalid=true i].gov-form-input select,[invalid=true i].gov-form-input textarea,[invalid="1"].gov-form-input input,[invalid="1"].gov-form-input select,[invalid="1"].gov-form-input textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-input input::-moz-placeholder,[invalid=""].gov-form-input select::-moz-placeholder,[invalid=""].gov-form-input textarea::-moz-placeholder,[invalid=true i].gov-form-input input::-moz-placeholder,[invalid=true i].gov-form-input select::-moz-placeholder,[invalid=true i].gov-form-input textarea::-moz-placeholder,[invalid="1"].gov-form-input input::-moz-placeholder,[invalid="1"].gov-form-input select::-moz-placeholder,[invalid="1"].gov-form-input textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-input input::placeholder,[invalid=""].gov-form-input select::placeholder,[invalid=""].gov-form-input textarea::placeholder,[invalid=true i].gov-form-input input::placeholder,[invalid=true i].gov-form-input select::placeholder,[invalid=true i].gov-form-input textarea::placeholder,[invalid="1"].gov-form-input input::placeholder,[invalid="1"].gov-form-input select::placeholder,[invalid="1"].gov-form-input textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-input *[slot=left-icon],[invalid=""].gov-form-input *[slot=right-icon],[invalid=true i].gov-form-input *[slot=left-icon],[invalid=true i].gov-form-input *[slot=right-icon],[invalid="1"].gov-form-input *[slot=left-icon],[invalid="1"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid="1"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=""].gov-form-input *[slot=right-icon],[success=true i].gov-form-input *[slot=right-icon],[success="1"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem 1rem}[size=m].gov-form-input input,[size=m].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.4375rem 0.75rem}[size=m].gov-form-input *[slot=left-icon],[size=m].gov-form-input *[slot=right-icon]{width:1rem;height:1rem}[size=m].gov-form-input *[slot=left-icon]{left:0.75rem}[size=m].gov-form-input *[slot=left-icon]~input{padding-left:2.5rem}[size=m].gov-form-input *[slot=right-icon]{right:0.75rem}[size=m].gov-form-input *[slot=right-icon]~input,[size=m].gov-form-input *[slot=right-icon]~select{padding-right:2.5rem}[size=l].gov-form-input{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem 1rem}[size=l].gov-form-input input,[size=l].gov-form-input select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.6875rem 0.75rem}[size=l].gov-form-input *[slot=left-icon],[size=l].gov-form-input *[slot=right-icon]{width:1rem;height:1rem}[size=l].gov-form-input *[slot=left-icon]{left:0.75rem}[size=l].gov-form-input *[slot=left-icon]~input{padding-left:2.5rem}[size=l].gov-form-input *[slot=right-icon]{right:0.75rem}[size=l].gov-form-input *[slot=right-icon]~input,[size=l].gov-form-input *[slot=right-icon]~select{padding-right:2.5rem}[size=xl].gov-form-input{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem 1.25rem}[size=xl].gov-form-input input,[size=xl].gov-form-input select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);padding:0.9375rem 1rem 0.875rem}[size=xl].gov-form-input *[slot=left-icon],[size=xl].gov-form-input *[slot=right-icon]{width:1.25rem;height:1.25rem}[size=xl].gov-form-input *[slot=left-icon]{left:0.875rem}[size=xl].gov-form-input *[slot=left-icon]~input{padding-left:3rem}[size=xl].gov-form-input *[slot=right-icon]{right:0.875rem}[size=xl].gov-form-input *[slot=right-icon]~input,[size=xl].gov-form-input *[slot=right-icon]~select{padding-right:3rem}.gov-form-input[type=reset] input{border-width:0}.gov-form-input[type=reset] input:focus{outline:none}';var z;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(z||(z={}));const b=class{constructor(i){t(this,i);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.govInput=o(this,"gov-input",7);this.govKeyUp=o(this,"gov-keyup",7);this.value=undefined;this.identifier=undefined;this.variant=undefined;this.success=undefined;this.size=undefined;this.name=undefined;this.multiline=undefined;this.rows=undefined;this.cols=undefined;this.required=false;this.disabled=undefined;this.placeholder=undefined;this.readonly=undefined;this.minlength=undefined;this.maxlength=undefined;this.autocomplete=undefined;this.autocorrect=undefined;this.type=undefined;this.inputType="text";this.role=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.wcagAutocomplete=undefined;this.wcagExpanded=undefined;this.focused=undefined;this.h=s(this.host);this.inputId=n("GovInput");this.f=v(s(this.host))}validateVariant(t){d(p,t,g.root)}validateSize(t){d(c,t,g.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.f.passAttrToControl("input-type",this.multiline?z.TEXTAREA:z.INPUT)}async componentDidRender(){if(f()){await h(500);await this.validateWcag()}}render(){const t=this.multiline?z.TEXTAREA:z.INPUT;return i(e,{class:g.root,size:this.size,variant:this.variant,type:this.type},this.h.hasSlot("prefix")&&i("slot",{name:"prefix"}),i("span",{class:"element"},this.h.hasSlot("left-icon")&&i("slot",{name:"left-icon"}),this.h.hasSlot("right-icon")&&!(this.success||this.invalid)&&i("slot",{name:"right-icon"}),this.success&&!this.multiline&&i("gov-icon",{slot:"right-icon",class:"icon-validation",name:"check"}),this.invalid&&!this.multiline&&i("gov-icon",{slot:"right-icon",class:"icon-validation",name:"exclamation"}),i(t,{type:this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,value:this.value,readonly:a(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,required:this.required,rows:this.rows,cols:this.cols,role:this.role,"aria-required":a(this.required),"aria-invalid":a(this.invalid),"aria-disabled":a(this.disabled),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns,"aria-expanded":a(this.wcagExpanded),"aria-autocomplete":this.wcagAutocomplete})),this.h.hasSlot("sufix")&&i("slot",{name:"sufix"}))}onFocusHandler(t){this.focused=true;this.govFocus.emit(t)}onBlurHandler(t){this.focused=false;this.govBlur.emit(t)}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit(t)}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit(t)}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getInstance(){return this.inputRef}async validateWcag(){m(this.wcagDescribedBy,"wcag-described-by",g.root);m(this.wcagLabelledBy,"wcag-labelled-by",g.root);m(this.wcagOwns,"wcag-owns",g.root);u(this.identifier||this.inputId,this.wcagLabelledBy,g.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}};b.style=x;export{b as gov_form_input};
-//# sourceMappingURL=p-e1b02f22.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.scss?tag=gov-form-input","../../../packages/core/src/components/gov-form/input/gov-form-input.tsx"],"names":["govFormInputCss","Tags","GovFormInput","[object Object]","hostRef","undefined","this","h","govHost","host","inputId","createID","f","govForm","newValue","validateProp","Variants","FormInputClass","root","Sizes","validateVariant","variant","validateSize","size","passAttrToControl","multiline","TEXTAREA","INPUT","canValidateWcagOnRender","delay","validateWcag","Tag","Host","class","type","hasSlot","name","success","invalid","slot","inputType","disabled","id","identifier","onFocus","onFocusHandler","bind","onInput","onInputHandler","onBlur","onBlurHandler","onKeyUp","onKeyUpHandler","ref","el","inputRef","placeholder","value","readonly","toBoolAttrIfDefined","autocomplete","toOnOffAttrIfDefined","autocorrect","minlength","maxlength","required","rows","cols","role","aria-required","aria-invalid","aria-disabled","aria-describedby","wcagDescribedBy","aria-labelledby","wcagLabelledBy","aria-owns","wcagOwns","aria-expanded","wcagExpanded","aria-autocomplete","wcagAutocomplete","e","focused","govFocus","emit","govBlur","stopPropagation","govKeyUp","target","govInput","options","focus","validateWcagRef","validateWcagLabelFor"],"mappings":"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","sourcesContent":["/*\n *   Input\n */\n\n@import \"../input/gov-form-input-core.scss\";\n$class: \".gov-form-input\";\n\n#{$class} {\n\t@extend %form-input-core;\n\n\t&[type=\"reset\"] {\n\t\tinput {\n\t\t\tborder-width: 0;\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Host, h, Prop, Watch, Event, EventEmitter, State, Method } from \"@stencil/core\"\nimport { GovHost } from \"../../../helpers/Dom/template.d\"\nimport { SizesType, InputType, Type } from \"./constants\"\nimport { createID } from \"../../../../src/utils/string.utils\"\nimport { govHost, toBoolAttrIfDefined, toOnOffAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { FormInputClass, Variants, VariantType } from \"./constants\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { GovForm }from \"../../../helpers/Dom/form.d\"\nimport { govForm }from \"../../../helpers/Dom/form\"\n\nenum Tags {\n\tINPUT = \"input\",\n\tTEXTAREA = \"textarea\"\n}\n\n@Component({\n\ttag: \"gov-form-input\",\n\tstyleUrl: \"gov-form-input.scss\",\n})\nexport class GovFormInput {\n\tprivate f: GovForm\n\tprivate h: GovHost\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly inputId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.inputId = createID(\"GovInput\")\n\t\tthis.f = govForm(govHost(this.host));\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value: string;\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant: VariantType = undefined\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size: SizesType = undefined\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Generates a texarea for the possibility of multiple lines\n\t */\n\t@Prop() readonly multiline: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n\t */\n\t@Prop() readonly rows: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\n\t */\n\t@Prop() readonly cols: number\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\n\t */\n\t@Prop() readonly autocomplete: boolean\n\t/**\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\n\t */\n\t@Prop() readonly autocorrect: boolean\n\t/**\n\t * Defineds the visual style of input\n\t */\n\t@Prop() readonly type: Type = undefined\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n\t */\n\t@Prop() readonly inputType: InputType = \"text\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\n\t */\n\t@Prop() readonly role: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value.\n\t */\n\t@Prop({ attribute: \"wcag-autocomplete\" }) readonly wcagAutocomplete: string\n\t/**\n\t *  Attribute is set on an element to indicate if a control is expanded or collapsed\n\t */\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-input\" }) govInput: EventEmitter\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-keyup\" }) govKeyUp: EventEmitter<KeyboardEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormInputClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormInputClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.f.passAttrToControl('input-type', this.multiline ? Tags.TEXTAREA : Tags.INPUT)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\n\n\t\treturn (\n\t\t\t<Host class={FormInputClass.root} size={this.size} variant={this.variant} type={this.type}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") &&\n\t\t\t\t\t\t<slot name=\"left-icon\"/>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && !(this.success || this.invalid) &&\n\t\t\t\t\t\t<slot name=\"right-icon\"/>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.success && !this.multiline &&\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"check\"></gov-icon>\n\t\t\t\t\t}\n\t\t\t\t\t{this.invalid && !this.multiline &&\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-validation\" name=\"exclamation\"></gov-icon>\n\t\t\t\t\t}\n\t\t\t\t\t<Tag type={this.inputType}\n\t\t\t\t\t       disabled={this.disabled}\n\t\t\t\t\t       id={this.identifier || this.inputId}\n\t\t\t\t\t       name={this.name}\n\t\t\t\t\t       onFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t       onInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t       onBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t       onKeyUp={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t       ref={el => this.inputRef = el as HTMLInputElement}\n\t\t\t\t\t       placeholder={this.placeholder}\n\t\t\t\t\t       value={this.value}\n\t\t\t\t\t       readonly={toBoolAttrIfDefined(this.readonly)}\n\t\t\t\t\t       autocomplete={toOnOffAttrIfDefined(this.autocomplete)}\n\t\t\t\t\t       autocorrect={toOnOffAttrIfDefined(this.autocorrect)}\n\t\t\t\t\t       minlength={this.minlength}\n\t\t\t\t\t       maxlength={this.maxlength}\n\t\t\t\t\t       required={this.required}\n\t\t\t\t\t       rows={this.rows}\n\t\t\t\t\t       cols={this.cols}\n\t\t\t\t\t       role={this.role}\n\t\t\t\t\t       aria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t       aria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t       aria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t       aria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t       aria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t       aria-owns={this.wcagOwns}\n\t\t\t\t\t       aria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\t       aria-autocomplete={this.wcagAutocomplete} />\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\n\t\te.stopPropagation()\n\t\tthis.govKeyUp.emit(e)\n\t}\n\n\tprivate onInputHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit(e)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Clears input value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\t}\n\n\t/**\n\t * Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormInputClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormInputClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.inputId, this.wcagLabelledBy, FormInputClass.root)\n\t}\n}\n"]}

package/dist/core/p-e29a195b.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"names":["validateProp","values","value","component","Array","isArray","isValid","indexOf","govWarningLog","join"],"mappings":"0CAEaA,EAAe,CAACC,EAAaC,EAAeC,KACxD,GAAIC,MAAMC,QAAQJ,KAAY,MAAO,OACrC,MAAMK,EAAUL,EAAOM,QAAQL,IAAU,EACzC,IAAKI,EAAS,CACbE,EAAc,IAAIL,iCAAyCD,iCAAqCD,EAAOQ,KAAK","sourcesContent":["import { govWarningLog } from \"../Log/gov.log\"\n\nexport const validateProp = (values: any, value: string, component: string): void => {\n\tif (Array.isArray(values) === false) return\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(\", \")}).`)\n\t}\n}\n"]}

package/dist/core/p-e454c6a2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as o}from"./p-75c62141.js";import{c as a}from"./p-a24dc455.js";import{F as r,V as h,S as n}from"./p-d3714547.js";import{S as l}from"./p-55500e5a.js";import{v as m}from"./p-e29a195b.js";import{t as d}from"./p-0956d80f.js";import{a as c}from"./p-9077d6f6.js";import"./p-f9320f1e.js";import"./p-b4a749e8.js";const p='.gov-form-autocomplete__list{margin:0;padding:0}.gov-form-autocomplete__list>.gov-form-autocomplete__item{margin:0;padding:0;background:none}.gov-form-autocomplete__list>.gov-form-autocomplete__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-autocomplete{position:relative;display:block;width:100%}.gov-form-autocomplete__list{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);position:absolute;top:100%;right:0;left:0;z-index:5;max-height:14.0625rem;margin-top:0.5rem;border:var(--gov-autocomplete-item-hover, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-autocomplete-bg, var(--gov-color-secondary-100));overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.gov-form-autocomplete__list>.gov-form-autocomplete__item{padding:0.75rem 0.5rem;cursor:pointer}.gov-form-autocomplete__list:empty{display:none}.gov-form-autocomplete__item[aria-selected=""],.gov-form-autocomplete__item[aria-selected=true i],.gov-form-autocomplete__item[aria-selected="1"]{background:var(--gov-autocomplete-item-select, var(--gov-color-secondary-400))}@media not all and (pointer: coarse){.gov-form-autocomplete__item:hover{background:var(--gov-autocomplete-item-hover, var(--gov-color-primary-100))}}';const f=class{constructor(e){t(this,e);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govSelect=i(this,"gov-select",7);this.templateResolver=t=>t[this.nameKey];this.value="";this.identifier=undefined;this.variant=undefined;this.success=undefined;this.size=l._M;this.nameKey="name";this.name=undefined;this.required=false;this.disabled=undefined;this.placeholder=undefined;this.readonly=undefined;this.invalid=undefined;this.minlength=2;this.maxlength=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.processing=false;this.arrowCounter=-1;this.list=[];this.listBoxId=a("GovListBox")}validateVariant(t){m(h,t,r.root)}validateSize(t){m(n,t,r.root)}onArrowUp(){if(this.arrowCounter>0){this.arrowCounter=this.arrowCounter-1}}onArrowDown(){if(this.arrowCounter<this.list.length-1){this.arrowCounter=this.arrowCounter+1}}doSearch(){if(Number.isInteger(this.minlength)&&(String(this.value).length<=this.minlength&&this.minlength)){this.list=[];this.arrowCounter=-1;this.processing=false;return}if(this.searchCallback){this.processing=true;this.searchCallback(this.value).then((t=>this.list=t)).catch((()=>this.list=[])).finally((()=>{this.arrowCounter=-1;this.processing=false}))}}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){return e(s,{class:r.root,size:this.size,variant:this.variant},e("gov-form-input",{placeholder:this.placeholder,name:this.name,disabled:this.disabled,readonly:this.readonly,autocomplete:false,size:this.size,variant:this.variant,required:this.required,invalid:this.invalid,role:"searchbox",value:this.value,minlength:this.minlength,maxlength:this.maxlength,"on-gov-input":d(this.onInputHandler.bind(this),200),"on-gov-keyup":this.onKeyUpHandler.bind(this),"on-gov-focus":this.onFocusHandler.bind(this),"on-gov-blur":this.onBlurHandler.bind(this),wcagAutocomplete:"list",wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:[this.listBoxId,this.wcagOwns].join(" "),wcagExpanded:this.list.length&&this.focused,ref:t=>this.inputRef=t},e("slot",{slot:"right-icon",name:"right-icon"})),e("ul",{class:r.list,role:"listbox",id:this.listBoxId},this.list.map(((t,i)=>{const s=this.arrowCounter===i;return e("li",{class:r.item,innerHTML:this.templateResolver(t,s),role:"option","aria-posinset":i,tabindex:s?0:-1,"aria-setsize":this.list.length,onClick:()=>this.onSelectHandler(i),"aria-selected":c(s)})}))))}onFocusHandler(t){this.focused=true;this.arrowCounter=-1;if((this.value||this.minlength===0)&&this.searchCallback){this.doSearch()}t.stopPropagation();this.govFocus.emit(t)}onBlurHandler(t){this.focused=false;setTimeout((()=>this.list=[]),200);this.arrowCounter=-1;t.stopPropagation();this.govBlur.emit(t)}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit(t);this.doSearch()}onSelectHandler(t=-1){let i=null;if(t>-1){i=this.list[t]}else if(this.list.hasOwnProperty(this.arrowCounter)){i=this.list[this.arrowCounter]}if(i){this.govSelect.emit(i);this.list=[];if(i.hasOwnProperty(this.nameKey)&&typeof i[this.nameKey]==="string"){this.value=i[this.nameKey]}}}onKeyUpHandler(t){const i=t.detail;t.stopPropagation();if(i.keyCode===38)this.onArrowUp();else if(i.keyCode===40)this.onArrowDown();else if(i.keyCode===13)this.onSelectHandler()}async setFocus(t){return this.inputRef.focus(t)}async clearValue(){this.value="";this.inputRef.value="";await this.inputRef.clearValue()}async setSearchCallback(t){this.searchCallback=t}async setTemplateResolver(t){this.templateResolver=t}get host(){return o(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}};f.style=p;export{f as gov_form_autocomplete};
-//# sourceMappingURL=p-e454c6a2.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.scss?tag=gov-form-autocomplete","../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"names":["govFormAutocompleteCss","GovFormAutocomplete","[object Object]","hostRef","this","templateResolver","item","nameKey","undefined","SizesGlobal","_M","listBoxId","createID","newValue","validateProp","Variants","FormAutocompleteClass","root","Sizes","arrowCounter","list","length","Number","isInteger","minlength","String","value","processing","searchCallback","then","response","catch","finally","validateVariant","variant","validateSize","size","h","Host","class","placeholder","name","disabled","readonly","autocomplete","required","invalid","role","maxlength","on-gov-input","throttle","onInputHandler","bind","on-gov-keyup","onKeyUpHandler","on-gov-focus","onFocusHandler","on-gov-blur","onBlurHandler","wcagAutocomplete","wcagDescribedBy","wcagLabelledBy","wcagOwns","join","wcagExpanded","focused","ref","el","inputRef","slot","id","map","index","isSelected","innerHTML","aria-posinset","tabindex","aria-setsize","onClick","onSelectHandler","aria-selected","toBoolAttr","e","doSearch","stopPropagation","govFocus","emit","setTimeout","govBlur","target","govInput","selected","hasOwnProperty","govSelect","event","detail","keyCode","onArrowUp","onArrowDown","options","focus","clearValue","callback"],"mappings":"sVAAA,MAAMA,EAAyB,q+CCclBC,EAAmB,MAO/BC,YAAAC,6JAHQC,KAAAC,iBACMC,GAASA,EAAKF,KAAKG,oBAUuB,0CAQhBC,2CAQLC,EAAYC,gBAIZ,yCASE,uHAqBA,uJAmCN,yBACE,YACU,GA9F1CN,KAAKO,UAAYC,EAAS,cAiG3BV,gBAAgBW,GACfC,EAAaC,EAAUF,EAAUG,EAAsBC,MAIxDf,aAAaW,GACZC,EAAaI,EAAOL,EAAUG,EAAsBC,MAI7Cf,YACP,GAAIE,KAAKe,aAAe,EAAG,CAC1Bf,KAAKe,aAAef,KAAKe,aAAe,GAIlCjB,cACP,GAAIE,KAAKe,aAAgBf,KAAKgB,KAAKC,OAAS,EAAI,CAC/CjB,KAAKe,aAAef,KAAKe,aAAe,GAIlCjB,WACP,GAAGoB,OAAOC,UAAUnB,KAAKoB,aAAeC,OAAOrB,KAAKsB,OAAOL,QAAUjB,KAAKoB,WAAapB,KAAKoB,WAAY,CACvGpB,KAAKgB,KAAO,GACZhB,KAAKe,cAAgB,EACrBf,KAAKuB,WAAa,MAClB,OAED,GAAIvB,KAAKwB,eAAgB,CACxBxB,KAAKuB,WAAa,KAClBvB,KAAKwB,eAAexB,KAAKsB,OACvBG,MAAMC,GAAa1B,KAAKgB,KAAOU,IAC/BC,OAAM,IAAM3B,KAAKgB,KAAO,KACxBY,SAAQ,KACR5B,KAAKe,cAAgB,EACrBf,KAAKuB,WAAa,UAKtBzB,oBACCE,KAAK6B,gBAAgB7B,KAAK8B,SAC1B9B,KAAK+B,aAAa/B,KAAKgC,MAGxBlC,SACC,OACCmC,EAACC,EAAI,CAACC,MAAOvB,EAAsBC,KAAMmB,KAAMhC,KAAKgC,KAAMF,QAAS9B,KAAK8B,SACvEG,EAAA,iBAAA,CAAgBG,YAAapC,KAAKoC,YAC9BC,KAAMrC,KAAKqC,KACXC,SAAUtC,KAAKsC,SACfC,SAAUvC,KAAKuC,SACfC,aAAc,MACdR,KAAMhC,KAAKgC,KACXF,QAAS9B,KAAK8B,QACdW,SAAUzC,KAAKyC,SACfC,QAAS1C,KAAK0C,QACdC,KAAM,YACNrB,MAAOtB,KAAKsB,MACZF,UAAWpB,KAAKoB,UAChBwB,UAAW5C,KAAK4C,UAASC,eACXC,EAAS9C,KAAK+C,eAAeC,KAAKhD,MAAO,KAAIiD,eAC7CjD,KAAKkD,eAAeF,KAAKhD,MAAKmD,eAC9BnD,KAAKoD,eAAeJ,KAAKhD,MAAKqD,cAC/BrD,KAAKsD,cAAcN,KAAKhD,MACrCuD,iBAAkB,OAClBC,gBAAiBxD,KAAKwD,gBACtBC,eAAgBzD,KAAKyD,eACrBC,SAAU,CAAC1D,KAAKO,UAAWP,KAAK0D,UAAUC,KAAK,KAC/CC,aAAc5D,KAAKgB,KAAKC,QAAUjB,KAAK6D,QACvCC,IAAKC,GAAM/D,KAAKgE,SAAWD,GAC7B9B,EAAA,OAAA,CAAMgC,KAAK,aAAa5B,KAAK,gBAE/BJ,EAAA,KAAA,CAAIE,MAAOvB,EAAsBI,KAAM2B,KAAM,UAAWuB,GAAIlE,KAAKO,WAC/DP,KAAKgB,KAAKmD,KAAI,CAACjE,EAAMkE,KACrB,MAAMC,EAAarE,KAAKe,eAAiBqD,EACzC,OAAOnC,EAAA,KAAA,CAAIE,MAAOvB,EAAsBV,KACtCoE,UAAWtE,KAAKC,iBAAiBC,EAAMmE,GACvC1B,KAAM,SAAQ4B,gBACCH,EACfI,SAAUH,EAAa,GAAK,EAACI,eACfzE,KAAKgB,KAAKC,OACxByD,QAAS,IAAM1E,KAAK2E,gBAAgBP,GAAMQ,gBAC3BC,EAAWR,UAOzBvE,eAAegF,GACtB9E,KAAK6D,QAAU,KACf7D,KAAKe,cAAgB,EACrB,IAAIf,KAAKsB,OAAStB,KAAKoB,YAAc,IAAMpB,KAAKwB,eAAgB,CAC/DxB,KAAK+E,WAEND,EAAEE,kBACFhF,KAAKiF,SAASC,KAAKJ,GAGZhF,cAAcgF,GACrB9E,KAAK6D,QAAU,MACfsB,YAAW,IAAMnF,KAAKgB,KAAO,IAAI,KACjChB,KAAKe,cAAgB,EACrB+D,EAAEE,kBACFhF,KAAKoF,QAAQF,KAAKJ,GAGXhF,eAAegF,GACtB9E,KAAKsB,MAASwD,EAAEO,OAAmC/D,MACnDwD,EAAEE,kBACFhF,KAAKsF,SAASJ,KAAKJ,GACnB9E,KAAK+E,WAGEjF,gBAAgBsE,GAAiB,GACxC,IAAImB,EAAW,KACf,GAAGnB,GAAS,EAAG,CACdmB,EAAWvF,KAAKgB,KAAKoD,QAEjB,GAAGpE,KAAKgB,KAAKwE,eAAexF,KAAKe,cAAe,CACpDwE,EAAWvF,KAAKgB,KAAKhB,KAAKe,cAE3B,GAAGwE,EAAU,CACZvF,KAAKyF,UAAUP,KAAKK,GACpBvF,KAAKgB,KAAO,GACZ,GAAGuE,EAASC,eAAexF,KAAKG,iBAAmBoF,EAASvF,KAAKG,WAAa,SAAU,CACvFH,KAAKsB,MAAQiE,EAASvF,KAAKG,WAKtBL,eAAegF,GACtB,MAAMY,EAASZ,EAAEa,OACjBb,EAAEE,kBACF,GAAIU,EAAME,UAAY,GAAI5F,KAAK6F,iBAC1B,GAAIH,EAAME,UAAY,GAAI5F,KAAK8F,mBAC/B,GAAIJ,EAAME,UAAY,GAAI5F,KAAK2E,kBAOrC7E,eAAeiG,GACd,OAAO/F,KAAKgE,SAASgC,MAAMD,GAO5BjG,mBACCE,KAAKsB,MAAQ,GACbtB,KAAKgE,SAAS1C,MAAQ,SAEhBtB,KAAKgE,SAASiC,aAOrBnG,wBAAwBoG,GACvBlG,KAAKwB,eAAiB0E,EAQvBpG,0BAA0BoG,GACzBlG,KAAKC,iBAAmBiG","sourcesContent":["$class: \".gov-form-autocomplete\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n\t&__list {\n\t\t@include typography($font-size-s);\n\t\t@extend %reset-ul;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tz-index: 5;\n\t\tmax-height: rem-calc(225);\n\t\tmargin-top: rem-calc(8);\n\t\tborder: $form-autocomplete-border;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $form-autocomplete-bg;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\toverscroll-behavior: none;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tpadding: rem-calc(12 8);\n\t\tcursor: pointer;\n\t}\n\n\t// STATES\n\t&__list:empty {\n\t\tdisplay: none;\n\t}\n\n\t// HOVERS\n\t&__item {\n\t\t@include parameter(\"aria-selected\") {\n\t\t\tbackground: $form-autocomplete-item-select-bg;\n\t\t}\n\t\t@include hover() {\n\t\t\tbackground: $form-autocomplete-item-hover-bg;\n\t\t}\n\t}\n}\n","import { Component, Element, Host, h, Prop, Watch, Event, EventEmitter, State, Method } from \"@stencil/core\"\nimport { SizesType } from \"./constants\"\nimport { createID } from \"../../../../src/utils/string.utils\"\nimport { FormAutocompleteClass, Variants, VariantType, Sizes } from \"./constants\"\nimport { Sizes as SizesGlobal } from \"../../../core/constants/sizes\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport {throttle} from \"../../../utils/utils\"\nimport {GovFormAutocompleteItem} from './gov-form-autocomplete.d'\nimport {toBoolAttr } from \"../../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-form-autocomplete\",\n\tstyleUrl: \"gov-form-autocomplete.scss\",\n})\nexport class GovFormAutocomplete {\n\tprivate inputRef?: HTMLGovFormInputElement\n\tprivate readonly listBoxId: string\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean)\n\t\t=> string = (item) => item[this.nameKey]\n\n\tconstructor() {\n\t\tthis.listBoxId = createID(\"GovListBox\")\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({ reflect: true, mutable: true }) value: string = ''\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop() readonly variant: VariantType = undefined\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size: SizesType = SizesGlobal._M\n\t/**\n\t * Main key name in the object\n\t */\n\t@Prop() readonly nameKey: string = 'name'\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number = 2\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-input\" }) govInput: EventEmitter\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({ eventName: \"gov-select\" }) govSelect: EventEmitter<GovFormAutocompleteItem>\n\t@State() focused: boolean\n\t@State() processing: boolean = false\n\t@State() arrowCounter: number = -1\n\t@State() list: GovFormAutocompleteItem[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormAutocompleteClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormAutocompleteClass.root)\n\t}\n\n\n\tprivate onArrowUp() {\n\t\tif (this.arrowCounter > 0) {\n\t\t\tthis.arrowCounter = this.arrowCounter - 1;\n\t\t}\n\t}\n\n\tprivate onArrowDown() {\n\t\tif (this.arrowCounter < (this.list.length - 1)) {\n\t\t\tthis.arrowCounter = this.arrowCounter + 1;\n\t\t}\n\t}\n\n\tprivate doSearch() {\n\t\tif(Number.isInteger(this.minlength) && (String(this.value).length <= this.minlength && this.minlength)) {\n\t\t\tthis.list = []\n\t\t\tthis.arrowCounter = -1\n\t\t\tthis.processing = false\n\t\t\treturn\n\t\t}\n\t\tif (this.searchCallback) {\n\t\t\tthis.processing = true\n\t\t\tthis.searchCallback(this.value)\n\t\t\t\t.then((response) => this.list = response)\n\t\t\t\t.catch(() => this.list = [])\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.arrowCounter = -1\n\t\t\t\t\tthis.processing = false\n\t\t\t\t})\n\t\t}\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormAutocompleteClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<gov-form-input placeholder={this.placeholder}\n\t\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\t\t\tautocomplete={false}\n\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\t\trole={'searchbox'}\n\t\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), 200)}\n\t\t\t\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\t\twcagAutocomplete={'list'}\n\t\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\t\twcagOwns={[this.listBoxId, this.wcagOwns].join(' ')}\n\t\t\t\t\t\t\t\twcagExpanded={this.list.length && this.focused}\n\t\t\t\t\t\t\t\tref={el => this.inputRef = el as HTMLGovFormInputElement}>\n\t\t\t\t\t\t<slot slot=\"right-icon\" name=\"right-icon\"/>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t<ul class={FormAutocompleteClass.list} role={'listbox'} id={this.listBoxId}>\n\t\t\t\t\t{this.list.map((item, index) => {\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\n\t\t\t\t\t\treturn <li class={FormAutocompleteClass.item}\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\n\t\t\t\t\t\t\t\trole={'option'}\n\t\t\t\t\t\t\t\taria-posinset={index}\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\n\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(index)}\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)} />\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.arrowCounter = -1\n\t\tif((this.value || this.minlength === 0) && this.searchCallback) {\n\t\t\tthis.doSearch()\n\t\t}\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tsetTimeout(() => this.list = [], 200)\n\t\tthis.arrowCounter = -1\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onInputHandler(e: CustomEvent) {\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit(e)\n\t\tthis.doSearch()\n\t}\n\n\tprivate onSelectHandler(index: number = -1) {\n\t\tlet selected = null\n\t\tif(index > -1) {\n\t\t\tselected = this.list[index]\n\t\t}\n\t\telse if(this.list.hasOwnProperty(this.arrowCounter)) {\n\t\t\tselected = this.list[this.arrowCounter]\n\t\t}\n\t\tif(selected) {\n\t\t\tthis.govSelect.emit(selected);\n\t\t\tthis.list = []\n\t\t\tif(selected.hasOwnProperty(this.nameKey) && typeof selected[this.nameKey] === 'string') {\n\t\t\t\tthis.value = selected[this.nameKey]\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate onKeyUpHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as KeyboardEvent)\n\t\te.stopPropagation()\n\t\tif (event.keyCode === 38) this.onArrowUp();\n\t\telse if (event.keyCode === 40) this.onArrowDown();\n\t\telse if (event.keyCode === 13) this.onSelectHandler();\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\n\t\tawait this.inputRef.clearValue()\n\t}\n\n\t/**\n\t * Set a custom asynchronous function for the whisperer\n\t */\n\t@Method()\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\n\t\tthis.searchCallback = callback\n\t}\n\n\t/**\n\t * Setting a custom whisper result template\n\t * @param callback\n\t */\n\t@Method()\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\n\t\tthis.templateResolver = callback\n\t}\n}\n"]}

package/dist/core/p-e875b974.entry.js

@@ -1,2 +0,0 @@
-import{r,h as i,H as d,g as o}from"./p-75c62141.js";import{p as t}from"./p-9077d6f6.js";const e={root:"gov-grid"};const g=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-grid{overflow:hidden}.gov-grid>*{margin:0 -0.0625rem -0.0625rem 0;border:0.0625rem solid var(--gov-grid-border-color, var(--gov-color-secondary-500));border-width:0 0 0.0625rem}.gov-grid>*:last-child{border-bottom-width:0}@media (min-width: 48em){.gov-grid{display:grid}.gov-grid--x2{grid-template-columns:repeat(2, 1fr)}.gov-grid--x2>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-grid--x2>*:nth-child(-n+3){border-top-width:0}.gov-grid--x2>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 48em) and (max-width: 63.99em){.gov-grid--x3,.gov-grid--x4{grid-template-columns:repeat(2, 1fr)}.gov-grid--x3>*,.gov-grid--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-grid--x3>*:nth-child(-n+3),.gov-grid--x4>*:nth-child(-n+3){border-top-width:0}.gov-grid--x3>*:nth-child(2n+2),.gov-grid--x4>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 64em){.gov-grid--x3{grid-template-columns:repeat(3, 1fr)}.gov-grid--x3>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-grid--x3>*:nth-child(-n+4){border-top-width:0}.gov-grid--x3>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 64em) and (max-width: 74.99em){.gov-grid--x4{grid-template-columns:repeat(3, 1fr)}.gov-grid--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-grid--x4>*:nth-child(-n+4){border-top-width:0}.gov-grid--x4>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 75em){.gov-grid--x4{grid-template-columns:repeat(4, 1fr)}.gov-grid--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-grid--x4>*:nth-child(-n+5){border-top-width:0}.gov-grid--x4>*:nth-child(4n+4){border-right-width:0}}";const h=class{constructor(i){r(this,i);this.columns=3}get classNames(){return t([e.root,this.columns&&e.root+"--x"+this.columns])}render(){return i(d,{class:this.classNames},i("slot",null))}get host(){return o(this)}};h.style=g;export{h as gov_grid};
-//# sourceMappingURL=p-e875b974.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-grid/constants.ts","../../../packages/core/src/components/gov-grid/gov-grid.scss?tag=gov-grid","../../../packages/core/src/components/gov-grid/gov-grid.tsx"],"names":["GridClass","root","govGridCss","GovGrid","[object Object]","hostRef","classNames","prepareClasses","this","columns","h","Host","class"],"mappings":"wFAAO,MAAMA,EAAY,CACxBC,KAAM,YCDP,MAAMC,EAAa,qtDCUNC,EAAO,MAGnBC,YAAAC,0BAOmC,EAInCC,iBAEC,OAAOC,EAAe,CACrBP,EAAUC,KACVO,KAAKC,SAAWT,EAAUC,KAAO,MAAQO,KAAKC,UAIhDL,SACC,OACCM,EAACC,EAAI,CAACC,MAAOJ,KAAKF,YACjBI,EAAA,OAAA","sourcesContent":["export const GridClass = {\n\troot: \"gov-grid\",\n}\n","/*\n *   Grid\n */\n\n$class: \".gov-grid\";\n\n$line-width: rem-calc(1);\n\n@mixin grid-lines($i) {\n\tgrid-template-columns: repeat(#{$i}, 1fr);\n\t& > * {\n\t\tborder-width: $line-width $line-width $line-width 0;\n\t\t&:nth-child(-n + #{$i + 1}) {\n\t\t\tborder-top-width: 0;\n\t\t}\n\t\t&:nth-child(#{$i}n + #{$i}) {\n\t\t\tborder-right-width: 0;\n\t\t}\n\t}\n}\n\n#{$class} {\n\toverflow: hidden;\n\t& > * {\n\t\tmargin: 0 calc($line-width * -1) calc($line-width * -1) 0;\n\t\tborder: $line-width solid $grid-border-color;\n\t\tborder-width: 0 0 $line-width;\n\t\t&:last-child {\n\t\t\tborder-bottom-width: 0;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t// columns\n\t@include mq($from: md) {\n\t\tdisplay: grid;\n\t\t&--x2 {\n\t\t\t@include grid-lines(2);\n\t\t}\n\t\t@include mq($until: lg) {\n\t\t\t&--x3,\n\t\t\t&--x4 {\n\t\t\t\t@include grid-lines(2);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: lg) {\n\t\t&--x3 {\n\t\t\t@include grid-lines(3);\n\t\t}\n\t\t@include mq($until: xl) {\n\t\t\t&--x4 {\n\t\t\t\t@include grid-lines(3);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: xl) {\n\t\t&--x4 {\n\t\t\t@include grid-lines(4);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass } from './constants'\nimport { prepareClasses } from \"../../helpers/Dom/template\"\n// import { govHost } from '../../helpers/Dom/template'\n// import { GovHost } from '../../helpers/Dom/template.d'\n\n@Component({\n\ttag: 'gov-grid',\n\tstyleUrl: 'gov-grid.scss',\n})\nexport class GovGrid {\n\t// private h: GovHost\n\n\tconstructor() {\n\t\t// this.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly columns: number = 3\n\n\t@Element() host: HTMLGovGridElement\n\n\tget classNames(): string {\n\n\t\treturn prepareClasses([\n\t\t\tGridClass.root,\n\t\t\tthis.columns && GridClass.root + '--x' + this.columns\n\t\t])\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.classNames}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-ebd98b2d.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as a,h as e,H as t,g as i}from"./p-75c62141.js";import{c as r}from"./p-a24dc455.js";import{c as d,a as s}from"./p-55f49f1d.js";import{M as l}from"./p-45485d1c.js";import{d as n}from"./p-0956d80f.js";import{g as m,a as g}from"./p-9077d6f6.js";import{a as v}from"./p-b4a749e8.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-secondary-100));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 0.25rem 1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end;padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.25rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:1.5rem 3rem 2rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const h=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcaglabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel=undefined;this.wcagCloseLabelledBy=undefined;this.h=m(this.host);this.labelId=r("GovPromptLabel");this.contentId=r("GovPromptContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){v(`[${l.root}]: Tag ${o} is not allowed.`)}}}showModal(){this.open=true;document.body.classList.add(l.bodyFix)}hideModal(){this.open=false;document.body.classList.remove(l.bodyFix)}async componentWillRender(){if(this.open){this.showModal()}else{this.hideModal()}}async componentDidRender(){if(d()){await n(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{class:l.rootPrompt,open:this.open},e("dialog",{class:l.dialog,hidden:!this.open,tabindex:"-1",open:this.open,"aria-modal":"true","aria-hidden":g(!this.open),"aria-labelledby":this.wcaglabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{class:l.inner},e("div",{class:l.header},this.h.hasSlot("icon")&&e("div",{class:l.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:l.title,id:this.labelId},this.label)),e("div",{class:l.content,id:this.contentId},e("slot",null)),e("div",{class:l.actions},e("slot",{name:"actions"})))),e("gov-backdrop",{visible:this.open,"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}))}onCloseHandler(o){o.stopPropagation();this.hideModal();this.govClose.emit(o)}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){s(this.wcaglabelledBy,"aria-labelledby",l.root);s(this.wcagDescribedBy,"aria-describedby",l.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"]}}};h.style=c;export{h as gov_prompt};
-//# sourceMappingURL=p-ebd98b2d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-promp/gov-prompt.scss?tag=gov-prompt","../../../packages/core/src/components/gov-promp/gov-prompt.tsx"],"names":["govPromptCss","GovPrompt","[object Object]","hostRef","this","h","govHost","host","labelId","createID","contentId","newValue","validTags","includes","govErrorLog","ModalClass","root","open","document","body","classList","add","bodyFix","remove","showModal","hideModal","canValidateWcagOnRender","delay","validateWcag","LabelTag","labelTag","Host","class","rootPrompt","dialog","hidden","tabindex","aria-modal","aria-hidden","toBoolAttr","aria-labelledby","wcaglabelledBy","aria-describedby","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","content","actions","visible","wcag-label","wcagCloseLabel","wcag-labelled-by","wcagCloseLabelledBy","on-gov-click","onCloseHandler","bind","e","stopPropagation","govClose","emit","validateWcagRef"],"mappings":"sSAAA,MAAMA,EAAe,+pFCeRC,EAAS,MAKrBC,YAAAC,2DAWwB,qCAQoB,uBAIkB,mIAtB7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,kBACxBL,KAAKM,UAAYD,EAAS,oBA4C3BP,iBAAiBS,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,uBAKpCT,YACPE,KAAKa,KAAO,KACZC,SAASC,KAAKC,UAAUC,IAAIN,EAAWO,SAGhCpB,YACPE,KAAKa,KAAO,MACZC,SAASC,KAAKC,UAAUG,OAAOR,EAAWO,SAG3CpB,4BACC,GAAIE,KAAKa,KAAM,CACdb,KAAKoB,gBACC,CACNpB,KAAKqB,aAIPvB,2BACC,GAAIwB,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,gBAIb1B,SACC,MAAM2B,EAAWzB,KAAK0B,SACtB,OACCzB,EAAC0B,EAAI,CAACC,MAAOjB,EAAWkB,WAAYhB,KAAMb,KAAKa,MAC9CZ,EAAA,SAAA,CAAQ2B,MAAOjB,EAAWmB,OACxBC,QAAS/B,KAAKa,KACdmB,SAAS,KACTnB,KAAMb,KAAKa,KAAIoB,aACJ,OAAMC,cACJC,GAAYnC,KAAKa,MAAKuB,kBAClBpC,KAAKqC,gBAAkBrC,KAAKI,QAAOkC,mBAClCtC,KAAKuC,iBAAmBvC,KAAKM,UAC/CkC,KAAMxC,KAAKwC,MACZvC,EAAA,MAAA,CAAK2B,MAAOjB,EAAW8B,OACtBxC,EAAA,MAAA,CAAK2B,MAAOjB,EAAW+B,QACrB1C,KAAKC,EAAE0C,QAAQ,SACf1C,EAAA,MAAA,CAAK2B,MAAOjB,EAAWiC,MACtB3C,EAAA,OAAA,CAAM4C,KAAK,UAGZ7C,KAAK8C,OACL7C,EAACwB,EAAQ,CAACG,MAAOjB,EAAWoC,MAAOC,GAAIhD,KAAKI,SAAUJ,KAAK8C,QAG7D7C,EAAA,MAAA,CAAK2B,MAAOjB,EAAWsC,QAASD,GAAIhD,KAAKM,WACxCL,EAAA,OAAA,OAEDA,EAAA,MAAA,CAAK2B,MAAOjB,EAAWuC,SACtBjD,EAAA,OAAA,CAAM4C,KAAK,eAKd5C,EAAA,eAAA,CAAckD,QAASnD,KAAKa,KAAIuC,aACfpD,KAAKqD,eAAcC,mBACbtD,KAAKuD,oBAAmBC,eAC5BxD,KAAKyD,eAAeC,KAAK1D,SAKvCF,eAAe6D,GACtBA,EAAEC,kBACF5D,KAAKqB,YACLrB,KAAK6D,SAASC,KAAKH,GAOpB7D,aACCE,KAAKoB,YAONtB,aACCE,KAAKqB,YAONvB,qBACCiE,EAAgB/D,KAAKqC,eAAgB,kBAAmB1B,EAAWC,MACnEmD,EAAgB/D,KAAKuC,gBAAiB,mBAAoB5B,EAAWC","sourcesContent":["/*\n *   Prompt\n */\n\n// $class: \".gov-prompt\";\n@import \"../gov-modal/gov-modal.scss\";\n\n// #{$class} {\n// \t//\n// }\n","import { Component, Event, Element, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { createID } from \"../../utils/string.utils\"\nimport { validateWcagRef } from \"../../helpers/Validate/wcag\"\nimport { ModalClass } from \"./../gov-modal/constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport {toBoolAttr} from \"../../helpers/Dom/template\"\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\n\n@Component({\n\ttag: \"gov-prompt\",\n\tstyleUrl: \"gov-prompt.scss\",\n})\nexport class GovPrompt {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID(\"GovPromptLabel\")\n\t\tthis.contentId = createID(\"GovPromptContent\")\n\t}\n\n\t@Element() host: HTMLGovPromptElement\n\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop() open: boolean = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: \"role\" }) role: string = \"dialog\"\n\t/**\n\t * Used to change the HMTL tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h2\"\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) wcaglabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) wcagCloseLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: \"wcag-close-labelled-by\" }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<PointerEvent>\n\n\n\t@Watch(\"labelTag\")\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showModal() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.open) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal();\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={ModalClass.rootPrompt} open={this.open}>\n\t\t\t\t<dialog class={ModalClass.dialog}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t tabindex=\"-1\"\n\t\t\t\t\t open={this.open}\n\t\t\t\t\t aria-modal=\"true\"\n\t\t\t\t\t aria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\t aria-labelledby={this.wcaglabelledBy || this.labelId}\n\t\t\t\t\t aria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\t role={this.role}>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label &&\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>{this.label}</LabelTag>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.actions}>\n\t\t\t\t\t\t\t<slot name=\"actions\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t<gov-backdrop visible={this.open}\n\t\t\t\t\t\t\t  wcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\t\t  wcag-labelled-by={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t  on-gov-click={this.onCloseHandler.bind(this)} />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcaglabelledBy, 'aria-labelledby', ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'aria-describedby', ModalClass.root)\n\t}\n}\n"]}

package/dist/core/p-ecf9700e.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as a,H as r,g as i}from"./p-75c62141.js";import{g as d,b as t}from"./p-9077d6f6.js";import{c}from"./p-a24dc455.js";import{a as s}from"./p-b4a749e8.js";import{c as n,v as l}from"./p-55f49f1d.js";import{d as g}from"./p-0956d80f.js";const v={root:"gov-card",header:"gov-card__header",title:"gov-card__title",inner:"gov-card__inner",img:"gov-card__img",main:"gov-card__main",content:"gov-card__content",icon:"gov-card__icon",btns:"gov-card__btns",footer:"gov-card__footer"};const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-card{display:flex;flex-direction:column;width:100%;border:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-card-bg, var(--gov-color-secondary-100));overflow:hidden}.gov-card__header{gap:1.75rem;width:100%;padding:1.5rem;border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-card__header .gov-icon{flex:0 0 auto;width:1rem;height:1rem;color:var(--gov-card-arrow-color, var(--gov-color-primary))}.gov-card__title{margin:0;padding:0;font-family:"Roboto", sans-serif;font-weight:400;box-sizing:border-box;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);color:var(--gov-card-title-color, var(--gov-color-secondary-800));font-weight:700}.gov-card__img{width:100%;margin:0;line-height:1}.gov-card__img img{width:100%;height:auto}.gov-card__inner{display:flex;flex:1 1 auto;flex-direction:column}.gov-card__inner[aria-hidden=""],.gov-card__inner[aria-hidden=true i],.gov-card__inner[aria-hidden="1"]{display:none}.gov-card__main{display:flex;gap:16px 24px;flex:1 1 auto;flex-direction:column;padding:1.5rem}.gov-card__icon{flex:0 0 auto;width:2.5rem;height:2.5rem;color:var(--gov-card-icon-color, var(--gov-color-primary))}.gov-card__btns{display:flex;gap:1rem;flex:0 0 auto;flex-wrap:wrap}.gov-card__footer{padding:1rem 1.5rem;background:var(--gov-card-footer-bg, var(--gov-color-primary-100))}.gov-card__footer p{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-card__content>*:last-child,.gov-card__footer>*:last-child{margin-bottom:0}.gov-card[is-expanded=""],.gov-card[is-expanded=true i],.gov-card[is-expanded="1"]{height:100%}.gov-card[collapsible=""] .gov-card__header,.gov-card[collapsible=true i] .gov-card__header,.gov-card[collapsible="1"] .gov-card__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:space-between;text-align:left}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus-visible,.gov-card[collapsible=true i] .gov-card__header:focus-visible,.gov-card[collapsible="1"] .gov-card__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:-0.125rem}@media not all and (pointer: coarse){.gov-card[collapsible=""] .gov-card__header:hover,.gov-card[collapsible=true i] .gov-card__header:hover,.gov-card[collapsible="1"] .gov-card__header:hover{background:var(--gov-card-header-hover-bg, var(--gov-color-primary-100))}}.gov-card[collapsible=""][is-expanded=""] .gov-card__header,.gov-card[collapsible=""][is-expanded=true i] .gov-card__header,.gov-card[collapsible=""][is-expanded="1"] .gov-card__header,.gov-card[collapsible=true i][is-expanded=""] .gov-card__header,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__header,.gov-card[collapsible="1"][is-expanded=""] .gov-card__header,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__header,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__header{border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-card[collapsible=""][is-expanded=""] .gov-card__header .gov-icon,.gov-card[collapsible=""][is-expanded=true i] .gov-card__header .gov-icon,.gov-card[collapsible=""][is-expanded="1"] .gov-card__header .gov-icon,.gov-card[collapsible=true i][is-expanded=""] .gov-card__header .gov-icon,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header .gov-icon,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__header .gov-icon,.gov-card[collapsible="1"][is-expanded=""] .gov-card__header .gov-icon,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__header .gov-icon,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__header .gov-icon{transform:scale(-1)}@media (min-width: 30em){.gov-card[promotion=""] .gov-card__main,.gov-card[promotion=true i] .gov-card__main,.gov-card[promotion="1"] .gov-card__main{flex-direction:row;padding:2rem}.gov-card[promotion=""] .gov-card__icon,.gov-card[promotion=true i] .gov-card__icon,.gov-card[promotion="1"] .gov-card__icon{width:3rem;height:3rem}.gov-card[promotion=""] .gov-card__btns,.gov-card[promotion=true i] .gov-card__btns,.gov-card[promotion="1"] .gov-card__btns{flex-direction:column}}';const _=class{constructor(a){o(this,a);this.govToggle=e(this,"gov-toggle",7);this.promotion=false;this.label=undefined;this.collapsible=false;this.expanded=false;this.headlineTag="h3";this.wcagTriggerLabel=undefined;this.wcagTriggerLabelledBy=undefined;this.isExpanded=undefined;this.h=d(this.host);this.headlineId=c("GovCardHeadline");this.contentId=c("GovCardContent")}validateHeadlineTag(o){const e=["h1","h2","h3","h4","h5","h6","span"];if(o){if(!e.includes(o)){s(`[${v.root}]: Tag ${o} is not allowed.`)}}}componentWillLoad(){this.isExpanded=this.label?this.expanded:true;this.validateHeadlineTag(this.headlineTag)}async componentDidRender(){if(n()){await g(500);await this.validateWcag()}}emmitChange(){this.govToggle.emit({open:this.isExpanded,element:this.host})}render(){const o=this.headlineTag;return a(r,{class:this.h.classes(v.root),"is-expanded":this.isExpanded,collapsible:t(this.collapsible),promotion:this.promotion},this.label&&this.collapsible?a("button",{id:this.headlineId,class:v.header,"aria-label":this.wcagTriggerLabel,"aria-labelledby":this.wcagTriggerLabelledBy,"aria-expanded":t(this.isExpanded),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},a(o,{class:v.title},this.label),a("gov-icon",{name:"arrow-down"})):null,this.label&&!this.collapsible?a("div",{class:v.header},a(o,{class:v.title},this.label)):null,a("div",{class:v.inner,id:this.contentId,"aria-hidden":this.collapsible?t(!this.isExpanded):undefined,hidden:this.collapsible?!this.isExpanded:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&a("p",{class:v.img},a("slot",{name:"img"})),a("div",{class:v.main},this.h.hasSlot("icon")&&this.promotion&&a("div",{class:v.icon},a("slot",{name:"icon"})),a("div",{class:v.content},a("slot",null)),this.h.hasSlot("btn")&&this.promotion&&a("div",{class:v.btns},a("slot",{name:"btn"}))),this.h.hasSlot("footer")&&a("div",{class:v.footer},a("slot",{name:"footer"}))))}onClickHandler(o){o.stopPropagation();if(this.collapsible){this.isExpanded=!this.isExpanded;this.emmitChange()}}async open(){if(this.collapsible){this.isExpanded=true;this.emmitChange()}}async close(){if(this.collapsible){this.isExpanded=false;this.emmitChange()}}async validateWcag(){if(this.collapsible){l(this.wcagTriggerLabel,this.wcagTriggerLabelledBy,v.root)}}get host(){return i(this)}static get watchers(){return{headlineTag:["validateHeadlineTag"]}}};_.style=h;export{_ as gov_card};
-//# sourceMappingURL=p-ecf9700e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.scss?tag=gov-card","../../../packages/core/src/components/gov-card/gov-card.tsx"],"names":["CardClass","root","header","title","inner","img","main","content","icon","btns","footer","govCardCss","GovCard","[object Object]","hostRef","this","h","govHost","host","headlineId","createID","contentId","newValue","validTags","includes","govErrorLog","isExpanded","label","expanded","validateHeadlineTag","headlineTag","canValidateWcagOnRender","delay","validateWcag","govToggle","emit","open","element","HeadlineTag","Host","class","classes","is-expanded","collapsible","booleanString","promotion","id","aria-label","wcagTriggerLabel","aria-labelledby","wcagTriggerLabelledBy","aria-expanded","aria-controls","onClick","onClickHandler","bind","name","aria-hidden","undefined","hidden","hasSlot","e","stopPropagation","emmitChange","validateWcagLabel"],"mappings":"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","sourcesContent":["export const CardClass = {\n\troot: \"gov-card\",\n\theader: \"gov-card__header\",\n\ttitle: \"gov-card__title\",\n\tinner: \"gov-card__inner\",\n\timg: \"gov-card__img\",\n\tmain: \"gov-card__main\",\n\tcontent: \"gov-card__content\",\n\ticon: \"gov-card__icon\",\n\tbtns: \"gov-card__btns\",\n\tfooter: \"gov-card__footer\",\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-card\";\n\n#{$class} {\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tborder: $card-border;\n\tborder-radius: $border-radius;\n\tbackground: $card-bg;\n\toverflow: hidden;\n\t&__header {\n\t\tgap: rem-calc(28);\n\t\twidth: 100%;\n\t\tpadding: rem-calc(24);\n\t\tborder-bottom: $card-border;\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttext-transform: none;\n\t\ttransition: background-color $t ease-in-out;\n\t\t.gov-icon {\n\t\t\tflex: 0 0 auto;\n\t\t\twidth: rem-calc(16);\n\t\t\theight: rem-calc(16);\n\t\t\tcolor: $card-arrow-color;\n\t\t}\n\t}\n\t&__title {\n\t\t@include general;\n\t\t@include typography($font-size-xl);\n\t\tcolor: $card-title-color;\n\t\tfont-weight: 700;\n\t}\n\t&__img {\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tline-height: 1;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t}\n\t}\n\t&__inner {\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\t@include parameter(\"aria-hidden\") {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&__main {\n\t\tdisplay: flex;\n\t\tgap: 16px 24px;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\t\tpadding: rem-calc(24);\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(40);\n\t\theight: rem-calc(40);\n\t\tcolor: $card-icon-color;\n\t}\n\t&__btns {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tflex: 0 0 auto;\n\t\tflex-wrap: wrap;\n\t}\n\t&__footer {\n\t\tpadding: rem-calc(16 24);\n\t\tbackground: $card-footer-bg;\n\t\tp {\n\t\t\t@include typography($font-size-s);\n\t\t}\n\t}\n\t&__content > *:last-child,\n\t&__footer > *:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t// STATES\n\t@include parameter(\"is-expanded\") {\n\t\theight: 100%;\n\t}\n\t@include parameter(\"collapsible\") {\n\t\t#{$class} {\n\t\t\t&__header {\n\t\t\t\t@include button-core();\n\t\t\t\t@include focus-outline($border-radius, rem-calc(-2));\n\t\t\t\tjustify-content: space-between;\n\t\t\t\ttext-align: left;\n\t\t\t\t@include hover() {\n\t\t\t\t\tbackground: $card-header-hover-bg;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@include parameter(\"is-expanded\") {\n\t\t\t#{$class} {\n\t\t\t\t&__header {\n\t\t\t\t\tborder-bottom: $card-border;\n\t\t\t\t\t.gov-icon {\n\t\t\t\t\t\ttransform: scale(-1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t// VARIANTS\n\t\t@include parameter(\"promotion\") {\n\t\t\t#{$class} {\n\t\t\t\t&__main {\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tpadding: rem-calc(32);\n\t\t\t\t}\n\t\t\t\t&__icon {\n\t\t\t\t\twidth: rem-calc(48);\n\t\t\t\t\theight: rem-calc(48);\n\t\t\t\t}\n\t\t\t\t&__btns {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch, State, Method, Event, EventEmitter } from \"@stencil/core\"\nimport { CardClass } from \"./constants\"\nimport { govHost, booleanString } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { createID } from \"../../utils/string.utils\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-card\",\n\tstyleUrl: \"gov-card.scss\",\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID(\"GovCardHeadline\")\n\t\tthis.contentId = createID(\"GovCardContent\")\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Style variation of the card.\n\t */\n\t@Prop() readonly promotion: boolean = false\n\t/**\n\t * Item label of the card\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Defines wether the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed by default\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the card headline for correct semantic structure\n\t */\n\t@Prop({ attribute: \"headline-tag\" }) readonly headlineTag: string = \"h3\"\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-trigger-label\" }) wcagTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({ attribute: \"wcag-trigger-labelled-by\" }) wcagTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({ eventName: \"gov-toggle\" }) govToggle: EventEmitter\n\t@State() isExpanded: boolean\n\n\t@Watch(\"headlineTag\")\n\tvalidateHeadlineTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${CardClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpanded = this.label ? this.expanded : true\n\t\tthis.validateHeadlineTag(this.headlineTag)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govToggle.emit({ open: this.isExpanded, element: this.host })\n\t}\n\n\n\trender() {\n\t\tconst HeadlineTag = this.headlineTag\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)}\n\t\t\t      is-expanded={this.isExpanded}\n\t\t\t      collapsible={booleanString(this.collapsible)}\n\t\t\t      promotion={this.promotion}>\n\n\t\t\t\t{this.label && this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.wcagTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.wcagTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}>\n\t\t\t\t\t\t<HeadlineTag class={CardClass.title}>\n\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t</HeadlineTag>\n\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t</button>) : null}\n\n\t\t\t\t{this.label && !this.collapsible ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<HeadlineTag class={CardClass.title}>\n\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t</HeadlineTag>\n\t\t\t\t\t</div>) : null}\n\n\t\t\t\t<div class={CardClass.inner}\n\t\t\t\t     id={this.contentId}\n\t\t\t\t     aria-hidden={this.collapsible ? booleanString(!this.isExpanded) : undefined}\n\t\t\t\t     hidden={this.collapsible ? !this.isExpanded : undefined}\n\t\t\t\t     aria-labelledby={this.collapsible ? this.headlineId : undefined}>\n\t\t\t\t\t{this.h.hasSlot(\"img\") && (\n\t\t\t\t\t\t<p class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.main}>\n\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.h.hasSlot(\"btn\") && this.promotion && (\n\t\t\t\t\t\t\t<div class={CardClass.btns}>\n\t\t\t\t\t\t\t\t<slot name=\"btn\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot(\"footer\") && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = !this.isExpanded\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Open the card if it is collapsible\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = true\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Close the card if it is collapsible\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tthis.isExpanded = false\n\t\t\tthis.emmitChange()\n\t\t}\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateWcagLabel(this.wcagTriggerLabel, this.wcagTriggerLabelledBy, CardClass.root)\n\t\t}\n\t}\n}\n"]}

package/dist/core/p-ee0bfc25.js

@@ -1,2 +0,0 @@
-import"./p-55500e5a.js";import{V as o}from"./p-f9320f1e.js";const t=[undefined,o.PRIMARY,o.SECONDARY];const e={root:"gov-form-select",icon:"gov-form-select__icon"};const s={root:"gov-form-multi-select",wrap:"gov-form-multi-select__wrap",list:"gov-form-multi-select__list",item:"gov-form-multi-select__item"};export{e as F,t as V,s as a};
-//# sourceMappingURL=p-ee0bfc25.js.map

package/dist/core/p-ee0bfc25.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/select/constants.ts"],"names":["Variants","undefined","GlobalVariants","PRIMARY","SECONDARY","FormSelectClass","root","icon","FormMultiSelectClass","wrap","list","item"],"mappings":"kEAMaA,EAAW,CAACC,UAAWC,EAAeC,QAASD,EAAeE,iBAG9DC,EAAkB,CAC9BC,KAAM,kBACNC,KAAM,+BAGMC,EAAuB,CACnCF,KAAM,wBACNG,KAAM,8BACNC,KAAM,8BACNC,KAAM","sourcesContent":["import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../../core/constants/variants\"\n\nexport const Sizes = [undefined, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY] as const\nexport type VariantType = typeof Variants[number]\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n\n\n"]}

package/dist/core/p-f1ccdb26.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as i,h as t,H as a,g as o}from"./p-75c62141.js";import{v as e}from"./p-e29a195b.js";import{W as r,a as n}from"./p-f6f34f80.js";import{S as p}from"./p-55500e5a.js";import{g as m}from"./p-9077d6f6.js";import{c as d,v as h}from"./p-55f49f1d.js";import{d as f}from"./p-0956d80f.js";import"./p-b4a749e8.js";import"./p-f9320f1e.js";import"./p-a24dc455.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-wizzard{position:relative;display:block;width:100%}";const l=class{constructor(t){s(this,t);this.govChange=i(this,"gov-change",7);this.size=p._M;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=m(this.host)}validateSize(s){e(p,s,n.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}async componentDidRender(){if(d()){await f(500);await this.validateWcag()}}render(){return t(a,{class:this.h.classes(n.root),role:"list",size:this.size},t("slot",null))}async validateWcag(){h(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return o(this)}static get watchers(){return{size:["validateSize"]}}};l.style=c;export{l as gov_wizzard};
-//# sourceMappingURL=p-f1ccdb26.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard.scss?tag=gov-wizzard","../../../packages/core/src/components/gov-wizzard/gov-wizzard.tsx"],"names":["govWizzardCss","GovWizzard","[object Object]","hostRef","Sizes","_M","this","h","govHost","host","newValue","validateProp","WizzardClass","root","validateSize","size","querySelectorAll","WizzardItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","canValidateWcagOnRender","delay","validateWcag","Host","class","classes","role","validateWcagLabel","wcagLabel","wcagLabelledBy"],"mappings":"8WAAA,MAAMA,EAAgB,yMCgBTC,EAAU,MAItBC,YAAAC,6DAMmCC,EAAMC,0DALxCC,KAAKC,EAAIC,EAAQF,KAAKG,MAoBvBP,aAAaQ,GACZC,EAAaP,EAAOM,EAAUE,EAAaC,MAI5CX,oBACCI,KAAKQ,aAAaR,KAAKS,MAGxBb,mBACCI,KAAKG,KAAKO,iBAAiBC,EAAiBJ,MAAMK,SAASC,IAC1DA,EAAMC,aAAa,OAAQd,KAAKS,MAChCI,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFjB,KAAKkB,UAAUC,KAAKH,EAAEI,cAKzBxB,2BACC,GAAIyB,IAA2B,OACxBC,EAAM,WACNtB,KAAKuB,gBAIb3B,SACC,OACCK,EAACuB,EAAI,CAACC,MAAOzB,KAAKC,EAAEyB,QAAQpB,EAAaC,MAAOoB,KAAK,OAAOlB,KAAMT,KAAKS,MACtER,EAAA,OAAA,OASHL,qBACCgC,EAAkB5B,KAAK6B,UAAW7B,KAAK8B,eAAgBxB,EAAaC","sourcesContent":["/*\n *   Wizzard\n */\n\n$class: \".gov-wizzard\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardClass, WizzardItemClass, SizesType } from './constants'\nimport { GovWizzardItemCustomEvent } from '../../components'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { Sizes } from '../../core/constants/sizes'\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: 'gov-wizzard',\n\tstyleUrl: 'gov-wizzard.scss',\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, WizzardClass.root)\n\t}\n\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"]}

package/dist/core/p-f2debcea.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,H as a,g as e}from"./p-75c62141.js";import{v as s}from"./p-e29a195b.js";import{S as t}from"./p-55500e5a.js";import{V as i}from"./p-f9320f1e.js";import"./p-b4a749e8.js";const n=[undefined,i.PRIMARY,i.SECONDARY,i.SUCCESS,i.ERROR,i.WARNING];const v={root:"gov-form-search",input:"gov-form-search__input",button:"gov-form-search__button"};const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-search{position:relative;display:flex;gap:0.5rem;align-items:center;width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-secondary-100))}.gov-form-search:focus{outline:none}.gov-form-search:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search:focus-within{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search__input{flex:1 1 auto}.gov-form-search__button{flex:0 0 auto;margin:0.1875rem 0.1875rem 0.1875rem 0}";const m=class{constructor(r){o(this,r);this.size=t._M;this.variant=i.PRIMARY}validateSize(o){s(t,o,v.root)}validateVariant(o){s(n,o,v.root)}componentWillLoad(){this.validateSize(this.size);this.validateVariant(this.variant)}render(){switch(this.size){case t._M:var o=t._S;break;case t._L:default:var o=t._M;break;case t._XL:var o=t._L;break}return r(a,{class:v.root},r("span",{class:v.input},r("slot",{name:"input"})),r("span",{class:v.button},r("gov-button",{slot:"button",variant:this.variant,size:o},r("slot",{name:"button"}))))}get host(){return e(this)}static get watchers(){return{size:["validateSize"],variant:["validateVariant"]}}};m.style=c;export{m as gov_form_search};
-//# sourceMappingURL=p-f2debcea.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.scss?tag=gov-form-search","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"names":["Variants","undefined","GlobalVariants","PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING","FormSearchClass","root","input","button","govFormSearchCss","GovFormSearch","Sizes","_M","[object Object]","newValue","validateProp","this","validateSize","size","validateVariant","variant","buttonSize","_S","_L","_XL","h","Host","class","name","slot"],"mappings":"6LAGO,MAAMA,EAAW,CAACC,UAAWC,EAAeC,QAASD,EAAeE,UAAWF,EAAeG,QAASH,EAAeI,MAAOJ,EAAeK,SAM5I,MAAMC,EAAkB,CAC9BC,KAAM,kBACNC,MAAO,yBACPC,OAAQ,2BCZT,MAAMC,EAAmB,q7BCUZC,EAAa,yCAOUC,EAAMC,gBAIDb,EAAeC,QAGvDa,aAAaC,GACZC,EAAaJ,EAAOG,EAAUT,EAAgBC,MAI/CO,gBAAgBC,GACfC,EAAalB,EAAUiB,EAAUT,EAAgBC,MAIlDO,oBACCG,KAAKC,aAAaD,KAAKE,MACvBF,KAAKG,gBAAgBH,KAAKI,SAI3BP,SACC,OAAQG,KAAKE,MACZ,KAAKP,EAAMC,GACV,IAAIS,EAAaV,EAAMW,GACvB,MACD,KAAKX,EAAMY,GACX,QACC,IAAIF,EAAaV,EAAMC,GACvB,MACD,KAAKD,EAAMa,IACV,IAAIH,EAAaV,EAAMY,GACvB,MAGF,OACCE,EAACC,EAAI,CAACC,MAAOtB,EAAgBC,MAC5BmB,EAAA,OAAA,CAAME,MAAOtB,EAAgBE,OAC5BkB,EAAA,OAAA,CAAMG,KAAK,WAEZH,EAAA,OAAA,CAAME,MAAOtB,EAAgBG,QAC5BiB,EAAA,aAAA,CAAYI,KAAK,SAAST,QAASJ,KAAKI,QAASF,KAAMG,GACtDI,EAAA,OAAA,CAAMG,KAAK","sourcesContent":["import { Sizes as GlobalSizes } from \"../../../core/constants/sizes\"\nimport { Variants as GlobalVariants } from \"../../../core/constants/variants\"\n\nexport const Variants = [undefined, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING] as const\nexport type VariantType = typeof Variants[number]\n\nexport const Sizes = [undefined, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const FormSearchClass = {\n\troot: \"gov-form-search\",\n\tinput: \"gov-form-search__input\",\n\tbutton: \"gov-form-search__button\",\n}\n","/*\n *   Search\n */\n\n$class: \".gov-form-search\";\n\n#{$class} {\n\t@include focus-outline($border-radius, 0, true);\n\tposition: relative;\n\tdisplay: flex;\n\tgap: rem-calc(8);\n\talign-items: center;\n\twidth: 100%;\n\tborder: $form-input-border;\n\tborder-radius: $border-radius;\n\tbackground-color: $form-bg-color;\n\t&__input {\n\t\tflex: 1 1 auto;\n\t}\n\t&__button {\n\t\tflex: 0 0 auto;\n\t\tmargin: rem-calc(3) rem-calc(3) rem-calc(3) 0;\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { FormSearchClass, SizesType, Variants, VariantType } from './constants'\nimport { Sizes } from '../../../core/constants/sizes'\nimport { Variants as GlobalVariants } from \"../../../core/constants/variants\"\n\n@Component({\n\ttag: 'gov-form-search',\n\tstyleUrl: 'gov-form-search.scss',\n})\nexport class GovFormSearch {\n\t\n\t@Element() host: HTMLGovFormSearchElement\n\n\t/**\n\t * Size variation of the component.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Style variation of the component.\n\t */\n\t@Prop() readonly variant: VariantType = GlobalVariants.PRIMARY\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormSearchClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormSearchClass.root)\n\t}\n\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\n\trender() {\n\t\tswitch (this.size) {\n\t\t\tcase Sizes._M:\n\t\t\t\tvar buttonSize = Sizes._S\n\t\t\t\tbreak;\n\t\t\tcase Sizes._L:\n\t\t\tdefault:\n\t\t\t\tvar buttonSize = Sizes._M\n\t\t\t\tbreak;\n\t\t\tcase Sizes._XL:\n\t\t\t\tvar buttonSize = Sizes._L\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root}>\n\t\t\t\t<span class={FormSearchClass.input}>\n\t\t\t\t\t<slot name=\"input\" />\n\t\t\t\t</span>\n\t\t\t\t<span class={FormSearchClass.button}>\n\t\t\t\t\t<gov-button slot=\"button\" variant={this.variant} size={buttonSize}>\n\t\t\t\t\t\t<slot name=\"button\" />\n\t\t\t\t\t</gov-button>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-f5aabaaf.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as i,g as n}from"./p-75c62141.js";import{g as r}from"./p-9077d6f6.js";const e={root:"gov-empty",icon:"gov-empty__icon",container:"gov-empty__container",content:"gov-empty__content"};const s=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-empty{display:block;width:100%}.gov-empty__icon{display:inline-flex;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:2rem;border-radius:50%;background:linear-gradient(to bottom, var(--gov-color-primary-200), var(--gov-color-secondary-100));color:var(--gov-empty-icon-color, var(--gov-color-primary))}.gov-empty__icon>*{width:3.5rem;height:3.5rem}.gov-empty__content>*:last-child{margin-bottom:0}";const a=class{constructor(t){o(this,t);this.h=r(this.host)}render(){return t(i,{class:this.h.classes(e.root)},this.h.hasSlot("icon")&&t("div",{class:e.icon},t("slot",{name:"icon"})),t("div",{class:e.content},t("slot",null)))}get host(){return n(this)}};a.style=s;export{a as gov_empty};
-//# sourceMappingURL=p-f5aabaaf.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-empty/constants.ts","../../../packages/core/src/components/gov-empty/gov-empty.scss?tag=gov-empty","../../../packages/core/src/components/gov-empty/gov-empty.tsx"],"names":["EmptyClass","root","icon","container","content","govEmptyCss","GovEmpty","[object Object]","hostRef","this","h","govHost","host","Host","class","classes","hasSlot","name"],"mappings":"6FAAO,MAAMA,EAAa,CACzBC,KAAM,YACNC,KAAM,kBACNC,UAAW,uBACXC,QAAS,sBCJV,MAAMC,EAAc,+jBCSPC,EAAQ,MAGpBC,YAAAC,aACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAKvBL,SACC,OACCG,EAACG,EAAI,CAACC,MAAOL,KAAKC,EAAEK,QAAQf,EAAWC,OACrCQ,KAAKC,EAAEM,QAAQ,SACfN,EAAA,MAAA,CAAKI,MAAOd,EAAWE,MACtBQ,EAAA,OAAA,CAAMO,KAAK,UAGbP,EAAA,MAAA,CAAKI,MAAOd,EAAWI,SACtBM,EAAA,OAAA","sourcesContent":["export const EmptyClass = {\n\troot: \"gov-empty\",\n\ticon: \"gov-empty__icon\",\n\tcontainer: \"gov-empty__container\",\n\tcontent: \"gov-empty__content\",\n}\n","/*\n *   Alert\n */\n\n$class: \".gov-empty\";\n\n#{$class} {\n\tdisplay: block;\n\twidth: 100%;\n\t&__icon {\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: rem-calc(96);\n\t\theight: rem-calc(96);\n\t\tmargin-bottom: calc(rem-calc(96) / 3);\n\t\tborder-radius: 50%;\n\t\tbackground: linear-gradient(to bottom, color(\"primary.200\"), color(\"secondary.100\"));\n\t\tcolor: $empty-icon-color;\n\t\t& > * {\n\t\t\twidth: rem-calc(56);\n\t\t\theight: rem-calc(56);\n\t\t}\n\t}\n\t&__content {\n\t\t& > *:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n","import { Component, Element, Host, h } from '@stencil/core'\nimport { EmptyClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\n\n@Component({\n\ttag: 'gov-empty',\n\tstyleUrl: 'gov-empty.scss',\n})\nexport class GovEmpty {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovEmptyElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(EmptyClass.root)}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<div class={EmptyClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div class={EmptyClass.content}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-f6f34f80.js

@@ -1,2 +0,0 @@
-import"./p-f9320f1e.js";import"./p-55500e5a.js";const e={root:"gov-wizzard"};const t={root:"gov-wizzard-item",header:"gov-wizzard-item__header",title:"gov-wizzard-item__title",label:"gov-wizzard-item__label",prefix:"gov-wizzard-item__prefix",content:"gov-wizzard-item__content"};export{t as W,e as a};
-//# sourceMappingURL=p-f6f34f80.js.map

package/dist/core/p-f6f34f80.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-wizzard/constants.ts"],"names":["WizzardClass","root","WizzardItemClass","header","title","label","prefix","content"],"mappings":"sDASaA,EAAe,CAC3BC,KAAM,qBAGMC,EAAmB,CAC/BD,KAAM,mBACNE,OAAQ,2BACRC,MAAO,0BACPC,MAAO,0BACPC,OAAQ,2BACRC,QAAS","sourcesContent":["import { Variants as GlobalVariants } from '../../core/constants/variants'\nimport { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\n\nexport const Variants = [GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS] as const\nexport type VariantType = typeof Variants[number]\n\nexport const Sizes = [undefined, GlobalSizes._S,GlobalSizes._M] as const\nexport type SizesType = typeof Sizes[number]\n\nexport const WizzardClass = {\n\troot: \"gov-wizzard\",\n}\n\nexport const WizzardItemClass = {\n\troot: 'gov-wizzard-item',\n\theader: \"gov-wizzard-item__header\",\n\ttitle: \"gov-wizzard-item__title\",\n\tlabel: \"gov-wizzard-item__label\",\n\tprefix: \"gov-wizzard-item__prefix\",\n\tcontent: \"gov-wizzard-item__content\",\n}\n"]}

package/dist/core/p-f7283930.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as i,g as e}from"./p-75c62141.js";import{T as n}from"./p-176a5828.js";import{a as r}from"./p-9077d6f6.js";import"./p-f9320f1e.js";import"./p-55500e5a.js";const l='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tooltip-content{z-index:51;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);position:absolute;display:block;width:-moz-max-content;width:max-content;max-width:var(--gov-tooltip-content-max-width, 21rem);padding:1rem;border-radius:0.1875rem;background-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));color:var(--gov-tooltip-content-text-color, var(--gov-color-secondary));letter-spacing:0.0125rem;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in}.gov-tooltip-content::before{content:"";position:absolute;display:block;width:0;height:0;border:0.625rem solid transparent}.gov-tooltip-content[is-visible=""],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible="1"]{opacity:1}.gov-tooltip[size=s] .gov-tooltip-content{--gov-tooltip-content-padding:0.5rem;--gov-tooltip-content-arrow-size:0.4375rem;--gov-tooltip-content-letter-spacing:0.0125rem;font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-tooltip[size=l] .gov-tooltip-content{--gov-tooltip-content-padding:1rem;--gov-tooltip-content-arrow-size:0.875rem;--gov-tooltip-content-letter-spacing:0.002rem;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-tooltip[position=top] .gov-tooltip-content{bottom:100%;margin-bottom:0.625rem}.gov-tooltip[position=top] .gov-tooltip-content,.gov-tooltip[position=top] .gov-tooltip-content::before{left:50%;transform:translateX(-50%)}.gov-tooltip[position=top] .gov-tooltip-content::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip[position=bottom] .gov-tooltip-content{top:100%;margin-top:0.625rem}.gov-tooltip[position=bottom] .gov-tooltip-content,.gov-tooltip[position=bottom] .gov-tooltip-content::before{left:50%;transform:translateX(-50%)}.gov-tooltip[position=bottom] .gov-tooltip-content::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip[position=left] .gov-tooltip-content{right:100%;margin-right:0.625rem}.gov-tooltip[position=left] .gov-tooltip-content,.gov-tooltip[position=left] .gov-tooltip-content::before{top:50%;transform:translateY(-50%)}.gov-tooltip[position=left] .gov-tooltip-content::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip[position=right] .gov-tooltip-content{left:100%;margin-left:0.625rem}.gov-tooltip[position=right] .gov-tooltip-content,.gov-tooltip[position=right] .gov-tooltip-content::before{top:50%;transform:translateY(-50%)}.gov-tooltip[position=right] .gov-tooltip-content::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}';const p=class{constructor(t){o(this,t);this.isVisible=false}visibleContent(o){clearTimeout(this.timeout);if(o===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}render(){return t(i,{class:n.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!r(this.isVisible),"is-visible":this.isVisible},t("slot",null))}get host(){return e(this)}static get watchers(){return{isVisible:["visibleContent"]}}};p.style=l;export{p as gov_tooltip_content};
-//# sourceMappingURL=p-f7283930.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.scss?tag=gov-tooltip-content","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"names":["govTooltipContentCss","GovTooltipContent","[object Object]","newValue","clearTimeout","this","timeout","setTimeout","host","style","visibility","h","Host","class","TooltipContentClass","root","role","hidden","isVisible","aria-hidden","toBoolAttr","is-visible"],"mappings":"iLAAA,MAAMA,EAAuB,+rGCQhBC,EAAiB,8CAOoC,MAGjEC,eAAeC,GACdC,aAAaC,KAAKC,SAClB,GAAIH,IAAa,MAAO,CACvBE,KAAKC,QAAUC,YAAW,KACzBF,KAAKG,KAAKC,MAAMC,WAAa,WAC3B,SACG,CACNL,KAAKG,KAAKC,MAAMC,WAAa,WAI/BR,SACC,OACCS,EAACC,EAAI,CAACC,MAAOC,EAAoBC,KAC3BC,KAAM,UACNC,QAASZ,KAAKa,UAASC,eACTC,EAAWf,KAAKa,WAAUG,aAC5BhB,KAAKa,WACtBP,EAAA,OAAA","sourcesContent":["/*\n *   Tooltip - Content\n */\n\n$class: \".gov-tooltip-content\";\n\n#{$class} {\n\t@include z-index(\"bar\", 1);\n\t@include typography($font-size-m);\n\tposition: absolute;\n\tdisplay: block;\n\twidth: max-content;\n\tmax-width: $tooltip-content-max-width;\n\tpadding: rem-calc(16);\n\tborder-radius: rem-calc(3);\n\tbackground-color: $tooltip-content-bg-color;\n\tcolor: $tooltip-content-text-color;\n\tletter-spacing: rem-calc(0.2);\n\tvisibility: hidden;\n\topacity: 0;\n\ttransition: opacity 0.2s ease-in;\n\t&::before {\n\t\t@include pseudo();\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder: rem-calc(10) solid transparent;\n\t}\n\n\t// STATES\n\t@include parameter(\"is-visible\") {\n\t\topacity: 1;\n\t}\n\n\t// VARIANTS\n\t// sizes\n\t@each $size, $definitions in $tooltip-content-sizes {\n\t\t.gov-tooltip[size=\"#{$size}\"] & {\n\t\t\t--#{$prefix}tooltip-content-padding: #{get(\"padding\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-arrow-size: #{get(\"arrow-size\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-letter-spacing: #{get(\"letter-spacing\", $definitions)};\n\t\t\t@include typography(get(\"typography\", $definitions));\n\t\t}\n\t}\n\n\t// positions\n\t@each $position, $definitions in $tooltip-content-positions {\n\t\t$oppositeProperty: get(\"oppositeProperty\", $definitions);\n\n\t\t.gov-tooltip[position=\"#{$position}\"] & {\n\t\t\t#{$oppositeProperty}: 100%;\n\t\t\tmargin-#{$oppositeProperty}: rem-calc(10);\n\t\t\t&,\n\t\t\t&::before {\n\t\t\t\t#{get(\"directionProperty\", $definitions)}: 50%;\n\t\t\t\ttransform: #{get(\"transformFn\", $definitions) }(-50%);\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\t#{$position}: 100%;\n\t\t\t\tborder-#{$oppositeProperty}-width: 0;\n\t\t\t\tborder-#{$position}-color: $tooltip-content-bg-color;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n\tstyleUrl: \"gov-tooltip-content.scss\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\" }) readonly isVisible: boolean = false\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={TooltipContentClass.root}\n\t\t\t      role={\"tooltip\"}\n\t\t\t      hidden={!this.isVisible}\n\t\t\t      aria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t      is-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-f9320f1e.js

@@ -1,2 +0,0 @@
-var r;(function(r){r["PRIMARY"]="primary";r["SECONDARY"]="secondary";r["SUCCESS"]="success";r["ERROR"]="error";r["WARNING"]="warning";r["CUSTOM"]="custom"})(r||(r={}));export{r as V};
-//# sourceMappingURL=p-f9320f1e.js.map

package/dist/core/p-f9320f1e.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/core/constants/variants.ts"],"names":["Variants"],"mappings":"IAAYA,GAAZ,SAAYA,GACXA,EAAA,WAAA,UACAA,EAAA,aAAA,YACAA,EAAA,WAAA,UACAA,EAAA,SAAA,QACAA,EAAA,WAAA,UACAA,EAAA,UAAA,UAND,CAAYA,IAAAA,EAAQ","sourcesContent":["export enum Variants {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tSUCCESS = \"success\",\n\tERROR = \"error\",\n\tWARNING = \"warning\",\n\tCUSTOM = \"custom\",\n}\n"]}

package/dist/core/p-fc243d75.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as a,H as r,g as i}from"./p-75c62141.js";import{g as e}from"./p-9077d6f6.js";const t={root:"gov-cookiebar",holder:"gov-cookiebar__holder",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions-primary",actionsSecondary:"gov-cookiebar__actions-secondary"};const n=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-cookiebar{z-index:51;position:fixed;right:0;bottom:0;left:0;background-color:var(--gov-cookiebar-bg, var(--gov-color-secondary-100));box-shadow:var(--gov-cookiebar-box-shadow, 0 0.0625rem 2.5rem rgba(var(--gov-color-secondary-800-rgb), 0.45))}.gov-cookiebar__holder{display:block;width:100%;max-width:var(--gov-container-width, 75rem);margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem);padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 48em){.gov-cookiebar__holder{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-cookiebar__holder>*{margin-bottom:0}.gov-cookiebar__holder>*+*{margin-top:2rem}.gov-cookiebar__content>*{margin-bottom:0}.gov-cookiebar__content>*+*{margin-top:0.75rem}.gov-cookiebar__content p{color:var(--gov-cookiebar-color, var(--gov-color-secondary-700));letter-spacing:0.0125em}.gov-cookiebar__actions,.gov-cookiebar__actions-primary,.gov-cookiebar__actions-secondary{display:flex;gap:0.625rem;flex-wrap:wrap;justify-content:space-between}@media (min-width: 48em){.gov-cookiebar__holder{padding-top:2rem;padding-bottom:2rem}.gov-cookiebar__actions,.gov-cookiebar__actions-primary,.gov-cookiebar__actions-secondary{gap:1rem}}";const c=class{constructor(a){o(this,a);this.h=e(this.host)}render(){return a(r,{class:t.root},a("div",{class:t.holder},a("div",{class:t.content},a("slot",null)),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&a("div",{class:t.actions},this.h.hasSlot("actions-primary")&&a("div",{class:t.actionsPrimary},a("slot",{name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&a("div",{class:t.actionsSecondary},a("slot",{name:"actions-secondary"})))))}get host(){return i(this)}};c.style=n;export{c as gov_cookiebar};
-//# sourceMappingURL=p-fc243d75.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.scss?tag=gov-cookiebar","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"names":["CookiebarClass","root","holder","content","actions","actionsPrimary","actionsSecondary","govCookiebarCss","GovCookiebar","[object Object]","hostRef","this","h","govHost","host","Host","class","hasSlot","name"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,gBACNC,OAAQ,wBACRC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,iCAChBC,iBAAkB,oCCNnB,MAAMC,EAAkB,w7CCSXC,EAAY,MAGxBC,YAAAC,aACCC,KAAKC,EAAIC,EAAQF,KAAKG,MAKvBL,SACC,OACCG,EAACG,EAAI,CAACC,MAAOhB,EAAeC,MAC3BW,EAAA,MAAA,CAAKI,MAAOhB,EAAeE,QAC1BU,EAAA,MAAA,CAAKI,MAAOhB,EAAeG,SAC1BS,EAAA,OAAA,QAGCD,KAAKC,EAAEK,QAAQ,oBAAsBN,KAAKC,EAAEK,QAAQ,uBACrDL,EAAA,MAAA,CAAKI,MAAOhB,EAAeI,SACzBO,KAAKC,EAAEK,QAAQ,oBACfL,EAAA,MAAA,CAAKI,MAAOhB,EAAeK,gBAC1BO,EAAA,OAAA,CAAMM,KAAK,qBAIZP,KAAKC,EAAEK,QAAQ,sBACfL,EAAA,MAAA,CAAKI,MAAOhB,EAAeM,kBAC1BM,EAAA,OAAA,CAAMM,KAAK","sourcesContent":["export const CookiebarClass = {\n\troot: 'gov-cookiebar',\n\tholder: 'gov-cookiebar__holder',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions-primary',\n\tactionsSecondary: 'gov-cookiebar__actions-secondary',\n}\n","/*\n *   Cookiebar\n */\n\n$class: \".gov-cookiebar\";\n\n#{$class} {\n\t@include z-index(\"bar\", 1);\n\tposition: fixed;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: $cookiebar-bg;\n\tbox-shadow: $cookiebar-box-shadow;\n\t&__holder {\n\t\t@include container();\n\t\t@include space(32);\n\t\tpadding-top: rem-calc(20);\n\t\tpadding-bottom: rem-calc(20);\n\t}\n\n\t&__content {\n\t\t@include space(12);\n\t\tp {\n\t\t\tcolor: $cookiebar-color;\n\t\t\tletter-spacing: em-calc(0.2);\n\t\t}\n\t}\n\t&__actions {\n\t\t&,\n\t\t&-primary,\n\t\t&-secondary {\n\t\t\tdisplay: flex;\n\t\t\tgap: rem-calc(10);\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n\n\t// Media queries\n\t@include mq($from: md) {\n\t\t&__holder {\n\t\t\tpadding-top: rem-calc(32);\n\t\t\tpadding-bottom: rem-calc(32);\n\t\t}\n\t\t&__actions {\n\t\t\t&,\n\t\t\t&-primary,\n\t\t\t&-secondary {\n\t\t\t\tgap: rem-calc(16);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { CookiebarClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n\tstyleUrl: 'gov-cookiebar.scss',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={CookiebarClass.root}>\n\t\t\t\t<div class={CookiebarClass.holder}>\n\t\t\t\t\t<div class={CookiebarClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t\t<div class={CookiebarClass.actions}>\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t\t<div class={CookiebarClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-feba699a.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as i,g as s}from"./p-75c62141.js";import{V as r}from"./p-f9320f1e.js";import{S as e}from"./p-55500e5a.js";import{v as a}from"./p-e29a195b.js";import{P as n,T as l,a as v,V as h,S as p,b as c}from"./p-176a5828.js";import{c as d}from"./p-a24dc455.js";import{g}from"./p-9077d6f6.js";import"./p-b4a749e8.js";const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tooltip{position:relative;display:inline;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=""],.gov-tooltip[icon=true i],.gov-tooltip[icon="1"]{display:inline-flex;width:1rem;height:1rem;border-bottom:0;color:inherit}.gov-tooltip[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-secondary-100))}.gov-tooltip[variant=secondary][inverse=""],.gov-tooltip[variant=secondary][inverse=true i],.gov-tooltip[variant=secondary][inverse="1"]{--gov-tooltip-content-bg-color:var(--gov-color-secondary-100);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip[variant=primary][inverse=""],.gov-tooltip[variant=primary][inverse=true i],.gov-tooltip[variant=primary][inverse="1"]{--gov-tooltip-content-bg-color:var(--gov-color-secondary-100);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}';const f=class{constructor(t){o(this,t);this.variant=r.PRIMARY;this.size=e._M;this.position=n.RIGHT;this.message=undefined;this.identifier=undefined;this.icon=undefined;this.h=g(this.host);this.tooltipId=d("GovTooltip")}validateVariant(o){a(h,o,v.root)}validateSize(o){a(p,o,v.root)}validatePosition(o){a(c,o,v.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.validatePosition(this.position);this.createContentWrapper();this.registerListeners()}createContentWrapper(){var o;const t=this.host.querySelector(l.root);if(t){this.content=t}else{this.content=document.createElement(l.root);this.content.innerHTML=this.message;this.host.appendChild(this.content)}this.content.setAttribute("id",(o=this.identifier)!==null&&o!==void 0?o:this.tooltipId)}registerListeners(){this.host.addEventListener("focus",(o=>{o.preventDefault();this.showTooltip()}));this.host.addEventListener("blur",(o=>{o.preventDefault();this.hideTooltip()}));this.host.addEventListener("mouseenter",(o=>{o.preventDefault();this.showTooltip()}));this.host.addEventListener("mouseleave",(o=>{o.preventDefault();this.hideTooltip()}))}verifiyPositionSpace(){const o=12;const t=window.innerWidth;const i=this.host.getBoundingClientRect();const s=this.host.offsetWidth;const r={left:i.left+document.documentElement.scrollLeft,top:i.top+document.documentElement.scrollTop};const e=this.content.offsetWidth;if(this.position===n.LEFT){if(o+r.left<e){this.position=n.TOP;this.content.style.left="0px";this.content.style.width=window.innerWidth-r.left-o+"px";this.content.style.transform="none"}}else if(this.position===n.RIGHT){if(t-(r.left+s)<e){this.position=n.TOP;this.content.style.right="0px";this.content.style.left="auto";this.content.style.width=s+r.left+o+"px";this.content.style.transform="none"}}else{if(e/2>r.left){this.content.style.left="0px";this.content.style.width=window.innerWidth-r.left-o+"px";this.content.style.transform="none"}else if(e/2>t-(r.left+e)){this.content.style.right="0px";this.content.style.left="auto";this.content.style.width=s+r.left+o+"px";this.content.style.transform="none"}}}showTooltip(){if(this.content){this.verifiyPositionSpace();this.content.setAttribute("is-visible","true")}}hideTooltip(){if(this.content){this.content.setAttribute("is-visible","false")}}render(){var o;return t(i,{class:this.h.classes(v.root),position:this.position,size:this.size,tabindex:0,"aria-describedby":(o=this.identifier)!==null&&o!==void 0?o:this.tooltipId,variant:this.variant},t("slot",null))}async show(){this.showTooltip()}async hide(){this.hideTooltip()}get host(){return s(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],position:["validatePosition"]}}};f.style=m;export{f as gov_tooltip};
-//# sourceMappingURL=p-feba699a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"names":["govTooltipCss","GovTooltip","[object Object]","hostRef","GlobalVariants","PRIMARY","GlobalSizes","_M","Positions","RIGHT","undefined","this","h","govHost","host","tooltipId","createID","newValue","validateProp","Variant","TooltipClass","root","Size","Position","validateVariant","variant","validateSize","size","validatePosition","position","createContentWrapper","registerListeners","hasContentInside","querySelector","TooltipContentClass","content","document","createElement","innerHTML","message","appendChild","setAttribute","_a","identifier","addEventListener","e","preventDefault","showTooltip","hideTooltip","offset","windowWidth","window","innerWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","triggerPos","left","documentElement","scrollLeft","top","scrollTop","tltWidth","LEFT","TOP","style","width","transform","right","verifiyPositionSpace","Host","class","classes","tabindex","aria-describedby"],"mappings":"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","sourcesContent":["/*\n *   Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: inline;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t// Variants\n\t@include parameter(\"icon\") {\n\t\tdisplay: inline-flex;\n\t\twidth: rem-calc(16);\n\t\theight: rem-calc(16);\n\t\tborder-bottom: 0;\n\t\tcolor: inherit;\n\t}\n\n\t// Colors\n\t@each $variant, $definitions in $tooltip-content-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t--#{$prefix}tooltip-content-bg-color: #{get(\"bg-color\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color\", $definitions)};\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t--#{$prefix}tooltip-content-bg-color: #{color(\"secondary.100\")};\n\t\t\t\t--#{$prefix}tooltip-content-text-color: #{get(\"text-color-inverse\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { Variants as GlobalVariants } from \"../../core/constants/variants\"\nimport { Sizes as GlobalSizes } from \"../../core/constants/sizes\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tPosition,\n\tPositions,\n\tPositionType,\n\tSize,\n\tSizeType,\n\tTooltipClass,\n\tTooltipContentClass,\n\tVariant,\n\tVariantType,\n} from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipId\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant: VariantType = GlobalVariants.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size: SizeType = GlobalSizes._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop() position: PositionType = Positions.RIGHT\n\t/**\n\t * Information contained in the tolltip\n\t */\n\t@Prop() readonly message: string = undefined\n\t/**\n\t * Custom tooltip identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Trigger is just an icon\n\t */\n\t@Prop({ attribute: \"icon\" }) readonly icon: boolean = undefined\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Size, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(Position, newValue, TooltipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tconst hasContentInside = this.host.querySelector(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\tif (hasContentInside) {\n\t\t\tthis.content = hasContentInside\n\t\t} else {\n\t\t\tthis.content = document.createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tthis.content.innerHTML = this.message\n\t\t\tthis.host.appendChild(this.content)\n\t\t}\n\n\t\tthis.content.setAttribute(\"id\", this.identifier ?? this.tooltipId)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"focus\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"blur\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseenter\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.showTooltip()\n\t\t})\n\t\tthis.host.addEventListener(\"mouseleave\", (e) => {\n\t\t\te.preventDefault()\n\t\t\tthis.hideTooltip()\n\t\t})\n\t}\n\n\tprivate verifiyPositionSpace() {\n\t\t// @TODO Improve positioning of broken lines\n\t\tconst offset = 12\n\t\tconst windowWidth = window.innerWidth\n\t\tconst trigger = this.host.getBoundingClientRect()\n\t\tconst trgWidth = this.host.offsetWidth\n\t\tconst triggerPos = {\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\n\t\t}\n\t\tconst tltWidth = this.content.offsetWidth\n\t\tif (this.position === Positions.LEFT) {\n\t\t\tif ((offset + triggerPos.left) < tltWidth) {\n\t\t\t\tthis.position = Positions.TOP\n\t\t\t\tthis.content.style.left = \"0px\"\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t} else if (this.position === Positions.RIGHT) {\n\t\t\tif (windowWidth - (triggerPos.left + trgWidth) < tltWidth) {\n\t\t\t\tthis.position = Positions.TOP\n\t\t\t\tthis.content.style.right = \"0px\"\n\t\t\t\tthis.content.style.left = \"auto\"\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\t// doesn't fit from the left\n\t\t\tif((tltWidth / 2) > triggerPos.left) {\n\t\t\t\tthis.content.style.left = \"0px\"\n\t\t\t\tthis.content.style.width = window.innerWidth - triggerPos.left - offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t\t// doesn't fit from the right\n\t\t\telse if((tltWidth / 2) > (windowWidth - (triggerPos.left + tltWidth))) {\n\t\t\t\tthis.content.style.right = \"0px\"\n\t\t\t\tthis.content.style.left = \"auto\"\n\t\t\t\tthis.content.style.width = trgWidth + triggerPos.left + offset + \"px\"\n\t\t\t\tthis.content.style.transform = \"none\"\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.verifiyPositionSpace()\n\t\t\tthis.content.setAttribute(\"is-visible\", \"true\")\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.setAttribute(\"is-visible\", \"false\")\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TooltipClass.root)}\n\t\t\t      position={this.position}\n\t\t\t      size={this.size}\n\t\t\t      tabindex={0}\n\t\t\t      aria-describedby={this.identifier ?? this.tooltipId}\n\t\t\t      variant={this.variant}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showTooltip()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideTooltip()\n\t}\n}\n"]}