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

package/dist/cjs/gov-tag.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-tag.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"mappings":";;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;"}
+{"version":3,"file":"gov-tag.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTagElement\r\n\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Tag’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/**\r\n\t * Style variation of the tag.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Tag’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/**\r\n\t * Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"mappings":";;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;"}

package/dist/cjs/gov-tile.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-pjwoybrU.js');
+var index = require('./index-BEF5cZxd.js');
 var utils = require('./utils-NnC78QR3.js');
 var sizes = require('./sizes-D5zsw2g5.js');
-var template = require('./template-DS4pSCTb.js');
+var template = require('./template-Cj6PcLmR.js');
 
 utils.pick(sizes.Sizes, ['_S', '_M', '_L']);
 const TileClass = {
@@ -30,7 +30,7 @@ const GovTile = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '6e56b6c61b51b7adae50d06051723efcd34f8b65', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, index.h("slot", { key: '7e1a9f9db2af1aa9fbae19a826e0e873fe45ba5c', name: "icon" }), index.h("div", { key: 'c68396608eb25200ed24cfb0cee241a3a11a5278', class: TileClass.content }, index.h("div", { key: '89af8cf2e3bb063874b2e781c9309b0ef57d76ad', class: TileClass.text }, index.h("div", { key: '3d331e3ad1c306f56b1395e5300427cc58c4ae32', class: TileClass.title }, this.href ? (index.h(index.Fragment, null, index.h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, index.h("slot", { name: "title" })), index.h("span", { class: TileClass.icon }, index.h("gov-icon", { name: "chevron-right", type: "components" })))) : (index.h("slot", { name: "title" }))), index.h("div", { key: '4c2e20b2a86f77f5fbcb67e3297ea20089c940e3', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, index.h("slot", { key: '93e106c02f93807c9616da2639473318e54cd246' }))), index.h("slot", { key: 'a547bf4216ce80dad7dd2473cc46e80991960529', name: "button" }))));
+        return (index.h(index.Host, { key: '31fcebee125c753089b2229cea0033dce9aa3133', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, index.h("slot", { key: 'b79748ea55bb2e86d887860c1143d82d75497966', name: "icon" }), index.h("div", { key: 'db8b61554f6943612c9d7165174926cfd205fcfb', class: TileClass.content }, index.h("div", { key: 'e844267c106109d0470176d3c89539f8f987c70f', class: TileClass.text }, index.h("div", { key: 'e4771f568d8848b87045293ebb10af5679f1a3b7', class: TileClass.title }, this.href ? (index.h(index.Fragment, null, index.h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, index.h("slot", { name: "title" })), index.h("span", { class: TileClass.icon }, index.h("gov-icon", { name: "chevron-right", type: "components" })))) : (index.h("slot", { name: "title" }))), index.h("div", { key: 'cf1bf1a1c29e8879dc509b484325b82808db792a', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, index.h("slot", { key: '9a10f28fd144f1131eae6735342da9a5d93665e2' }))), index.h("slot", { key: '067476f1a27bad0fb50d86789a729f93b1f1e5ad', name: "button" }))));
     }
     /**
      * Returns a clickable element instance

package/dist/cjs/gov-tile.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-tile.entry.cjs.js","mappings":";;;;;;;AAIyBA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAGhD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO,GAAA,MAAA;AA0BnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAxBA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAK1D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAcnE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAED,MAAM,GAAA;AACL,QAAA,QACCC,OAAC,CAAAC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA,EAEpCD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAE,CAAA,EACnBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EACzB,EAAA,IAAI,CAAC,IAAI,IACTA,QAACE,cAAQ,EAAA,IAAA,EACRF,OAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC,EAAA,EACtEA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACjB,EACJA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EAC1BA,OAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEXA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAE,CAAA,CACpB,CACI,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAG,EAAA,SAAS,CAAC,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAG,EAAA,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3FA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,CACD,EACNA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;;;;;;;","names":["pick","Sizes","govHost","h","Host","Fragment"],"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\" type=\"components\"></gov-icon>\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"],"version":3}
+{"file":"gov-tile.entry.cjs.js","mappings":";;;;;;;AAIyBA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAGhD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO,GAAA,MAAA;AA0BnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAxBA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAK1D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAcnE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAED,MAAM,GAAA;AACL,QAAA,QACCC,OAAC,CAAAC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA,EAEpCD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAE,CAAA,EACnBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EACzB,EAAA,IAAI,CAAC,IAAI,IACTA,QAACE,cAAQ,EAAA,IAAA,EACRF,OAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC,EAAA,EACtEA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACjB,EACJA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EAC1BA,OAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEXA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAE,CAAA,CACpB,CACI,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAG,EAAA,SAAS,CAAC,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAG,EAAA,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3FA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,CACD,EACNA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;;;;;;;","names":["pick","Sizes","govHost","h","Host","Fragment"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/**\r\n\t * Tile’s size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the tile.\r\n\t */\r\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\r\n\t/**\r\n\t * Tiles border\r\n\t */\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Link on whole tile\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  orientation={this.orientation}\r\n\t\t\t\t  clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"version":3}

package/dist/cjs/gov-tile.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-tile.entry.cjs.js","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\" type=\"components\"></gov-icon>\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"],"names":["pick","Sizes","govHost","h","Host","Fragment"],"mappings":";;;;;;;AAIyBA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAGhD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO,GAAA,MAAA;AA0BnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAxBA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAK1D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAcnE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAED,MAAM,GAAA;AACL,QAAA,QACCC,OAAC,CAAAC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA,EAEpCD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAE,CAAA,EACnBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EACzB,EAAA,IAAI,CAAC,IAAI,IACTA,QAACE,cAAQ,EAAA,IAAA,EACRF,OAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC,EAAA,EACtEA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACjB,EACJA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EAC1BA,OAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEXA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAE,CAAA,CACpB,CACI,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAG,EAAA,SAAS,CAAC,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAG,EAAA,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3FA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,CACD,EACNA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;;;;;;;"}
+{"version":3,"file":"gov-tile.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/**\r\n\t * Tile’s size\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the tile.\r\n\t */\r\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\r\n\t/**\r\n\t * Tiles border\r\n\t */\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Link on whole tile\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  orientation={this.orientation}\r\n\t\t\t\t  clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"names":["pick","Sizes","govHost","h","Host","Fragment"],"mappings":";;;;;;;AAIyBA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAGhD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE,iBAAiB;AACxB,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO,GAAA,MAAA;AA0BnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAxBA;;AAEG;AAC6B,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAK1D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAcnE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAED,MAAM,GAAA;AACL,QAAA,QACCC,OAAC,CAAAC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA,EAEpCD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAE,CAAA,EACnBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EACzB,EAAA,IAAI,CAAC,IAAI,IACTA,QAACE,cAAQ,EAAA,IAAA,EACRF,OAAA,CAAA,GAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAuC,CAAC,EAAA,EACtEA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAE,CACjB,EACJA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,SAAS,CAAC,IAAI,EAAA,EAC1BA,OAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEXA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAE,CAAA,CACpB,CACI,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAG,EAAA,SAAS,CAAC,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAG,EAAA,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,CAAE,CAAA,EAAA,EAC3FA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,CACD,EACNA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;;;;;;;"}

package/dist/cjs/gov-toast.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-pjwoybrU.js');
+var index = require('./index-BEF5cZxd.js');
 var props = require('./props-CPENhBnM.js');
 var colors = require('./colors-DgrrxjsX.js');
 var utils = require('./utils-NnC78QR3.js');
-var template = require('./template-DS4pSCTb.js');
+var template = require('./template-Cj6PcLmR.js');
 var string_utils = require('./string.utils-BG4pUfEi.js');
 var attribute = require('./attribute-CH1-zDDl.js');
 var accessibility = require('./accessibility-BQJmIVWV.js');
@@ -88,7 +88,7 @@ const GovToast = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ef97cd3dfb69dd3159f29eb9e06b95e638a8c10f', class: this.h.classes(ToastClass.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") && (index.h("span", { key: '79efa5995efd05b8938cdeb7f1dfd2e9c4b6cb9b', class: ToastClass.icon }, index.h("slot", { key: 'ba48149e2f9ac6f0b457ddeebdb021accbf8863e', name: "icon" }))), index.h("div", Object.assign({ key: '8350b380c0a0c039f401941afee5202f9e79cc1c', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), index.h("slot", { key: '262b1c2ef1292d0145f16b8ef2a8f60f53992881' })), index.h("gov-button", { key: '8dfc1fbdc3657bf4fe4aeefc32efb44262bcaf6d', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : index.h("gov-icon", { name: "x-lg", type: "components" })), index.h("div", { key: '9185d22c3a22b39f9a87aecfb4865cd09a59d54c', class: ToastClass.timer })));
+        return (index.h(index.Host, { key: '623b9b85e6b10894429d50c4624bac71808d29ad', class: this.h.classes(ToastClass.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") && (index.h("span", { key: 'ae58b921c0aff0f678176c24d4cf69d05fb6cdab', class: ToastClass.icon }, index.h("slot", { key: '40d58461b3e16abd1d4cd627057e986548ac63c1', name: "icon" }))), index.h("div", Object.assign({ key: 'b003f0521f3fb5095b94280e2cf252b2a26ccaed', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), index.h("slot", { key: '4743ada7cc1d31d6ca07871228d3fadc3576982f' })), index.h("gov-button", { key: '0d4e9bae29391f47389abbc2ada9ca9edaa13b97', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : index.h("gov-icon", { name: "x-lg", type: "components" })), index.h("div", { key: 'a8cb56376d11503abe586598f330476a45f59c8e', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);

package/dist/cjs/gov-toast.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-toast.entry.cjs.js","mappings":";;;;;;;;;;;;AAIO,MAAM,WAAW,GAAGA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAG9F,IAAY,SAGX;AAHD,CAAA,UAAY,SAAS,EAAA;AACpB,IAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,SAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAGM,MAAM,UAAU,GAAG;AACzB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,KAAK,EAAE,kBAAkB;CACzB;;MCPY,QAAQ,GAAA,MAAA;AAMpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMA;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAoB,SAAS;AAEnD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAqB,KAAK;AAClD;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAgC,OAAO;AAChE;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAoB,MAAM;AAC/C;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAW,CAAC;AAmBxB,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QA5C5C,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,OAAO,GAAGC,qBAAQ,CAAC,UAAU,CAAC;AACnC;AAsCD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC;;IAKrD,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAIC,2BAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAACC,wBAAc,CAAC;;IAGtD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,mBAAmB,GAAGC,mCAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAI5D,oBAAoB,GAAA;;AACnB,QAAA,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;QAC1B,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAG5E,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;gBAC1C,UAAU,CAAC,MAAK;AACf,oBAAA,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE;oBACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;iBAChC,EAAE,GAAG,CAAC;AACR,aAAC,EAAE,IAAI,CAAC,IAAI,CAAC;;;IAIf,MAAM,GAAA;AACL,QAAA,QACCC,OAAC,CAAAC,UAAI,EACJ,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAA,eAAA,EACvB,IAAI,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAC,kBAAkB,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,EAAC,EAAA,EAE5C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtBD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,CAAC,IAAI,EAAA,EAC3BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAE,CACb,CACP,EAEDA,OAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,UAAU,CAAC,OAAO,EAAM,EAAA,IAAI,CAAC,mBAAmB,EAAY,EAAA,WAAA,EAAA,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,CAAA,EAC7FA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,EAENA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,GAAG,EAAA,YAAA,EACI,IAAI,CAAC,oBAAoB,EACrC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EAC3C,IAAI,EAAC,MAAM,EACG,cAAA,EAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C,KAAK,EAAE,UAAU,CAAC,KAAK,EAEtB,EAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAGA,OAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,GAAY,CAC5E,EAEbA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,CAAC,KAAK,EAAQ,CAAA,CAC9B;;IAID,cAAc,GAAA;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,QAAA,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE;;AAGvB,IAAA,IAAI,MAAM,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM;;AAG5B,IAAA,IAAI,OAAO,GAAA;AACV,QAAA,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;;AAGpD;;AAEG;AAEH,IAAA,MAAM,OAAO,GAAA;AACZ,QAAA,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1B,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAmB,gBAAA,EAAA,IAAI,CAAC,OAAO,CAAI,EAAA,CAAA,CAAC;QACzE,IAAI,KAAK,EAAE;YACV,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;gBACvC,KAAK,CAAC,MAAM,EAAE;;;;;;;;;;;;","names":["pick","Colors","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host"],"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\ticon: 'gov-toast__icon',\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<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} {...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\" type=\"components\"></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.govClose.emit(this.toastId)\n\t\tthis.destroy().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"],"version":3}
+{"file":"gov-toast.entry.cjs.js","mappings":"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","names":["pick","Colors","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host"],"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'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/**\r\n\t * Style variation of the toast message.\r\n\t */\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/**\r\n\t * Toast’s gravity\r\n\t */\r\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\r\n\t/**\r\n\t * Toast’s position\r\n\t */\r\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\r\n\t/**\r\n\t * Toast type\r\n\t */\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/**\r\n\t * Number of milliseconds to wait before Toast disappear\r\n\t */\r\n\t@Prop() readonly time: number = 0\r\n\t/**\r\n\t * Closing button texting instead of icons\r\n\t */\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/**\r\n\t * Aria label for the closing button. It is mandatory if the alert is closable\r\n\t */\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/**\r\n\t * Called when the close button is clicked\r\n\t */\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\r\n\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/**\r\n\t * Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}

package/dist/cjs/gov-toast.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-toast.entry.cjs.js","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\ticon: 'gov-toast__icon',\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<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} {...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\" type=\"components\"></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.govClose.emit(this.toastId)\n\t\tthis.destroy().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"],"names":["pick","Colors","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host"],"mappings":"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"}
+{"version":3,"file":"gov-toast.entry.cjs.js","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'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/**\r\n\t * Style variation of the toast message.\r\n\t */\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/**\r\n\t * Toast’s gravity\r\n\t */\r\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\r\n\t/**\r\n\t * Toast’s position\r\n\t */\r\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\r\n\t/**\r\n\t * Toast type\r\n\t */\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/**\r\n\t * Number of milliseconds to wait before Toast disappear\r\n\t */\r\n\t@Prop() readonly time: number = 0\r\n\t/**\r\n\t * Closing button texting instead of icons\r\n\t */\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/**\r\n\t * Aria label for the closing button. It is mandatory if the alert is closable\r\n\t */\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/**\r\n\t * Called when the close button is clicked\r\n\t */\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\r\n\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/**\r\n\t * Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":["pick","Colors","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host"],"mappings":"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"}

package/dist/cjs/gov-tooltip.gov-tooltip-content.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-tooltip.gov-tooltip-content.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tooltip/constants.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { Sizes } from '../../core/constants/sizes'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\r\n\r\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\r\n\r\nexport enum TooltipPosition {\r\n\tTOP = 'top',\r\n\tRIGHT = 'right',\r\n\tBOTTOM = 'bottom',\r\n\tLEFT = 'left',\r\n}\r\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\r\n\r\nexport const TooltipClass = {\r\n\troot: 'gov-tooltip',\r\n}\r\n\r\nexport const TooltipContentClass = {\r\n\troot: 'gov-tooltip-content',\r\n}\r\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tTooltipClass,\r\n\tTooltipContentClass,\r\n\tTooltipPosition,\r\n\tTooltipPositionType,\r\n\tTooltipSize,\r\n\tTooltipSizeType,\r\n\tTooltipColors,\r\n\tTooltipColorType,\r\n} from \"./constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {documentNode} from \"../../helpers/Dom/win\";\r\nimport {Nullable} from \"../../utils/helpers.types\";\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip\",\r\n})\r\nexport class GovTooltip {\r\n\tprivate h: GovHost\r\n\tprivate readonly tooltipContentId = undefined\r\n\tprivate readonly tooltipId = undefined\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.tooltipId = createID(\"GovTooltip\")\r\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTooltipElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip display position\r\n\t */\r\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\r\n\t/**\r\n\t * Information contained in the tooltip\r\n\t */\r\n\t@Prop() readonly message: string = undefined\r\n\t/**\r\n\t * Custom tooltip identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Trigger is just an icon\r\n\t */\r\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\r\n\r\n\t@State() persist = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"position\")\r\n\tvalidatePosition(newValue: string): void {\r\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"message\")\r\n\trerenderMessage(): void {\r\n\t\tthis.createContentWrapper();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.createContentWrapper()\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validatePosition(this.position)\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.createContentWrapper()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.removeContent()\r\n\t}\r\n\r\n\tprivate createContentWrapper() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tif (this.message) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\r\n\t\t\t} else if (this.insideContent) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\r\n\t\t\t}\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tlet content: HTMLGovTooltipContentElement;\r\n\t\tif (this.insideContent) {\r\n\t\t\tcontent = this.insideContent\r\n\t\t} else {\r\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\r\n\t\t\tcontent.innerHTML = this.message\r\n\t\t}\r\n\r\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\r\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\r\n\t\tcontent.setAttribute(\"color\", this.color)\r\n\t\tcontent.setAttribute(\"size\", this.size)\r\n\t\tdocumentNode().body.appendChild(content)\r\n\t}\r\n\r\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\r\n\t}\r\n\r\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn this.host.querySelector(TooltipContentClass.root)\r\n\t}\r\n\r\n\tprivate registerListeners() {\r\n\t\tthis.host.addEventListener(\"click\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.persist = true\r\n\t\t\tif (this.tooltipContent) {\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\r\n\t\t\t}\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tif (this.persist === false) {\r\n\t\t\t\tthis.hideTooltip()\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tprivate verifyPositionSpace() {\r\n\t\tconst offset = 12\r\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\r\n\t\tconst trigger = this.host.getBoundingClientRect()\r\n\t\tconst trgWidth = this.host.offsetWidth\r\n\t\tconst trgHeight = this.host.offsetHeight\r\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\r\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\r\n\t\tconst triggerPos = {\r\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\r\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\r\n\t\t}\r\n\r\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\r\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\r\n\r\n\t\t// LEFT/RIGHT\r\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\r\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\r\n\t\t\t\tthis.position = TooltipPosition.TOP\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\t}\r\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\r\n\t\t\t\tthis.position = TooltipPosition.LEFT\r\n\t\t\t}\r\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\r\n\t\t\t\tthis.position = TooltipPosition.RIGHT\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.LEFT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\r\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tif (contentWidth > trgWidth) {\r\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\r\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\r\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\r\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\r\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\r\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\r\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (isNotLeftSpace) {\r\n\t\t\t\t\t\tleftPosition = offset\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (isNotRightSpace) {\r\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\r\n\r\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.TOP) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\tthis.tooltipContent.style.opacity = '1'\r\n\r\n\t}\r\n\r\n\tprivate showTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.style.opacity = '0'\r\n\t\t\tthis.tooltipContent.hidden = false\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\r\n\t\t\ttick(() => {\r\n\t\t\t\tthis.verifyPositionSpace()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate hideTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\r\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\r\n\t\t\tthis.tooltipContent.removeAttribute('style')\r\n\t\t}\r\n\t}\r\n\r\n\tprivate removeContent() {\r\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\r\n\t\tif (contentEl) {\r\n\t\t\tcontentEl.remove()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tid={this.tooltipId}\r\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\r\n\t\t\t\tposition={this.position}>\r\n\t\t\t\t<span role={'button'}\r\n\t\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\r\n\t\t\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\t\t\tif (this.persist === false) {\r\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Showing the modal\r\n\t */\r\n\t@Method()\r\n\tasync show(): Promise<void> {\r\n\t\tthis.showTooltip()\r\n\t}\r\n\r\n\t/**\r\n\t * Hiding the modal\r\n\t */\r\n\t@Method()\r\n\tasync hide(): Promise<void> {\r\n\t\tthis.persist = false\r\n\t\tthis.hideTooltip()\r\n\t}\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\r\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip-content\",\r\n})\r\nexport class GovTooltipContent {\r\n\tprivate timeout\r\n\r\n\t@Element() host: HTMLGovTooltipContentElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip is still visible.\r\n\t */\r\n\t@Prop() persist?: boolean = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\r\n\r\n\t@Watch(\"isVisible\")\r\n\tvisibleContent(newValue: boolean): void {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tif (newValue === false) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.style.visibility = \"hidden\"\r\n\t\t\t}, 250)\r\n\t\t} else {\r\n\t\t\tthis.host.style.visibility = \"visible\"\r\n\t\t}\r\n\t}\r\n\r\n\thideContent() {\r\n\t\tthis.isVisible = false\r\n\t\tthis.persist = false\r\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\r\n\t\tif (parentEl) {\r\n\t\t\tparentEl.hide().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={TooltipContentClass.root}\r\n\t\t\t\trole={\"tooltip\"}\r\n\t\t\t\thidden={!this.isVisible}\r\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\r\n\t\t\t\tis-visible={this.isVisible}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t{this.persist ? (\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\r\n\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\ttype={\"base\"}>\r\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["pick","Colors","Sizes","govHost","createID","validateProp","documentNode","tick","h","Host","toBoolAttr"],"mappings":"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"}

package/dist/cjs/{gov-tooltip.cjs.entry.js → gov-tooltip_2.cjs.entry.js}

@@ -1,15 +1,30 @@
 'use strict';
 
-var index = require('./index-pjwoybrU.js');
+var index = require('./index-BEF5cZxd.js');
 var props = require('./props-CPENhBnM.js');
-var constants = require('./constants-CS58GJeI.js');
+var colors = require('./colors-DgrrxjsX.js');
+var sizes = require('./sizes-D5zsw2g5.js');
+var utils = require('./utils-NnC78QR3.js');
 var string_utils = require('./string.utils-BG4pUfEi.js');
-var template = require('./template-DS4pSCTb.js');
+var template = require('./template-Cj6PcLmR.js');
 var gov_log = require('./gov.log-C5EH15b_.js');
 var stencil_utils = require('./stencil.utils-8sCYbm34.js');
-require('./colors-DgrrxjsX.js');
-require('./sizes-D5zsw2g5.js');
-require('./utils-NnC78QR3.js');
+
+const TooltipColors = utils.pick(colors.Colors, ['PRIMARY', 'NEUTRAL']);
+const TooltipSize = utils.pick(sizes.Sizes, ['_S', '_M', '_L']);
+var TooltipPosition;
+(function (TooltipPosition) {
+    TooltipPosition["TOP"] = "top";
+    TooltipPosition["RIGHT"] = "right";
+    TooltipPosition["BOTTOM"] = "bottom";
+    TooltipPosition["LEFT"] = "left";
+})(TooltipPosition || (TooltipPosition = {}));
+const TooltipClass = {
+    root: 'gov-tooltip',
+};
+const TooltipContentClass = {
+    root: 'gov-tooltip-content',
+};
 
 const GovTooltip = class {
     constructor(hostRef) {
@@ -19,11 +34,11 @@ const GovTooltip = class {
         /**
          * Style variation of the tooltip
          */
-        this.color = constants.TooltipColors.PRIMARY;
+        this.color = TooltipColors.PRIMARY;
         /**
          * Tooltip’s size.
          */
-        this.size = constants.TooltipSize._M;
+        this.size = TooltipSize._M;
         /**
          * Tooltip display position
          */
@@ -42,13 +57,13 @@ const GovTooltip = class {
         this.tooltipContentId = string_utils.createID("GovContentTooltip");
     }
     validateColor(newValue) {
-        props.validateProp(constants.TooltipColors, newValue, constants.TooltipClass.root);
+        props.validateProp(TooltipColors, newValue, TooltipClass.root);
     }
     validateSize(newValue) {
-        props.validateProp(constants.TooltipSize, newValue, constants.TooltipClass.root);
+        props.validateProp(TooltipSize, newValue, TooltipClass.root);
     }
     validatePosition(newValue) {
-        props.validateProp(constants.TooltipPosition, newValue, constants.TooltipClass.root);
+        props.validateProp(TooltipPosition, newValue, TooltipClass.root);
     }
     rerenderMessage() {
         this.createContentWrapper();
@@ -84,7 +99,7 @@ const GovTooltip = class {
             content = this.insideContent;
         }
         else {
-            content = gov_log.documentNode().createElement(constants.TooltipContentClass.root);
+            content = gov_log.documentNode().createElement(TooltipContentClass.root);
             content.innerHTML = this.message;
         }
         content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId);
@@ -98,7 +113,7 @@ const GovTooltip = class {
         return gov_log.documentNode().body.querySelector(`#${(_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId}`);
     }
     get insideContent() {
-        return this.host.querySelector(constants.TooltipContentClass.root);
+        return this.host.querySelector(TooltipContentClass.root);
     }
     registerListeners() {
         this.host.addEventListener("click", e => {
@@ -135,29 +150,29 @@ const GovTooltip = class {
         const isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;
         const isLeftSpace = triggerPos.left > contentWidth;
         // LEFT/RIGHT
-        if (this.position === constants.TooltipPosition.LEFT || this.position === constants.TooltipPosition.RIGHT) {
+        if (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {
             this.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + "px";
             if (isRightSpace === false && isLeftSpace === false) {
-                this.position = constants.TooltipPosition.TOP;
-                this.tooltipContent.setAttribute("position", constants.TooltipPosition.TOP);
+                this.position = TooltipPosition.TOP;
+                this.tooltipContent.setAttribute("position", TooltipPosition.TOP);
             }
-            if (isLeftSpace && isRightSpace === false && this.position === constants.TooltipPosition.RIGHT) {
-                this.position = constants.TooltipPosition.LEFT;
+            if (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {
+                this.position = TooltipPosition.LEFT;
             }
-            if (isRightSpace && isLeftSpace === false && this.position === constants.TooltipPosition.LEFT) {
-                this.position = constants.TooltipPosition.RIGHT;
+            if (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {
+                this.position = TooltipPosition.RIGHT;
             }
         }
-        if (this.position === constants.TooltipPosition.RIGHT) {
-            this.tooltipContent.setAttribute("position", constants.TooltipPosition.RIGHT);
+        if (this.position === TooltipPosition.RIGHT) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.RIGHT);
             this.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + "px";
         }
-        if (this.position === constants.TooltipPosition.LEFT) {
-            this.tooltipContent.setAttribute("position", constants.TooltipPosition.LEFT);
+        if (this.position === TooltipPosition.LEFT) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.LEFT);
             this.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + "px";
         }
         // LEFT/RIGHT FOR TOP/BOTTOM
-        if (this.position === constants.TooltipPosition.TOP || this.position === constants.TooltipPosition.BOTTOM) {
+        if (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {
             if (contentWidth > trgWidth) {
                 let leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));
                 const isNotLeftSpace = leftPosition < 0;
@@ -182,12 +197,12 @@ const GovTooltip = class {
                 this.tooltipContent.style.left = leftPosition + "px";
             }
         }
-        if (this.position === constants.TooltipPosition.TOP) {
-            this.tooltipContent.setAttribute("position", constants.TooltipPosition.TOP);
+        if (this.position === TooltipPosition.TOP) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.TOP);
             this.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + "px";
         }
-        if (this.position === constants.TooltipPosition.BOTTOM) {
-            this.tooltipContent.setAttribute("position", constants.TooltipPosition.BOTTOM);
+        if (this.position === TooltipPosition.BOTTOM) {
+            this.tooltipContent.setAttribute("position", TooltipPosition.BOTTOM);
             this.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + "px";
         }
         this.tooltipContent.style.opacity = '1';
@@ -217,11 +232,11 @@ const GovTooltip = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '034a9a50767f7963338e1f22ec9ff3f74770cc96', id: this.tooltipId, class: this.h.classes(constants.TooltipClass.root), position: this.position }, index.h("span", { key: '7e21894e5b633276e4730b1e8c4e1868eb11892d', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (index.h(index.Host, { key: 'f64ba7c26358426ead39dadbb17687a39a4fb876', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, index.h("span", { key: 'd51fc3b886df342fe8fbcaa9452be316658c24b2', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
                 if (this.persist === false) {
                     this.hideTooltip();
                 }
-            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, index.h("slot", { key: '5366437869def70b687e9ee4fc4acda05a3138b3' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, index.h("slot", { key: '6687d0562b3e99ea0e44ec97dadc5a2e085ff0a8' }))));
     }
     /**
      * Showing the modal
@@ -245,7 +260,60 @@ const GovTooltip = class {
     }; }
 };
 
+const GovTooltipContent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Style variation of the tooltip
+         */
+        this.color = TooltipColors.PRIMARY;
+        /**
+         * Tooltip’s size.
+         */
+        this.size = TooltipSize._M;
+        /**
+         * Tooltip is still visible.
+         */
+        this.persist = false;
+        /**
+         * Indicates display of tooltip content
+         */
+        this.isVisible = false;
+        /**
+         * Indicates display of tooltip content
+         */
+        this.parentId = null;
+    }
+    visibleContent(newValue) {
+        clearTimeout(this.timeout);
+        if (newValue === false) {
+            this.timeout = setTimeout(() => {
+                this.host.style.visibility = "hidden";
+            }, 250);
+        }
+        else {
+            this.host.style.visibility = "visible";
+        }
+    }
+    hideContent() {
+        this.isVisible = false;
+        this.persist = false;
+        const parentEl = document.getElementById(this.parentId);
+        if (parentEl) {
+            parentEl.hide().catch();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a826527fe9f7851ad25f700156d987c1b29f3adc', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !template.toBoolAttr(this.isVisible), "is-visible": this.isVisible }, index.h("slot", { key: 'd3891d8a3f3df7ee7f852db8485c7ecc2f61992c' }), this.persist ? (index.h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, index.h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "isVisible": ["visibleContent"]
+    }; }
+};
+
 exports.gov_tooltip = GovTooltip;
-//# sourceMappingURL=gov-tooltip.entry.cjs.js.map
+exports.gov_tooltip_content = GovTooltipContent;
+//# sourceMappingURL=gov-tooltip.gov-tooltip-content.entry.cjs.js.map
 
-//# sourceMappingURL=gov-tooltip.cjs.entry.js.map
+//# sourceMappingURL=gov-tooltip_2.cjs.entry.js.map

package/dist/cjs/gov-tooltip_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-tooltip.gov-tooltip-content.entry.cjs.js","mappings":"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","names":["pick","Colors","Sizes","govHost","createID","validateProp","documentNode","tick","h","Host","toBoolAttr"],"sources":["../../../packages/core/src/components/gov-tooltip/constants.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip.tsx","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { Sizes } from '../../core/constants/sizes'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const TooltipColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type TooltipColorType = `${ValueOf<typeof TooltipColors>}`\r\n\r\nexport const TooltipSize = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TooltipSizeType = `${ValueOf<typeof TooltipSize>}`\r\n\r\nexport enum TooltipPosition {\r\n\tTOP = 'top',\r\n\tRIGHT = 'right',\r\n\tBOTTOM = 'bottom',\r\n\tLEFT = 'left',\r\n}\r\nexport type TooltipPositionType = `${ValueOf<typeof TooltipPosition>}`\r\n\r\nexport const TooltipClass = {\r\n\troot: 'gov-tooltip',\r\n}\r\n\r\nexport const TooltipContentClass = {\r\n\troot: 'gov-tooltip-content',\r\n}\r\n","import {Component, Element, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tTooltipClass,\r\n\tTooltipContentClass,\r\n\tTooltipPosition,\r\n\tTooltipPositionType,\r\n\tTooltipSize,\r\n\tTooltipSizeType,\r\n\tTooltipColors,\r\n\tTooltipColorType,\r\n} from \"./constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {documentNode} from \"../../helpers/Dom/win\";\r\nimport {Nullable} from \"../../utils/helpers.types\";\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip\",\r\n})\r\nexport class GovTooltip {\r\n\tprivate h: GovHost\r\n\tprivate readonly tooltipContentId = undefined\r\n\tprivate readonly tooltipId = undefined\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.tooltipId = createID(\"GovTooltip\")\r\n\t\tthis.tooltipContentId = createID(\"GovContentTooltip\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTooltipElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip display position\r\n\t */\r\n\t@Prop({mutable: true}) position: TooltipPositionType = \"right\"\r\n\t/**\r\n\t * Information contained in the tooltip\r\n\t */\r\n\t@Prop() readonly message: string = undefined\r\n\t/**\r\n\t * Custom tooltip identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Trigger is just an icon\r\n\t */\r\n\t@Prop({reflect: true}) readonly icon: boolean = undefined\r\n\r\n\t@State() persist = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TooltipColors, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TooltipSize, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"position\")\r\n\tvalidatePosition(newValue: string): void {\r\n\t\tvalidateProp(TooltipPosition, newValue, TooltipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"message\")\r\n\trerenderMessage(): void {\r\n\t\tthis.createContentWrapper();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.createContentWrapper()\r\n\t\tthis.registerListeners()\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validatePosition(this.position)\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.createContentWrapper()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.removeContent()\r\n\t}\r\n\r\n\tprivate createContentWrapper() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tif (this.message) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.message\r\n\t\t\t} else if (this.insideContent) {\r\n\t\t\t\tthis.tooltipContent.innerHTML = this.insideContent.innerHTML\r\n\t\t\t}\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tlet content: HTMLGovTooltipContentElement;\r\n\t\tif (this.insideContent) {\r\n\t\t\tcontent = this.insideContent\r\n\t\t} else {\r\n\t\t\tcontent = documentNode().createElement(TooltipContentClass.root) as HTMLGovTooltipContentElement\r\n\t\t\tcontent.innerHTML = this.message\r\n\t\t}\r\n\r\n\t\tcontent.setAttribute(\"id\", this.identifier ?? this.tooltipContentId)\r\n\t\tcontent.setAttribute(\"parent-id\", this.tooltipId)\r\n\t\tcontent.setAttribute(\"color\", this.color)\r\n\t\tcontent.setAttribute(\"size\", this.size)\r\n\t\tdocumentNode().body.appendChild(content)\r\n\t}\r\n\r\n\tprivate get tooltipContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn documentNode().body.querySelector(`#${this.identifier ?? this.tooltipContentId}`);\r\n\t}\r\n\r\n\tprivate get insideContent(): Nullable<HTMLGovTooltipContentElement> {\r\n\t\treturn this.host.querySelector(TooltipContentClass.root)\r\n\t}\r\n\r\n\tprivate registerListeners() {\r\n\t\tthis.host.addEventListener(\"click\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.persist = true\r\n\t\t\tif (this.tooltipContent) {\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"true\")\r\n\t\t\t}\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseenter\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.showTooltip()\r\n\t\t})\r\n\t\tthis.host.addEventListener(\"mouseleave\", e => {\r\n\t\t\te.preventDefault()\r\n\t\t\tif (this.persist === false) {\r\n\t\t\t\tthis.hideTooltip()\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tprivate verifyPositionSpace() {\r\n\t\tconst offset = 12\r\n\t\tconst windowWidth = window.innerWidth - (window.innerWidth - document.documentElement.clientWidth);\r\n\t\tconst trigger = this.host.getBoundingClientRect()\r\n\t\tconst trgWidth = this.host.offsetWidth\r\n\t\tconst trgHeight = this.host.offsetHeight\r\n\t\tconst contentWidth = this.tooltipContent.offsetWidth\r\n\t\tconst contentHeight = this.tooltipContent.offsetHeight\r\n\t\tconst triggerPos = {\r\n\t\t\tleft: trigger.left + document.documentElement.scrollLeft,\r\n\t\t\ttop: trigger.top + document.documentElement.scrollTop,\r\n\t\t}\r\n\r\n\t\tconst isRightSpace = ((triggerPos.left + offset + trigger.width) + contentWidth) <= windowWidth;\r\n\t\tconst isLeftSpace = triggerPos.left > contentWidth;\r\n\r\n\t\t// LEFT/RIGHT\r\n\t\tif (this.position === TooltipPosition.LEFT || this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - ((contentHeight - trgHeight) / 2)) + \"px\";\r\n\t\t\tif (isRightSpace === false && isLeftSpace === false) {\r\n\t\t\t\tthis.position = TooltipPosition.TOP\r\n\t\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\t}\r\n\t\t\tif (isLeftSpace && isRightSpace === false && this.position === TooltipPosition.RIGHT) {\r\n\t\t\t\tthis.position = TooltipPosition.LEFT\r\n\t\t\t}\r\n\t\t\tif (isRightSpace && isLeftSpace === false && this.position === TooltipPosition.LEFT) {\r\n\t\t\t\tthis.position = TooltipPosition.RIGHT\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.RIGHT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.RIGHT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left + offset + trigger.width) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.LEFT) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.LEFT)\r\n\t\t\tthis.tooltipContent.style.left = (triggerPos.left - (contentWidth + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\t// LEFT/RIGHT FOR TOP/BOTTOM\r\n\t\tif (this.position === TooltipPosition.TOP || this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tif (contentWidth > trgWidth) {\r\n\t\t\t\tlet leftPosition = (triggerPos.left - ((contentWidth - trgWidth) / 2));\r\n\t\t\t\tconst isNotLeftSpace = leftPosition < 0;\r\n\t\t\t\tconst isNotRightSpace = (leftPosition + contentWidth) > windowWidth;\r\n\t\t\t\tif (isNotLeftSpace && isNotRightSpace) {\r\n\t\t\t\t\tthis.tooltipContent.style.width = \"auto\";\r\n\t\t\t\t\tthis.tooltipContent.style.left = offset + \"px\";\r\n\t\t\t\t\tthis.tooltipContent.style.right = offset + \"px\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (isNotLeftSpace) {\r\n\t\t\t\t\t\tleftPosition = offset\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (isNotRightSpace) {\r\n\t\t\t\t\t\tleftPosition = leftPosition - ((windowWidth - (leftPosition + contentWidth + offset)) * -1)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tconst leftPosition = (triggerPos.left + ((trgWidth - contentWidth) / 2))\r\n\r\n\t\t\t\tthis.tooltipContent.style.left = leftPosition + \"px\"\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.TOP) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.TOP)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top - (contentHeight + offset)) + \"px\"\r\n\t\t}\r\n\t\tif (this.position === TooltipPosition.BOTTOM) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"position\", TooltipPosition.BOTTOM)\r\n\t\t\tthis.tooltipContent.style.top = (triggerPos.top + (trgHeight + offset)) + \"px\"\r\n\t\t}\r\n\r\n\t\tthis.tooltipContent.style.opacity = '1'\r\n\r\n\t}\r\n\r\n\tprivate showTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.style.opacity = '0'\r\n\t\t\tthis.tooltipContent.hidden = false\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"true\")\r\n\t\t\ttick(() => {\r\n\t\t\t\tthis.verifyPositionSpace()\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate hideTooltip() {\r\n\t\tif (this.tooltipContent) {\r\n\t\t\tthis.tooltipContent.setAttribute(\"is-visible\", \"false\")\r\n\t\t\tthis.tooltipContent.setAttribute(\"persist\", \"false\")\r\n\t\t\tthis.tooltipContent.removeAttribute('style')\r\n\t\t}\r\n\t}\r\n\r\n\tprivate removeContent() {\r\n\t\tconst contentEl = document.getElementById(this.tooltipContentId)\r\n\t\tif (contentEl) {\r\n\t\t\tcontentEl.remove()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tid={this.tooltipId}\r\n\t\t\t\tclass={this.h.classes(TooltipClass.root)}\r\n\t\t\t\tposition={this.position}>\r\n\t\t\t\t<span role={'button'}\r\n\t\t\t\t\t\t\ttabindex={0}\r\n\t\t\t\t\t\t\tonKeyPress={() => this.showTooltip()}\r\n\t\t\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\t\t\tif (this.persist === false) {\r\n\t\t\t\t\t\t\t\t\tthis.hideTooltip()\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\taria-describedby={this.identifier ?? this.tooltipContentId}><slot/></span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/**\r\n\t * Showing the modal\r\n\t */\r\n\t@Method()\r\n\tasync show(): Promise<void> {\r\n\t\tthis.showTooltip()\r\n\t}\r\n\r\n\t/**\r\n\t * Hiding the modal\r\n\t */\r\n\t@Method()\r\n\tasync hide(): Promise<void> {\r\n\t\tthis.persist = false\r\n\t\tthis.hideTooltip()\r\n\t}\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\r\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\r\n\r\n@Component({\r\n\ttag: \"gov-tooltip-content\",\r\n})\r\nexport class GovTooltipContent {\r\n\tprivate timeout\r\n\r\n\t@Element() host: HTMLGovTooltipContentElement\r\n\t/**\r\n\t * Style variation of the tooltip\r\n\t */\r\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\r\n\t/**\r\n\t * Tooltip’s size.\r\n\t */\r\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\r\n\t/**\r\n\t * Tooltip is still visible.\r\n\t */\r\n\t@Prop() persist?: boolean = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\r\n\t/**\r\n\t * Indicates display of tooltip content\r\n\t */\r\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\r\n\r\n\t@Watch(\"isVisible\")\r\n\tvisibleContent(newValue: boolean): void {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tif (newValue === false) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.style.visibility = \"hidden\"\r\n\t\t\t}, 250)\r\n\t\t} else {\r\n\t\t\tthis.host.style.visibility = \"visible\"\r\n\t\t}\r\n\t}\r\n\r\n\thideContent() {\r\n\t\tthis.isVisible = false\r\n\t\tthis.persist = false\r\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\r\n\t\tif (parentEl) {\r\n\t\t\tparentEl.hide().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={TooltipContentClass.root}\r\n\t\t\t\trole={\"tooltip\"}\r\n\t\t\t\thidden={!this.isVisible}\r\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\r\n\t\t\t\tis-visible={this.isVisible}>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t\t{this.persist ? (\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\r\n\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\ttype={\"base\"}>\r\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}