@gov-design-system-ce/components 4.0.8-rc23 → 4.1.0-rc1

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

@@ -1 +1 @@
-{"version":3,"names":["TileClass","root","icon","arrow","title","link","content","heading","govTileCss","GovTileStyle0","GovTile","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","hasSlot","name","href","target","ref","el","triggerRef","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.scss?tag=gov-tile","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["export const TileClass = {\n\troot: 'gov-tile',\n\ticon: 'gov-tile__icon',\n\tarrow: 'gov-tile__arrow',\n\ttitle: 'gov-tile__title',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\theading: 'gov-tile__heading',\n}\n","/*\n *   Tile\n */\n\n$class: \".gov-tile\";\n\n#{$class} {\n\t@include base();\n\tpadding: rem-calc(12);\n\ttransition: background-color $t;\n\t&__icon {\n\t\tdisplay: block;\n\t\tmargin: rem-calc(0 0 24 0);\n\t\tcolor: $tile-main-color;\n\t\t.gov-icon {\n\t\t\tdisplay: block;\n\t\t\twidth: rem-calc(40);\n\t\t\theight: rem-calc(40);\n\t\t}\n\t}\n\t&__title {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\tcolor: $tile-main-color;\n\t\ttext-decoration: none;\n\t\tmargin-bottom: rem-calc(8);\n\t\t& [slot=\"title\"] {\n\t\t\t@include typography($font-size-xl);\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\t&__arrow {\n\t\tflex: 0 0 auto;\n\t\twidth: rem-calc(20);\n\t\theight: rem-calc(20);\n\t\tposition: relative;\n\t\ttop: rem-calc(5);\n\t\tcolor: inherit;\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\tcolor: $tile-text-color;\n\t\ta {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\t&__link {\n\t\t@extend %link-mask;\n\t\tdisplay: block;\n\t\ttext-decoration: none;\n\t}\n\n\t// HOVERS\n\t&[href] {\n\t\t@include hover() {\n\t\t\tbackground: $tile-hover-bg;\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\tcolor: $tile-main-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: md) {\n\t\tpadding: rem-calc(24);\n\t\t&__icon {\n\t\t\t.gov-icon {\n\t\t\t\twidth: rem-calc(48);\n\t\t\t\theight: rem-calc(48);\n\t\t\t}\n\t\t}\n\t}\n}\n","import {Component, Element, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n\tstyleUrl: \"gov-tile.scss\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Link on whole tile\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{this.href ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t{this.h.hasSlot(\"title\") && (\n\t\t\t\t\t\t\t<span class={TileClass.title}>\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t<gov-icon class={TileClass.arrow} name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\tthis.h.hasSlot(\"title\") && (\n\t\t\t\t\t\t<span class={TileClass.title}>\n\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"iIAAO,MAAMA,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,MAAO,kBACPC,MAAO,kBACPC,KAAM,iBACNC,QAAS,oBACTC,QAAS,qBCPV,MAAMC,EAAa,owDACnB,MAAAC,EAAeD,E,MCSFE,EAAOC,EAAA,MAAAD,UAAAE,EAcnB,WAAAC,G,wEACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAGvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQtB,EAAUC,OACpCa,KAAKC,EAAEQ,QAAQ,SACfR,EAAA,QAAAK,IAAA,2CAAMC,MAAOrB,EAAUE,MACrBa,EAAA,QAAAK,IAAA,2CAAMI,KAAK,UAGbV,KAAKW,KACLV,EAAA,KACCU,KAAMX,KAAKW,KACXC,OAAQZ,KAAKY,OACbL,MAAOrB,EAAUK,KACjBsB,IAAKC,GAAOd,KAAKe,WAAaD,GAC7Bd,KAAKC,EAAEQ,QAAQ,UACfR,EAAA,QAAMM,MAAOrB,EAAUI,OACtBW,EAAA,QAAMS,KAAK,UACXT,EAAA,YAAUM,MAAOrB,EAAUG,MAAOqB,KAAK,oBAK1CV,KAAKC,EAAEQ,QAAQ,UACdR,EAAA,QAAMM,MAAOrB,EAAUI,OACtBW,EAAA,QAAMS,KAAK,WAIdT,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUM,SACrBS,EAAA,QAAAK,IAAA,8C,CAUJ,mBAAMU,GACL,OAAOhB,KAAKe,U","ignoreList":[]}
+{"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","size","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Tile’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/**\n\t * Style variation of the tile.\n\t */\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Link on whole tile\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  orientation={this.orientation}\n\t\t\t\t  clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\"/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"gNAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAOC,EAAA,MAAAD,UAAAE,EA0BnB,WAAAC,G,wCArBuD,I,yCAQQ,M,0CAc9DC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAGvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQpB,EAAUC,MACnCoB,KAAMT,KAAKS,KACXC,YAAaV,KAAKU,YAClBC,UAAWX,KAAKY,KAAO,KAAO,MAEhCX,EAAA,QAAAK,IAAA,2CAAMO,KAAK,SACXZ,EAAA,OAAAK,IAAA,2CAAKC,MAAOnB,EAAUG,SACrBU,EAAA,OAAAK,IAAA,2CAAKC,MAAOnB,EAAUI,MACrBS,EAAA,OAAAK,IAAA,2CAAKC,MAAOnB,EAAUK,OACpBO,KAAKY,KACLX,EAACa,EAAQ,KACRb,EAAA,KACCW,KAAMZ,KAAKY,KACXG,OAAQf,KAAKe,OACbR,MAAOnB,EAAUE,KACjB0B,IAAKC,GAAOjB,KAAKkB,WAAaD,GAC9BhB,EAAA,QAAMY,KAAK,WAEZZ,EAAA,QAAMM,MAAOnB,EAAUM,MACtBO,EAAA,YAAUY,KAAK,oBAIjBZ,EAAA,QAAMY,KAAK,WAGbZ,EAAA,OAAAK,IAAA,2CAAKC,MAAO,GAAGnB,EAAUO,cAAcK,KAAKY,KAAO,GAAGxB,EAAUO,sBAAwB,MACvFM,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMO,KAAK,Y,CAUf,mBAAMM,GACL,OAAOnB,KAAKkB,U","ignoreList":[]}

package/dist/components/gov-tiles.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as i,d as r}from"./p-5262b9ce.js";import{g as o,p as s}from"./p-d687df8f.js";const d={root:"gov-tiles"};const n=".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-tiles{overflow:hidden}.gov-tiles>*{margin:0 -0.0625rem -0.0625rem 0;border:0.0625rem solid var(--gov-tiles-border-color, var(--gov-color-secondary-500));border-width:0 0 0.0625rem}.gov-tiles>*:last-child{border-bottom-width:0}.gov-tiles[no-border]>*{border:none}@media (min-width: 48em){.gov-tiles{display:grid}.gov-tiles--x2{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x2>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x2>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x2>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 48em) and (max-width: 63.99em){.gov-tiles--x3,.gov-tiles--x4{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x3>*,.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+3),.gov-tiles--x4>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x3>*:nth-child(2n+2),.gov-tiles--x4>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 64em){.gov-tiles--x3{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x3>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x3>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 64em) and (max-width: 74.99em){.gov-tiles--x4{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x4>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 75em){.gov-tiles--x4{grid-template-columns:repeat(4, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+5){border-top-width:0}.gov-tiles--x4>*:nth-child(4n+4){border-right-width:0}}";const l=n;const m=e(class e extends t{constructor(){super();this.__registerHost();this.columns=3;this.noBorder=false;this.h=o(this.host)}get classNames(){return s([d.root,this.columns&&d.root+"--x"+this.columns])}render(){return i(r,{key:"d40e5e036c92e0f68da55d9d9cdbb16ca2d5c366",class:this.h.classes(this.classNames)},i("slot",{key:"79b03146c76ec394c9e22edb823c95acb7467d62"}))}get host(){return this}static get style(){return l}},[4,"gov-tiles",{columns:[2],noBorder:[4,"no-border"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["gov-tiles"];e.forEach((e=>{switch(e){case"gov-tiles":if(!customElements.get(e)){customElements.define(e,m)}break}}))}h();const a=m;const c=h;export{a as GovTiles,c as defineCustomElement};
+import{p as s,H as t,h as e,d as o}from"./p-ae3dada7.js";import{g as c}from"./p-0075138f.js";const n={root:"gov-tiles"};const r=s(class s extends t{constructor(){super();this.__registerHost();this.columns=4;this.h=c(this.host)}render(){return e(o,{key:"9d2c26d6717e7d3e5780e322823f94773e515f97",class:this.h.classes(n.root)},e("slot",{key:"7b4557531dcabfae72d123a578d43764cc3f03b5"}))}get host(){return this}},[4,"gov-tiles",{columns:[514]}]);function i(){if(typeof customElements==="undefined"){return}const s=["gov-tiles"];s.forEach((s=>{switch(s){case"gov-tiles":if(!customElements.get(s)){customElements.define(s,r)}break}}))}i();const a=r;const d=i;export{a as GovTiles,d as defineCustomElement};
 //# sourceMappingURL=gov-tiles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TilesClass","root","govTilesCss","GovTilesStyle0","GovTiles","proxyCustomElement","H","constructor","this","h","govHost","host","classNames","prepareClasses","columns","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-tile/container/constants.ts","../../../packages/core/src/components/gov-tile/container/gov-tiles.scss?tag=gov-tiles","../../../packages/core/src/components/gov-tile/container/gov-tiles.tsx"],"sourcesContent":["export const TilesClass = {\n\troot: 'gov-tiles',\n}\n","/*\n *   Tiles\n */\n\n$class: \".gov-tiles\";\n$line-width: rem-calc(1);\n\n@mixin grid-lines($i) {\n\tgrid-template-columns: repeat(#{$i}, 1fr);\n\t& > * {\n\t\tborder-width: $line-width $line-width $line-width 0;\n\t\t&:nth-child(-n + #{$i + 1}) {\n\t\t\tborder-top-width: 0;\n\t\t}\n\t\t&:nth-child(#{$i}n + #{$i}) {\n\t\t\tborder-right-width: 0;\n\t\t}\n\t}\n}\n\n#{$class} {\n\toverflow: hidden;\n\t& > * {\n\t\tmargin: 0 calc($line-width * -1) calc($line-width * -1) 0;\n\t\tborder: $line-width solid $tiles-border-color;\n\t\tborder-width: 0 0 $line-width;\n\t\t&:last-child {\n\t\t\tborder-bottom-width: 0;\n\t\t}\n\t}\n\t&[no-border] {\n\t\t& > * {\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@include mq($from: md) {\n\t\tdisplay: grid;\n\t\t&--x2 {\n\t\t\t@include grid-lines(2);\n\t\t}\n\t\t@include mq($until: lg) {\n\t\t\t&--x3,\n\t\t\t&--x4 {\n\t\t\t\t@include grid-lines(2);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: lg) {\n\t\t&--x3 {\n\t\t\t@include grid-lines(3);\n\t\t}\n\t\t@include mq($until: xl) {\n\t\t\t&--x4 {\n\t\t\t\t@include grid-lines(3);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: xl) {\n\t\t&--x4 {\n\t\t\t@include grid-lines(4);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { TilesClass } from './constants'\nimport { prepareClasses } from '../../../helpers/Dom/template'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-tiles',\n\tstyleUrl: 'gov-tiles.scss',\n})\nexport class GovTiles {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Number of columns between 1-4\n\t */\n\t@Prop() readonly columns: number = 3\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\n\t@Element() host: HTMLGovTilesElement\n\n\tget classNames(): string {\n\t\treturn prepareClasses([TilesClass.root, this.columns && TilesClass.root + '--x' + this.columns])\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(this.classNames)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oGAAO,MAAMA,EAAa,CACzBC,KAAM,aCDP,MAAMC,EAAc,89DACpB,MAAAC,EAAeD,E,MCSFE,EAAQC,EAAA,MAAAD,UAAAE,EAGpB,WAAAC,G,2CAMmC,E,cAI4B,MAT9DC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,cAAIC,GACH,OAAOC,EAAe,CAACb,EAAWC,KAAMO,KAAKM,SAAWd,EAAWC,KAAO,MAAQO,KAAKM,S,CAGxF,MAAAC,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOV,KAAKC,EAAEU,QAAQX,KAAKI,aAChCH,EAAA,QAAAQ,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["TilesClass","root","GovTiles","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-tile/container/constants.ts","../../../packages/core/src/components/gov-tile/container/gov-tiles.tsx"],"sourcesContent":["export const TilesClass = {\n\troot: 'gov-tiles',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {TilesClass} from './constants'\nimport {govHost} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-tiles',\n})\nexport class GovTiles {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Number of columns between 2-6\n\t */\n\t@Prop({reflect: true}) readonly columns: number = 4\n\n\t@Element() host: HTMLGovTilesElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TilesClass.root)}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAa,CACzBC,KAAM,a,MCOMC,EAAQC,EAAA,MAAAD,UAAAE,EAGpB,WAAAC,G,2CAOkD,EANjDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAUvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAWC,OACtCM,EAAA,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-toast.js

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as r,h as a,d as s}from"./p-5262b9ce.js";import{v as i}from"./p-344c72d7.js";import{V as e,T as c}from"./p-03dbb8b1.js";import{p as n}from"./p-e0e2e9c1.js";import{g as v}from"./p-d687df8f.js";import{c as g}from"./p-cd6c2938.js";import{d as l}from"./p-9d5a8ed9.js";import{d}from"./p-2594e525.js";const m=n(e,["SUCCESS","WARNING","ERROR","SECONDARY","PRIMARY"]);n(c,["CLASSIC","SOLID"]);const p={root:"gov-toast",hidden:"gov-toast--hidden",icon:"gov-toast__icon",content:"gov-toast__content",close:"gov-toast__close",timer:"gov-toast__timer"};const h=".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-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white));z-index:301;position:relative;position:fixed;max-width:23.4375rem;padding-right:3.125rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content>*:last-child{margin-bottom:0}.gov-toast__content p{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)}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.5rem;right:0.75rem}.gov-toast__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[type=solid i]{border:none;border-radius:0.25rem;overflow:hidden;box-shadow:none}.gov-toast[type=solid i].is-initialized .gov-toast__timer{transform-origin:right;animation:countdown linear forwards var(--toast-duration, 0)}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning][type=solid i]{background-color:var(--gov-toast-warning-background, var(--gov-color-warning));color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-warning-timer-background, rgba(var(--gov-color-warning-500-rgb), 0.3))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error][type=solid i]{background-color:var(--gov-toast-error-background, var(--gov-color-error));color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-error-timer-background, rgba(var(--gov-color-error-500-rgb), 0.5))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success][type=solid i]{background-color:var(--gov-toast-success-background, var(--gov-color-success-500));color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-success-timer-background, rgba(var(--gov-color-success-600-rgb), 0.5))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary][type=solid i]{background-color:var(--gov-toast-primary-background, var(--gov-color-primary));color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-primary-timer-background, rgba(var(--gov-color-primary-700-rgb), 0.5))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary][type=solid i]{background-color:var(--gov-toast-secondary-background, var(--gov-color-secondary));color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-secondary-timer-background, rgba(var(--gov-color-secondary-900-rgb), 0.5))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";const u=h;const b=o(class o extends t{constructor(){super();this.__registerHost();this.govClose=r(this,"gov-close",7);this.variant="primary";this.gravity="top";this.position="right";this.type="classic";this.time=0;this.closeLabel=undefined;this.wcagCloseLabel=undefined;this.h=v(this.host);this.toastId=g("GovToast")}validateVariant(o){i(m,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.runTimer()}disconnectedCallback(){clearTimeout(this.timeout)}runTimer(){if(this.isSolid){this.host.classList.add("is-initialized")}if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(p.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return a(s,{key:"b787b06ae995d69f9b47c55428d16de742721ad6",class:this.h.classes([p.root,"gov-box-shadow--m"]),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,variant:this.variant,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&a("span",{key:"70b8a2891d348d3ad70d99a7c73a99b2c96ef84e",class:p.icon},a("slot",{key:"ac010084e7210912bb5a003d29ad0409c2db0a16",name:"icon"})),a("div",{key:"8150882a239ef1151eecbc0058adc8f4ecbc83ed",class:p.content,"aria-live":"polite",role:"status"},a("slot",{key:"79af1fbe49ba974e450468ac59986633f7023687"})),a("div",{key:"e4ddbec0d42482c8e66bd55b480e1615d116cc5c",class:p.close},a("gov-button",{key:"ac694b58a4316ad71664a81985ae31491ce67d16",size:"s","wcag-label":this.wcagCloseLabel,variant:this.isSolid?this.variant:"secondary",inverse:this.isSolid,type:"base","on-gov-click":this.onCloseHandler.bind(this)},this.closeLabel?this.closeLabel:a("gov-icon",{name:"x-lg"}))),a("div",{key:"f4bf8cd714fd1aeffb5e63931100fa1b6108a162",class:p.timer}))}onCloseHandler(){this.destroy().then((()=>this.govClose.emit(this.toastId))).catch()}get isSolid(){return this.type==="solid"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const o=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(o){o.classList.add(p.hidden);if(typeof o.remove==="function"){o.remove()}}}get host(){return this}static get watchers(){return{variant:["validateVariant"]}}static get style(){return u}},[4,"gov-toast",{variant:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],wcagCloseLabel:[1,"wcag-close-label"],destroy:[64]},undefined,{variant:["validateVariant"]}]);function y(){if(typeof customElements==="undefined"){return}const o=["gov-toast","gov-button","gov-icon"];o.forEach((o=>{switch(o){case"gov-toast":if(!customElements.get(o)){customElements.define(o,b)}break;case"gov-button":if(!customElements.get(o)){l()}break;case"gov-icon":if(!customElements.get(o)){d()}break}}))}y();const f=b;const _=y;export{f as GovToast,_ as defineCustomElement};
+import{p as t,H as s,c as e,h as i,d as o}from"./p-ae3dada7.js";import{v as a}from"./p-19c681a3.js";import{C as c}from"./p-e3aeaca0.js";import{p as r}from"./p-e0e2e9c1.js";import{g as n}from"./p-0075138f.js";import{c as h}from"./p-95d41a3b.js";import{A as d,a as l,i as m}from"./p-33d5d1ed.js";import{d as f}from"./p-1366ed8d.js";import{d as u}from"./p-d5f25595.js";const b=r(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var p;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(p||(p={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=e(this,"gov-close",7);this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.closeLabel=undefined;this.accessibleCloseLabel=undefined;this.inheritedAttributes={};this.h=n(this.host);this.toastId=h("GovToast")}validateColor(t){a(b,t,v.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=m(this.host)}disconnectedCallback(){clearTimeout(this.timeout);this.attributeObserver.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(o,{key:"940d040e89e39a45d89398d0b1bf7df0ad541132",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("slot",{key:"83468790661861781f8c1a0cbbb3b9a81f4a3120",name:"icon"}),i("div",Object.assign({key:"ae1ade607226894dfa26a0a5d9cd8dc727d23ea7",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"a53e4ec532d32417cd64950cc174c63c83e1a7eb"})),i("gov-button",{key:"5e8ff6bc372ff702e883386e0968a61a297afdf5",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg"})),i("div",{key:"bf031915e9731e8f34a922651948f5a2efd8e95c",class:v.timer}))}onCloseHandler(){this.destroy().then((()=>this.govClose.emit(this.toastId))).catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){f()}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}y();const j=g;const k=y;export{j as GovToast,k as defineCustomElement};
 //# sourceMappingURL=gov-toast.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ToastVariants","pick","Variants","Types","ToastClass","root","hidden","icon","content","close","timer","govToastCss","GovToastStyle0","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","key","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,wsKACpB,MAAAC,EAAeD,E,MCUFE,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,EAAazB,EAAewB,EAAUpB,EAAWC,K,CAGlD,iBAAAqB,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,IAAI9B,EAAWE,QACnC8B,YAAW,KACVnB,KAAKoB,UAAUC,QACfrB,KAAKsB,SAASC,KAAKvB,KAAKI,QAAQ,GAC9B,IAAI,GACLJ,KAAKwB,K,EAIV,MAAAC,GACC,OACCxB,EAACyB,EAAI,CAAAC,IAAA,2CACJC,MAAO5B,KAAKC,EAAE4B,QAAQ,CAAC1C,EAAWC,KAAM,sBAAqB,gBAC9CY,KAAKI,QACpB0B,QAAS9B,KAAK8B,QACdC,SAAU/B,KAAK+B,SACfrB,QAASV,KAAKU,QACdsB,KAAMhC,KAAKgC,KACXC,MAAO,CAAE,mBAAoBjC,KAAKwB,KAAO,OAExCxB,KAAKC,EAAEiC,QAAQ,SACfjC,EAAA,QAAA0B,IAAA,2CAAMC,MAAOzC,EAAWG,MACvBW,EAAA,QAAA0B,IAAA,2CAAMQ,KAAK,UAIblC,EAAA,OAAA0B,IAAA,2CAAKC,MAAOzC,EAAWI,QAAO,YAAY,SAAS6C,KAAK,UACvDnC,EAAA,QAAA0B,IAAA,8CAGD1B,EAAA,OAAA0B,IAAA,2CAAKC,MAAOzC,EAAWK,OACtBS,EAAA,cAAA0B,IAAA,2CACCU,KAAK,IAAG,aACIrC,KAAKsC,eACjB5B,QAASV,KAAKe,QAAUf,KAAKU,QAAU,YACvC6B,QAASvC,KAAKe,QACdiB,KAAK,OAAM,eACGhC,KAAKwC,eAAeC,KAAKzC,OAEtCA,KAAK0C,WAAa1C,KAAK0C,WAAazC,EAAA,YAAUkC,KAAK,WAItDlC,EAAA,OAAA0B,IAAA,2CAAKC,MAAOzC,EAAWM,Q,CAKlB,cAAA+C,GACPxC,KAAKoB,UACHuB,MAAK,IAAM3C,KAAKsB,SAASC,KAAKvB,KAAKI,WACnCiB,O,CAGH,WAAIN,GACH,OAAOf,KAAKgC,OAAS,O,CAGtB,WAAId,GACH,OAAO0B,OAAOC,UAAU7C,KAAKwB,OAASxB,KAAKwB,KAAO,C,CAOnD,aAAMJ,GACLP,aAAab,KAAKc,SAClB,MAAMgC,EAAQC,SAASC,cAAc,mBAAmBhD,KAAKI,aAC7D,GAAI0C,EAAO,CACVA,EAAM9B,UAAUC,IAAI9B,EAAWE,QAC/B,UAAWyD,EAAMG,SAAW,WAAY,CACvCH,EAAMG,Q","ignoreList":[]}
+{"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","close","timer","GovToast","proxyCustomElement","H","constructor","this","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","color","runTimer","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","time","render","Host","key","class","classes","gravity","position","type","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","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.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\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 color?: ToastColorType = \"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 = \"bold\"\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: \"accessible-close-label\"}) readonly accessibleCloseLabel: 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(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t\tthis.attributeObserver.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate runTimer() {\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)}\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\tcolor={this.color}\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<slot name=\"icon\"/>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t</gov-button>\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 isBold(): boolean {\n\t\treturn this.type === \"bold\"\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":"8WAIO,MAAMA,EAAcC,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGnF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAS,KAMd,MAAMC,EAAa,CACzBC,KAAM,YACNC,OAAQ,oBACRC,QAAS,qBACTC,MAAO,mBACPC,MAAO,oB,MCLKC,EAAQC,EAAA,MAAAD,UAAAE,EAMpB,WAAAC,G,6EAS0C,U,aAKG,M,cAIY,Q,UAIhB,O,UAIT,E,uFAmBW,GA5C1CC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,W,CAuCzB,aAAAC,CAAcC,GACbC,EAAatB,EAAaqB,EAAUjB,EAAWC,K,CAKhD,gBAAAkB,GACCT,KAAKU,kBAAoB,IAAIC,EAAkBX,KAAKG,MAAM,CAACS,EAAeL,KACzEP,KAAKa,sBAAsBD,EAAeL,EAAS,IAGpDP,KAAKU,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACChB,KAAKM,cAAcN,KAAKiB,OACxBjB,KAAKkB,WACLlB,KAAKmB,oBAAsBC,EAAsBpB,KAAKG,K,CAIvD,oBAAAkB,GACCC,aAAatB,KAAKuB,SAClBvB,KAAKU,kBAAkBc,e,CAGxB,qBAAAX,CAAsBD,EAAuBL,GAC5CP,KAAKG,KAAKsB,gBAAgBb,GAC1BZ,KAAKmB,oBAAmBO,OAAAC,OAAAD,OAAAC,OAAA,GAAO3B,KAAKmB,qBAAmB,CAAEP,CAACA,GAAgBL,G,CAGnE,QAAAW,GACP,GAAIlB,KAAK4B,QAAS,CACjB5B,KAAKuB,QAAUM,YAAW,KACzB7B,KAAKG,KAAK2B,UAAUC,IAAIzC,EAAWE,QACnCqC,YAAW,KACV7B,KAAKgC,UAAUC,QACfjC,KAAKkC,SAASC,KAAKnC,KAAKI,QAAQ,GAC9B,IAAI,GACLJ,KAAKoC,K,EAIV,MAAAC,GACC,OACCpC,EAACqC,EAAI,CAAAC,IAAA,2CACJC,MAAOxC,KAAKC,EAAEwC,QAAQnD,EAAWC,MAAK,gBACvBS,KAAKI,QACpBsC,QAAS1C,KAAK0C,QACdC,SAAU3C,KAAK2C,SACf1B,MAAOjB,KAAKiB,MACZ2B,KAAM5C,KAAK4C,KACXC,MAAO,CAAC,mBAAoB7C,KAAKoC,KAAO,OAEvCpC,KAAKC,EAAE6C,QAAQ,SACf7C,EAAA,QAAAsC,IAAA,2CAAMQ,KAAK,SAGZ9C,EAAA,MAAAyB,OAAAC,OAAA,CAAAY,IAAA,2CAAKC,MAAOlD,EAAWG,SAAaO,KAAKmB,oBAAmB,aAAY,SAAS6B,KAAK,WACrF/C,EAAA,QAAAsC,IAAA,8CAGDtC,EAAA,cAAAsC,IAAA,2CACCU,KAAK,IAAG,aACIjD,KAAKkD,qBACjBjC,MAAOjB,KAAKmD,OAASnD,KAAKiB,MAAQ,UAClC2B,KAAK,OAAM,eACG5C,KAAKoD,eAAeC,KAAKrD,MACvCwC,MAAOlD,EAAWI,OAEjBM,KAAKsD,WAAatD,KAAKsD,WAAarD,EAAA,YAAU8C,KAAK,UAGrD9C,EAAA,OAAAsC,IAAA,2CAAKC,MAAOlD,EAAWK,Q,CAKlB,cAAAyD,GACPpD,KAAKgC,UACHuB,MAAK,IAAMvD,KAAKkC,SAASC,KAAKnC,KAAKI,WACnC6B,O,CAGH,UAAIkB,GACH,OAAOnD,KAAK4C,OAAS,M,CAGtB,WAAIhB,GACH,OAAO4B,OAAOC,UAAUzD,KAAKoC,OAASpC,KAAKoC,KAAO,C,CAOnD,aAAMJ,GACLV,aAAatB,KAAKuB,SAClB,MAAMmC,EAAQC,SAASC,cAAc,mBAAmB5D,KAAKI,aAC7D,GAAIsD,EAAO,CACVA,EAAM5B,UAAUC,IAAIzC,EAAWE,QAC/B,UAAWkE,EAAMG,SAAW,WAAY,CACvCH,EAAMG,Q","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as t,H as o,h as e,d as i}from"./p-5262b9ce.js";import{T as r,a as n,b as s}from"./p-ce45c786.js";import{a}from"./p-d687df8f.js";import{d as l}from"./p-9d5a8ed9.js";import{d as v}from"./p-2594e525.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=c;const g=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,{key:"15e0348874c3c09ba1febdb056ad2eaf89a1d9a5",class:s.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!a(this.isVisible),"is-visible":this.isVisible},e("slot",{key:"14ed9f3cd9c30587ad6e97cf199b5b2939b4540b"}),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 p}},[4,"gov-tooltip-content",{variant:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]},undefined,{isVisible:["visibleContent"]}]);function d(){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,g)}break;case"gov-button":if(!customElements.get(t)){l()}break;case"gov-icon":if(!customElements.get(t)){v()}break}}))}d();const m=g;const b=d;export{m as GovTooltipContent,b as defineCustomElement};
+import{p as t,H as s,h as e,d as i}from"./p-ae3dada7.js";import{T as o,a as n,b as a}from"./p-565120d5.js";import{c}from"./p-0075138f.js";import{d as l}from"./p-1366ed8d.js";import{d as r}from"./p-d5f25595.js";const d=t(class t extends s{constructor(){super();this.__registerHost();this.color=o.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,{key:"53f6685cde44dc337600773140715671884c8d1f",class:a.root,role:"tooltip",hidden:!this.isVisible,"aria-hidden":!c(this.isVisible),"is-visible":this.isVisible},e("slot",{key:"5f552ef5d7b650ae3bca48a41a244d058f9812a7"}),this.persist?e("gov-button",{"on-gov-click":this.hideContent.bind(this),color:this.color,size:this.size,type:"base"},e("gov-icon",{slot:"left-icon",name:"x-lg",type:"basic"})):null)}get host(){return this}static get watchers(){return{isVisible:["visibleContent"]}}},[4,"gov-tooltip-content",{color:[1],size:[1],persist:[4],isVisible:[1028,"is-visible"],parentId:[1,"parent-id"]},undefined,{isVisible:["visibleContent"]}]);function h(){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,d)}break;case"gov-button":if(!customElements.get(t)){l()}break;case"gov-icon":if(!customElements.get(t)){r()}break}}))}h();const f=d;const m=h;export{f as GovTooltipContent,m as defineCustomElement};
 //# sourceMappingURL=gov-tooltip-content.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["govTooltipContentCss","GovTooltipContentStyle0","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","key","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,87IAC7B,MAAAC,EAAeD,E,MCOFE,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,CAAAC,IAAA,2CACJC,MAAOC,EAAoBC,KAC3BC,KAAM,UACNC,QAASvB,KAAKO,UAAS,eACTiB,EAAWxB,KAAKO,WAAU,aAC5BP,KAAKO,WACjBS,EAAA,QAAAE,IAAA,6CACClB,KAAKQ,QACLQ,EAAA,6BACehB,KAAKM,YAAYmB,KAAKzB,MACpC0B,QAAS1B,KAAK0B,QACdC,KAAM3B,KAAK2B,KACXC,KAAM,OACNC,QAAS7B,KAAK0B,UAAYjC,EAAeqC,WACzCd,EAAA,YAAUe,KAAM,YAAaC,KAAM,OAAQJ,KAAM,WAE/C,K","ignoreList":[]}
+{"version":3,"names":["GovTooltipContent","proxyCustomElement","H","TooltipColors","PRIMARY","TooltipSize","_M","visibleContent","newValue","clearTimeout","this","timeout","setTimeout","host","style","visibility","hideContent","isVisible","persist","parentEl","document","getElementById","parentId","hide","catch","render","h","Host","key","class","TooltipContentClass","root","role","hidden","toBoolAttr","bind","color","size","type","slot","name"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\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 color?: TooltipColorType = TooltipColors.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\tcolor={this.color}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}>\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":"wNAOaA,EAAiBC,EAAA,MAAAD,UAAAE,E,uDAOeC,EAAcC,Q,UAIhBC,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,CAAAC,IAAA,2CACJC,MAAOC,EAAoBC,KAC3BC,KAAM,UACNC,QAASvB,KAAKO,UAAS,eACTiB,EAAWxB,KAAKO,WAAU,aAC5BP,KAAKO,WACjBS,EAAA,QAAAE,IAAA,6CACClB,KAAKQ,QACLQ,EAAA,6BACehB,KAAKM,YAAYmB,KAAKzB,MACpC0B,MAAO1B,KAAK0B,MACZC,KAAM3B,KAAK2B,KACXC,KAAM,QACNZ,EAAA,YAAUa,KAAM,YAAaC,KAAM,OAAQF,KAAM,WAE/C,K","ignoreList":[]}

package/dist/components/gov-tooltip.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,h as s,d as e}from"./p-5262b9ce.js";import{v as o}from"./p-344c72d7.js";import{T as n,a as h,b as a,c as r,d as c}from"./p-ce45c786.js";import{c as d}from"./p-cd6c2938.js";import{g as p}from"./p-d687df8f.js";import{d as l}from"./p-e618f1cb.js";import{t as f}from"./p-240c302e.js";const m='.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 u=m;const v=t(class t extends i{constructor(){super();this.__registerHost();this.tooltipContentId=undefined;this.tooltipId=undefined;this.variant=n.PRIMARY;this.size=h._M;this.position="right";this.message=undefined;this.identifier=undefined;this.icon=undefined;this.persist=false;this.h=p(this.host);this.tooltipId=d("GovTooltip");this.tooltipContentId=d("GovContentTooltip")}validateVariant(t){o(n,t,c.root)}validateSize(t){o(h,t,c.root)}validatePosition(t){o(r,t,c.root)}rerenderMessage(){this.createContentWrapper()}connectedCallback(){this.createContentWrapper();this.registerListeners()}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.validatePosition(this.position)}componentDidUpdate(){this.createContentWrapper()}disconnectedCallback(){this.removeContent()}createContentWrapper(){var t;if(this.tooltipContent){if(this.message){this.tooltipContent.innerHTML=this.message}else if(this.insideContent){this.tooltipContent.innerHTML=this.insideContent.innerHTML}return}let i;if(this.insideContent){i=this.insideContent}else{i=l().createElement(a.root);i.innerHTML=this.message}i.setAttribute("id",(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId);i.setAttribute("parent-id",this.tooltipId);i.setAttribute("variant",this.variant);i.setAttribute("size",this.size);l().body.appendChild(i)}get tooltipContent(){var t;return l().body.querySelector(`#${(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId}`)}get insideContent(){return this.host.querySelector(a.root)}registerListeners(){this.host.addEventListener("click",(t=>{t.preventDefault();this.persist=true;if(this.tooltipContent){this.tooltipContent.setAttribute("persist","true")}this.showTooltip()}));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-(window.innerWidth-document.documentElement.clientWidth);const s=this.host.getBoundingClientRect();const e=this.host.offsetWidth;const o=this.host.offsetHeight;const n=this.tooltipContent.offsetWidth;const h=this.tooltipContent.offsetHeight;const a={left:s.left+document.documentElement.scrollLeft,top:s.top+document.documentElement.scrollTop};const c=a.left+t+s.width+n<=i;const d=a.left>n;if(this.position===r.LEFT||this.position===r.RIGHT){this.tooltipContent.style.top=a.top-(h-o)/2+"px";if(c===false&&d===false){this.position=r.TOP;this.tooltipContent.setAttribute("position",r.TOP)}if(d&&c===false&&this.position===r.RIGHT){this.position=r.LEFT}if(c&&d===false&&this.position===r.LEFT){this.position=r.RIGHT}}if(this.position===r.RIGHT){this.tooltipContent.setAttribute("position",r.RIGHT);this.tooltipContent.style.left=a.left+t+s.width+"px"}if(this.position===r.LEFT){this.tooltipContent.setAttribute("position",r.LEFT);this.tooltipContent.style.left=a.left-(n+t)+"px"}if(this.position===r.TOP||this.position===r.BOTTOM){if(n>e){let s=a.left-(n-e)/2;const o=s<0;const h=s+n>i;if(o&&h){this.tooltipContent.style.width="auto";this.tooltipContent.style.left=t+"px";this.tooltipContent.style.right=t+"px"}else{if(o){s=t}if(h){s=s-(i-(s+n+t))*-1}this.tooltipContent.style.left=s+"px"}}else{const t=a.left+(e-n)/2;this.tooltipContent.style.left=t+"px"}}if(this.position===r.TOP){this.tooltipContent.setAttribute("position",r.TOP);this.tooltipContent.style.top=a.top-(h+t)+"px"}if(this.position===r.BOTTOM){this.tooltipContent.setAttribute("position",r.BOTTOM);this.tooltipContent.style.top=a.top+(o+t)+"px"}this.tooltipContent.style.opacity="1"}showTooltip(){if(this.tooltipContent){this.tooltipContent.style.opacity="0";this.tooltipContent.hidden=false;this.tooltipContent.setAttribute("is-visible","true");f((()=>{this.verifyPositionSpace()}))}}hideTooltip(){if(this.tooltipContent){this.tooltipContent.setAttribute("is-visible","false");this.tooltipContent.setAttribute("persist","false");this.tooltipContent.removeAttribute("style")}}removeContent(){const t=document.getElementById(this.tooltipContentId);if(t){t.remove()}}render(){var t;return s(e,{key:"1402123adc836432aea584d5cd90bfe735e99e0e",id:this.tooltipId,class:this.h.classes(c.root),position:this.position},s("span",{key:"58cc8f347973bbeb97031281f7799d9c9556fe28",role:"button",tabindex:0,onKeyPress:()=>this.showTooltip(),onBlur:()=>{if(this.persist===false){this.hideTooltip()}},"aria-describedby":(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId},s("slot",{key:"e6b793a876835338fd779ee15d558f56ec885bd7"})))}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"],message:["rerenderMessage"]}}static get style(){return u}},[4,"gov-tooltip",{variant:[1],size:[1],position:[1025],message:[1],identifier:[1],icon:[516],persist:[32],show:[64],hide:[64]},undefined,{variant:["validateVariant"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip"];t.forEach((t=>{switch(t){case"gov-tooltip":if(!customElements.get(t)){customElements.define(t,v)}break}}))}g();const b=v;const y=g;export{b as GovTooltip,y as defineCustomElement};
+import{p as t,H as i,h as s,d as e}from"./p-ae3dada7.js";import{v as o}from"./p-19c681a3.js";import{T as h,a as n,b as a,c as r,d as c}from"./p-565120d5.js";import{c as l}from"./p-95d41a3b.js";import{g as d}from"./p-0075138f.js";import{e as f}from"./p-7501abe8.js";import{t as p}from"./p-26618322.js";const u=t(class t extends i{constructor(){super();this.__registerHost();this.tooltipContentId=undefined;this.tooltipId=undefined;this.color=h.PRIMARY;this.size=n._M;this.position="right";this.message=undefined;this.identifier=undefined;this.icon=undefined;this.persist=false;this.h=d(this.host);this.tooltipId=l("GovTooltip");this.tooltipContentId=l("GovContentTooltip")}validateColor(t){o(h,t,c.root)}validateSize(t){o(n,t,c.root)}validatePosition(t){o(r,t,c.root)}rerenderMessage(){this.createContentWrapper()}connectedCallback(){this.createContentWrapper();this.registerListeners()}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.validatePosition(this.position)}componentDidUpdate(){this.createContentWrapper()}disconnectedCallback(){this.removeContent()}createContentWrapper(){var t;if(this.tooltipContent){if(this.message){this.tooltipContent.innerHTML=this.message}else if(this.insideContent){this.tooltipContent.innerHTML=this.insideContent.innerHTML}return}let i;if(this.insideContent){i=this.insideContent}else{i=f().createElement(a.root);i.innerHTML=this.message}i.setAttribute("id",(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId);i.setAttribute("parent-id",this.tooltipId);i.setAttribute("color",this.color);i.setAttribute("size",this.size);f().body.appendChild(i)}get tooltipContent(){var t;return f().body.querySelector(`#${(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId}`)}get insideContent(){return this.host.querySelector(a.root)}registerListeners(){this.host.addEventListener("click",(t=>{t.preventDefault();this.persist=true;if(this.tooltipContent){this.tooltipContent.setAttribute("persist","true")}this.showTooltip()}));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-(window.innerWidth-document.documentElement.clientWidth);const s=this.host.getBoundingClientRect();const e=this.host.offsetWidth;const o=this.host.offsetHeight;const h=this.tooltipContent.offsetWidth;const n=this.tooltipContent.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 l=a.left>h;if(this.position===r.LEFT||this.position===r.RIGHT){this.tooltipContent.style.top=a.top-(n-o)/2+"px";if(c===false&&l===false){this.position=r.TOP;this.tooltipContent.setAttribute("position",r.TOP)}if(l&&c===false&&this.position===r.RIGHT){this.position=r.LEFT}if(c&&l===false&&this.position===r.LEFT){this.position=r.RIGHT}}if(this.position===r.RIGHT){this.tooltipContent.setAttribute("position",r.RIGHT);this.tooltipContent.style.left=a.left+t+s.width+"px"}if(this.position===r.LEFT){this.tooltipContent.setAttribute("position",r.LEFT);this.tooltipContent.style.left=a.left-(h+t)+"px"}if(this.position===r.TOP||this.position===r.BOTTOM){if(h>e){let s=a.left-(h-e)/2;const o=s<0;const n=s+h>i;if(o&&n){this.tooltipContent.style.width="auto";this.tooltipContent.style.left=t+"px";this.tooltipContent.style.right=t+"px"}else{if(o){s=t}if(n){s=s-(i-(s+h+t))*-1}this.tooltipContent.style.left=s+"px"}}else{const t=a.left+(e-h)/2;this.tooltipContent.style.left=t+"px"}}if(this.position===r.TOP){this.tooltipContent.setAttribute("position",r.TOP);this.tooltipContent.style.top=a.top-(n+t)+"px"}if(this.position===r.BOTTOM){this.tooltipContent.setAttribute("position",r.BOTTOM);this.tooltipContent.style.top=a.top+(o+t)+"px"}this.tooltipContent.style.opacity="1"}showTooltip(){if(this.tooltipContent){this.tooltipContent.style.opacity="0";this.tooltipContent.hidden=false;this.tooltipContent.setAttribute("is-visible","true");p((()=>{this.verifyPositionSpace()}))}}hideTooltip(){if(this.tooltipContent){this.tooltipContent.setAttribute("is-visible","false");this.tooltipContent.setAttribute("persist","false");this.tooltipContent.removeAttribute("style")}}removeContent(){const t=document.getElementById(this.tooltipContentId);if(t){t.remove()}}render(){var t;return s(e,{key:"f6273f5b0285855de2678de6cf9e56b3a538d1a2",id:this.tooltipId,class:this.h.classes(c.root),position:this.position},s("span",{key:"1625bc58fec8bde766c69a072d4c8a3968271ab8",role:"button",tabindex:0,onKeyPress:()=>this.showTooltip(),onBlur:()=>{if(this.persist===false){this.hideTooltip()}},"aria-describedby":(t=this.identifier)!==null&&t!==void 0?t:this.tooltipContentId},s("slot",{key:"54fccbe8a9f1e53affd40fe026739cb5c278c902"})))}async show(){this.showTooltip()}async hide(){this.persist=false;this.hideTooltip()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}}},[4,"gov-tooltip",{color:[1],size:[1],position:[1025],message:[1],identifier:[1],icon:[516],persist:[32],show:[64],hide:[64]},undefined,{color:["validateColor"],size:["validateSize"],position:["validatePosition"],message:["rerenderMessage"]}]);function m(){if(typeof customElements==="undefined"){return}const t=["gov-tooltip"];t.forEach((t=>{switch(t){case"gov-tooltip":if(!customElements.get(t)){customElements.define(t,u)}break}}))}m();const v=u;const b=m;export{v as GovTooltip,b as defineCustomElement};
 //# sourceMappingURL=gov-tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["govTooltipCss","GovTooltipStyle0","GovTooltip","proxyCustomElement","H","constructor","this","tooltipContentId","undefined","tooltipId","TooltipVariant","PRIMARY","TooltipSize","_M","h","govHost","host","createID","validateVariant","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","rerenderMessage","createContentWrapper","connectedCallback","registerListeners","componentWillLoad","variant","size","position","componentDidUpdate","disconnectedCallback","removeContent","tooltipContent","message","innerHTML","insideContent","content","documentNode","createElement","TooltipContentClass","setAttribute","_a","identifier","body","appendChild","querySelector","addEventListener","e","preventDefault","persist","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","document","documentElement","clientWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","tick","removeAttribute","contentEl","getElementById","remove","render","Host","key","id","class","classes","role","tabindex","onKeyPress","onBlur","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\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n\tstyleUrl: \"gov-tooltip.scss\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\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\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\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\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\n\t\t\t} else if (this.insideContent) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tcontent.innerHTML = this.message\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"variant\", this.variant)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\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.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\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 - (window.innerWidth - document.documentElement.clientWidth);\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.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.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.tooltipContent.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.tooltipContent.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.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.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.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.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.tooltipContent.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.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.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\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\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":"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","ignoreList":[]}
+{"version":3,"names":["GovTooltip","proxyCustomElement","H","constructor","this","tooltipContentId","undefined","tooltipId","TooltipColors","PRIMARY","TooltipSize","_M","h","govHost","host","createID","validateColor","newValue","validateProp","TooltipClass","root","validateSize","validatePosition","TooltipPosition","rerenderMessage","createContentWrapper","connectedCallback","registerListeners","componentWillLoad","color","size","position","componentDidUpdate","disconnectedCallback","removeContent","tooltipContent","message","innerHTML","insideContent","content","documentNode","createElement","TooltipContentClass","setAttribute","_a","identifier","body","appendChild","querySelector","addEventListener","e","preventDefault","persist","showTooltip","hideTooltip","verifyPositionSpace","offset","windowWidth","window","innerWidth","document","documentElement","clientWidth","trigger","getBoundingClientRect","trgWidth","offsetWidth","trgHeight","offsetHeight","contentWidth","contentHeight","triggerPos","left","scrollLeft","top","scrollTop","isRightSpace","width","isLeftSpace","LEFT","RIGHT","style","TOP","BOTTOM","leftPosition","isNotLeftSpace","isNotRightSpace","right","opacity","hidden","tick","removeAttribute","contentEl","getElementById","remove","render","Host","key","id","class","classes","role","tabindex","onKeyPress","onBlur","show","hide"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx"],"sourcesContent":["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\tTooltipColors,\n\tTooltipColorType,\n} from \"./constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {documentNode} from \"../../helpers/Dom/win\";\nimport {Nullable} from \"../../utils/helpers.types\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-tooltip\",\n})\nexport class GovTooltip {\n\tprivate h: GovHost\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 color?: TooltipColorType = TooltipColors.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(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TooltipColors, 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\t@Watch(\"message\")\n\trerenderMessage(): void {\n\t\tthis.createContentWrapper();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.createContentWrapper()\n\t\tthis.registerListeners()\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.validatePosition(this.position)\n\t}\n\n\tcomponentDidUpdate() {\n\t\tthis.createContentWrapper()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.removeContent()\n\t}\n\n\tprivate createContentWrapper() {\n\t\tif (this.tooltipContent) {\n\t\t\tif (this.message) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\n\t\t\t} else if (this.insideContent) {\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tlet content: HTMLGovTooltipContentElement;\n\t\tif (this.insideContent) {\n\t\t\tcontent = this.insideContent\n\t\t} else {\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\n\t\t\tcontent.innerHTML = this.message\n\t\t}\n\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\n\t\tcontent.setAttribute(\"color\", this.color)\n\t\tcontent.setAttribute(\"size\", this.size)\n\t\tdocumentNode().body.appendChild(content)\n\t}\n\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\n\t}\n\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\n\t\treturn this.host.querySelector(TooltipContentClass.root)\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.tooltipContent) {\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\n\t\t\t}\n\t\t\tthis.showTooltip()\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 - (window.innerWidth - document.documentElement.clientWidth);\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.tooltipContent.offsetWidth\n\t\tconst contentHeight = this.tooltipContent.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.tooltipContent.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.tooltipContent.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.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.LEFT) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\n\t\t\tthis.tooltipContent.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.tooltipContent.style.width = \"auto\";\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\n\t\t\t\t\tthis.tooltipContent.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.tooltipContent.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.tooltipContent.style.left = leftPosition + \"px\"\n\t\t\t}\n\t\t}\n\t\tif (this.position === TooltipPosition.TOP) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\n\t\t}\n\t\tif (this.position === TooltipPosition.BOTTOM) {\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\n\t\t}\n\n\t\tthis.tooltipContent.style.opacity = '1'\n\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.style.opacity = '0'\n\t\t\tthis.tooltipContent.hidden = false\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\n\t\t\ttick(() => {\n\t\t\t\tthis.verifyPositionSpace()\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate hideTooltip() {\n\t\tif (this.tooltipContent) {\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\n\t\t\tthis.tooltipContent.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\tonKeyPress={() => this.showTooltip()}\n\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\tif (this.persist === false) {\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\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":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as i,H as e,c as r,h as a,d as t}from"./p-5262b9ce.js";import{a as o}from"./p-e296ca83.js";import{v as d}from"./p-344c72d7.js";import{W as n,c as s}from"./p-20fd8011.js";import{c as v}from"./p-cd6c2938.js";import{g,b as l,t as c}from"./p-d687df8f.js";import{F as m}from"./p-1c1d0bbe.js";import{d as z}from"./p-2594e525.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)}}';const h=w;var p;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(p||(p={}));const _=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=v("GovWizardItem");this.contentId=v("GovWizardContent")}validateLabel(i){if(!i){o(`[${n.root}]: Parameter label is required.`)}}validateTriggerTag(i){const e=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!e.includes(i)){o(`[${n.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){d(s,i,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.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?p.BUTTON:p.DIV;const o=this.h.hasSlot("prefix")&&a("span",{key:"aa8b3e09672d7eb2cd3fc814ab9f8ae1bcd43c2b",class:n.prefix},a("slot",{key:"62fc06467a464aba3901fc62dc6f47adf3413422",name:"prefix"}));const d=a(e,{key:"b9a8c019d5b47d4ed9c6eccb78516defbc35fbb7",class:n.title},a("span",{key:"cc89cdc775d6afc508dea1f2a6870693142c0fa6",class:n.name},a("span",{key:"4f807faebe3ce3ead18950a1863fa97e18294ef8",class:n.label},a("span",{key:"a274fc53292f4b6c9325b5e2f3704b538f47c122"},this.label),this.collapsible&&a("gov-icon",{key:"71c767aa5cf6dd2de0d2ccf7de77204db666df37",class:n.arrow,name:"chevron-down"})),this.annotation&&a("span",{key:"6c473c4c192f19eed6eedaeb6a0d2d977480ada1",class:n.annot},this.annotation)));return a(t,{key:"217eae403f99c25199e7a5cd9994ff73c5ab8568",class:this.h.classes(n.root),"is-expanded":this.isExpanded,variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?a(m,null,o,a(r,{id:i,class:n.header,"aria-expanded":l(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":c(this.disabled),onClick:i=>{i.preventDefault();i.stopPropagation();this.collapsible?this.toggle():false}},d)):a(m,null,o,a("div",{class:n.header},d)),this.collapsible?a("div",{class:n.content,id:this.contentId,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":i},a("slot",null)):a("div",{class:n.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 h}},[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]},undefined,{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}]);function f(){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,_)}break;case"gov-icon":if(!customElements.get(i)){z()}break}}))}f();const x=_;const b=f;export{x as GovWizardItem,b as defineCustomElement};
+import{p as s,H as t,c as i,h as e,d as a}from"./p-ae3dada7.js";import{v as o}from"./p-19c681a3.js";import{W as n,c}from"./p-0c93dd39.js";import{c as d}from"./p-95d41a3b.js";import{g as h,b as l,t as r}from"./p-0075138f.js";import{d as m}from"./p-d5f25595.js";var f;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(f||(f={}));const p=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change",7);this.hydrated=false;this.color="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=h(this.host);this.triggerId=d("GovWizardItem");this.contentId=d("GovWizardContent")}validateColor(s){o(c,s,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?f.BUTTON:f.DIV;const i=this.h.hasSlot("prefix")&&e("span",{key:"3f59956339df074998165a5224c9df58054b3f34",class:n.prefix},e("slot",{key:"6c9b2007a4480ea06d9c1968c9c9f90b1d03fe12",name:"prefix"}));return e(a,{key:"7c6523696e4ee074c82047d453355a46460e5f29",class:this.h.classes(n.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},e("div",{key:"1881b5a37ce7b3587295ed8a38a5923afbf2ffdb",class:n.header},i,this.collapsible?e(t,{id:s,class:this.h.classes(n.label),"aria-expanded":l(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":r(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down"})),e("slot",{name:"annotation"})):e(t,{class:this.h.classes(n.label)},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down"})),e("slot",{name:"annotation"}))),this.collapsible?e("div",{class:n.content,id:this.contentId,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},e("slot",null)):e("div",{class:n.content,"aria-hidden":l(!this.isExpanded),hidden:!this.isExpanded},e("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{color:["validateColor"]}}},[4,"gov-wizard-item",{color:[1],size:[1],identifier:[1],collapsible:[4],disabled:[4],isExpanded:[1028,"is-expanded"],open:[64],close:[64],toggle:[64],currentState:[64]},undefined,{color:["validateColor"]}]);function u(){if(typeof customElements==="undefined"){return}const s=["gov-wizard-item","gov-icon"];s.forEach((s=>{switch(s){case"gov-wizard-item":if(!customElements.get(s)){customElements.define(s,p)}break;case"gov-icon":if(!customElements.get(s)){m()}break}}))}u();const v=p;const b=u;export{v as GovWizardItem,b as defineCustomElement};
 //# sourceMappingURL=gov-wizard-item.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["govWizardItemCss","GovWizardItemStyle0","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","key","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,mqSACzB,MAAAC,EAAeD,ECSf,IAAKE,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,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgB6B,QAAQtC,EAAA,QAAAoC,IAAA,2CAAMG,KAAK,YAEhG,MAAMf,EACLxB,EAAC6B,EAAQ,CAAAO,IAAA,2CAACC,MAAO5B,EAAgB+B,OAChCxC,EAAA,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgB8B,MAC5BvC,EAAA,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgBe,OAC5BxB,EAAA,QAAAoC,IAAA,4CAAOrC,KAAKyB,OACXzB,KAAKgC,aAAe/B,EAAA,YAAAoC,IAAA,2CAAUC,MAAO5B,EAAgBgC,MAAOF,KAAK,kBAGlExC,KAAK2C,YAAc1C,EAAA,QAAAoC,IAAA,2CAAMC,MAAO5B,EAAgBkC,OAAQ5C,KAAK2C,cAKjE,OACC1C,EAAC4C,EAAI,CAAAR,IAAA,2CAACC,MAAOtC,KAAKC,EAAE6C,QAAQpC,EAAgBC,MAAK,cAAeX,KAAKsB,WAAYI,QAAS1B,KAAK0B,QAASqB,KAAM/C,KAAK+C,KAAMC,KAAK,WAAWhB,YAAahC,KAAKgC,aACzJhC,KAAKgC,YACL/B,EAACgD,EAAQ,KACPd,EACDlC,EAAC8B,EAAG,CACHmB,GAAI9C,EACJkC,MAAO5B,EAAgByC,OAAM,gBACdC,EAAcpD,KAAKsB,YAAW,gBAC9BtB,KAAKM,UACpB+C,SAAUrD,KAAKqD,SAAQ,gBACRC,EAAoBtD,KAAKqD,UACxCE,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACF1D,KAAKgC,YAAchC,KAAK2D,SAAW,KAAK,GAGxClC,IAIHxB,EAACgD,EAAQ,KACPd,EACDlC,EAAA,OAAKqC,MAAO5B,EAAgByC,QAAS1B,IAGtCzB,KAAKgC,YACL/B,EAAA,OACCqC,MAAO5B,EAAgBkD,QACvBV,GAAIlD,KAAKM,UAAS,cACL8C,GAAepD,KAAKsB,YACjCuC,QAAS7D,KAAKsB,WAAU,kBACPlB,GAEjBH,EAAA,cAGDA,EAAA,OAAKqC,MAAO5B,EAAgBkD,QAAO,cAAeR,GAAepD,KAAKsB,YAAauC,QAAS7D,KAAKsB,YAChGrB,EAAA,c,CAWL,UAAM6D,GACL9D,KAAKsB,WAAa,KAClBtB,KAAKkB,a,CAOC,WAAM6C,GACZ/D,KAAKsB,WAAa,MAClBtB,KAAKkB,a,CAOC,YAAMyC,GACZ3D,KAAKsB,YAActB,KAAKsB,WACxBtB,KAAKkB,a,CAOC,kBAAM8C,GACZ,OAAOhE,KAAKsB,U","ignoreList":[]}
+{"version":3,"names":["Tags","GovWizardItem","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","WizardColors","WizardItemClass","root","emmitChange","govChange","emit","expanded","isExpanded","component","componentWillLoad","color","connectedCallback","render","identifier","Tag","collapsible","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","Host","classes","size","role","header","id","label","booleanString","disabled","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","headline","chevron","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, 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\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\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 color?: WizardColorType = \"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 * 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 * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, 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.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\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\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\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={this.h.classes(WizardItemClass.label)}\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.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\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}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\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</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":"oQAQA,IAAKA,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAAI,K,MAQIC,EAAaC,EAAA,MAAAD,UAAAE,EAMzB,WAAAC,G,oEAFQC,KAAAC,SAAW,M,WAYwB,U,UAID,I,2CAQF,M,cAIH,M,gBAI2B,MA7B/DD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,UAAYC,EAAS,iBAC1BN,KAAKO,UAAYD,EAAS,mB,CAkCnB,aAAAE,CAAcC,GACrBC,EAAaC,EAAcF,EAAUG,EAAgBC,K,CAG9C,WAAAC,GACPd,KAAKe,UAAUC,KAAK,CAAEC,SAAUjB,KAAKkB,WAAYC,UAAWP,EAAgBC,M,CAG7E,iBAAAO,GACCpB,KAAKQ,cAAcR,KAAKqB,M,CAGzB,iBAAAC,GACCtB,KAAKC,SAAW,I,CAGjB,MAAAsB,GACC,MAAMlB,EAAYL,KAAKwB,YAAcxB,KAAKK,UAC1C,MAAMoB,EAAMzB,KAAK0B,YAAc/B,EAAKgC,OAAShC,EAAKiC,IAClD,MAAMC,EAAa7B,KAAKE,EAAE4B,QAAQ,WAAc5B,EAAA,QAAA6B,IAAA,2CAAMC,MAAOpB,EAAgBqB,QAAQ/B,EAAA,QAAA6B,IAAA,2CAAMG,KAAK,YAEhG,OACChC,EAACiC,EAAI,CAAAJ,IAAA,2CAACC,MAAOhC,KAAKE,EAAEkC,QAAQxB,EAAgBC,MAAK,cACjCb,KAAKkB,WAClBG,MAAOrB,KAAKqB,MACZgB,KAAMrC,KAAKqC,KACXC,KAAK,WACLZ,YAAa1B,KAAK0B,YAClBzB,SAAUD,KAAKC,UACjBC,EAAA,OAAA6B,IAAA,2CAAKC,MAAOpB,EAAgB2B,QAC1BV,EACA7B,KAAK0B,YACLxB,EAACuB,EAAG,CACHe,GAAInC,EACJ2B,MAAOhC,KAAKE,EAAEkC,QAAQxB,EAAgB6B,OAAM,gBAC7BC,EAAc1C,KAAKkB,YAAW,gBAC9BlB,KAAKO,UACpBoC,SAAU3C,KAAK2C,SAAQ,gBACRC,EAAoB5C,KAAK2C,UACxCE,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFhD,KAAKiD,QAAQ,GAGd/C,EAAA,QAAM8B,MAAOpB,EAAgBsC,UAC5BhD,EAAA,QAAMgC,KAAK,aACVlC,KAAK0B,aAAexB,EAAA,YAAU8B,MAAOpB,EAAgBuC,QAASjB,KAAK,kBAErEhC,EAAA,QAAMgC,KAAK,gBAGZhC,EAACuB,EAAG,CAACO,MAAOhC,KAAKE,EAAEkC,QAAQxB,EAAgB6B,QAC1CvC,EAAA,QAAM8B,MAAOpB,EAAgBsC,UAC5BhD,EAAA,QAAMgC,KAAK,aACVlC,KAAK0B,aAAexB,EAAA,YAAU8B,MAAOpB,EAAgBuC,QAASjB,KAAK,kBAErEhC,EAAA,QAAMgC,KAAK,iBAIblC,KAAK0B,YACLxB,EAAA,OACC8B,MAAOpB,EAAgBwC,QACvBZ,GAAIxC,KAAKO,UAAS,cACLmC,GAAe1C,KAAKkB,YACjCmC,QAASrD,KAAKkB,WAAU,kBACPb,GAEjBH,EAAA,cAGDA,EAAA,OAAK8B,MAAOpB,EAAgBwC,QAAO,cACpBV,GAAe1C,KAAKkB,YACjCmC,QAASrD,KAAKkB,YAEfhB,EAAA,c,CAWL,UAAMoD,GACLtD,KAAKkB,WAAa,KAClBlB,KAAKc,a,CAOC,WAAMyC,GACZvD,KAAKkB,WAAa,MAClBlB,KAAKc,a,CAOC,YAAMmC,GACZjD,KAAKkB,YAAclB,KAAKkB,WACxBlB,KAAKc,a,CAOC,kBAAM0C,GACZ,OAAOxD,KAAKkB,U","ignoreList":[]}

package/dist/components/gov-wizard.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as e,h as i,d as a}from"./p-5262b9ce.js";import{v as o}from"./p-344c72d7.js";import{W as n,a as r,b as c}from"./p-20fd8011.js";import{g as d}from"./p-d687df8f.js";import{v as f}from"./p-71cec4ef.js";import{c as p}from"./p-e618f1cb.js";import{d as m}from"./p-e0e2e9c1.js";const l=".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=l;const h=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(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(p()){await m(500);await this.validateWcag()}}render(){return i(a,{key:"6c9fb7d8876298a79c1109b0f601e4d3ffd8f80a",class:this.h.classes(r.root),role:"list",size:this.size},i("slot",{key:"b6e9dfab06005556e8d2dd0c1616272f4b705f97"}))}async validateWcag(){f(this.wcagLabel,this.wcagLabelledBy,r.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}static get style(){return g}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const s=["gov-wizard"];s.forEach((s=>{switch(s){case"gov-wizard":if(!customElements.get(s)){customElements.define(s,h)}break}}))}u();const b=h;const v=u;export{b as GovWizard,v as defineCustomElement};
+import{p as e,H as s,c as t,h as a,d as i}from"./p-ae3dada7.js";import{v as o}from"./p-19c681a3.js";import{W as d,a as c,b as r}from"./p-0c93dd39.js";import{g as n}from"./p-0075138f.js";import{a as f}from"./p-9a93146e.js";import{d as h}from"./p-7501abe8.js";import{d as l}from"./p-e0e2e9c1.js";const m=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.hydrated=false;this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=n(this.host)}validateSize(e){o(r,e,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(d.root).forEach((e=>{e.setAttribute("size",this.size)}))}async componentDidRender(){if(h()){await l(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return a(i,{key:"5dd1ff1d4239f078562f4fbda12e37e6d3586b50",class:this.h.classes(c.root),role:"list",size:this.size,hydrated:this.hydrated},a("slot",{key:"eefabfef3f6ff5367a440df275cce51b179b24b4"}))}async validateWcag(){f(this.wcagLabel,this.wcagLabelledBy,c.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function p(){if(typeof customElements==="undefined"){return}const e=["gov-wizard"];e.forEach((e=>{switch(e){case"gov-wizard":if(!customElements.get(e)){customElements.define(e,m)}break}}))}p();const b=m;const u=p;export{b as GovWizard,u as defineCustomElement};
 //# sourceMappingURL=gov-wizard.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["govWizardCss","GovWizardStyle0","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","key","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,ybACrB,MAAAC,EAAeD,E,MCaFE,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,CAAAC,IAAA,2CAACC,MAAOzB,KAAKC,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAOhB,KAAMX,KAAKW,MACrEV,EAAA,QAAAuB,IAAA,6C,CASI,kBAAMH,GACZO,EAAkB5B,KAAK6B,UAAW7B,KAAK8B,eAAgBtB,EAAYC,K","ignoreList":[]}
+{"version":3,"names":["GovWizard","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","size","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["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 { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\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\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\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\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"4SAaaA,EAASC,EAAA,MAAAD,UAAAE,EAMrB,WAAAC,G,oEAJQC,KAAAC,SAAW,M,UAWuB,I,uDANzCD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAqBf,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCX,KAAKK,aAAaL,KAAKY,K,CAGxB,gBAAAC,GACCb,KAAKI,KAAKU,iBAAiBC,EAAgBL,MAAMM,SAASC,IACzDA,EAAMC,aAAa,OAAQlB,KAAKY,KAAK,G,CAUvC,wBAAMO,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNrB,KAAKsB,c,EAIb,iBAAAC,GACCvB,KAAKC,SAAW,I,CAGjB,MAAAuB,GACC,OACCtB,EAACuB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKE,EAAE0B,QAAQnB,EAAYC,MAAOmB,KAAK,OAAOjB,KAAMZ,KAAKY,KAAMX,SAAUD,KAAKC,UAC1FC,EAAA,QAAAwB,IAAA,6C,CASI,kBAAMJ,GACZQ,EAAwB9B,KAAK+B,UAAW/B,KAAKgC,eAAgBvB,EAAYC,K","ignoreList":[]}

package/dist/components/index.js

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

package/dist/components/p-0075138f.js

@@ -0,0 +1,2 @@
+const t=t=>{if(Array.isArray(t)===false)return;return t.filter((t=>!!t)).join(" ").trim()};const e=t=>{const e=t.querySelector("slot");if(e){return e.assignedNodes().filter((t=>t.nodeName!=="#text"))}return[]};const r=t=>t?"true":"false";const s=t=>({get hostElement(){return t},get name(){return this.hostElement.nodeName.toLowerCase()},hasSlot(t){return!!this.getSlot(t)},isSlotEmpty(t){const e=this.getSlot(t);if(e){return e.childNodes.length===0}return false},getSlot(t){const e=Array.from(this.hostElement.querySelectorAll(`[slot="${t}"]`));return e.length>0?e[0]:null},getParent(t){return this.hostElement.closest(t)},passChildAttr(t,e,r){if(Array.isArray(t)){t.forEach((t=>{this.hostElement.querySelectorAll(t).forEach((t=>t.setAttribute(e,r)))}))}else{this.hostElement.querySelectorAll(t).forEach((t=>t.setAttribute(e,r)))}},removeChildAttr(t,e){if(Array.isArray(t)){t.forEach((t=>{this.hostElement.querySelectorAll(t).forEach((t=>t.removeAttribute(e)))}))}else{this.hostElement.querySelectorAll(t).forEach((t=>t.removeAttribute(e)))}},get slottedChildren(){const t=this.hostElement.shadowRoot.querySelector("slot");if(t){return t.assignedNodes().filter((t=>t.nodeName!=="#text"))}return[]},classes(t){const e=Array.isArray(t)?t.join(" "):t;if(this.hostElement){return this.hostElement.classList.toString()+" "+e}return e}});const n=t=>{if(typeof t==="string"){return["true","True","TRUE","1"].indexOf(t)!==-1?"true":"false"}else if(typeof t==="number"){return t>0?"true":"false"}else if(typeof t==="boolean"){return t?"true":"false"}else{return t?"true":"false"}};const o=t=>{if(typeof t==="string"){return["true","True","TRUE","1","On","on","ON"].indexOf(t)!==-1?"on":"off"}else if(typeof t==="number"){return t>0?"on":"off"}else if(typeof t==="boolean"){return t?"on":"off"}else{return t?"on":"off"}};const f=t=>typeof t==="undefined"?undefined:n(t);const u=t=>typeof t==="undefined"?undefined:o(t);const i=t=>t?"0":"-1";export{i as a,r as b,n as c,u as d,s as g,t as p,e as s,f as t};
+//# sourceMappingURL=p-0075138f.js.map

package/dist/components/p-0075138f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prepareClasses","classes","Array","isArray","filter","classname","join","trim","slottedChildren","host","slotted","querySelector","assignedNodes","node","nodeName","booleanString","value","govHost","hostElement","name","this","toLowerCase","hasSlot","getSlot","isSlotEmpty","slot","childNodes","length","slottedElements","from","querySelectorAll","getParent","element","closest","passChildAttr","selector","forEach","child","setAttribute","removeChildAttr","removeAttribute","shadowRoot","clearClasses","classList","toString","toBoolAttr","indexOf","toOnOffAttr","toBoolAttrIfDefined","undefined","toOnOffAttrIfDefined","boolToFocusValue"],"sources":["../../../packages/core/src/helpers/Dom/template.ts"],"sourcesContent":["import {HTMLStencilElement} from '@stencil/core/internal'\nimport {GovHost} from './template.types'\nimport {Nullable} from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const slottedChildren = (host: HTMLStencilElement): Node[] => {\n\tconst slotted = host.querySelector('slot') as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\treturn node.nodeName !== '#text'\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? 'true' : 'false'\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tisSlotEmpty(name: string): boolean {\n\t\t\tconst slot = this.getSlot(name)\n\t\t\tif (slot) {\n\t\t\t\treturn slot.childNodes.length === 0\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\tconst slottedElements = Array.from(this.hostElement.querySelectorAll(`[slot=\"${name}\"]`)) as HTMLElement[];\n\t\t\treturn slottedElements.length > 0 ? slottedElements[0] : null;\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tconst slotted = this.hostElement.shadowRoot.querySelector('slot') as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\t\t\treturn node.nodeName !== '#text'\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif (this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t},\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'true' : 'false'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'true' : 'false'\n\t} else {\n\t\treturn value ? 'true' : 'false'\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'on' : 'off'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'on' : 'off'\n\t} else {\n\t\treturn value ? 'on' : 'off'\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toOnOffAttr(value)\n}\n\nexport const boolToFocusValue = (value: boolean): undefined | string => {\n\treturn value ? '0' : '-1'\n}\n"],"mappings":"MAIaA,EAAkBC,IAC9B,GAAIC,MAAMC,QAAQF,KAAa,MAAO,OACtC,OAAOA,EACLG,QAAOC,KAAeA,IACtBC,KAAK,KACLC,MAAM,E,MAGIC,EAAmBC,IAC/B,MAAMC,EAAUD,EAAKE,cAAc,QACnC,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAOS,GAC9BA,EAAKC,WAAa,S,CAG3B,MAAO,EAAE,E,MAGGC,EAAiBC,GACtBA,EAAQ,OAAS,Q,MAGZC,EAAWR,IAChB,CACN,eAAIS,GACH,OAAOT,C,EAER,QAAIU,GACH,OAAOC,KAAKF,YAAYJ,SAASO,a,EAElC,OAAAC,CAAQH,GACP,QAASC,KAAKG,QAAQJ,E,EAEvB,WAAAK,CAAYL,GACX,MAAMM,EAAOL,KAAKG,QAAQJ,GAC1B,GAAIM,EAAM,CACT,OAAOA,EAAKC,WAAWC,SAAW,C,CAEnC,OAAO,K,EAER,OAAAJ,CAAQJ,GACP,MAAMS,EAAkB1B,MAAM2B,KAAKT,KAAKF,YAAYY,iBAAiB,UAAUX,QAC/E,OAAOS,EAAgBD,OAAS,EAAIC,EAAgB,GAAK,I,EAE1D,SAAAG,CAAUC,GACT,OAAOZ,KAAKF,YAAYe,QAAQD,E,EAEjC,aAAAE,CAAcC,EAA6BhB,EAAcH,GACxD,GAAId,MAAMC,QAAQgC,GAAW,CAC5BA,EAASC,SAAQD,IAChBf,KAAKF,YAAYY,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMC,aAAanB,EAAMH,IAAO,G,KAExF,CACNI,KAAKF,YAAYY,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMC,aAAanB,EAAMH,I,GAGxF,eAAAuB,CAAgBJ,EAA6BhB,GAC5C,GAAIjB,MAAMC,QAAQgC,GAAW,CAC5BA,EAASC,SAAQD,IAChBf,KAAKF,YAAYY,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMG,gBAAgBrB,IAAM,G,KAEpF,CACNC,KAAKF,YAAYY,iBAAiBK,GAAUC,SAAQC,GAASA,EAAMG,gBAAgBrB,I,GAGrF,mBAAIX,GACH,MAAME,EAAUU,KAAKF,YAAYuB,WAAW9B,cAAc,QAC1D,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAOS,GAC9BA,EAAKC,WAAa,S,CAG3B,MAAO,E,EAER,OAAAb,CAAQA,GACP,MAAMyC,EAAexC,MAAMC,QAAQF,GAAWA,EAAQK,KAAK,KAAOL,EAClE,GAAImB,KAAKF,YAAa,CACrB,OAAOE,KAAKF,YAAYyB,UAAUC,WAAa,IAAMF,C,CAEtD,OAAOA,C,UAKGG,EAAc7B,IAC1B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAK8B,QAAQ9B,MAAY,EAAI,OAAS,O,MAChE,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,OAAS,O,MACtB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,OAAS,O,KAClB,CACN,OAAOA,EAAQ,OAAS,O,GAInB,MAAM+B,EAAe/B,IAC3B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,IAAK,KAAM,KAAM,MAAM8B,QAAQ9B,MAAY,EAAI,KAAO,K,MAChF,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,KAAO,K,MACpB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,KAAO,K,KAChB,CACN,OAAOA,EAAQ,KAAO,K,SAIXgC,EAAuBhC,UACrBA,IAAU,YAAciC,UAAYJ,EAAW7B,G,MAGjDkC,EAAwBlC,UACtBA,IAAU,YAAciC,UAAYF,EAAY/B,G,MAGlDmC,EAAoBnC,GACzBA,EAAQ,IAAM,Y","ignoreList":[]}

package/dist/components/p-016bbea6.js.map

@@ -1 +1 @@
-{"version":3,"names":["prepareIconFormat","value","length","regexPattern","test","icon","split","type","name"],"sources":["../../../packages/core/src/components/gov-icon/helpers.ts"],"sourcesContent":["import {Nullable} from \"../../types/interfaces\";\n\nexport const prepareIconFormat = (value: string): Nullable<{ type: string, name: string }> => {\n\tif (typeof value === 'string' && value.length) {\n\t\tconst regexPattern = /^[a-z-]+\\/[a-z-]+$/;\n\t\tif (regexPattern.test(value)) {\n\t\t\tconst icon = value.split(\"/\");\n\t\t\treturn {\n\t\t\t\ttype: icon[0],\n\t\t\t\tname: icon[1],\n\t\t\t}\n\t\t}\n\t}\n\treturn null\n}\n"],"mappings":"MAEaA,EAAqBC,IACjC,UAAWA,IAAU,UAAYA,EAAMC,OAAQ,CAC9C,MAAMC,EAAe,qBACrB,GAAIA,EAAaC,KAAKH,GAAQ,CAC7B,MAAMI,EAAOJ,EAAMK,MAAM,KACzB,MAAO,CACNC,KAAMF,EAAK,GACXG,KAAMH,EAAK,G,EAId,OAAO,IAAI,S","ignoreList":[]}
+{"version":3,"names":["prepareIconFormat","value","length","regexPattern","test","icon","split","type","name"],"sources":["../../../packages/core/src/components/gov-icon/helpers.ts"],"sourcesContent":["import {Nullable} from \"../../types/interfaces\";\n\nexport type IconType = { type: string, name: string }\n\nexport const prepareIconFormat = (value: string): Nullable<IconType> => {\n\tif (typeof value === 'string' && value.length) {\n\t\tconst regexPattern = /^[a-z-]+\\/[a-z-]+$/;\n\t\tif (regexPattern.test(value)) {\n\t\t\tconst icon = value.split(\"/\");\n\t\t\treturn {\n\t\t\t\ttype: icon[0],\n\t\t\t\tname: icon[1],\n\t\t\t}\n\t\t}\n\t}\n\treturn null\n}\n"],"mappings":"MAIaA,EAAqBC,IACjC,UAAWA,IAAU,UAAYA,EAAMC,OAAQ,CAC9C,MAAMC,EAAe,qBACrB,GAAIA,EAAaC,KAAKH,GAAQ,CAC7B,MAAMI,EAAOJ,EAAMK,MAAM,KACzB,MAAO,CACNC,KAAMF,EAAK,GACXG,KAAMH,EAAK,G,EAId,OAAO,IAAI,S","ignoreList":[]}

package/dist/components/p-08621bdf.js

@@ -0,0 +1,2 @@
+import{S as o}from"./p-92f420cb.js";import{C as s}from"./p-e3aeaca0.js";import{p as t}from"./p-e0e2e9c1.js";const a=t(o,["_XS","_S","_M","_L","_XL"]);const n=t(s,["PRIMARY","SECONDARY","NEUTRAL","SUCCESS","ERROR","WARNING"]);var e;(function(o){o["SOLID"]="solid";o["OUTLINED"]="outlined";o["BASE"]="base";o["LINK"]="link"})(e||(e={}));var r;(function(o){o["SUBMIT"]="submit";o["BUTTON"]="button";o["RESET"]="reset"})(r||(r={}));var c;(function(o){o["BLANK"]="_blank";o["SELF"]="_self";o["NEW"]="_new"})(c||(c={}));const i={root:"gov-button"};export{i as B,r as N,n as a,e as b,a as c};
+//# sourceMappingURL=p-08621bdf.js.map

package/dist/components/p-08621bdf.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonSizes","pick","Sizes","ButtonColors","Colors","ButtonType","NativeType","ButtonTarget","ButtonClass","root"],"sources":["../../../packages/core/src/components/gov-button/button/constants.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonColorType = `${ValueOf<typeof ButtonColors>}`\n\nexport enum ButtonType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n\tLINK = 'link',\n}\nexport type ButtonTypesType = `${ValueOf<typeof ButtonType>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n}\n"],"mappings":"kHAKaA,EAAcC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,Q,MAGpDC,EAAeF,EAAKG,EAAQ,CAAC,UAAW,YAAa,UAAW,UAAW,QAAS,Y,IAGrFC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,eACAA,EAAA,cACA,EALD,CAAYA,MAAU,K,IAQVC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,mBACAA,EAAA,gBACA,EAJD,CAAYA,MAAU,KAOtB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,kBACAA,EAAA,gBACAA,EAAA,aACA,EAJD,CAAYA,MAAY,K,MAOXC,EAAc,CAC1BC,KAAM,qB","ignoreList":[]}

package/dist/components/p-0c93dd39.js

@@ -0,0 +1,2 @@
+import{C as e}from"./p-e3aeaca0.js";import{S as o}from"./p-92f420cb.js";import{p as a}from"./p-e0e2e9c1.js";const r=a(e,["PRIMARY","NEUTRAL","WARNING","ERROR","SUCCESS"]);const i=a(o,["_S","_M","_L"]);const t={root:"gov-wizard"};const _={root:"gov-wizard-item",header:"gov-wizard-item__header",prefix:"gov-wizard-item__prefix",label:"gov-wizard-item__label",headline:"gov-wizard-item__headline",chevron:"gov-wizard-item__chevron",content:"gov-wizard-item__content"};export{_ as W,t as a,i as b,r as c};
+//# sourceMappingURL=p-0c93dd39.js.map