@gov-design-system-ce/components 4.1.0-rc1 → 4.1.1

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { a as pick } from './utils-2b4ef320.js';
+import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-c263e031.js';
+import { p as pick } from './utils-e10e994d.js';
 import { S as Sizes } from './sizes-5b9e579f.js';
-import { g as govHost } from './template-3d84d705.js';
+import { g as govHost } from './template-7ecee4d1.js';
 
 pick(Sizes, ['_S', '_M', '_L']);
 const TileClass = {
@@ -25,7 +25,7 @@ const GovTile = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '64992b51709754e4b094dffaacb32439800e878f', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: '807706674b6d398a41a25bcbb100742a8bc8cebc', name: "icon" }), h("div", { key: 'b46011ea1ced783cf69187e18739b67c45137074', class: TileClass.content }, h("div", { key: '9e491d7ddc78c02290102623db5c2d639e19bb3e', class: TileClass.text }, h("div", { key: '12ec2a5d7988d7772f3228f79f1473378e5fe97d', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right" })))) : (h("slot", { name: "title" }))), h("div", { key: '6ef9ba50fcd48facb2afea70d3881141e3c6e54a', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: 'c7d77b3642179b42a3b54423e53197385c0970e4' }))), h("slot", { key: 'efe6564689ed24e259985fddfe53ddf70ac76238', name: "button" }))));
+        return (h(Host, { key: '3fd4f5bb8f7cdcdb5a6bbed610ed4ab6ec2837f5', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: '97179af17c8f8b16de49ca36a7c548d20e53cbdf', name: "icon" }), h("div", { key: 'a60a8e60effd1337cc11c5afb347ab395673d724', class: TileClass.content }, h("div", { key: 'b27682c73305417442d9ebfd27e02cc80d10034c', class: TileClass.text }, h("div", { key: '0c891f670607dde529d5ef6b1c86a843b7600a30', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: 'dcb5f3be57fa6ebaa507c12c9394f1b12837856e', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: 'c3b7fe9ef111769219f1d915929112fe083927c8' }))), h("slot", { key: '98173ea276fedd176720b79e5a55b3b2d5272536', name: "button" }))));
     }
     /**
      * Returns a clickable element instance

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

@@ -1 +1 @@
-{"file":"gov-tile.entry.js","mappings":";;;;;AAIyB,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;AAGjD,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO;IA0BnB;;oBArBuD,GAAG;;wBAQK,KAAK;;;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAED,MAAM;QACL,QACC,EAAC,IAAI,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,IAEpC,6DAAM,IAAI,EAAC,MAAM,GAAE,EACnB,4DAAK,KAAK,EAAE,SAAS,CAAC,OAAO,IAC5B,4DAAK,KAAK,EAAE,SAAS,CAAC,IAAI,IACzB,4DAAK,KAAK,EAAE,SAAS,CAAC,KAAK,IACzB,IAAI,CAAC,IAAI,IACT,EAAC,QAAQ,QACR,SACC,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,IACtE,YAAM,IAAI,EAAC,OAAO,GAAE,CACjB,EACJ,YAAM,KAAK,EAAE,SAAS,CAAC,IAAI,IAC1B,gBAAU,IAAI,EAAC,eAAe,GAAE,CAC1B,CACG,KAEX,YAAM,IAAI,EAAC,OAAO,GAAE,CACpB,CACI,EACN,4DAAK,KAAK,EAAE,GAAG,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,GAAG,GAAG,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,EAAE,IAC3F,8DAAO,CACF,CACD,EACN,6DAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA,EACP;KACD;;;;IAMD,MAAM,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,CAAA;KACtB;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/**\n\t * Tile’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/**\n\t * Style variation of the tile.\n\t */\n\t@Prop() readonly orientation: \"vertical\" | \"horizontal\"\n\t/**\n\t * Tiles border\n\t */\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/**\n\t * Link on whole tile\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  orientation={this.orientation}\n\t\t\t\t  clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\"/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"version":3}
+{"file":"gov-tile.entry.js","mappings":";;;;;AAIyB,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAC;AAGjD,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,sBAAsB;CAClC;;MCNY,OAAO;IA0BnB;;oBArBuD,GAAG;;wBAQK,KAAK;;;QAcnE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAED,MAAM;QACL,QACC,EAAC,IAAI,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,IAEpC,6DAAM,IAAI,EAAC,MAAM,GAAE,EACnB,4DAAK,KAAK,EAAE,SAAS,CAAC,OAAO,IAC5B,4DAAK,KAAK,EAAE,SAAS,CAAC,IAAI,IACzB,4DAAK,KAAK,EAAE,SAAS,CAAC,KAAK,IACzB,IAAI,CAAC,IAAI,IACT,EAAC,QAAQ,QACR,SACC,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,IACtE,YAAM,IAAI,EAAC,OAAO,GAAE,CACjB,EACJ,YAAM,KAAK,EAAE,SAAS,CAAC,IAAI,IAC1B,gBAAU,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,YAAY,GAAY,CACtD,CACG,KAEX,YAAM,IAAI,EAAC,OAAO,GAAE,CACpB,CACI,EACN,4DAAK,KAAK,EAAE,GAAG,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,GAAG,GAAG,SAAS,CAAC,UAAU,WAAW,GAAG,EAAE,EAAE,IAC3F,8DAAO,CACF,CACD,EACN,6DAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACA,EACP;KACD;;;;IAMD,MAAM,aAAa;QAClB,OAAO,IAAI,CAAC,UAAU,CAAA;KACtB;;;;;;","names":[],"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}

package/dist/esm/gov-tiles.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { g as govHost } from './template-3d84d705.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { g as govHost } from './template-7ecee4d1.js';
 
 const TilesClass = {
     root: 'gov-tiles',
@@ -12,7 +12,7 @@ const GovTiles = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '9d2c26d6717e7d3e5780e322823f94773e515f97', class: this.h.classes(TilesClass.root) }, h("slot", { key: '7b4557531dcabfae72d123a578d43764cc3f03b5' })));
+        return (h(Host, { key: 'edb08ecaceb976d51978baf7ba3779d7e4e333cc', class: this.h.classes(TilesClass.root) }, h("slot", { key: 'a4aa065a8e108b9ceb692c264dec8c4fc559f80e' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,13 +1,12 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { v as validateProp } from './props-c82e1abf.js';
-import { C as Colors } from './colors-02c1ea96.js';
-import { a as pick } from './utils-2b4ef320.js';
-import { g as govHost } from './template-3d84d705.js';
-import { c as createID } from './string.utils-5ce3f551.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { v as validateProp } from './props-9d3c7ac1.js';
+import { C as Colors } from './colors-4cf64720.js';
+import { p as pick } from './utils-e10e994d.js';
+import { g as govHost } from './template-7ecee4d1.js';
+import { c as createID } from './string.utils-1da8f8fb.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-5561aca4.js';
 import { i as inheritAriaAttributes } from './accessibility-f83c991a.js';
-import './gov.log-6e9faad2.js';
-import './win-cec370ad.js';
+import './gov.log-6b64cda6.js';
 
 const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
 var ToastType;
@@ -19,6 +18,7 @@ const ToastClass = {
     root: 'gov-toast',
     hidden: 'gov-toast--hidden',
     content: 'gov-toast__content',
+    icon: 'gov-toast__icon',
     close: 'gov-toast__close',
     timer: 'gov-toast__timer',
 };
@@ -72,12 +72,11 @@ const GovToast = class {
         }
     }
     render() {
-        return (h(Host, { key: '940d040e89e39a45d89398d0b1bf7df0ad541132', 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") && (h("slot", { key: '83468790661861781f8c1a0cbbb3b9a81f4a3120', name: "icon" })), h("div", Object.assign({ key: 'ae1ade607226894dfa26a0a5d9cd8dc727d23ea7', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: 'a53e4ec532d32417cd64950cc174c63c83e1a7eb' })), h("gov-button", { key: '5e8ff6bc372ff702e883386e0968a61a297afdf5', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg" })), h("div", { key: 'bf031915e9731e8f34a922651948f5a2efd8e95c', class: ToastClass.timer })));
+        return (h(Host, { key: '897da92a579e5854078657783d54c4fcca1f0311', 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") && (h("span", { key: '50b2dde54f6e566f95c81bbd5dd6c27870338a70', class: ToastClass.icon }, h("slot", { key: 'f47d01268f3098f56b064fc41dc18bab64771073', name: "icon" }))), h("div", Object.assign({ key: '4e508603bd41bc5375ecf2d84e5a1df239fcc6c4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: 'ff7e107c1486319621a1832bdcc0387f56dc56db' })), h("gov-button", { key: 'dfe2964f40d66df0335219b9bc66f5a316ecf8ca', 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 : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: '5f0c872a74f8cac07431903519ecc191322d4397', class: ToastClass.timer })));
     }
     onCloseHandler() {
-        this.destroy()
-            .then(() => this.govClose.emit(this.toastId))
-            .catch();
+        this.govClose.emit(this.toastId);
+        this.destroy().catch();
     }
     get isBold() {
         return this.type === "bold";

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

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

package/dist/esm/gov-tooltip-content.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { T as TooltipColors, a as TooltipSize, b as TooltipContentClass } from './constants-48177684.js';
-import { c as toBoolAttr } from './template-3d84d705.js';
-import './colors-02c1ea96.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { T as TooltipColors, a as TooltipSize, b as TooltipContentClass } from './constants-3b914c35.js';
+import { c as toBoolAttr } from './template-7ecee4d1.js';
+import './colors-4cf64720.js';
 import './sizes-5b9e579f.js';
-import './utils-2b4ef320.js';
+import './utils-e10e994d.js';
 
 const GovTooltipContent = class {
     constructor(hostRef) {
@@ -34,7 +34,7 @@ const GovTooltipContent = class {
         }
     }
     render() {
-        return (h(Host, { key: '53f6685cde44dc337600773140715671884c8d1f', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: '5f552ef5d7b650ae3bca48a41a244d058f9812a7' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "left-icon", name: "x-lg", type: "basic" }))) : null));
+        return (h(Host, { key: '9775080ab420c435e879ee1516f16bd7fb35f18d', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: 'b5a4adc4ff5ce735d2c1d3688a031e08cb8a97a1' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-tooltip-content.entry.js","mappings":";;;;;;;MAOa,iBAAiB;;;qBAOe,aAAa,CAAC,OAAO;oBAIvB,WAAW,CAAC,EAAE;uBAI5B,KAAK;yBAI6B,KAAK;wBAId,IAAI;;IAGzD,cAAc,CAAC,QAAiB;QAC/B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,IAAI,QAAQ,KAAK,KAAK,EAAE;YACvB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;gBACzB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;aACrC,EAAE,GAAG,CAAC,CAAA;SACP;aAAM;YACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;SACtC;KACD;IAED,WAAW;QACV,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAA0B,CAAA;QAChF,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAA;SACvB;KACD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,iBACV,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,gBAC5B,IAAI,CAAC,SAAS,IAC1B,8DAAa,EACZ,IAAI,CAAC,OAAO,IACZ,kCACe,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,IACZ,gBAAU,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAa,CACzD,IACV,IAAI,CACF,EACP;KACD;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}>\n\t\t\t\t\t\t<gov-icon slot={\"left-icon\"} name={\"x-lg\"} type={\"basic\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"gov-tooltip-content.entry.js","mappings":";;;;;;;MAOa,iBAAiB;;;qBAOe,aAAa,CAAC,OAAO;oBAIvB,WAAW,CAAC,EAAE;uBAI5B,KAAK;yBAI6B,KAAK;wBAId,IAAI;;IAGzD,cAAc,CAAC,QAAiB;QAC/B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,IAAI,QAAQ,KAAK,KAAK,EAAE;YACvB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;gBACzB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;aACrC,EAAE,GAAG,CAAC,CAAA;SACP;aAAM;YACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;SACtC;KACD;IAED,WAAW;QACV,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAA0B,CAAA;QAChF,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAA;SACvB;KACD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,iBACV,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,gBAC5B,IAAI,CAAC,SAAS,IAC1B,8DAAa,EACZ,IAAI,CAAC,OAAO,IACZ,kCACe,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,MAAM,IACZ,gBAAU,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAa,CAC/D,IACV,IAAI,CACF,EACP;KACD;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass, TooltipSize, TooltipSizeType, TooltipColors, TooltipColorType } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Style variation of the tooltip\n\t */\n\t@Prop() readonly color?: TooltipColorType = TooltipColors.PRIMARY\n\t/**\n\t * Tooltip’s size.\n\t */\n\t@Prop() readonly size?: TooltipSizeType = TooltipSize._M\n\t/**\n\t * Tooltip is still visible.\n\t */\n\t@Prop() persist?: boolean = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\", mutable: true }) isVisible = false\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"parent-id\" }) parentId: string = null\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\thideContent() {\n\t\tthis.isVisible = false\n\t\tthis.persist = false\n\t\tconst parentEl = document.getElementById(this.parentId) as HTMLGovTooltipElement\n\t\tif (parentEl) {\n\t\t\tparentEl.hide().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={TooltipContentClass.root}\n\t\t\t\trole={\"tooltip\"}\n\t\t\t\thidden={!this.isVisible}\n\t\t\t\taria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t\tis-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t\t{this.persist ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\ton-gov-click={this.hideContent.bind(this)}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\ttype={\"base\"}>\n\t\t\t\t\t\t<gov-icon slot={\"icon-start\"} name={\"x-lg\"} type={\"components\"}></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/esm/gov-tooltip.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { v as validateProp } from './props-c82e1abf.js';
-import { T as TooltipColors, a as TooltipSize, b as TooltipContentClass, c as TooltipPosition, d as TooltipClass } from './constants-48177684.js';
-import { c as createID } from './string.utils-5ce3f551.js';
-import { g as govHost } from './template-3d84d705.js';
-import { d as documentNode } from './win-cec370ad.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { v as validateProp } from './props-9d3c7ac1.js';
+import { T as TooltipColors, a as TooltipSize, b as TooltipContentClass, c as TooltipPosition, d as TooltipClass } from './constants-3b914c35.js';
+import { c as createID } from './string.utils-1da8f8fb.js';
+import { g as govHost } from './template-7ecee4d1.js';
+import { d as documentNode } from './gov.log-6b64cda6.js';
 import { t as tick } from './stencil.utils-f3c6c68d.js';
-import './gov.log-6e9faad2.js';
-import './colors-02c1ea96.js';
+import './colors-4cf64720.js';
 import './sizes-5b9e579f.js';
-import './utils-2b4ef320.js';
+import './utils-e10e994d.js';
 
 const GovTooltip = class {
     constructor(hostRef) {
@@ -202,11 +201,11 @@ const GovTooltip = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f6273f5b0285855de2678de6cf9e56b3a538d1a2', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '1625bc58fec8bde766c69a072d4c8a3968271ab8', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (h(Host, { key: 'bc4cfa206b2e4060ca6070f0d4796df1a5df1bfc', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '8ce3bf37e9ab13190c476db7cf47b7d0319719fe', 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 }, h("slot", { key: '54fccbe8a9f1e53affd40fe026739cb5c278c902' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, h("slot", { key: 'c622fcd797a2c0dd303395d2d6391fbc747e4d18' }))));
     }
     /**
      * Showing the modal

package/dist/esm/gov-tooltip.entry.js.map

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

package/dist/esm/gov-wizard-item.entry.js

@@ -1,12 +1,11 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { v as validateProp } from './props-c82e1abf.js';
-import { W as WizardItemClass, c as WizardColors } from './constants-f4e4ede6.js';
-import { c as createID } from './string.utils-5ce3f551.js';
-import { g as govHost, b as booleanString, t as toBoolAttrIfDefined } from './template-3d84d705.js';
-import './gov.log-6e9faad2.js';
-import './win-cec370ad.js';
-import './utils-2b4ef320.js';
-import './colors-02c1ea96.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { v as validateProp } from './props-9d3c7ac1.js';
+import { W as WizardItemClass, c as WizardColors } from './constants-8429b68f.js';
+import { c as createID } from './string.utils-1da8f8fb.js';
+import { g as govHost, b as booleanString, t as toBoolAttrIfDefined } from './template-7ecee4d1.js';
+import './gov.log-6b64cda6.js';
+import './utils-e10e994d.js';
+import './colors-4cf64720.js';
 import './sizes-5b9e579f.js';
 
 var Tags;
@@ -44,12 +43,12 @@ const GovWizardItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: '3f59956339df074998165a5224c9df58054b3f34', class: WizardItemClass.prefix }, h("slot", { key: '6c9b2007a4480ea06d9c1968c9c9f90b1d03fe12', name: "prefix" })));
-        return (h(Host, { key: '7c6523696e4ee074c82047d453355a46460e5f29', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: '1881b5a37ce7b3587295ed8a38a5923afbf2ffdb', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: '5b4e2b9c66285827959d4df9801cef2b8de29764', class: WizardItemClass.prefix }, h("slot", { key: '6ffa576fe3be8febb899186208d8aa7ae1fecd96', name: "prefix" })));
+        return (h(Host, { key: '60fd0ec72cb212f73dddeec698c2003117b1fc02', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: '02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();
-            } }, h("span", { class: WizardItemClass.headline }, h("slot", { name: "headline" }), this.collapsible && h("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down" })), h("slot", { name: "annotation" }))) : (h(Tag, { class: this.h.classes(WizardItemClass.label) }, h("span", { class: WizardItemClass.headline }, h("slot", { name: "headline" }), this.collapsible && h("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down" })), h("slot", { name: "annotation" })))), this.collapsible ? (h("div", { class: WizardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, h("slot", null)))));
+            } }, h("span", { class: WizardItemClass.headline }, h("slot", { name: "headline" }), this.collapsible && h("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down", type: "components" })), h("slot", { name: "annotation" }))) : (h(Tag, { class: this.h.classes(WizardItemClass.label) }, h("span", { class: WizardItemClass.headline }, h("slot", { name: "headline" }), this.collapsible && h("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down", type: "components" })), h("slot", { name: "annotation" })))), this.collapsible ? (h("div", { class: WizardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, h("slot", null)))));
     }
     /**
      * Opening the Wizard

package/dist/esm/gov-wizard-item.entry.js.map

@@ -1 +1 @@
-{"file":"gov-wizard-item.entry.js","mappings":"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","names":[],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}
+{"file":"gov-wizard-item.entry.js","mappings":"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","names":[],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}

package/dist/esm/gov-wizard.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-d8b4eb6c.js';
-import { v as validateProp } from './props-c82e1abf.js';
-import { W as WizardItemClass, a as WizardClass, b as WizardSizes } from './constants-f4e4ede6.js';
-import { g as govHost } from './template-3d84d705.js';
-import { v as validateAccessibleLabel } from './wcag-fa5ce56c.js';
-import { c as canValidateWcagOnRender } from './win-cec370ad.js';
-import { d as delay } from './utils-2b4ef320.js';
-import './gov.log-6e9faad2.js';
-import './colors-02c1ea96.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { v as validateProp } from './props-9d3c7ac1.js';
+import { W as WizardItemClass, a as WizardClass, b as WizardSizes } from './constants-8429b68f.js';
+import { g as govHost } from './template-7ecee4d1.js';
+import { v as validateAccessibleLabel } from './wcag-253a4421.js';
+import { c as canValidateWcagOnRender } from './gov.log-6b64cda6.js';
+import { d as delay } from './utils-e10e994d.js';
+import './colors-4cf64720.js';
 import './sizes-5b9e579f.js';
-import './string.utils-5ce3f551.js';
+import './string.utils-1da8f8fb.js';
 import './helpers.types-43ddbdb8.js';
 
 const GovWizard = class {
@@ -48,7 +47,7 @@ const GovWizard = class {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '5dd1ff1d4239f078562f4fbda12e37e6d3586b50', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'eefabfef3f6ff5367a440df275cce51b179b24b4' })));
+        return (h(Host, { key: '3aa896212e044cc3952da66a72b1ca7a708ea0b3', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf' })));
     }
     /**
      * Validate the WCAG attributes of the component

package/dist/esm/gov-wizard.entry.js.map

@@ -1 +1 @@
-{"file":"gov-wizard.entry.js","mappings":";;;;;;;;;;;;;MAaa,SAAS;IAMrB;;;QAJQ,aAAQ,GAAG,KAAK,CAAA;oBAWkB,GAAG;;;QAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAoBO,YAAY,CAAC,QAAgB;QACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B;YACxF,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;;;;;;;SAOrC,CAAC,CAAA;KACF;IAED,MAAM,kBAAkB;QACvB,IAAI,uBAAuB,EAAE,EAAE;YAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;SACzB;KACD;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClG,8DAAQ,CACF,EACP;KACD;;;;IAMM,MAAM,YAAY;QACxB,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAC9E;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"version":3}
+{"file":"gov-wizard.entry.js","mappings":";;;;;;;;;;;;MAaa,SAAS;IAMrB;;;QAJQ,aAAQ,GAAG,KAAK,CAAA;oBAWkB,GAAG;;;QAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAoBO,YAAY,CAAC,QAAgB;QACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B;YACxF,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;;;;;;;SAOrC,CAAC,CAAA;KACF;IAED,MAAM,kBAAkB;QACvB,IAAI,uBAAuB,EAAE,EAAE;YAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;SACzB;KACD;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClG,8DAAQ,CACF,EACP;KACD;;;;IAMM,MAAM,YAAY;QACxB,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAC9E;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"version":3}

package/dist/esm/{win-cec370ad.js → gov.log-6b64cda6.js}

@@ -1,4 +1,4 @@
-import { p as property } from './utils-2b4ef320.js';
+import { a as property } from './utils-e10e994d.js';
 
 const isWindow = typeof window !== "undefined";
 const getWindowProperty = (name) => isWindow && window && property(name, window);
@@ -26,6 +26,20 @@ const iconsPath = () => config().iconsPath;
 const iconsLazyLoad = () => config().iconsLazyLoad;
 const documentNode = () => config().documentNode;
 
-export { useLog as a, useErrorLog as b, canValidateWcagOnRender as c, documentNode as d, iconsPath as e, iconsLazyLoad as f, isWindow as i, useWarningLog as u };
+const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
+const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
+const govLog = (message, colors = INFO_COLORS, args) => {
+    const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
+    if (useLog() || useWarningLog() || useErrorLog()) {
+        console.log('%cgov', styles, message, args);
+    }
+};
+const govWarningLog = (message, args) => {
+    if (useWarningLog()) {
+        govLog(message, WARNING_COLORS, args);
+    }
+};
+
+export { isWindow as a, iconsLazyLoad as b, canValidateWcagOnRender as c, documentNode as d, govWarningLog as g, iconsPath as i };
 
-//# sourceMappingURL=win-cec370ad.js.map
+//# sourceMappingURL=gov.log-6b64cda6.js.map

package/dist/esm/gov.log-6b64cda6.js.map

@@ -0,0 +1 @@
+{"file":"gov.log-6b64cda6.js","mappings":";;MAYa,QAAQ,GAAG,OAAO,MAAM,KAAK,YAAW;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;IACd,MAAM,aAAa,GAAY;QAC9B,uBAAuB,EAAE,KAAK;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,eAAe;QAC1B,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;KACxC,CAAA;IAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;IAClE,IAAI,cAAc,EAAE;QACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;KAC9C;IAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;AAC1G,MAAM,aAAa,GAAG,MAA6B,MAAM,EAAE,CAAC,UAAU,CAAA;AACtE,MAAM,WAAW,GAAG,MAA2B,MAAM,EAAE,CAAC,QAAQ,CAAA;AAChE,MAAM,MAAM,GAAG,MAAsB,MAAM,EAAE,CAAC,GAAG,CAAA;MAC3C,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;AClCpE,MAAM,cAAc,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC,CAAA;AACpE,MAAM,WAAW,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAC,CAAA;AAGvD,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW,EAAE,IAAc;IACxF,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH,CAAA;IAED,IAAG,MAAM,EAAE,IAAI,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE;QAChD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;KAC3C;AACF,CAAC,CAAA;MAEY,aAAa,GAAG,CAAC,OAAe,EAAE,IAAc;IAC5D,IAAI,aAAa,EAAE,EAAE;QACpB,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,CAAA;KACrC;AACF;;;;","names":[],"sources":["../../../packages/core/src/helpers/Dom/win.ts","../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n","import {useErrorLog, useLog, useWarningLog} from \"../Dom/win\";\n\ninterface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = {bg: '#ecae1a', text: '#3b3b3b'}\nconst INFO_COLORS: ColorConfig = {bg: '#2362a2', text: '#fff'}\nconst ERROR_COLORS: ColorConfig = {bg: '#c52a3a', text: '#fff'}\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS, args?: unknown): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tif(useLog() || useWarningLog() || useErrorLog()) {\n\t\tconsole.log('%cgov', styles, message, args)\n\t}\n}\n\nexport const govWarningLog = (message: string, args?: unknown): void => {\n\tif (useWarningLog()) {\n\t\tgovLog(message, WARNING_COLORS, args)\n\t}\n}\n\nexport const govErrorLog = (message: string, args?: unknown): void => {\n\tif (useErrorLog()) {\n\t\tgovLog(message, ERROR_COLORS, args)\n\t}\n}\n"],"version":3}