@gov-design-system-ce/components 4.0.5 → 4.0.6-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["ToastVariants","pick","Variants","Types","ToastClass","root","hidden","icon","content","close","timer","govToastCss","GovToast","proxyCustomElement","H","constructor","this","h","govHost","host","toastId","createID","validateVariant","newValue","validateProp","componentWillLoad","variant","runTimer","disconnectedCallback","clearTimeout","timeout","isSolid","classList","add","isTimer","setTimeout","destroy","catch","govClose","emit","time","render","Host","class","classes","gravity","position","type","style","hasSlot","name","role","size","wcagCloseLabel","inverse","onCloseHandler","bind","closeLabel","then","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.scss?tag=gov-toast","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Variants, Types } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastVariants = pick(Variants, ['SUCCESS', 'WARNING', 'ERROR', 'SECONDARY', 'PRIMARY'])\nexport type ToastVariantType = `${ValueOf<typeof ToastVariants>}`\n\nexport const ToastTypes = pick(Types, ['CLASSIC', 'SOLID'])\nexport type ToastTypesType = `${ValueOf<typeof ToastTypes>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\ticon: 'gov-toast__icon',\n\tcontent: 'gov-toast__content',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","/*\n *   Alert\n */\n\n@import \"./gov-toast-message-core.scss\";\n$class: \".gov-toast\";\n\n#{$class} {\n\t@include toast-message-core;\n\t@include z-index(\"toast\", 1);\n\tposition: relative;\n\tposition: fixed;\n\tmax-width: rem-calc(375);\n\tpadding-right: rem-calc(50);\n\topacity: 1;\n\ttransition: opacity 300ms ease-in-out;\n\t&__content {\n\t\tpadding-right: 0;\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(8);\n\t\tright: rem-calc(12);\n\t}\n\t&__timer {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tz-index: -1;\n\t}\n\n\t// VARIANTS\n\t&--hidden {\n\t\topacity: 0;\n\t}\n\t&[gravity=\"top\" i] {\n\t\ttop: rem-calc(16);\n\t}\n\t&[gravity=\"bottom\" i] {\n\t\tbottom: rem-calc(16);\n\t}\n\t&[position=\"left\" i] {\n\t\tleft: rem-calc(16);\n\t}\n\t&[position=\"center\" i] {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t}\n\t&[position=\"right\" i] {\n\t\tright: rem-calc(16);\n\t}\n\t&[type=\"solid\" i] {\n\t\tborder: none;\n\t\tborder-radius: rem-calc(4);\n\t\toverflow: hidden;\n\t\tbox-shadow: none;\n\t\t&.is-initialized #{$class}__timer {\n\t\t\ttransform-origin: right;\n\t\t\tanimation: countdown linear forwards var(--toast-duration, 0);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $toast-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder-left-color: get(\"decor-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"decor-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[type=\"solid\" i] {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t&__timer {\n\t\t\t\t\t\tbackground-color: get(\"timer-background\", $definitions);\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&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ToastClass, ToastTypesType, ToastVariants, ToastVariantType } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-toast\",\n\tstyleUrl: \"gov-toast.scss\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly variant?: ToastVariantType = \"primary\"\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = \"classic\"\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({ attribute: \"close-label\" }) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<string>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ToastVariants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.runTimer()\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isSolid) {\n\t\t\tthis.host.classList.add(\"is-initialized\")\n\t\t}\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ToastClass.root, \"gov-box-shadow--m\"])}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{ \"--toast-duration\": this.time + \"ms\" }}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\tvariant={this.isSolid ? this.variant : \"secondary\"}\n\t\t\t\t\t\tinverse={this.isSolid}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.destroy()\n\t\t\t.then(() => this.govClose.emit(this.toastId))\n\t\t\t.catch()\n\t}\n\n\tget isSolid(): boolean {\n\t\treturn this.type === \"solid\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"8TAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,UAAW,QAAS,YAAa,YAG/DD,EAAKE,EAAO,CAAC,UAAW,UAG3C,MAAMC,EAAa,CACzBC,KAAM,YACNC,OAAQ,oBACRC,KAAM,kBACNC,QAAS,qBACTC,MAAO,mBACPC,MAAO,oBChBR,MAAMC,EAAc,wsK,MCWPC,EAAQC,EAAA,MAAAD,UAAAE,EAKpB,WAAAC,G,+EAS8C,U,aAKD,M,cAIY,Q,UAIhB,U,UAIT,E,wDAzB/BC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,W,CAuCzB,eAAAC,CAAgBC,GACfC,EAAaxB,EAAeuB,EAAUnB,EAAWC,K,CAGlD,iBAAAoB,GACCT,KAAKM,gBAAgBN,KAAKU,SAC1BV,KAAKW,U,CAGN,oBAAAC,GACCC,aAAab,KAAKc,Q,CAGX,QAAAH,GACP,GAAIX,KAAKe,QAAS,CACjBf,KAAKG,KAAKa,UAAUC,IAAI,iB,CAEzB,GAAIjB,KAAKkB,QAAS,CACjBlB,KAAKc,QAAUK,YAAW,KACzBnB,KAAKG,KAAKa,UAAUC,IAAI7B,EAAWE,QACnC6B,YAAW,KACVnB,KAAKoB,UAAUC,QACfrB,KAAKsB,SAASC,KAAKvB,KAAKI,QAAQ,GAC9B,IAAI,GACLJ,KAAKwB,K,EAIV,MAAAC,GACC,OACCxB,EAACyB,EAAI,CACJC,MAAO3B,KAAKC,EAAE2B,QAAQ,CAACxC,EAAWC,KAAM,sBAAqB,gBAC9CW,KAAKI,QACpByB,QAAS7B,KAAK6B,QACdC,SAAU9B,KAAK8B,SACfpB,QAASV,KAAKU,QACdqB,KAAM/B,KAAK+B,KACXC,MAAO,CAAE,mBAAoBhC,KAAKwB,KAAO,OAExCxB,KAAKC,EAAEgC,QAAQ,SACfhC,EAAA,QAAM0B,MAAOvC,EAAWG,MACvBU,EAAA,QAAMiC,KAAK,UAIbjC,EAAA,OAAK0B,MAAOvC,EAAWI,QAAO,YAAY,SAAS2C,KAAK,UACvDlC,EAAA,cAGDA,EAAA,OAAK0B,MAAOvC,EAAWK,OACtBQ,EAAA,cACCmC,KAAK,IAAG,aACIpC,KAAKqC,eACjB3B,QAASV,KAAKe,QAAUf,KAAKU,QAAU,YACvC4B,QAAStC,KAAKe,QACdgB,KAAK,OAAM,eACG/B,KAAKuC,eAAeC,KAAKxC,OAEtCA,KAAKyC,WAAazC,KAAKyC,WAAaxC,EAAA,YAAUiC,KAAK,WAItDjC,EAAA,OAAK0B,MAAOvC,EAAWM,Q,CAKlB,cAAA6C,GACPvC,KAAKoB,UACHsB,MAAK,IAAM1C,KAAKsB,SAASC,KAAKvB,KAAKI,WACnCiB,O,CAGH,WAAIN,GACH,OAAOf,KAAK+B,OAAS,O,CAGtB,WAAIb,GACH,OAAOyB,OAAOC,UAAU5C,KAAKwB,OAASxB,KAAKwB,KAAO,C,CAOnD,aAAMJ,GACLP,aAAab,KAAKc,SAClB,MAAM+B,EAAQC,SAASC,cAAc,mBAAmB/C,KAAKI,aAC7D,GAAIyC,EAAO,CACVA,EAAM7B,UAAUC,IAAI7B,EAAWE,QAC/B,UAAWuD,EAAMG,SAAW,WAAY,CACvCH,EAAMG,Q"}

package/dist/components/gov-tooltip-content.d.ts

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

package/dist/components/gov-tooltip-content.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,h as e,d as i}from"./p-2dee9951.js";import{T as r,a as n,b as s}from"./p-9a4c910d.js";import{a}from"./p-c353678b.js";import{d as l}from"./p-15f4916d.js";import{d as v}from"./p-2af02cbd.js";const c='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.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:none;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 gov-button{position:absolute;right:0;top:0}.gov-tooltip-content[persist=""],.gov-tooltip-content[persist=true i],.gov-tooltip-content[persist="1"]{padding-right:3.25rem}.gov-tooltip-content[is-visible=""],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible="1"]{display:block;opacity:1}.gov-tooltip-content[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-neutral-white))}.gov-tooltip-content[variant=secondary][inverse=""],.gov-tooltip-content[variant=secondary][inverse=true i],.gov-tooltip-content[variant=secondary][inverse="1"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip-content[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-content[variant=primary][inverse=""],.gov-tooltip-content[variant=primary][inverse=true i],.gov-tooltip-content[variant=primary][inverse="1"]{--gov-tooltip-content-bg-color:var(--gov-color-neutral-white);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}.gov-tooltip-content[size=s]{--gov-tooltip-content-padding:var(--gov-tooltip-s-padding, 0.5rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-s-arrow-size, 0.4375rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-s-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-content[size=s][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 3rem)}.gov-tooltip-content[size=l]{--gov-tooltip-content-padding:var(--gov-tooltip-l-padding, 1rem);--gov-tooltip-content-arrow-size:var(--gov-tooltip-l-arrow-size, 0.875rem);--gov-tooltip-content-letter-spacing:var(--gov-tooltip-l-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-content[size=l][persist=true i]{padding-right:var(--gov-tooltip-s-persist-space, 4rem)}.gov-tooltip-content[position=top]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=top]::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=bottom]::before{left:50%;transform:translateX(-50%)}.gov-tooltip-content[position=bottom]::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=left]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=left]::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip-content[position=right]::before{top:50%;transform:translateY(-50%)}.gov-tooltip-content[position=right]::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}';const p=t(class t extends o{constructor(){super();this.__registerHost();this.variant=r.PRIMARY;this.size=n._M;this.persist=false;this.isVisible=false;this.parentId=null}visibleContent(t){clearTimeout(this.timeout);if(t===false){this.timeout=setTimeout((()=>{this.host.style.visibility="hidden"}),250)}else{this.host.style.visibility="visible"}}hideContent(){this.isVisible=false;this.persist=false;const t=document.getElementById(this.parentId);if(t){t.hide().catch()}}render(){return e(i,{class:s.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!a(this.isVisible),"is-visible":this.isVisible},e("slot",null),this.persist?e("gov-button",{"on-gov-click":this.hideContent.bind(this),variant:this.variant,size:this.size,type:"base",inverse:this.variant===r.SECONDARY},e("gov-icon",{slot:"left-icon",name:"x-lg",type:"basic"})):null)}get host(){return this}static get watchers(){return{isVisible:["visibleContent"]}}static get style(){return c}},[4,"gov-tooltip-content",{variant:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip-content","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-tooltip-content":if(!customElements.get(t)){customElements.define(t,p)}break;case"gov-button":if(!customElements.get(t)){l()}break;case"gov-icon":if(!customElements.get(t)){v()}break}}))}g();const d=p;const m=g;export{d as GovTooltipContent,m as defineCustomElement};
+//# sourceMappingURL=gov-tooltip-content.js.map

package/dist/components/gov-tooltip-content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["govTooltipContentCss","GovTooltipContent","proxyCustomElement","H","TooltipVariant","PRIMARY","TooltipSize","_M","visibleContent","newValue","clearTimeout","this","timeout","setTimeout","host","style","visibility","hideContent","isVisible","persist","parentEl","document","getElementById","parentId","hide","catch","render","h","Host","class","TooltipContentClass","root","role","hidden","toBoolAttr","bind","variant","size","type","inverse","SECONDARY","slot","name"],"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"],"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: none;\n\twidth: max-content;\n\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\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& gov-button {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\t@include parameter(\"persist\") {\n\t\tpadding-right: rem-calc(52);\n\t}\n\n\t// STATES\n\t@include parameter(\"is-visible\") {\n\t\tdisplay: block;\n\t\topacity: 1;\n\t}\n\n\t// VARIANTS\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(\"neutral.white\")};\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\t@each $size, $definitions in $tooltip-content-sizes {\n\t\t&[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\n\t\t\t&[persist=\"true\" i] {\n\t\t\t\tpadding-right: #{get(\"persist-space\", $definitions)};\n\t\t\t}\n\t\t}\n\t}\n\t@each $position, $definitions in $tooltip-content-positions {\n\t\t$oppositeProperty: get(\"oppositeProperty\", $definitions);\n\n\t\t&[position=\"#{$position}\"] {\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\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, TooltipSize, TooltipSizeType, TooltipVariant, TooltipVariantType } 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 * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\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\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}\n\t\t\t\t\t\tinverse={this.variant === TooltipVariant.SECONDARY}>\n\t\t\t\t\t\t<gov-icon slot={\"left-icon\"} name={\"x-lg\"} type={\"basic\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"kNAAA,MAAMA,EAAuB,87I,MCQhBC,EAAiBC,EAAA,MAAAD,UAAAE,E,yDAOmBC,EAAeC,Q,UAIrBC,EAAYC,G,aAI1B,M,eAIkC,M,cAIT,I,CAGrD,cAAAC,CAAeC,GACdC,aAAaC,KAAKC,SAClB,GAAIH,IAAa,MAAO,CACvBE,KAAKC,QAAUC,YAAW,KACzBF,KAAKG,KAAKC,MAAMC,WAAa,QAAQ,GACnC,I,KACG,CACNL,KAAKG,KAAKC,MAAMC,WAAa,S,EAI/B,WAAAC,GACCN,KAAKO,UAAY,MACjBP,KAAKQ,QAAU,MACf,MAAMC,EAAWC,SAASC,eAAeX,KAAKY,UAC9C,GAAIH,EAAU,CACbA,EAASI,OAAOC,O,EAIlB,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAOC,EAAoBC,KAC3BC,KAAM,UACNC,QAAStB,KAAKO,UAAS,eACTgB,EAAWvB,KAAKO,WAAU,aAC5BP,KAAKO,WACjBS,EAAA,aACChB,KAAKQ,QACLQ,EAAA,6BACehB,KAAKM,YAAYkB,KAAKxB,MACpCyB,QAASzB,KAAKyB,QACdC,KAAM1B,KAAK0B,KACXC,KAAM,OACNC,QAAS5B,KAAKyB,UAAYhC,EAAeoC,WACzCb,EAAA,YAAUc,KAAM,YAAaC,KAAM,OAAQJ,KAAM,WAE/C,K"}

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

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

package/dist/components/gov-tooltip.js

@@ -0,0 +1,2 @@
+import{p as t,H as i,h as s,d as o}from"./p-2dee9951.js";import{v as e}from"./p-dcb5fb35.js";import{T as h,a as n,b as a,c as r,d as c}from"./p-9a4c910d.js";import{c as p}from"./p-24636c53.js";import{g as l}from"./p-c353678b.js";const f='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tooltip{display:inline-block;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=""],.gov-tooltip[icon=true i],.gov-tooltip[icon="1"]{border-bottom:0}';const d=t(class t extends i{constructor(){super();this.__registerHost();this.tooltipContentId=undefined;this.tooltipId=undefined;this.variant=h.PRIMARY;this.size=n._M;this.position="right";this.message=undefined;this.identifier=undefined;this.icon=undefined;this.persist=false;this.h=l(this.host);this.tooltipId=p("GovTooltip");this.tooltipContentId=p("GovContentTooltip")}validateVariant(t){e(h,t,c.root)}validateSize(t){e(n,t,c.root)}validatePosition(t){e(r,t,c.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.validatePosition(this.position);this.createContentWrapper();this.registerListeners()}disconnectedCallback(){this.removeContent()}createContentWrapper(){var t;const i=this.host.querySelector(a.root);if(i){this.content=i}else{this.content=document.createElement(a.root);this.content.innerHTML=this.message;this.host.appendChild(this.content)}this.content.setAttribute("id",(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId);this.content.setAttribute("parent-id",this.tooltipId);this.content.setAttribute("variant",this.variant);this.content.setAttribute("size",this.size);document.body.appendChild(this.content)}registerListeners(){this.host.addEventListener("click",(t=>{t.preventDefault();this.persist=true;if(this.content){this.content.setAttribute("persist","true")}this.showTooltip()}));this.host.addEventListener("focus",(t=>{t.preventDefault();this.showTooltip()}));this.host.addEventListener("blur",(t=>{t.preventDefault();if(this.persist===false){this.hideTooltip()}}));this.host.addEventListener("mouseenter",(t=>{t.preventDefault();this.showTooltip()}));this.host.addEventListener("mouseleave",(t=>{t.preventDefault();if(this.persist===false){this.hideTooltip()}}))}verifyPositionSpace(){const t=12;const i=window.innerWidth;const s=this.host.getBoundingClientRect();const o=this.host.offsetWidth;const e=this.host.offsetHeight;const h=this.content.offsetWidth;const n=this.content.offsetHeight;const a={left:s.left+document.documentElement.scrollLeft,top:s.top+document.documentElement.scrollTop};const c=a.left+t+s.width+h<=i;const p=a.left>h;if(this.position===r.LEFT||this.position===r.RIGHT){this.content.style.top=a.top-(n-e)/2+"px";if(c===false&&p===false){this.position=r.TOP;this.content.setAttribute("position",r.TOP)}if(p&&c===false&&this.position===r.RIGHT){this.position=r.LEFT}if(c&&p===false&&this.position===r.LEFT){this.position=r.RIGHT}}if(this.position===r.RIGHT){this.content.setAttribute("position",r.RIGHT);this.content.style.left=a.left+t+s.width+"px"}if(this.position===r.LEFT){this.content.setAttribute("position",r.LEFT);this.content.style.left=a.left-(h+t)+"px"}if(this.position===r.TOP||this.position===r.BOTTOM){if(h>o){let s=a.left-(h-o)/2;const e=s<0;const n=s+h>i;if(e&&n){this.content.style.width="auto";this.content.style.left=t+"px";this.content.style.right=t+"px"}else{if(e){s=t}if(n){s=s-(i-(s+h+t))*-1}this.content.style.left=s+"px"}}else{const t=a.left+(o-h)/2;this.content.style.left=t+"px"}}if(this.position===r.TOP){this.content.setAttribute("position",r.TOP);this.content.style.top=a.top-(n+t)+"px"}if(this.position===r.BOTTOM){this.content.setAttribute("position",r.BOTTOM);this.content.style.top=a.top+(e+t)+"px"}this.content.style.opacity="1"}showTooltip(){if(this.content){this.content.style.opacity="0";this.content.hidden=false;this.content.setAttribute("is-visible","true");requestAnimationFrame((()=>{this.verifyPositionSpace()}))}}hideTooltip(){if(this.content){this.content.setAttribute("is-visible","false");this.content.setAttribute("persist","false");this.content.removeAttribute("style")}}removeContent(){const t=document.getElementById(this.tooltipContentId);if(t){t.remove()}}render(){var t;return s(o,{id:this.tooltipId,class:this.h.classes(c.root),position:this.position},s("span",{role:"button",tabindex:0,"aria-describedby":(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId},s("slot",null)))}async show(){this.showTooltip()}async hide(){this.persist=false;this.hideTooltip()}get host(){return this}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],position:["validatePosition"]}}static get style(){return f}},[4,"gov-tooltip",{variant:[1],size:[1],position:[1025],message:[1],identifier:[1],icon:[516],persist:[32],show:[64],hide:[64]}]);function u(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip"];t.forEach((t=>{switch(t){case"gov-tooltip":if(!customElements.get(t)){customElements.define(t,d)}break}}))}u();const m=d;const v=u;export{m as GovTooltip,v as defineCustomElement};
+//# sourceMappingURL=gov-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["govTooltipCss","GovTooltip","proxyCustomElement","H","constructor","this","tooltipContentId","undefined","tooltipId","TooltipVariant","PRIMARY","TooltipSize","_M","h","govHost","host","createID","validateVariant","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","componentWillLoad","variant","size","position","createContentWrapper","registerListeners","disconnectedCallback","removeContent","hasContentInside","querySelector","TooltipContentClass","content","document","createElement","innerHTML","message","appendChild","setAttribute","_a","identifier","body","addEventListener","e","preventDefault","persist","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","documentElement","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","requestAnimationFrame","removeAttribute","contentEl","getElementById","remove","render","Host","id","class","classes","role","tabindex","show","hide"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.scss?tag=gov-tooltip","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["/*\n *   Tooltip\n */\n\n$class: \".gov-tooltip\";\n\n#{$class} {\n\tdisplay: inline-block;\n\tborder-bottom: 1px dashed currentcolor;\n\tcolor: color(\"primary\");\n\tcursor: help;\n\n\t@include parameter(\"icon\") {\n\t\tborder-bottom: 0;\n\t}\n}\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tTooltipClass,\n\tTooltipContentClass,\n\tTooltipPosition,\n\tTooltipPositionType,\n\tTooltipSize,\n\tTooltipSizeType,\n\tTooltipVariant,\n\tTooltipVariantType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\n\tprivate content: HTMLGovTooltipContentElement\n\tprivate readonly tooltipContentId = undefined\n\tprivate readonly tooltipId = undefined\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.tooltipId = createID(\"GovTooltip\")\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\n\t}\n\n\t@Element() host: HTMLGovTooltipElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly variant?: TooltipVariantType = TooltipVariant.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip display position\n\t */\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\n\t/**\n\t * Information contained in the tooltip\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({reflect: true}) readonly icon: boolean = undefined\n\n\t@State() persist = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(TooltipVariant, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\n\t}\n\n\t@Watch(\"position\")\n\tvalidatePosition(newValue: string): void {\n\t\tvalidateProp(TooltipPosition, 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\tdisconnectedCallback() {\n\t\tthis.removeContent()\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.tooltipContentId)\n\t\tthis.content.setAttribute(\"parent-id\", this.tooltipId)\n\t\tthis.content.setAttribute(\"variant\", this.variant)\n\t\tthis.content.setAttribute(\"size\", this.size)\n\t\tdocument.body.appendChild(this.content)\n\t}\n\n\tprivate registerListeners() {\n\t\tthis.host.addEventListener(\"click\", e => {\n\t\t\te.preventDefault()\n\t\t\tthis.persist = true\n\t\t\tif (this.content) {\n\t\t\t\tthis.content.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\n\t\t})\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\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\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\tif (this.persist === false) {\n\t\t\t\tthis.hideTooltip()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate verifyPositionSpace() {\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 trgHeight = this.host.offsetHeight\n\t\tconst contentWidth = this.content.offsetWidth\n\t\tconst contentHeight = this.content.offsetHeight\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\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\n\n\t\t// LEFT/RIGHT\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.content.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\n\t\t\t\tthis.position = TooltipPosition.TOP\n\t\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\t}\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\n\t\t\t\tthis.position = TooltipPosition.LEFT\n\t\t\t}\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\n\t\t\t\tthis.position = TooltipPosition.RIGHT\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.RIGHT) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.content.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.content.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\n\t\t}\n\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\n\t\t\tif (contentWidth > trgWidth) {\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\n\t\t\t\t\tthis.content.style.width = \"auto\";\n\t\t\t\t\tthis.content.style.left = offset + \"px\";\n\t\t\t\t\tthis.content.style.right = offset + \"px\";\n\t\t\t\t} else {\n\t\t\t\t\tif (isNotLeftSpace) {\n\t\t\t\t\t\tleftPosition = offset\n\t\t\t\t\t}\n\t\t\t\t\tif (isNotRightSpace) {\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\n\t\t\t\t\t}\n\t\t\t\t\tthis.content.style.left = leftPosition + \"px\"\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\n\n\t\t\t\tthis.content.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.content.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.content.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.content.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.content.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.content) {\n\t\t\tthis.content.style.opacity = '0'\n\t\t\tthis.content.hidden = false\n\t\t\tthis.content.setAttribute(\"is-visible\", \"true\")\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\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\tthis.content.setAttribute(\"persist\", \"false\")\n\t\t\tthis.content.removeAttribute('style')\n\t\t}\n\t}\n\n\tprivate removeContent() {\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\n\t\tif (contentEl) {\n\t\t\tcontentEl.remove()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tid={this.tooltipId}\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\n\t\t\t\tposition={this.position}>\n\t\t\t\t<span role={'button'}\n\t\t\t\t\t\t\ttabindex={0}\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\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 * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.persist = false\n\t\tthis.hideTooltip()\n\t}\n}\n"],"mappings":"qOAAA,MAAMA,EAAgB,miB,MCoBTC,EAAUC,EAAA,MAAAD,UAAAE,EAMtB,WAAAC,G,8BAHiBC,KAAAC,iBAAmBC,UACnBF,KAAAG,UAAYD,U,aAYmBE,EAAeC,Q,UAIrBC,EAAYC,G,cAIC,Q,aAIpBL,U,oCAQaA,U,aAE7B,MA/BlBF,KAAKQ,EAAIC,EAAQT,KAAKU,MACtBV,KAAKG,UAAYQ,EAAS,cAC1BX,KAAKC,iBAAmBU,EAAS,oB,CAgClC,eAAAC,CAAgBC,GACfC,EAAaV,EAAgBS,EAAUE,EAAaC,K,CAIrD,YAAAC,CAAaJ,GACZC,EAAaR,EAAaO,EAAUE,EAAaC,K,CAIlD,gBAAAE,CAAiBL,GAChBC,EAAaK,EAAiBN,EAAUE,EAAaC,K,CAGtD,iBAAAI,GACCpB,KAAKY,gBAAgBZ,KAAKqB,SAC1BrB,KAAKiB,aAAajB,KAAKsB,MACvBtB,KAAKkB,iBAAiBlB,KAAKuB,UAE3BvB,KAAKwB,uBACLxB,KAAKyB,mB,CAGN,oBAAAC,GACC1B,KAAK2B,e,CAGE,oBAAAH,G,MACP,MAAMI,EAAmB5B,KAAKU,KAAKmB,cAAcC,EAAoBd,MACrE,GAAIY,EAAkB,CACrB5B,KAAK+B,QAAUH,C,KACT,CACN5B,KAAK+B,QAAUC,SAASC,cAAcH,EAAoBd,MAC1DhB,KAAK+B,QAAQG,UAAYlC,KAAKmC,QAC9BnC,KAAKU,KAAK0B,YAAYpC,KAAK+B,Q,CAG5B/B,KAAK+B,QAAQM,aAAa,MAAMC,EAAAtC,KAAKuC,cAAU,MAAAD,SAAA,EAAAA,EAAItC,KAAKC,kBACxDD,KAAK+B,QAAQM,aAAa,YAAarC,KAAKG,WAC5CH,KAAK+B,QAAQM,aAAa,UAAWrC,KAAKqB,SAC1CrB,KAAK+B,QAAQM,aAAa,OAAQrC,KAAKsB,MACvCU,SAASQ,KAAKJ,YAAYpC,KAAK+B,Q,CAGxB,iBAAAN,GACPzB,KAAKU,KAAK+B,iBAAiB,SAASC,IACnCA,EAAEC,iBACF3C,KAAK4C,QAAU,KACf,GAAI5C,KAAK+B,QAAS,CACjB/B,KAAK+B,QAAQM,aAAa,UAAW,O,CAEtCrC,KAAK6C,aAAa,IAEnB7C,KAAKU,KAAK+B,iBAAiB,SAASC,IACnCA,EAAEC,iBACF3C,KAAK6C,aAAa,IAEnB7C,KAAKU,KAAK+B,iBAAiB,QAAQC,IAClCA,EAAEC,iBACF,GAAI3C,KAAK4C,UAAY,MAAO,CAC3B5C,KAAK8C,a,KAGP9C,KAAKU,KAAK+B,iBAAiB,cAAcC,IACxCA,EAAEC,iBACF3C,KAAK6C,aAAa,IAEnB7C,KAAKU,KAAK+B,iBAAiB,cAAcC,IACxCA,EAAEC,iBACF,GAAI3C,KAAK4C,UAAY,MAAO,CAC3B5C,KAAK8C,a,KAKA,mBAAAC,GACP,MAAMC,EAAS,GACf,MAAMC,EAAcC,OAAOC,WAC3B,MAAMC,EAAUpD,KAAKU,KAAK2C,wBAC1B,MAAMC,EAAWtD,KAAKU,KAAK6C,YAC3B,MAAMC,EAAYxD,KAAKU,KAAK+C,aAC5B,MAAMC,EAAe1D,KAAK+B,QAAQwB,YAClC,MAAMI,EAAgB3D,KAAK+B,QAAQ0B,aACnC,MAAMG,EAAa,CAClBC,KAAMT,EAAQS,KAAO7B,SAAS8B,gBAAgBC,WAC9CC,IAAKZ,EAAQY,IAAMhC,SAAS8B,gBAAgBG,WAG7C,MAAMC,EAAiBN,EAAWC,KAAOb,EAASI,EAAQe,MAAST,GAAiBT,EACpF,MAAMmB,EAAcR,EAAWC,KAAOH,EAGtC,GAAI1D,KAAKuB,WAAaJ,EAAgBkD,MAAQrE,KAAKuB,WAAaJ,EAAgBmD,MAAO,CACtFtE,KAAK+B,QAAQwC,MAAMP,IAAOJ,EAAWI,KAAQL,EAAgBH,GAAa,EAAM,KAChF,GAAIU,IAAiB,OAASE,IAAgB,MAAO,CACpDpE,KAAKuB,SAAWJ,EAAgBqD,IAChCxE,KAAK+B,QAAQM,aAAa,WAAYlB,EAAgBqD,I,CAEvD,GAAIJ,GAAeF,IAAiB,OAASlE,KAAKuB,WAAaJ,EAAgBmD,MAAO,CACrFtE,KAAKuB,SAAWJ,EAAgBkD,I,CAEjC,GAAIH,GAAgBE,IAAgB,OAASpE,KAAKuB,WAAaJ,EAAgBkD,KAAM,CACpFrE,KAAKuB,SAAWJ,EAAgBmD,K,EAGlC,GAAItE,KAAKuB,WAAaJ,EAAgBmD,MAAO,CAC5CtE,KAAK+B,QAAQM,aAAa,WAAYlB,EAAgBmD,OACtDtE,KAAK+B,QAAQwC,MAAMV,KAAQD,EAAWC,KAAOb,EAASI,EAAQe,MAAS,I,CAExE,GAAInE,KAAKuB,WAAaJ,EAAgBkD,KAAM,CAC3CrE,KAAK+B,QAAQM,aAAa,WAAYlB,EAAgBkD,MACtDrE,KAAK+B,QAAQwC,MAAMV,KAAQD,EAAWC,MAAQH,EAAeV,GAAW,I,CAIzE,GAAIhD,KAAKuB,WAAaJ,EAAgBqD,KAAOxE,KAAKuB,WAAaJ,EAAgBsD,OAAQ,CACtF,GAAIf,EAAeJ,EAAU,CAC5B,IAAIoB,EAAgBd,EAAWC,MAASH,EAAeJ,GAAY,EACnE,MAAMqB,EAAiBD,EAAe,EACtC,MAAME,EAAmBF,EAAehB,EAAgBT,EACxD,GAAI0B,GAAkBC,EAAiB,CACtC5E,KAAK+B,QAAQwC,MAAMJ,MAAQ,OAC3BnE,KAAK+B,QAAQwC,MAAMV,KAAOb,EAAS,KACnChD,KAAK+B,QAAQwC,MAAMM,MAAQ7B,EAAS,I,KAC9B,CACN,GAAI2B,EAAgB,CACnBD,EAAe1B,C,CAEhB,GAAI4B,EAAiB,CACpBF,EAAeA,GAAiBzB,GAAeyB,EAAehB,EAAeV,KAAY,C,CAE1FhD,KAAK+B,QAAQwC,MAAMV,KAAOa,EAAe,I,MAEpC,CACN,MAAMA,EAAgBd,EAAWC,MAASP,EAAWI,GAAgB,EAErE1D,KAAK+B,QAAQwC,MAAMV,KAAOa,EAAe,I,EAG3C,GAAI1E,KAAKuB,WAAaJ,EAAgBqD,IAAK,CAC1CxE,KAAK+B,QAAQM,aAAa,WAAYlB,EAAgBqD,KACtDxE,KAAK+B,QAAQwC,MAAMP,IAAOJ,EAAWI,KAAOL,EAAgBX,GAAW,I,CAExE,GAAIhD,KAAKuB,WAAaJ,EAAgBsD,OAAQ,CAC7CzE,KAAK+B,QAAQM,aAAa,WAAYlB,EAAgBsD,QACtDzE,KAAK+B,QAAQwC,MAAMP,IAAOJ,EAAWI,KAAOR,EAAYR,GAAW,I,CAGpEhD,KAAK+B,QAAQwC,MAAMO,QAAU,G,CAItB,WAAAjC,GACP,GAAI7C,KAAK+B,QAAS,CACjB/B,KAAK+B,QAAQwC,MAAMO,QAAU,IAC7B9E,KAAK+B,QAAQgD,OAAS,MACtB/E,KAAK+B,QAAQM,aAAa,aAAc,QACxC2C,uBAAsB,KACrBhF,KAAK+C,qBAAqB,G,EAKrB,WAAAD,GACP,GAAI9C,KAAK+B,QAAS,CACjB/B,KAAK+B,QAAQM,aAAa,aAAc,SACxCrC,KAAK+B,QAAQM,aAAa,UAAW,SACrCrC,KAAK+B,QAAQkD,gBAAgB,Q,EAIvB,aAAAtD,GACP,MAAMuD,EAAYlD,SAASmD,eAAenF,KAAKC,kBAC/C,GAAIiF,EAAW,CACdA,EAAUE,Q,EAIZ,MAAAC,G,MACC,OACC7E,EAAC8E,EAAI,CACJC,GAAIvF,KAAKG,UACTqF,MAAOxF,KAAKQ,EAAEiF,QAAQ1E,EAAaC,MACnCO,SAAUvB,KAAKuB,UACff,EAAA,QAAMkF,KAAM,SACTC,SAAU,EAAC,oBACOrD,EAAAtC,KAAKuC,cAAU,MAAAD,SAAA,EAAAA,EAAItC,KAAKC,kBAAkBO,EAAA,c,CASlE,UAAMoF,GACL5F,KAAK6C,a,CAON,UAAMgD,GACL7F,KAAK4C,QAAU,MACf5C,KAAK8C,a"}

package/dist/components/gov-wizard-item.d.ts

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

package/dist/components/gov-wizard-item.js

@@ -0,0 +1,2 @@
+import{p as i,H as e,c as r,h as a,d as t}from"./p-2dee9951.js";import{a as o}from"./p-7f2c9830.js";import{v as n}from"./p-dcb5fb35.js";import{W as s,c as v}from"./p-6834d779.js";import{c as d}from"./p-24636c53.js";import{g,b as l,t as m}from"./p-c353678b.js";import{F as c}from"./p-1c1d0bbe.js";import{d as z}from"./p-2af02cbd.js";const w='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizard-bg-color, var(--gov-color-neutral-white))}.gov-wizard-item__header{position:relative;width:100%}.gov-wizard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizard-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-wizard-item__name{display:flex;flex-direction:column}.gov-wizard-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizard-title-font-weight, 700)}.gov-wizard-item__annot{color:var(--gov-color-secondary)}.gov-wizard-item__content>*:last-child{margin-bottom:0}.gov-wizard-item[variant=primary] .gov-wizard-item__header{color:var(--gov-wizard-primary-color, var(--gov-color-primary-800))}.gov-wizard-item[variant=primary] .gov-wizard-item__prefix{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizard-item[variant=secondary] .gov-wizard-item__header{color:var(--gov-wizard-secondary-color, var(--gov-color-secondary-700))}.gov-wizard-item[variant=secondary] .gov-wizard-item__prefix{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizard-item[variant=success] .gov-wizard-item__header{color:var(--gov-wizard-success-color, var(--gov-color-success-500))}.gov-wizard-item[variant=success] .gov-wizard-item__prefix{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizard-item[variant=error] .gov-wizard-item__header{color:var(--gov-wizard-error-color, var(--gov-color-error-500))}.gov-wizard-item[variant=error] .gov-wizard-item__prefix{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizard-item[variant=warning] .gov-wizard-item__header{color:var(--gov-wizard-warning-color, var(--gov-color-warning-500))}.gov-wizard-item[variant=warning] .gov-wizard-item__prefix{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizard-item__header:focus{outline:none}.gov-wizard-item__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}.gov-wizard-item__prefix{position:absolute;left:1rem}.gov-wizard-item__header[aria-expanded=true] .gov-wizard-item__label .gov-icon{transform:scale(-1)}.gov-wizard-item[size=xs] .gov-wizard-item__title,.gov-wizard-item[size=s] .gov-wizard-item__title,.gov-wizard-item[size=m] .gov-wizard-item__title{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)}.gov-wizard-item[size=xs] .gov-wizard-item__annot,.gov-wizard-item[size=s] .gov-wizard-item__annot,.gov-wizard-item[size=m] .gov-wizard-item__annot{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-wizard-item[size=xs] .gov-wizard-item__prefix,.gov-wizard-item[size=s] .gov-wizard-item__prefix,.gov-wizard-item[size=m] .gov-wizard-item__prefix{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);width:var(--gov-wizard-xs-indicator-size, 1.5rem);height:var(--gov-wizard-xs-indicator-size, 1.5rem);top:var(--gov-wizard-xs-top, 1rem)}.gov-wizard-item[size=xs] .gov-wizard-item__prefix+.gov-wizard-item__header,.gov-wizard-item[size=s] .gov-wizard-item__prefix+.gov-wizard-item__header,.gov-wizard-item[size=m] .gov-wizard-item__prefix+.gov-wizard-item__header{padding:var(--gov-wizard-xs-header-padding, 1rem 1rem 1rem 3.5rem)}.gov-wizard-item[size=xs] .gov-wizard-item__content,.gov-wizard-item[size=s] .gov-wizard-item__content,.gov-wizard-item[size=m] .gov-wizard-item__content{padding:var(--gov-wizard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizard-item[variant=primary][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=primary][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=primary][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=secondary][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=secondary][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=secondary][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=success][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=success][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=success][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=error][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=error][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=error][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizard-item[variant=warning][collapsible=""] .gov-wizard-item__header:hover,.gov-wizard-item[variant=warning][collapsible=true i] .gov-wizard-item__header:hover,.gov-wizard-item[variant=warning][collapsible="1"] .gov-wizard-item__header:hover{color:var(--gov-wizard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizard-item__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:flex-start;text-align:left}button.gov-wizard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizard-item[size=s] .gov-wizard-item__title,.gov-wizard-item[size=m] .gov-wizard-item__title{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)}.gov-wizard-item[size=s] .gov-wizard-item__prefix,.gov-wizard-item[size=m] .gov-wizard-item__prefix{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);width:var(--gov-wizard-s-indicator-size, 2rem);height:var(--gov-wizard-s-indicator-size, 2rem);top:var(--gov-wizard-s-top, 0.8125rem)}.gov-wizard-item[size=s] .gov-wizard-item__prefix+.gov-wizard-item__header,.gov-wizard-item[size=m] .gov-wizard-item__prefix+.gov-wizard-item__header{padding:var(--gov-wizard-s-header-padding, 1rem 1rem 1rem 4rem)}}@media (min-width: 48em){.gov-wizard-item[size=m] .gov-wizard-item__title{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)}.gov-wizard-item[size=m] .gov-wizard-item__prefix{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);width:var(--gov-wizard-m-indicator-size, 2.5rem);height:var(--gov-wizard-m-indicator-size, 2.5rem);top:var(--gov-wizard-m-top, 0.5625rem)}.gov-wizard-item[size=m] .gov-wizard-item__prefix+.gov-wizard-item__header{padding:var(--gov-wizard-m-header-padding, 1rem 1rem 1rem 4.5rem)}.gov-wizard-item[size=xs] .gov-wizard-item__content{padding:var(--gov-wizard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizard-item[size=s] .gov-wizard-item__content{padding:var(--gov-wizard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizard-item[size=m] .gov-wizard-item__content{padding:var(--gov-wizard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}';var h;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(h||(h={}));const p=i(class i extends e{constructor(){super();this.__registerHost();this.govChange=r(this,"gov-change",7);this.variant="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.annotation=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.h=g(this.host);this.triggerId=d("GovWizardItem");this.contentId=d("GovWizardContent")}validateLabel(i){if(!i){o(`[${s.root}]: Parameter label is required.`)}}validateTriggerTag(i){const e=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!e.includes(i)){o(`[${s.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){n(v,i,s.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:s.root})}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.labelTag)}render(){const i=this.identifier||this.triggerId;const e=this.labelTag;const r=this.collapsible?h.BUTTON:h.DIV;const o=this.h.hasSlot("prefix")&&a("span",{class:s.prefix},a("slot",{name:"prefix"}));const n=a(e,{class:s.title},a("span",{class:s.name},a("span",{class:s.label},a("span",null,this.label),this.collapsible&&a("gov-icon",{class:s.arrow,name:"chevron-down"})),this.annotation&&a("span",{class:s.annot},this.annotation)));return a(t,{class:this.h.classes(s.root),"is-expanded":this.isExpanded,variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?a(c,null,o,a(r,{id:i,class:s.header,"aria-expanded":l(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":m(this.disabled),onClick:i=>{i.preventDefault();i.stopPropagation();this.collapsible?this.toggle():false}},n)):a(c,null,o,a("div",{class:s.header},n)),this.collapsible?a("div",{class:s.content,id:this.contentId,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":i},a("slot",null)):a("div",{class:s.content,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded},a("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}}static get style(){return w}},[4,"gov-wizard-item",{variant:[1],size:[1],identifier:[1],collapsible:[4],annotation:[1],label:[1],disabled:[4],isExpanded:[1028,"is-expanded"],labelTag:[1,"label-tag"],open:[64],close:[64],toggle:[64],currentState:[64]}]);function _(){if(typeof customElements==="undefined"){return}const i=["gov-wizard-item","gov-icon"];i.forEach((i=>{switch(i){case"gov-wizard-item":if(!customElements.get(i)){customElements.define(i,p)}break;case"gov-icon":if(!customElements.get(i)){z()}break}}))}_();const f=p;const x=_;export{f as GovWizardItem,x as defineCustomElement};
+//# sourceMappingURL=gov-wizard-item.js.map

package/dist/components/gov-wizard-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["govWizardItemCss","Tags","GovWizardItem","proxyCustomElement","H","constructor","this","h","govHost","host","triggerId","createID","contentId","validateLabel","newValue","govErrorLog","WizardItemClass","root","validateTriggerTag","validTags","includes","validateVariant","validateProp","WizardVariants","emmitChange","govChange","emit","expanded","isExpanded","component","componentWillLoad","label","variant","labelTag","render","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","prefixSlot","hasSlot","class","prefix","name","title","arrow","annotation","annot","Host","classes","size","role","Fragment","id","header","booleanString","disabled","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.scss?tag=gov-wizard-item","../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["/*\n *   Wizard - Item\n */\n\n@import \"../gov-wizard/gov-wizard-item-core.scss\";\n$class: \".gov-wizard-item\";\n\n#{$class} {\n\t@include wizard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__prefix {\n\t\tposition: absolute;\n\t\tleft: rem-calc(16);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\ttop: deep-map-get($wizard-sizes, $size-xs, \"top\");\n\t\t\t\t+ #{$class}__header {\n\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-xs, \"header-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-s, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-s, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizard-sizes, $size-m, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizard-sizes, $size-m, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n\tstyleUrl: \"gov-wizard-item.scss\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(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(`[${WizardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizardItemClass.title}>\n\t\t\t\t<span class={WizardItemClass.name}>\n\t\t\t\t\t<span class={WizardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"4UAAA,MAAMA,EAAmB,mqSCUzB,IAAKC,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAAI,K,MASIC,EAAaC,EAAA,MAAAD,UAAAE,EAKzB,WAAAC,G,iFAUgD,U,UAIN,I,2CAQF,M,6DAYH,M,gBAI2B,M,cAIF,KAzC7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,iBAC1BL,KAAKM,UAAYD,EAAS,mB,CA8CnB,aAAAE,CAAcC,GACrB,IAAKA,EAAU,CACdC,EAAY,IAAIC,EAAgBC,sC,EAK1B,kBAAAC,CAAmBJ,GAC1B,MAAMK,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,QACvD,GAAIL,EAAU,CACb,IAAKK,EAAUC,SAASN,GAAW,CAClCC,EAAY,IAAIC,EAAgBC,cAAcH,oB,GAMzC,eAAAO,CAAgBP,GACvBQ,EAAaC,EAAgBT,EAAUE,EAAgBC,K,CAGhD,WAAAO,GACPlB,KAAKmB,UAAUC,KAAK,CAAEC,SAAUrB,KAAKsB,WAAYC,UAAWb,EAAgBC,M,CAG7E,iBAAAa,GACCxB,KAAKO,cAAcP,KAAKyB,OACxBzB,KAAKe,gBAAgBf,KAAK0B,SAC1B1B,KAAKY,mBAAmBZ,KAAK2B,S,CAG9B,MAAAC,GACC,MAAMxB,EAAYJ,KAAK6B,YAAc7B,KAAKI,UAC1C,MAAM0B,EAAW9B,KAAK2B,SACtB,MAAMI,EAAM/B,KAAKgC,YAAcrC,EAAKsC,OAAStC,EAAKuC,IAClD,MAAMC,EAAanC,KAAKC,EAAEmC,QAAQ,WAAcnC,EAAA,QAAMoC,MAAO3B,EAAgB4B,QAAQrC,EAAA,QAAMsC,KAAK,YAEhG,MAAMd,EACLxB,EAAC6B,EAAQ,CAACO,MAAO3B,EAAgB8B,OAChCvC,EAAA,QAAMoC,MAAO3B,EAAgB6B,MAC5BtC,EAAA,QAAMoC,MAAO3B,EAAgBe,OAC5BxB,EAAA,YAAOD,KAAKyB,OACXzB,KAAKgC,aAAe/B,EAAA,YAAUoC,MAAO3B,EAAgB+B,MAAOF,KAAK,kBAGlEvC,KAAK0C,YAAczC,EAAA,QAAMoC,MAAO3B,EAAgBiC,OAAQ3C,KAAK0C,cAKjE,OACCzC,EAAC2C,EAAI,CAACP,MAAOrC,KAAKC,EAAE4C,QAAQnC,EAAgBC,MAAK,cAAeX,KAAKsB,WAAYI,QAAS1B,KAAK0B,QAASoB,KAAM9C,KAAK8C,KAAMC,KAAK,WAAWf,YAAahC,KAAKgC,aACzJhC,KAAKgC,YACL/B,EAAC+C,EAAQ,KACPb,EACDlC,EAAC8B,EAAG,CACHkB,GAAI7C,EACJiC,MAAO3B,EAAgBwC,OAAM,gBACdC,EAAcnD,KAAKsB,YAAW,gBAC9BtB,KAAKM,UACpB8C,SAAUpD,KAAKoD,SAAQ,gBACRC,EAAoBrD,KAAKoD,UACxCE,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFzD,KAAKgC,YAAchC,KAAK0D,SAAW,KAAK,GAGxCjC,IAIHxB,EAAC+C,EAAQ,KACPb,EACDlC,EAAA,OAAKoC,MAAO3B,EAAgBwC,QAASzB,IAGtCzB,KAAKgC,YACL/B,EAAA,OACCoC,MAAO3B,EAAgBiD,QACvBV,GAAIjD,KAAKM,UAAS,cACL6C,GAAenD,KAAKsB,YACjCsC,QAAS5D,KAAKsB,WAAU,kBACPlB,GAEjBH,EAAA,cAGDA,EAAA,OAAKoC,MAAO3B,EAAgBiD,QAAO,cAAeR,GAAenD,KAAKsB,YAAasC,QAAS5D,KAAKsB,YAChGrB,EAAA,c,CAWL,UAAM4D,GACL7D,KAAKsB,WAAa,KAClBtB,KAAKkB,a,CAOC,WAAM4C,GACZ9D,KAAKsB,WAAa,MAClBtB,KAAKkB,a,CAOC,YAAMwC,GACZ1D,KAAKsB,YAActB,KAAKsB,WACxBtB,KAAKkB,a,CAOC,kBAAM6C,GACZ,OAAO/D,KAAKsB,U"}

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

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

package/dist/components/gov-wizard.js

@@ -0,0 +1,2 @@
+import{p as s,H as t,c as i,h as a,d as e}from"./p-2dee9951.js";import{v as o}from"./p-dcb5fb35.js";import{W as n,a as r,b as c}from"./p-6834d779.js";import{g as d}from"./p-c353678b.js";import{v as p}from"./p-4ff831e3.js";import{c as m}from"./p-003e6cca.js";import{d as l}from"./p-03990da5.js";const f=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizard{position:relative;display:block;width:100%}.gov-wizard>*:last-child{margin-bottom:0}";const g=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change",7);this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=d(this.host)}validateSize(s){o(c,s,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(m()){await l(500);await this.validateWcag()}}render(){return a(e,{class:this.h.classes(r.root),role:"list",size:this.size},a("slot",null))}async validateWcag(){p(this.wcagLabel,this.wcagLabelledBy,r.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}static get style(){return f}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]}]);function h(){if(typeof customElements==="undefined"){return}const s=["gov-wizard"];s.forEach((s=>{switch(s){case"gov-wizard":if(!customElements.get(s)){customElements.define(s,g)}break}}))}h();const u=g;const b=h;export{u as GovWizard,b as defineCustomElement};
+//# sourceMappingURL=gov-wizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["govWizardCss","GovWizard","proxyCustomElement","H","constructor","this","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","size","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","class","classes","role","validateWcagLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.scss?tag=gov-wizard","../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["/*\n *   Wizard\n */\n\n$class: \".gov-wizard\";\n\n#{$class} {\n\t@include base();\n\t@include reset-last-margin();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n\tstyleUrl: \"gov-wizard.scss\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.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\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"sSAAA,MAAMA,EAAe,yb,MCcRC,EAASC,EAAA,MAAAD,UAAAE,EAKrB,WAAAC,G,8EAO0C,I,uDANzCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBf,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCV,KAAKI,aAAaJ,KAAKW,K,CAGxB,gBAAAC,GACCZ,KAAKG,KAAKU,iBAAiBC,EAAgBL,MAAMM,SAASC,IACzDA,EAAMC,aAAa,OAAQjB,KAAKW,KAAK,G,CAUvC,wBAAMO,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNpB,KAAKqB,c,EAIb,MAAAC,GACC,OACCrB,EAACsB,EAAI,CAACC,MAAOxB,KAAKC,EAAEwB,QAAQjB,EAAYC,MAAOiB,KAAK,OAAOf,KAAMX,KAAKW,MACrEV,EAAA,a,CASI,kBAAMoB,GACZM,EAAkB3B,KAAK4B,UAAW5B,KAAK6B,eAAgBrB,EAAYC,K"}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,2 @@
+export{g as getAssetPath,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-2dee9951.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/p-003e6cca.js

@@ -0,0 +1,2 @@
+import{a as n}from"./p-03990da5.js";const o=typeof window!=="undefined";const s=s=>o&&window&&n(s,window);const t=()=>{const n={canValidateWcagOnRender:false,warningLog:false,errorLog:false,log:false,iconsPath:"/assets/icons",iconsLazyLoad:true,documentNode:document?document:null};const o=s("GOV_DS_CONFIG");if(o){return Object.assign(Object.assign({},n),o)}return n};const a=()=>t().canValidateWcagOnRender;const c=()=>t().warningLog;const e=()=>t().errorLog;const d=()=>t().log;const r=()=>t().iconsPath;const i=()=>t().iconsLazyLoad;const u=()=>t().documentNode;export{d as a,c as b,a as c,u as d,i as e,r as i,e as u};
+//# sourceMappingURL=p-003e6cca.js.map

package/dist/components/p-003e6cca.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","warningLog","errorLog","log","iconsPath","iconsLazyLoad","documentNode","document","windowProperty","Object","assign","useWarningLog","useErrorLog","useLog"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"mappings":"oCAYO,MAAMA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,WAAY,MACZC,SAAU,MACVC,IAAK,MACLC,UAAW,gBACXC,cAAe,KACfC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBb,EAA2B,iBAClD,GAAIa,EAAgB,CACnB,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYX,GAAkBS,E,CAG/B,OAAOT,CAAa,E,MAGRC,EAA0B,IAA0CF,IAASE,wB,MAC7EW,EAAgB,IAA6Bb,IAASG,W,MACtDW,EAAc,IAA2Bd,IAASI,S,MAClDW,EAAS,IAAsBf,IAASK,I,MACxCC,EAAY,IAA4BN,IAASM,U,MACjDC,EAAgB,IAAgCP,IAASO,c,MACzDC,EAAe,IAA+BR,IAASQ,oB"}

package/dist/components/p-033f8bda.js

@@ -0,0 +1,2 @@
+import{p as s,H as o,h as e,d as r}from"./p-2dee9951.js";import{F as t,a}from"./p-6278531b.js";import{g as i}from"./p-c353678b.js";import{v as n}from"./p-dcb5fb35.js";import{c}from"./p-24636c53.js";const g=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-message{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);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const m=s(class s extends o{constructor(){super();this.__registerHost();this.variant="secondary";this.h=i(this.host);this.messageId=c("GovFormMessage")}validateVariant(s){n(a,s,t.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return e(r,{class:this.h.classes(t.root),variant:this.variant},this.h.hasSlot("icon")&&e("span",{class:t.icon},e("slot",{name:"icon"})),e("span",{id:this.messageId,class:t.content},e("slot",null)))}async identifier(){return this.messageId}get host(){return this}static get watchers(){return{variant:["validateVariant"]}}static get style(){return g}},[4,"gov-form-message",{variant:[1],identifier:[64]}]);function v(){if(typeof customElements==="undefined"){return}const s=["gov-form-message"];s.forEach((s=>{switch(s){case"gov-form-message":if(!customElements.get(s)){customElements.define(s,m)}break}}))}v();export{m as G,v as d};
+//# sourceMappingURL=p-033f8bda.js.map

package/dist/components/p-033f8bda.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["govFormMessageCss","GovFormMessage","proxyCustomElement","H","constructor","this","h","govHost","host","messageId","createID","validateVariant","newValue","validateProp","FormMessageVariants","FormMessageClass","root","componentWillLoad","variant","render","Host","class","classes","hasSlot","icon","name","id","content","identifier"],"sources":["../../../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"],"sourcesContent":["/*\n *   Form Message\n */\n\n$class: \".gov-form-message\";\n$font-size: $font-size-s;\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, FormMessageVariants, FormMessageVariantType } from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\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 message.\n\t */\n\t@Prop({ attribute: 'variant' }) readonly variant?: FormMessageVariantType = 'secondary'\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMessageVariants, 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"],"mappings":"sMAAA,MAAMA,EAAoB,mtC,MCWbC,EAAcC,EAAA,MAAAD,UAAAE,EAI1B,WAAAC,G,2CAS4E,YAR3EC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,iB,CAU3B,eAAAC,CAAgBC,GACfC,EAAaC,EAAqBF,EAAUG,EAAiBC,K,CAG9D,iBAAAC,GACCZ,KAAKM,gBAAgBN,KAAKa,Q,CAG3B,MAAAC,GACC,OACCb,EAACc,EAAI,CAACC,MAAOhB,KAAKC,EAAEgB,QAAQP,EAAiBC,MAAOE,QAASb,KAAKa,SAChEb,KAAKC,EAAEiB,QAAQ,SACfjB,EAAA,QAAMe,MAAON,EAAiBS,MAC7BlB,EAAA,QAAMmB,KAAK,UAGbnB,EAAA,QAAMoB,GAAIrB,KAAKI,UAAWY,MAAON,EAAiBY,SACjDrB,EAAA,c,CAUJ,gBAAMsB,GACL,OAAOvB,KAAKI,S"}

package/dist/components/p-03990da5.js

@@ -0,0 +1,2 @@
+async function t(t){return new Promise((e=>setTimeout(e,t)))}function e(t,e){let n=0;return function(...s){clearTimeout(n);n=setTimeout((()=>t.apply(this,s)),e)}}const n=(t,e)=>Object.prototype.hasOwnProperty.call(e,t);const s=(t,e)=>n(t,e)?e[t]:undefined;const c=(t,e)=>Object.fromEntries(Object.entries(t).filter((([t])=>e.includes(t))));export{s as a,t as d,n as h,c as p,e as t};
+//# sourceMappingURL=p-03990da5.js.map

package/dist/components/p-03990da5.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["async","delay","miliseconds","Promise","resolve","setTimeout","throttle","f","timer","args","clearTimeout","apply","this","has","prop","obj","Object","prototype","hasOwnProperty","call","property","name","object","undefined","pick","keys","fromEntries","entries","filter","key","includes"],"sources":["../../../packages/core/src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n\treturn (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '')\n}\n\nexport async function delay(miliseconds: number): Promise<void> {\n\treturn new Promise(resolve => setTimeout(resolve, miliseconds))\n}\n\nexport function throttle(f: (entries) => void, delay: number) {\n\tlet timer: any = 0\n\treturn function (...args) {\n\t\tclearTimeout(timer)\n\t\ttimer = setTimeout(() => f.apply(this, args), delay)\n\t}\n}\n\n/**\n * Checks if object has that property\n *\n * @param {K} prop\n * @param {T} obj\n * @return {obj is T & Record<K, V>}\n */\nexport const has = <T extends object, K extends PropertyKey, V>(prop: K, obj: T): obj is T & Record<K, V> => {\n\treturn Object.prototype.hasOwnProperty.call(obj, prop)\n}\n\n/**\n * Returns property of given Object\n *\n * @param {K} name\n * @param {T} object\n * @return {(T & Record<K, unknown>)[K]}\n */\nexport const property = <T extends object, K extends keyof T>(name: K, object: T) => {\n\treturn has(name, object) ? object[name] : undefined\n}\n\nexport const pick = <T extends Record<string, unknown>, K extends keyof T>(obj: T, keys: readonly K[]): Pick<T, K> =>\n\tObject.fromEntries(Object.entries(obj).filter(([key]) => (keys as readonly string[]).includes(key))) as Pick<T, K>\n"],"mappings":"AAIOA,eAAeC,EAAMC,GAC3B,OAAO,IAAIC,SAAQC,GAAWC,WAAWD,EAASF,IACnD,C,SAEgBI,EAASC,EAAsBN,GAC9C,IAAIO,EAAa,EACjB,OAAO,YAAaC,GACnBC,aAAaF,GACbA,EAAQH,YAAW,IAAME,EAAEI,MAAMC,KAAMH,IAAOR,E,CAEhD,C,MASaY,EAAM,CAA6CC,EAASC,IACjEC,OAAOC,UAAUC,eAAeC,KAAKJ,EAAKD,G,MAUrCM,EAAW,CAAsCC,EAASC,IAC/DT,EAAIQ,EAAMC,GAAUA,EAAOD,GAAQE,U,MAG9BC,EAAO,CAAuDT,EAAQU,IAClFT,OAAOU,YAAYV,OAAOW,QAAQZ,GAAKa,QAAO,EAAEC,KAAUJ,EAA2BK,SAASD,a"}

package/dist/components/p-15f4916d.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,c as r,h as t,d as n}from"./p-2dee9951.js";import{v as a}from"./p-dcb5fb35.js";import{B as i,a as v,T as l,N as s}from"./p-3c71d697.js";import{g as b,p as g,t as u}from"./p-c353678b.js";import{S as c}from"./p-55500e5a.js";import{b as d,v as p}from"./p-4ff831e3.js";import{c as m}from"./p-003e6cca.js";import{d as y}from"./p-03990da5.js";import{p as h}from"./p-2bf5b814.js";import{d as k}from"./p-2af02cbd.js";function w(e){if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1}else if(typeof e==="number"){return e>0}else if(typeof e==="boolean"){return e}else{return e?true:false}}const f='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;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;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element: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.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled="1"].gov-button{cursor:not-allowed}[hoverable][disabled=""].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled="1"].gov-button .element{pointer-events:none}[expanded=""].gov-button,[expanded=true i].gov-button,[expanded="1"].gov-button{display:block}[expanded=""].gov-button .element,[expanded=true i].gov-button .element,[expanded="1"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][inverse=""].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=""].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled="1"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""][inverse=""].gov-button .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=""].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled="1"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary))}[type=base][variant=primary][inverse=""].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled="1"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-button .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary))}[type=link][variant=primary][inverse=""].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=""].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled="1"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=""][inverse=""].gov-button .element,[type=link][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=link][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=""].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled="1"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=""].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled="1"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary))}[type=base][variant=secondary][inverse=""].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled="1"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary))}[type=link][variant=secondary][inverse=""].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=""].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled="1"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=link][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=error][inverse=""].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=""].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled="1"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""][inverse=""].gov-button .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=""].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled="1"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error))}[type=base][variant=error][inverse=""].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled="1"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-button .element,[type=base][variant=error][disabled=""][inverse=true i].gov-button .element,[type=base][variant=error][disabled=""][inverse="1"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=""].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=error][disabled="1"][inverse=""].gov-button .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error))}[type=link][variant=error][inverse=""].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=""].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled="1"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=""][inverse=""].gov-button .element,[type=link][variant=error][disabled=""][inverse=true i].gov-button .element,[type=link][variant=error][disabled=""][inverse="1"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=""].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=error][disabled="1"][inverse=""].gov-button .element,[type=link][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=success][inverse=""].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=""].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled="1"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""][inverse=""].gov-button .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=""].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled="1"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500))}[type=base][variant=success][inverse=""].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled="1"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-button .element,[type=base][variant=success][disabled=""][inverse=true i].gov-button .element,[type=base][variant=success][disabled=""][inverse="1"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=""].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=success][disabled="1"][inverse=""].gov-button .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500))}[type=link][variant=success][inverse=""].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=""].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled="1"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=""][inverse=""].gov-button .element,[type=link][variant=success][disabled=""][inverse=true i].gov-button .element,[type=link][variant=success][disabled=""][inverse="1"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=""].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=success][disabled="1"][inverse=""].gov-button .element,[type=link][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][inverse=""].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=""].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled="1"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""][inverse=""].gov-button .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=""].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled="1"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500))}[type=base][variant=warning][inverse=""].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled="1"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-button .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500))}[type=link][variant=warning][inverse=""].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=""].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled="1"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=""][inverse=""].gov-button .element,[type=link][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=link][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{justify-content:flex-start;align-items:flex-start;text-align:left;min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading="1"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading="1"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading="1"] .element .gov-icon{margin:0}.gov-button[loading="0"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=""][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading="0"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=""][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading="0"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=""][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading="0"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=""][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading="0"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=""][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}.gov-button[size=s][type=link] .gov-icon{margin-top:4px}.gov-button[size=m][type=link] .gov-icon{margin-top:2px}';var x;(function(e){e["A"]="a";e["BUTTON"]="button"})(x||(x={}));const z=e(class e extends o{constructor(){super();this.__registerHost();this.govClick=r(this,"gov-click",7);this.govFocus=r(this,"gov-focus",7);this.govBlur=r(this,"gov-blur",7);this.variant=undefined;this.size="m";this.type="solid";this.expanded=false;this.inverse=false;this.name=undefined;this.iconLeft=undefined;this.iconRight=undefined;this.disabled=false;this.nativeType="button";this.href=undefined;this.target=undefined;this.download=undefined;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.loading=undefined;this.focusable=true;this.identifier=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagDescription=undefined;this.wcagDetails=undefined;this.wcagExpanded=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.wcagHasPopup=undefined;this.wcagPressed=undefined;this.wcagCurrent=undefined;this.h=b(this.host)}validateVariant(e){a(v,e,i.root)}validateType(e){a(l,e,i.root)}validateSize(e){a(c,e,i.root)}validateNativeType(e){a(s,e,i.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType)}async componentDidRender(){if(m()){await y(500);await this.validateWcag()}}get classNames(){const{h:e}=this;return g([i.root,e.hasSlot("left-icon")&&i.rootWithIcon,e.hasSlot("right-icon")&&i.rootWithIcon])}render(){const e=this.href?x.A:x.BUTTON;const o=e===x.A?undefined:this.nativeType;const r=h(this.iconLeft);const a=h(this.iconRight);return t(n,{hoverable:true,size:this.size,variant:this.variant,class:this.h.classes(this.classNames),type:this.type,inverse:this.inverse},t(e,{class:"element",ref:e=>this.triggerRef=e,onClick:this.onClickHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),disabled:this.disabled,id:this.identifier,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,rel:this.rel,name:this.name,type:o,tabindex:this.focusable?"0":"-1","aria-activedescendant":this.wcagActiveDescendant,"aria-describedby":this.wcagActiveDescendant,"aria-description":this.wcagDescription,"aria-controls":this.wcagControls,"aria-details":this.wcagDetails,"aria-expanded":u(this.wcagExpanded),"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns,"aria-haspopup":u(this.wcagHasPopup),"aria-pressed":u(this.wcagPressed),"aria-disabled":u(this.disabled),"aria-current":this.wcagCurrent},w(this.loading)&&!this.h.hasSlot("right-icon")&&t("gov-icon",{name:"loader",class:"gov-spin-animation"}),this.h.hasSlot("left-icon")&&t("slot",{name:"left-icon"}),r&&t("gov-icon",{type:r.type,name:r.name}),t("slot",null),this.h.hasSlot("right-icon")&&t("slot",{name:"right-icon"}),a&&t("gov-icon",{type:a.type,name:a.name}),w(this.loading)&&this.h.hasSlot("right-icon")&&t("gov-icon",{name:"loader",class:"gov-spin-animation"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false){this.govClick.emit({component:i.root,originalEvent:e,ref:this.host})}}onFocusHandler(e){e.stopPropagation();this.govFocus.emit({component:i.root,originalEvent:e,ref:this.host})}onBlurHandler(e){e.stopPropagation();this.govBlur.emit({component:i.root,originalEvent:e,ref:this.host})}async setFocus(){this.triggerRef.focus()}async getTriggerRef(){return this.triggerRef}async validateWcag(){if(this.focusable){d(this.wcagActiveDescendant,"aria-activedescendant",i.root);d(this.wcagControls,"aria-controls",i.root);d(this.wcagDetails,"aria-details",i.root);d(this.wcagOwns,"aria-owns",i.root);d(this.wcagHasPopup,"aria-haspopup",i.root);p(this.wcagLabel,this.wcagLabelledBy,i.root)}}get host(){return this}static get watchers(){return{variant:["validateVariant"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}static get style(){return f}},[4,"gov-button",{variant:[513],size:[513],type:[513],expanded:[516],inverse:[516],name:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],disabled:[516],nativeType:[1,"native-type"],href:[1],target:[1],download:[4],hreflang:[1],referrerpolicy:[1],rel:[1],loading:[1],focusable:[4],identifier:[1],wcagActiveDescendant:[1,"wcag-active-descendant"],wcagControls:[1,"wcag-controls"],wcagDescribedBy:[1,"wcag-described-by"],wcagDescription:[1,"wcag-description"],wcagDetails:[1,"wcag-details"],wcagExpanded:[4,"wcag-expanded"],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],wcagOwns:[1,"wcag-owns"],wcagHasPopup:[1,"wcag-has-popup"],wcagPressed:[4,"wcag-pressed"],wcagCurrent:[1,"wcag-current"],setFocus:[64],getTriggerRef:[64],validateWcag:[64]}]);function j(){if(typeof customElements==="undefined"){return}const e=["gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-button":if(!customElements.get(e)){customElements.define(e,z)}break;case"gov-icon":if(!customElements.get(e)){k()}break}}))}j();export{z as G,j as d};
+//# sourceMappingURL=p-15f4916d.js.map