@gov-design-system-ce/components 0.0.1

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

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const props = require('./props-bb89fb59.js');
+const variants = require('./variants-04113a72.js');
+const template = require('./template-26608353.js');
+const string_utils = require('./string.utils-f9b3501b.js');
+require('./gov.log-4527e960.js');
+
+const ToastClass = {
+  root: "gov-toast",
+  hidden: "gov-toast--hidden",
+  icon: "gov-toast__icon",
+  content: "gov-toast__content",
+  close: "gov-toast__close",
+};
+
+const govToastCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-secondary-100));z-index:201;position:fixed;max-width:23.4375rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-toast__content p:last-child{margin:0}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.625rem;right:1rem}.gov-toast__close .element{min-height:0 !important;padding:0.3125rem !important}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-color, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-warning))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-color, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-error))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-color, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-success))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-color, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-primary))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-secondary))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";
+
+const GovToast = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.govClose = index.createEvent(this, "gov-close", 7);
+    this.variant = variants.Variants.PRIMARY;
+    this.gravity = "top";
+    this.position = "right";
+    this.time = 10000;
+    this.wcagCloseLabel = undefined;
+    this.h = template.govHost(this.host);
+    this.toastId = string_utils.createID("GovToast");
+  }
+  validateVariant(newValue) {
+    props.validateProp(variants.Variants, newValue, ToastClass.root);
+  }
+  componentWillLoad() {
+    this.validateVariant(this.variant);
+    this.timeout = setTimeout(() => {
+      this.host.classList.add(ToastClass.hidden);
+      setTimeout(this.destroy.bind(this), 600);
+    }, this.time);
+  }
+  componentDidLoad() {
+    const existedToasts = document.querySelectorAll(`gov-toast[gravity="${this.gravity}"][position="${this.position}"]:not([data-toast-id="${this.toastId}"])`);
+    if (existedToasts.length > 0) {
+      Array.from(existedToasts).map((toast) => toast.destroy(true).then());
+    }
+  }
+  disconnectedCallback() {
+    clearTimeout(this.timeout);
+  }
+  render() {
+    return (index.h(index.Host, { class: this.h.classes([ToastClass.root, "gov-box-shadow--m"]), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant }, this.h.hasSlot("icon") && (index.h("span", { class: ToastClass.icon }, index.h("slot", { name: "icon" }))), index.h("div", { class: ToastClass.content, "aria-live": "polite", role: "status" }, index.h("slot", null)), index.h("div", { class: ToastClass.close }, index.h("gov-button", { size: "s", "wcag-label": this.wcagCloseLabel, variant: "secondary", type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, index.h("gov-icon", { name: "cross" })))));
+  }
+  onCloseHandler() {
+    this.destroy().then(() => {
+      this.govClose.emit(this.toastId);
+    }).catch();
+  }
+  /**
+   * Remove toast from dom
+   */
+  async destroy(force = false) {
+    clearTimeout(this.timeout);
+    const toast = document.querySelector(`[data-toast-id="${this.toastId}"]`);
+    if (toast) {
+      toast.classList.add(ToastClass.hidden);
+      if (typeof toast.remove === "function") {
+        if (force) {
+          toast.remove();
+        }
+        else {
+          setTimeout(() => toast.remove(), 600);
+        }
+      }
+    }
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "variant": ["validateVariant"]
+  }; }
+};
+GovToast.style = govToastCss;
+
+exports.gov_toast = GovToast;
+
+//# sourceMappingURL=gov-toast.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-toast.entry.cjs.js","mappings":"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","names":["Variants","govHost","createID","validateProp","h","Host"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.scss?tag=gov-toast","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Variants as GlobalVariants } from '../../core/constants/variants'\n\nexport const Variants = [undefined, GlobalVariants.SUCCESS, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SECONDARY, GlobalVariants.PRIMARY] as const\nexport type VariantType = typeof Variants[number]\n\nexport const ToastClass = {\n\troot: \"gov-toast\",\n\thidden: \"gov-toast--hidden\",\n\ticon: \"gov-toast__icon\",\n\tcontent: \"gov-toast__content\",\n\tclose: \"gov-toast__close\",\n}\n","/*\n *   Alert\n */\n\n@import \"./gov-toast-message-core.scss\";\n$class: \".gov-toast\";\n\n#{$class} {\n\t@include toast-message-core;\n\n\t@include z-index(\"toast\", 1);\n\tposition: fixed;\n\tmax-width: rem-calc(375);\n\topacity: 1;\n\ttransition: opacity 300ms ease-in-out;\n\n\t&__content {\n\t\tpadding-right: 0;\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(10);\n\t\tright: rem-calc(16);\n\t\t.element {\n\t\t\tmin-height: 0 !important;\n\t\t\tpadding: rem-calc(5) !important;\n\t\t}\n\t}\n\n\t&--hidden {\n\t\topacity: 0;\n\t}\n\n\t// POSITION\n\t&[gravity=\"top\" i] {\n\t\ttop: rem-calc(16);\n\t}\n\t&[gravity=\"bottom\" i] {\n\t\tbottom: rem-calc(16);\n\t}\n\t&[position=\"left\" i] {\n\t\tleft: rem-calc(16);\n\t}\n\t&[position=\"center\" i] {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t}\n\t&[position=\"right\" i] {\n\t\tright: rem-calc(16);\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $toast-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder-left-color: get(\"color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@include mq($from: sm) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch, Method } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ToastClass } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { VariantType } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-toast\",\n\tstyleUrl: \"gov-toast.scss\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\n\n\t@Prop() readonly gravity: \"top\" | \"bottom\" = \"top\"\n\t@Prop() readonly position: \"left\" | \"center\" | \"right\" = \"right\"\n\n\t@Prop() readonly time: number = 10000\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.timeout = setTimeout(() => {\n\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\tsetTimeout(this.destroy.bind(this), 600)\n\t\t}, this.time)\n\t}\n\n\tcomponentDidLoad() {\n\t\tconst existedToasts = document.querySelectorAll(`gov-toast[gravity=\"${this.gravity}\"][position=\"${this.position}\"]:not([data-toast-id=\"${this.toastId}\"])`)\n\t\tif (existedToasts.length > 0) {\n\t\t\tArray.from(existedToasts).map((toast: HTMLGovToastElement) => toast.destroy(true).then())\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([ToastClass.root, \"gov-box-shadow--m\"])}\n\t\t\t      data-toast-id={this.toastId}\n\t\t\t      gravity={this.gravity}\n\t\t\t      position={this.position}\n\t\t\t      variant={this.variant}>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t            wcag-label={this.wcagCloseLabel}\n\t\t\t\t\t            variant=\"secondary\"\n\t\t\t\t\t            type=\"base\"\n\t\t\t\t\t            on-gov-click={this.onCloseHandler.bind(this)}>\n\t\t\t\t\t\t<gov-icon name=\"cross\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler() {\n\t\tthis.destroy().then(() => {\n\t\t\tthis.govClose.emit(this.toastId)\n\t\t}).catch()\n\t}\n\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(force = false): 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\tif (force) {\n\t\t\t\t\ttoast.remove()\n\t\t\t\t} else {\n\t\t\t\t\tsetTimeout(() => toast.remove(), 600)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const constants = require('./constants-3248a281.js');
+const template = require('./template-26608353.js');
+require('./variants-04113a72.js');
+require('./sizes-79872c2a.js');
+
+const govTooltipContentCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tooltip-content{z-index:51;font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);position:absolute;display:block;width:-moz-max-content;width:max-content;max-width:var(--gov-tooltip-content-max-width, 21rem);padding:1rem;border-radius:0.1875rem;background-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));color:var(--gov-tooltip-content-text-color, var(--gov-color-secondary));letter-spacing:0.0125rem;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in}.gov-tooltip-content::before{content:\"\";position:absolute;display:block;width:0;height:0;border:0.625rem solid transparent}.gov-tooltip-content[is-visible=\"\"],.gov-tooltip-content[is-visible=true i],.gov-tooltip-content[is-visible=\"1\"]{opacity:1}.gov-tooltip[size=s] .gov-tooltip-content{--gov-tooltip-content-padding:0.5rem;--gov-tooltip-content-arrow-size:0.4375rem;--gov-tooltip-content-letter-spacing:0.0125rem;font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-tooltip[size=l] .gov-tooltip-content{--gov-tooltip-content-padding:1rem;--gov-tooltip-content-arrow-size:0.875rem;--gov-tooltip-content-letter-spacing:0.002rem;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-tooltip[position=top] .gov-tooltip-content{bottom:100%;margin-bottom:0.625rem}.gov-tooltip[position=top] .gov-tooltip-content,.gov-tooltip[position=top] .gov-tooltip-content::before{left:50%;transform:translateX(-50%)}.gov-tooltip[position=top] .gov-tooltip-content::before{top:100%;border-bottom-width:0;border-top-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip[position=bottom] .gov-tooltip-content{top:100%;margin-top:0.625rem}.gov-tooltip[position=bottom] .gov-tooltip-content,.gov-tooltip[position=bottom] .gov-tooltip-content::before{left:50%;transform:translateX(-50%)}.gov-tooltip[position=bottom] .gov-tooltip-content::before{bottom:100%;border-top-width:0;border-bottom-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip[position=left] .gov-tooltip-content{right:100%;margin-right:0.625rem}.gov-tooltip[position=left] .gov-tooltip-content,.gov-tooltip[position=left] .gov-tooltip-content::before{top:50%;transform:translateY(-50%)}.gov-tooltip[position=left] .gov-tooltip-content::before{left:100%;border-right-width:0;border-left-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}.gov-tooltip[position=right] .gov-tooltip-content{left:100%;margin-left:0.625rem}.gov-tooltip[position=right] .gov-tooltip-content,.gov-tooltip[position=right] .gov-tooltip-content::before{top:50%;transform:translateY(-50%)}.gov-tooltip[position=right] .gov-tooltip-content::before{right:100%;border-left-width:0;border-right-color:var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300))}";
+
+const GovTooltipContent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isVisible = false;
+  }
+  visibleContent(newValue) {
+    clearTimeout(this.timeout);
+    if (newValue === false) {
+      this.timeout = setTimeout(() => {
+        this.host.style.visibility = "hidden";
+      }, 250);
+    }
+    else {
+      this.host.style.visibility = "visible";
+    }
+  }
+  render() {
+    return (index.h(index.Host, { class: constants.TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !template.toBoolAttr(this.isVisible), "is-visible": this.isVisible }, index.h("slot", null)));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "isVisible": ["visibleContent"]
+  }; }
+};
+GovTooltipContent.style = govTooltipContentCss;
+
+exports.gov_tooltip_content = GovTooltipContent;
+
+//# sourceMappingURL=gov-tooltip-content.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-tooltip-content.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,8rGAA8rG;;MCQ9sG,iBAAiB;;;qBAOoC,KAAK;;EAGtE,cAAc,CAAC,QAAiB;IAC/B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,QAAQ,KAAK,KAAK,EAAE;MACvB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;OACrC,EAAE,GAAG,CAAC,CAAA;KACP;SAAM;MACN,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;KACtC;GACD;EAED,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAEC,6BAAmB,CAAC,IAAI,EAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS,iBACV,CAACC,mBAAU,CAAC,IAAI,CAAC,SAAS,CAAC,gBAC5B,IAAI,CAAC,SAAS,IAC/BH,qBAAa,CACP,EACP;GACD;;;;;;;;;;","names":["h","Host","TooltipContentClass","toBoolAttr"],"sources":["../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.scss?tag=gov-tooltip-content","../../../packages/core/src/components/gov-tooltip/gov-tooltip-content.tsx"],"sourcesContent":["/*\n *   Tooltip - Content\n */\n\n$class: \".gov-tooltip-content\";\n\n#{$class} {\n\t@include z-index(\"bar\", 1);\n\t@include typography($font-size-m);\n\tposition: absolute;\n\tdisplay: block;\n\twidth: max-content;\n\tmax-width: $tooltip-content-max-width;\n\tpadding: rem-calc(16);\n\tborder-radius: rem-calc(3);\n\tbackground-color: $tooltip-content-bg-color;\n\tcolor: $tooltip-content-text-color;\n\tletter-spacing: rem-calc(0.2);\n\tvisibility: hidden;\n\topacity: 0;\n\ttransition: opacity 0.2s ease-in;\n\t&::before {\n\t\t@include pseudo();\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder: rem-calc(10) solid transparent;\n\t}\n\n\t// STATES\n\t@include parameter(\"is-visible\") {\n\t\topacity: 1;\n\t}\n\n\t// VARIANTS\n\t// sizes\n\t@each $size, $definitions in $tooltip-content-sizes {\n\t\t.gov-tooltip[size=\"#{$size}\"] & {\n\t\t\t--#{$prefix}tooltip-content-padding: #{get(\"padding\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-arrow-size: #{get(\"arrow-size\", $definitions)};\n\t\t\t--#{$prefix}tooltip-content-letter-spacing: #{get(\"letter-spacing\", $definitions)};\n\t\t\t@include typography(get(\"typography\", $definitions));\n\t\t}\n\t}\n\n\t// positions\n\t@each $position, $definitions in $tooltip-content-positions {\n\t\t$oppositeProperty: get(\"oppositeProperty\", $definitions);\n\n\t\t.gov-tooltip[position=\"#{$position}\"] & {\n\t\t\t#{$oppositeProperty}: 100%;\n\t\t\tmargin-#{$oppositeProperty}: rem-calc(10);\n\t\t\t&,\n\t\t\t&::before {\n\t\t\t\t#{get(\"directionProperty\", $definitions)}: 50%;\n\t\t\t\ttransform: #{get(\"transformFn\", $definitions) }(-50%);\n\t\t\t}\n\t\t\t&::before {\n\t\t\t\t#{$position}: 100%;\n\t\t\t\tborder-#{$oppositeProperty}-width: 0;\n\t\t\t\tborder-#{$position}-color: $tooltip-content-bg-color;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { TooltipContentClass } from \"./constants\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\n\n@Component({\n\ttag: \"gov-tooltip-content\",\n\tstyleUrl: \"gov-tooltip-content.scss\",\n})\nexport class GovTooltipContent {\n\tprivate timeout\n\n\t@Element() host: HTMLGovTooltipContentElement\n\t/**\n\t * Indicates display of tooltip content\n\t */\n\t@Prop({ attribute: \"is-visible\" }) readonly isVisible: boolean = false\n\n\t@Watch(\"isVisible\")\n\tvisibleContent(newValue: boolean): void {\n\t\tclearTimeout(this.timeout)\n\t\tif (newValue === false) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.style.visibility = \"hidden\"\n\t\t\t}, 250)\n\t\t} else {\n\t\t\tthis.host.style.visibility = \"visible\"\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={TooltipContentClass.root}\n\t\t\t      role={\"tooltip\"}\n\t\t\t      hidden={!this.isVisible}\n\t\t\t      aria-hidden={!toBoolAttr(this.isVisible)}\n\t\t\t      is-visible={this.isVisible}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const variants = require('./variants-04113a72.js');
+const sizes = require('./sizes-79872c2a.js');
+const props = require('./props-bb89fb59.js');
+const constants = require('./constants-3248a281.js');
+const string_utils = require('./string.utils-f9b3501b.js');
+const template = require('./template-26608353.js');
+require('./gov.log-4527e960.js');
+
+const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tooltip{position:relative;display:inline;border-bottom:1px dashed currentcolor;color:var(--gov-color-primary);cursor:help}.gov-tooltip[icon=\"\"],.gov-tooltip[icon=true i],.gov-tooltip[icon=\"1\"]{display:inline-flex;width:1rem;height:1rem;border-bottom:0;color:inherit}.gov-tooltip[variant=secondary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-secondary-bg-color, var(--gov-color-secondary));--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color, var(--gov-color-secondary-100))}.gov-tooltip[variant=secondary][inverse=\"\"],.gov-tooltip[variant=secondary][inverse=true i],.gov-tooltip[variant=secondary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-secondary-100);--gov-tooltip-content-text-color:var(--gov-tooltip-secondary-text-color-inverse, var(--gov-color-secondary))}.gov-tooltip[variant=primary]{--gov-tooltip-content-bg-color:var(--gov-tooltip-primary-bg-color, var(--gov-color-primary-300));--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color, var(--gov-color-secondary))}.gov-tooltip[variant=primary][inverse=\"\"],.gov-tooltip[variant=primary][inverse=true i],.gov-tooltip[variant=primary][inverse=\"1\"]{--gov-tooltip-content-bg-color:var(--gov-color-secondary-100);--gov-tooltip-content-text-color:var(--gov-tooltip-primary-text-color-inverse, var(--gov-color-primary))}";
+
+const GovTooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.variant = variants.Variants.PRIMARY;
+    this.size = sizes.Sizes._M;
+    this.position = constants.Positions.RIGHT;
+    this.message = undefined;
+    this.identifier = undefined;
+    this.icon = undefined;
+    this.h = template.govHost(this.host);
+    this.tooltipId = string_utils.createID("GovTooltip");
+  }
+  validateVariant(newValue) {
+    props.validateProp(constants.Variant, newValue, constants.TooltipClass.root);
+  }
+  validateSize(newValue) {
+    props.validateProp(constants.Size, newValue, constants.TooltipClass.root);
+  }
+  validatePosition(newValue) {
+    props.validateProp(constants.Position, newValue, constants.TooltipClass.root);
+  }
+  componentWillLoad() {
+    this.validateVariant(this.variant);
+    this.validateSize(this.size);
+    this.validatePosition(this.position);
+    this.createContentWrapper();
+    this.registerListeners();
+  }
+  createContentWrapper() {
+    var _a;
+    const hasContentInside = this.host.querySelector(constants.TooltipContentClass.root);
+    if (hasContentInside) {
+      this.content = hasContentInside;
+    }
+    else {
+      this.content = document.createElement(constants.TooltipContentClass.root);
+      this.content.innerHTML = this.message;
+      this.host.appendChild(this.content);
+    }
+    this.content.setAttribute("id", (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipId);
+  }
+  registerListeners() {
+    this.host.addEventListener("focus", (e) => {
+      e.preventDefault();
+      this.showTooltip();
+    });
+    this.host.addEventListener("blur", (e) => {
+      e.preventDefault();
+      this.hideTooltip();
+    });
+    this.host.addEventListener("mouseenter", (e) => {
+      e.preventDefault();
+      this.showTooltip();
+    });
+    this.host.addEventListener("mouseleave", (e) => {
+      e.preventDefault();
+      this.hideTooltip();
+    });
+  }
+  verifiyPositionSpace() {
+    // @TODO Improve positioning of broken lines
+    const offset = 12;
+    const windowWidth = window.innerWidth;
+    const trigger = this.host.getBoundingClientRect();
+    const trgWidth = this.host.offsetWidth;
+    const triggerPos = {
+      left: trigger.left + document.documentElement.scrollLeft,
+      top: trigger.top + document.documentElement.scrollTop,
+    };
+    const tltWidth = this.content.offsetWidth;
+    if (this.position === constants.Positions.LEFT) {
+      if ((offset + triggerPos.left) < tltWidth) {
+        this.position = constants.Positions.TOP;
+        this.content.style.left = "0px";
+        this.content.style.width = window.innerWidth - triggerPos.left - offset + "px";
+        this.content.style.transform = "none";
+      }
+    }
+    else if (this.position === constants.Positions.RIGHT) {
+      if (windowWidth - (triggerPos.left + trgWidth) < tltWidth) {
+        this.position = constants.Positions.TOP;
+        this.content.style.right = "0px";
+        this.content.style.left = "auto";
+        this.content.style.width = trgWidth + triggerPos.left + offset + "px";
+        this.content.style.transform = "none";
+      }
+    }
+    else {
+      // doesn't fit from the left
+      if ((tltWidth / 2) > triggerPos.left) {
+        this.content.style.left = "0px";
+        this.content.style.width = window.innerWidth - triggerPos.left - offset + "px";
+        this.content.style.transform = "none";
+      }
+      // doesn't fit from the right
+      else if ((tltWidth / 2) > (windowWidth - (triggerPos.left + tltWidth))) {
+        this.content.style.right = "0px";
+        this.content.style.left = "auto";
+        this.content.style.width = trgWidth + triggerPos.left + offset + "px";
+        this.content.style.transform = "none";
+      }
+    }
+  }
+  showTooltip() {
+    if (this.content) {
+      this.verifiyPositionSpace();
+      this.content.setAttribute("is-visible", "true");
+    }
+  }
+  hideTooltip() {
+    if (this.content) {
+      this.content.setAttribute("is-visible", "false");
+    }
+  }
+  render() {
+    var _a;
+    return (index.h(index.Host, { class: this.h.classes(constants.TooltipClass.root), position: this.position, size: this.size, tabindex: 0, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipId, variant: this.variant }, index.h("slot", null)));
+  }
+  /**
+   * Showing the modal
+   */
+  async show() {
+    this.showTooltip();
+  }
+  /**
+   * Hidding the modal
+   */
+  async hide() {
+    this.hideTooltip();
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "variant": ["validateVariant"],
+    "size": ["validateSize"],
+    "position": ["validatePosition"]
+  }; }
+};
+GovTooltip.style = govTooltipCss;
+
+exports.gov_tooltip = GovTooltip;
+
+//# sourceMappingURL=gov-tooltip.cjs.entry.js.map

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

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

package/dist/cjs/gov-wizzard-item.cjs.entry.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const gov_log = require('./gov.log-4527e960.js');
+const props = require('./props-bb89fb59.js');
+const constants = require('./constants-02ecd1c7.js');
+const string_utils = require('./string.utils-f9b3501b.js');
+const template = require('./template-26608353.js');
+const variants = require('./variants-04113a72.js');
+require('./sizes-79872c2a.js');
+
+const govWizzardItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-secondary-100))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__header>.gov-icon{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:\"Roboto\", sans-serif;font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:center}.gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix i,.gov-wizzard-item__prefix .gov-icon{width:1.125rem;height:1.125rem}.gov-wizzard-item__content p:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-secondary-100))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-secondary-100))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-secondary-100))}.gov-wizzard-item:last-child{margin-bottom:0}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item__header[aria-expanded=true]>gov-icon{transform:scale(-1)}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix{width:2rem;height:2rem}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:0rem 1rem 1rem 4rem}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{width:2.5rem;height:2.5rem}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:0rem 1rem 1rem 4.5rem}@media (max-width: 29.99em){.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{width:2rem;height:2rem}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:0rem 1rem 1rem 4rem}}";
+
+var Tags;
+(function (Tags) {
+  Tags["DIV"] = "div";
+  Tags["BUTTON"] = "button";
+})(Tags || (Tags = {}));
+const GovWizzardItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.govChange = index.createEvent(this, "gov-change", 7);
+    this.isExpandedState = undefined;
+    this.variant = variants.Variants.PRIMARY;
+    this.identifier = undefined;
+    this.collapsible = false;
+    this.label = undefined;
+    this.disabled = false;
+    this.isExpanded = false;
+    this.labelTag = "h3";
+    this.h = template.govHost(this.host);
+    this.triggerId = string_utils.createID("GovWizzardItem");
+    this.contentId = string_utils.createID("GovWizzardContent");
+  }
+  validateLabel(newValue) {
+    if (!newValue) {
+      gov_log.govErrorLog(`[${constants.WizzardItemClass.root}]: Parameter label is required.`);
+    }
+  }
+  validateTriggerTag(newValue) {
+    const validTags = ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
+    if (newValue) {
+      if (!validTags.includes(newValue)) {
+        gov_log.govErrorLog(`[${constants.WizzardItemClass.root}]: Tag ${newValue} is not allowed.`);
+      }
+    }
+  }
+  validateVariant(newValue) {
+    props.validateProp(variants.Variants, newValue, constants.WizzardItemClass.root);
+  }
+  emmitChange() {
+    this.govChange.emit({ open: this.isExpandedState, element: this.host });
+  }
+  componentWillLoad() {
+    this.isExpandedState = this.isExpanded;
+    this.validateLabel(this.label);
+    this.validateVariant(this.variant);
+    this.validateTriggerTag(this.labelTag);
+  }
+  render() {
+    const triggerId = this.identifier || this.triggerId;
+    const LabelTag = this.labelTag;
+    const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
+    const label = (index.h(LabelTag, { class: constants.WizzardItemClass.title }, this.h.hasSlot("prefix") &&
+      index.h("span", { class: constants.WizzardItemClass.prefix }, index.h("slot", { name: "prefix" })), index.h("span", { class: constants.WizzardItemClass.label }, this.label)));
+    return (index.h(index.Host, { class: constants.WizzardItemClass.root, variant: this.variant, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (index.h(Tag, { id: triggerId, class: constants.WizzardItemClass.header, "aria-expanded": template.booleanString(this.isExpandedState), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: () => this.collapsible ? this.toggle() : false }, label, index.h("gov-icon", { name: "arrow-down" }))) : (index.h("div", { class: constants.WizzardItemClass.header }, label)), this.collapsible ? (index.h("div", { class: constants.WizzardItemClass.content, id: this.contentId, "aria-hidden": template.booleanString(!this.isExpandedState), hidden: !this.isExpandedState, "aria-labelledby": triggerId }, index.h("slot", null))) : (index.h("div", { class: constants.WizzardItemClass.content, "aria-hidden": template.booleanString(!this.isExpandedState), hidden: !this.isExpandedState }, index.h("slot", null)))));
+  }
+  /**
+   * Opening the Wizzard
+   */
+  async open() {
+    this.isExpandedState = true;
+    this.emmitChange();
+  }
+  /**
+   * Closing the Wizzard
+   */
+  async close() {
+    this.isExpandedState = false;
+    this.emmitChange();
+  }
+  /**
+   * Wizzard switch
+   */
+  async toggle() {
+    this.isExpandedState = !this.isExpandedState;
+    this.emmitChange();
+  }
+  /**
+   * Returns the current state of the component
+   */
+  async currentState() {
+    return this.isExpandedState;
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "label": ["validateLabel"],
+    "labelTag": ["validateTriggerTag"],
+    "variant": ["validateVariant"]
+  }; }
+};
+GovWizzardItem.style = govWizzardItemCss;
+
+exports.gov_wizzard_item = GovWizzardItem;
+
+//# sourceMappingURL=gov-wizzard-item.cjs.entry.js.map

package/dist/cjs/gov-wizzard-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gov-wizzard-item.entry.cjs.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,mhMAAmhM;;ACW7iM,IAAK,IAGJ;AAHD,WAAK,IAAI;EACR,mBAAW,CAAA;EACX,yBAAiB,CAAA;AAClB,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;MAMY,cAAc;EAK1B;;;;mBAWwCA,iBAAQ,CAAC,OAAO;;uBAQhB,KAAK;;oBAQR,KAAK;sBAIyB,KAAK;oBAIV,IAAI;IAlCjE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC3C,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC,CAAA;GAC9C;EAsCD,aAAa,CAAC,QAAgB;IAC7B,IAAI,CAAC,QAAQ,EAAE;MACdC,mBAAW,CAAC,IAAIC,0BAAgB,CAAC,IAAI,iCAAiC,CAAC,CAAA;KACvE;GACD;EAGD,kBAAkB,CAAC,QAAgB;IAClC,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9D,IAAI,QAAQ,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAClCD,mBAAW,CAAC,IAAIC,0BAAgB,CAAC,IAAI,UAAU,QAAQ,kBAAkB,CAAC,CAAA;OAC1E;KACD;GACD;EAGD,eAAe,CAAC,QAAgB;IAC/BC,kBAAY,CAACL,iBAAQ,EAAE,QAAQ,EAAEI,0BAAgB,CAAC,IAAI,CAAC,CAAA;GACvD;EAEO,WAAW;IAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;GACvE;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAA;IACtC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;GACtC;EAED,MAAM;IACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;IACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;IAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAA;IAErD,MAAM,KAAK,IACVE,QAAC,QAAQ,IAAC,KAAK,EAAEF,0BAAgB,CAAC,KAAK,IACrC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;MACxBE,kBAAM,KAAK,EAAEF,0BAAgB,CAAC,MAAM,IACnCE,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,EACRA,kBAAM,KAAK,EAAEF,0BAAgB,CAAC,KAAK,IACjC,IAAI,CAAC,KAAK,CACL,CACG,CACX,CAAA;IAED,QACCE,QAACC,UAAI,IAAC,KAAK,EAAEH,0BAAgB,CAAC,IAAI,EAC5B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,UAAU,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,IACjC,IAAI,CAAC,WAAW,IAChBE,QAAC,GAAG,IACH,EAAE,EAAE,SAAS,EACb,KAAK,EAAEF,0BAAgB,CAAC,MAAM,mBACfI,sBAAa,CAAC,IAAI,CAAC,eAAe,CAAC,mBACnC,IAAI,CAAC,SAAS,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,mBACRC,4BAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACjD,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,IACtD,KAAK,EACNH,sBAAU,IAAI,EAAC,YAAY,GAAY,CAClC,KAENA,iBAAK,KAAK,EAAEF,0BAAgB,CAAC,MAAM,IACjC,KAAK,CACD,CACN,EACA,IAAI,CAAC,WAAW,IAChBE,iBAAK,KAAK,EAAEF,0BAAgB,CAAC,OAAO,EAC/B,EAAE,EAAE,IAAI,CAAC,SAAS,iBACLI,sBAAa,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,EACjD,MAAM,EAAE,CAAC,IAAI,CAAC,eAAe,qBACZ,SAAS,IAC9BF,qBAAQ,CACH,KAENA,iBAAK,KAAK,EAAEF,0BAAgB,CAAC,OAAO,iBAClBI,sBAAa,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,EACjD,MAAM,EAAE,CAAC,IAAI,CAAC,eAAe,IACjCF,qBAAQ,CACH,CACN,CACK,EACP;GACD;;;;EAMD,MAAM,IAAI;IACT,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;IAC3B,IAAI,CAAC,WAAW,EAAE,CAAA;GAClB;;;;EAMD,MAAM,KAAK;IACV,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;IAC5B,IAAI,CAAC,WAAW,EAAE,CAAA;GAClB;;;;EAMD,MAAM,MAAM;IACX,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAA;IAC5C,IAAI,CAAC,WAAW,EAAE,CAAA;GAClB;;;;EAMD,MAAM,YAAY;IACjB,OAAO,IAAI,CAAC,eAAe,CAAA;GAC3B;;;;;;;;;;;;","names":["Variants","govHost","createID","govErrorLog","WizzardItemClass","validateProp","h","Host","booleanString","toBoolAttrIfDefined"],"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.scss?tag=gov-wizzard-item","../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.tsx"],"sourcesContent":["/*\n *   Wizzard - Item\n */\n\n@import \"../gov-wizzard/gov-wizzard-item-core.scss\";\n$class: \".gov-wizzard-item\";\n\n#{$class} {\n\t@include wizzard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizzard-bg-color;\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__title {\n\t\t@include typography($font-size-l);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t& > gov-icon {\n\t\t\ttransform: scale(-1);\n\t\t}\n\t}\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// VARIANTS\n\t// color\n\t@each $variant, $definitions in $wizzard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t// sizes\n\t@each $size, $definitions in $wizzard-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__prefix {\n\t\t\t\t\twidth: get(\"indicator-size\", $definitions);\n\t\t\t\t\theight: get(\"indicator-size\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($until: sm) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__prefix {\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-s, \"content-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizzardItemClass, VariantType } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, toBoolAttrIfDefined, govHost } from \"../../helpers/Dom/template\"\nimport { GovWizzardItemChangeEvent } from \"./gov-wizzard-item.d\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\"\n}\n\n@Component({\n\ttag: \"gov-wizzard-item\",\n\tstyleUrl: \"gov-wizzard-item.scss\",\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizzardItem\")\n\t\tthis.contentId = createID(\"GovWizzardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t@State() isExpandedState: boolean\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines wether the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\" }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@Watch(\"label\")\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tvalidateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") &&\n\t\t\t\t\t<span class={WizzardItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>}\n\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t{this.label}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={WizzardItemClass.root}\n\t\t\t      variant={this.variant}\n\t\t\t      role=\"listitem\"\n\t\t\t      collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpandedState)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\tonClick={() => this.collapsible ? this.toggle() : false}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t\t<gov-icon name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div class={WizzardItemClass.content}\n\t\t\t\t\t     id={this.contentId}\n\t\t\t\t\t     aria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t     hidden={!this.isExpandedState}\n\t\t\t\t\t     aria-labelledby={triggerId}>\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={WizzardItemClass.content}\n\t\t\t\t\t     aria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t     hidden={!this.isExpandedState}>\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 Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpandedState = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpandedState = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpandedState = !this.isExpandedState\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n\n}\n"],"version":3}

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

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f0dd3088.js');
+const props = require('./props-bb89fb59.js');
+const constants = require('./constants-02ecd1c7.js');
+const sizes = require('./sizes-79872c2a.js');
+const template = require('./template-26608353.js');
+const win = require('./win-aa54b884.js');
+const utils = require('./utils-a51135ab.js');
+require('./gov.log-4527e960.js');
+require('./variants-04113a72.js');
+require('./string.utils-f9b3501b.js');
+
+const govWizzardCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-wizzard{position:relative;display:block;width:100%}";
+
+const GovWizzard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.govChange = index.createEvent(this, "gov-change", 7);
+    this.size = sizes.Sizes._M;
+    this.wcagLabel = undefined;
+    this.wcagLabelledBy = undefined;
+    this.h = template.govHost(this.host);
+  }
+  validateSize(newValue) {
+    props.validateProp(sizes.Sizes, newValue, constants.WizzardClass.root);
+  }
+  componentWillLoad() {
+    this.validateSize(this.size);
+  }
+  componentDidLoad() {
+    this.host.querySelectorAll(constants.WizzardItemClass.root).forEach((child) => {
+      child.setAttribute('size', this.size);
+      child.addEventListener('gov-change', (e) => {
+        e.stopPropagation();
+        this.govChange.emit(e.detail);
+      });
+    });
+  }
+  async componentDidRender() {
+    if (win.canValidateWcagOnRender()) {
+      await utils.delay(500);
+      await this.validateWcag();
+    }
+  }
+  render() {
+    return (index.h(index.Host, { class: this.h.classes(constants.WizzardClass.root), role: "list", size: this.size }, index.h("slot", null)));
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    win.validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, constants.WizzardClass.root);
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "size": ["validateSize"]
+  }; }
+};
+GovWizzard.style = govWizzardCss;
+
+exports.gov_wizzard = GovWizzard;
+
+//# sourceMappingURL=gov-wizzard.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-wizzard.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,aAAa,GAAG,kMAAkM;;MCgB3M,UAAU;EAItB;;;gBAMmCA,WAAK,CAAC,EAAE;;;IAL1C,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAmBD,YAAY,CAAC,QAAgB;IAC5BC,kBAAY,CAACF,WAAK,EAAE,QAAQ,EAAEG,sBAAY,CAAC,IAAI,CAAC,CAAA;GAChD;EAGD,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC5B;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACC,0BAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC;MAC1F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;MACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD;QAC5F,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;OAC7B,CAAC,CAAA;KACF,CAAC,CAAA;GACF;EAED,MAAM,kBAAkB;IACvB,IAAIC,2BAAuB,EAAE,EAAE;MAC9B,MAAMC,WAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;GACD;EAED,MAAM;IACL,QACCC,QAACC,UAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACL,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAC1EI,qBAAQ,CACF,EACP;GACD;;;;EAMD,MAAM,YAAY;IACjBE,qBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAEN,sBAAY,CAAC,IAAI,CAAC,CAAA;GACzE;;;;;;;;;;","names":["Sizes","govHost","validateProp","WizzardClass","WizzardItemClass","canValidateWcagOnRender","delay","h","Host","validateWcagLabel"],"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard.scss?tag=gov-wizzard","../../../packages/core/src/components/gov-wizzard/gov-wizzard.tsx"],"sourcesContent":["/*\n *   Wizzard\n */\n\n$class: \".gov-wizzard\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardClass, WizzardItemClass, SizesType } from './constants'\nimport { GovWizzardItemCustomEvent } from '../../components'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { Sizes } from '../../core/constants/sizes'\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: 'gov-wizzard',\n\tstyleUrl: 'gov-wizzard.scss',\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, WizzardClass.root)\n\t}\n\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"],"version":3}

package/dist/cjs/gov.log-4527e960.js

@@ -0,0 +1,27 @@
+'use strict';
+
+const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
+const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
+const ERROR_COLORS = { bg: '#c52a3a', text: '#fff' };
+const govLog = (message, colors = INFO_COLORS) => {
+  const styles = [
+    'color: ' + colors.text,
+    'background: ' + colors.bg,
+    'font-size: 11px',
+    'padding: 2px 4px',
+    'border-radius: 3px',
+    'font-weight: 600',
+  ].join(';');
+  console.log('%cgov', styles, message);
+};
+const govWarningLog = (message) => {
+  govLog(message, WARNING_COLORS);
+};
+const govErrorLog = (message) => {
+  govLog(message, ERROR_COLORS);
+};
+
+exports.govErrorLog = govErrorLog;
+exports.govWarningLog = govWarningLog;
+
+//# sourceMappingURL=gov.log-4527e960.js.map

package/dist/cjs/gov.log-4527e960.js.map

@@ -0,0 +1 @@
+{"file":"gov.log-4527e960.js","mappings":";;AAKA,MAAM,cAAc,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AACtE,MAAM,WAAW,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAChE,MAAM,YAAY,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAE1D,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW;EACxE,MAAM,MAAM,GAAG;IACd,SAAS,GAAG,MAAM,CAAC,IAAI;IACvB,cAAc,GAAG,MAAM,CAAC,EAAE;IAC1B,iBAAiB;IACjB,kBAAkB;IAClB,oBAAoB;IACpB,kBAAkB;GAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;EAEX,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AACtC,CAAC,CAAA;MAEY,aAAa,GAAG,CAAC,OAAe;EAC5C,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;AAChC,EAAC;MAEY,WAAW,GAAG,CAAC,OAAe;EAC1C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAC9B;;;;;","names":[],"sources":["../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["interface 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): void => {\n\tconst styles = [\n\t\t'color: ' + colors.text,\n\t\t'background: ' + colors.bg,\n\t\t'font-size: 11px',\n\t\t'padding: 2px 4px',\n\t\t'border-radius: 3px',\n\t\t'font-weight: 600',\n\t].join(';')\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"],"version":3}