@gov-design-system-ce/components 0.0.25 → 0.0.26

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

@@ -0,0 +1,141 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { g as govErrorLog } from './gov.log.js';
+import { v as validateProp } from './props.js';
+import { W as WizzardItemClass, c as WizardVariants } from './constants15.js';
+import { c as createID } from './string.utils.js';
+import { g as govHost, b as booleanString, t as toBoolAttrIfDefined } from './template.js';
+import { d as defineCustomElement$2 } from './gov-icon2.js';
+
+const govWizzardItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*: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-neutral-white))}.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-neutral-white))}.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-neutral-white))}.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__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@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))}}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 (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .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[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .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);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .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[size=m] .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);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}";
+
+var Tags;
+(function (Tags) {
+  Tags["DIV"] = "div";
+  Tags["BUTTON"] = "button";
+})(Tags || (Tags = {}));
+const GovWizzardItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.govChange = createEvent(this, "gov-change", 7);
+    this.variant = 'primary';
+    this.size = 'm';
+    this.identifier = undefined;
+    this.collapsible = false;
+    this.annotation = undefined;
+    this.label = undefined;
+    this.disabled = false;
+    this.isExpanded = false;
+    this.labelTag = 'h3';
+    this.isExpandedState = undefined;
+    this.h = govHost(this.host);
+    this.triggerId = createID('GovWizzardItem');
+    this.contentId = createID('GovWizzardContent');
+  }
+  validateLabel(newValue) {
+    if (!newValue) {
+      govErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`);
+    }
+  }
+  validateTriggerTag(newValue) {
+    const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
+    if (newValue) {
+      if (!validTags.includes(newValue)) {
+        govErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`);
+      }
+    }
+  }
+  validateVariant(newValue) {
+    validateProp(WizardVariants, newValue, 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 = (h(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot('prefix') && (h("span", { class: WizzardItemClass.prefix }, h("slot", { name: "prefix" }))), h("span", { class: WizzardItemClass.name }, h("span", { class: WizzardItemClass.label }, h("span", null, this.label), this.collapsible && h("gov-icon", { class: WizzardItemClass.arrow, name: "chevron-down" })), this.annotation && h("span", { class: WizzardItemClass.annot }, this.annotation))));
+    return (h(Host, { class: this.h.classes(WizzardItemClass.root), variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (h(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpandedState), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => (this.collapsible ? this.toggle() : false) }, label)) : (h("div", { class: WizzardItemClass.header }, label)), this.collapsible ? (h("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState }, 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 this; }
+  static get watchers() { return {
+    "label": ["validateLabel"],
+    "labelTag": ["validateTriggerTag"],
+    "variant": ["validateVariant"]
+  }; }
+  static get style() { return govWizzardItemCss; }
+}, [4, "gov-wizzard-item", {
+    "variant": [1],
+    "size": [1],
+    "identifier": [1],
+    "collapsible": [4],
+    "annotation": [1],
+    "label": [1],
+    "disabled": [4],
+    "isExpanded": [4, "is-expanded"],
+    "labelTag": [1, "label-tag"],
+    "isExpandedState": [32],
+    "open": [64],
+    "close": [64],
+    "toggle": [64],
+    "currentState": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gov-wizzard-item", "gov-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gov-wizzard-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GovWizzardItem$1);
+      }
+      break;
+    case "gov-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const GovWizzardItem = GovWizzardItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GovWizzardItem, defineCustomElement };
+
+//# sourceMappingURL=gov-wizzard-item.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-wizzard-item.js","mappings":"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","names":["GovWizzardItem"],"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&__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\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizzard-content-padding;\n\t\t\t}\n\t\t}\n\t}\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\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size-indicator\"));\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}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizzard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, 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, WizardVariantsType, WizardSizesType, WizardVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { booleanString, toBoolAttrIfDefined, govHost } from '../../helpers/Dom/template'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\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/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = 'primary'\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = 'm'\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 annotation of the wizzard\n\t */\n\t@Prop() readonly annotation: string\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@State() isExpandedState: boolean\n\n\t@Watch('label')\n\tprivate validateLabel(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\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('variant')\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, 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)}\n\t\t\t\t<span class={WizzardItemClass.name}>\n\t\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizzardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizzardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardItemClass.root)} variant={this.variant} size={this.size} role=\"listitem\" 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>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizzardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpandedState)}\n\t\t\t\t\t\thidden={!this.isExpandedState}\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={WizzardItemClass.content} aria-hidden={booleanString(!this.isExpandedState)} 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\tpublic async 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\tpublic async 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\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n}\n"],"version":3}

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

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

package/dist/components/gov-wizzard.js

@@ -0,0 +1,81 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { v as validateProp } from './props.js';
+import { W as WizzardItemClass, a as WizzardClass, b as WizardSizes } from './constants15.js';
+import { g as govHost } from './template.js';
+import { v as validateWcagLabel } from './wcag.js';
+import { c as canValidateWcagOnRender } from './win.js';
+import { d as delay } from './utils.js';
+
+const govWizzardCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard{position:relative;display:block;width:100%}.gov-wizzard>*:last-child{margin-bottom:0}";
+
+const GovWizzard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.govChange = createEvent(this, "gov-change", 7);
+    this.size = 'm';
+    this.wcagLabel = undefined;
+    this.wcagLabelledBy = undefined;
+    this.h = govHost(this.host);
+  }
+  validateSize(newValue) {
+    validateProp(WizardSizes, newValue, WizzardClass.root);
+  }
+  componentWillLoad() {
+    this.validateSize(this.size);
+  }
+  componentDidLoad() {
+    this.host.querySelectorAll(WizzardItemClass.root).forEach((child) => {
+      child.setAttribute('size', this.size);
+      child.addEventListener('gov-change', (e) => {
+        e.stopPropagation();
+        this.govChange.emit(e.detail);
+      });
+    });
+  }
+  async componentDidRender() {
+    if (canValidateWcagOnRender()) {
+      await delay(500);
+      await this.validateWcag();
+    }
+  }
+  render() {
+    return (h(Host, { class: this.h.classes(WizzardClass.root), role: "list", size: this.size }, h("slot", null)));
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root);
+  }
+  get host() { return this; }
+  static get watchers() { return {
+    "size": ["validateSize"]
+  }; }
+  static get style() { return govWizzardCss; }
+}, [4, "gov-wizzard", {
+    "size": [1],
+    "wcagLabel": [1, "wcag-label"],
+    "wcagLabelledBy": [1, "wcag-labelled-by"],
+    "validateWcag": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["gov-wizzard"];
+  components.forEach(tagName => { switch (tagName) {
+    case "gov-wizzard":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GovWizzard$1);
+      }
+      break;
+  } });
+}
+
+const GovWizzard = GovWizzard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GovWizzard, defineCustomElement };
+
+//# sourceMappingURL=gov-wizzard.js.map

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

@@ -0,0 +1 @@
+{"file":"gov-wizzard.js","mappings":";;;;;;;;AAAA,MAAM,aAAa,GAAG,0bAA0b;;MCencA,YAAU;EAItB;;;;gBAM0C,GAAG;;;IAL5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAmBO,YAAY,CAAC,QAAgB;IACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;GACtD;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC5B;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,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,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;GACD;EAED,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAC1E,eAAQ,CACF,EACP;GACD;;;;EAMM,MAAM,YAAY;IACxB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;GACzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GovWizzard"],"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\t@include base();\n\t@include reset-last-margin();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardClass, WizzardItemClass, WizardSizesType, WizardSizes } from './constants'\nimport { GovWizzardItemCustomEvent } from '../../components'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-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?: WizardSizesType = '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<GovWizzardItemChangeEvent>\n\n\t@Watch('size')\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizzardClass.root)\n\t}\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\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"],"version":3}

package/dist/components/gov.log.js

@@ -0,0 +1,17 @@
+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);
+};
+
+export { govWarningLog as a, govErrorLog as g };
+
+//# sourceMappingURL=gov.log.js.map

package/dist/components/gov.log.js.map

@@ -0,0 +1 @@
+{"file":"gov.log.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,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;EAED,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 = ['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\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}

package/dist/components/index.d.ts

@@ -0,0 +1,79 @@
+/* core custom elements */
+export { GovAccordion as GovAccordion } from '../types/components/gov-accordion/gov-accordion';
+export { GovAccordionItem as GovAccordionItem } from '../types/components/gov-accordion/gov-accordion-item';
+export { GovAlert as GovAlert } from '../types/components/gov-alert/gov-alert';
+export { GovApp as GovApp } from '../types/components/gov-app/gov-app';
+export { GovAttachments as GovAttachments } from '../types/components/gov-attachments/gov-attachments';
+export { GovAttachmentsItem as GovAttachmentsItem } from '../types/components/gov-attachments/gov-attachments-item';
+export { GovBackdrop as GovBackdrop } from '../types/components/gov-backdrop/gov-backdrop';
+export { GovBadge as GovBadge } from '../types/components/gov-badge/gov-badge';
+export { GovBreadcrumbs as GovBreadcrumbs } from '../types/components/gov-breadcrumbs/gov-breadcrumbs';
+export { GovButton as GovButton } from '../types/components/gov-button/gov-button';
+export { GovCard as GovCard } from '../types/components/gov-card/gov-card';
+export { GovContainer as GovContainer } from '../types/components/gov-container/gov-container';
+export { GovCookiebar as GovCookiebar } from '../types/components/gov-cookiebar/gov-cookiebar';
+export { GovEmpty as GovEmpty } from '../types/components/gov-empty/gov-empty';
+export { GovErrorCode as GovErrorCode } from '../types/components/gov-error-code/gov-error-code';
+export { GovFormAutocomplete as GovFormAutocomplete } from '../types/components/gov-form/autocomplete/gov-form-autocomplete';
+export { GovFormCheckbox as GovFormCheckbox } from '../types/components/gov-form/checkbox/gov-form-checkbox';
+export { GovFormControl as GovFormControl } from '../types/components/gov-form/control/gov-form-control';
+export { GovFormFile as GovFormFile } from '../types/components/gov-form/file/gov-form-file';
+export { GovFormGroup as GovFormGroup } from '../types/components/gov-form/group/gov-form-group';
+export { GovFormInput as GovFormInput } from '../types/components/gov-form/input/gov-form-input';
+export { GovFormLabel as GovFormLabel } from '../types/components/gov-form/label/gov-form-label';
+export { GovFormMessage as GovFormMessage } from '../types/components/gov-form/message/gov-form-message';
+export { GovFormMultiSelect as GovFormMultiSelect } from '../types/components/gov-form/multiselect/gov-form-multi-select';
+export { GovFormPasswordPower as GovFormPasswordPower } from '../types/components/gov-form/password-power/gov-form-password-power';
+export { GovFormRadio as GovFormRadio } from '../types/components/gov-form/radio/gov-form-radio';
+export { GovFormSearch as GovFormSearch } from '../types/components/gov-form/search/gov-form-search';
+export { GovFormSelect as GovFormSelect } from '../types/components/gov-form/select/gov-form-select';
+export { GovFormSwitch as GovFormSwitch } from '../types/components/gov-form/switch/gov-form-switch';
+export { GovGrid as GovGrid } from '../types/components/gov-grid/gov-grid';
+export { GovGridItem as GovGridItem } from '../types/components/gov-grid/gov-grid-item';
+export { GovIcon as GovIcon } from '../types/components/gov-icon/gov-icon';
+export { GovLayout as GovLayout } from '../types/components/gov-layout/gov-layout';
+export { GovLayoutColumn as GovLayoutColumn } from '../types/components/gov-layout/gov-layout-column';
+export { GovLoading as GovLoading } from '../types/components/gov-loading/loading/gov-loading';
+export { GovMessage as GovMessage } from '../types/components/gov-message/gov-message';
+export { GovModal as GovModal } from '../types/components/gov-modal/gov-modal';
+export { GovNav as GovNav } from '../types/components/gov-nav/gov-nav';
+export { GovNavItem as GovNavItem } from '../types/components/gov-nav/gov-nav-item';
+export { GovPagination as GovPagination } from '../types/components/gov-pagination/gov-pagination';
+export { GovPrompt as GovPrompt } from '../types/components/gov-promp/gov-prompt';
+export { GovSideNav as GovSideNav } from '../types/components/gov-side-nav/gov-side-nav';
+export { GovSideNavItem as GovSideNavItem } from '../types/components/gov-side-nav/gov-side-nav-item';
+export { GovSkeleton as GovSkeleton } from '../types/components/gov-loading/skeleton/gov-skeleton';
+export { GovSpacer as GovSpacer } from '../types/components/gov-spacer/gov-spacer';
+export { GovStatsbar as GovStatsbar } from '../types/components/gov-statsbar/gov-statsbar';
+export { GovStatsbarItem as GovStatsbarItem } from '../types/components/gov-statsbar/gov-statsbar-item';
+export { GovStepper as GovStepper } from '../types/components/gov-stepper/gov-stepper';
+export { GovStepperItem as GovStepperItem } from '../types/components/gov-stepper/gov-stepper-item';
+export { GovTabs as GovTabs } from '../types/components/gov-tabs/gov-tabs';
+export { GovTabsItem as GovTabsItem } from '../types/components/gov-tabs/gov-tabs-item';
+export { GovTile as GovTile } from '../types/components/gov-tile/gov-tile';
+export { GovTiles as GovTiles } from '../types/components/gov-tile/container/gov-tiles';
+export { GovToast as GovToast } from '../types/components/gov-toast/gov-toast';
+export { GovTooltip as GovTooltip } from '../types/components/gov-tooltip/gov-tooltip';
+export { GovTooltipContent as GovTooltipContent } from '../types/components/gov-tooltip/gov-tooltip-content';
+export { GovWizzard as GovWizzard } from '../types/components/gov-wizzard/gov-wizzard';
+export { GovWizzardItem as GovWizzardItem } from '../types/components/gov-wizzard/gov-wizzard-item';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,61 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { GovAccordion, defineCustomElement as defineCustomElementGovAccordion } from './gov-accordion.js';
+export { GovAccordionItem, defineCustomElement as defineCustomElementGovAccordionItem } from './gov-accordion-item.js';
+export { GovAlert, defineCustomElement as defineCustomElementGovAlert } from './gov-alert.js';
+export { GovApp, defineCustomElement as defineCustomElementGovApp } from './gov-app.js';
+export { GovAttachments, defineCustomElement as defineCustomElementGovAttachments } from './gov-attachments.js';
+export { GovAttachmentsItem, defineCustomElement as defineCustomElementGovAttachmentsItem } from './gov-attachments-item.js';
+export { GovBackdrop, defineCustomElement as defineCustomElementGovBackdrop } from './gov-backdrop.js';
+export { GovBadge, defineCustomElement as defineCustomElementGovBadge } from './gov-badge.js';
+export { GovBreadcrumbs, defineCustomElement as defineCustomElementGovBreadcrumbs } from './gov-breadcrumbs.js';
+export { GovButton, defineCustomElement as defineCustomElementGovButton } from './gov-button.js';
+export { GovCard, defineCustomElement as defineCustomElementGovCard } from './gov-card.js';
+export { GovContainer, defineCustomElement as defineCustomElementGovContainer } from './gov-container.js';
+export { GovCookiebar, defineCustomElement as defineCustomElementGovCookiebar } from './gov-cookiebar.js';
+export { GovEmpty, defineCustomElement as defineCustomElementGovEmpty } from './gov-empty.js';
+export { GovErrorCode, defineCustomElement as defineCustomElementGovErrorCode } from './gov-error-code.js';
+export { GovFormAutocomplete, defineCustomElement as defineCustomElementGovFormAutocomplete } from './gov-form-autocomplete.js';
+export { GovFormCheckbox, defineCustomElement as defineCustomElementGovFormCheckbox } from './gov-form-checkbox.js';
+export { GovFormControl, defineCustomElement as defineCustomElementGovFormControl } from './gov-form-control.js';
+export { GovFormFile, defineCustomElement as defineCustomElementGovFormFile } from './gov-form-file.js';
+export { GovFormGroup, defineCustomElement as defineCustomElementGovFormGroup } from './gov-form-group.js';
+export { GovFormInput, defineCustomElement as defineCustomElementGovFormInput } from './gov-form-input.js';
+export { GovFormLabel, defineCustomElement as defineCustomElementGovFormLabel } from './gov-form-label.js';
+export { GovFormMessage, defineCustomElement as defineCustomElementGovFormMessage } from './gov-form-message.js';
+export { GovFormMultiSelect, defineCustomElement as defineCustomElementGovFormMultiSelect } from './gov-form-multi-select.js';
+export { GovFormPasswordPower, defineCustomElement as defineCustomElementGovFormPasswordPower } from './gov-form-password-power.js';
+export { GovFormRadio, defineCustomElement as defineCustomElementGovFormRadio } from './gov-form-radio.js';
+export { GovFormSearch, defineCustomElement as defineCustomElementGovFormSearch } from './gov-form-search.js';
+export { GovFormSelect, defineCustomElement as defineCustomElementGovFormSelect } from './gov-form-select.js';
+export { GovFormSwitch, defineCustomElement as defineCustomElementGovFormSwitch } from './gov-form-switch.js';
+export { GovGrid, defineCustomElement as defineCustomElementGovGrid } from './gov-grid.js';
+export { GovGridItem, defineCustomElement as defineCustomElementGovGridItem } from './gov-grid-item.js';
+export { GovIcon, defineCustomElement as defineCustomElementGovIcon } from './gov-icon.js';
+export { GovLayout, defineCustomElement as defineCustomElementGovLayout } from './gov-layout.js';
+export { GovLayoutColumn, defineCustomElement as defineCustomElementGovLayoutColumn } from './gov-layout-column.js';
+export { GovLoading, defineCustomElement as defineCustomElementGovLoading } from './gov-loading.js';
+export { GovMessage, defineCustomElement as defineCustomElementGovMessage } from './gov-message.js';
+export { GovModal, defineCustomElement as defineCustomElementGovModal } from './gov-modal.js';
+export { GovNav, defineCustomElement as defineCustomElementGovNav } from './gov-nav.js';
+export { GovNavItem, defineCustomElement as defineCustomElementGovNavItem } from './gov-nav-item.js';
+export { GovPagination, defineCustomElement as defineCustomElementGovPagination } from './gov-pagination.js';
+export { GovPrompt, defineCustomElement as defineCustomElementGovPrompt } from './gov-prompt.js';
+export { GovSideNav, defineCustomElement as defineCustomElementGovSideNav } from './gov-side-nav.js';
+export { GovSideNavItem, defineCustomElement as defineCustomElementGovSideNavItem } from './gov-side-nav-item.js';
+export { GovSkeleton, defineCustomElement as defineCustomElementGovSkeleton } from './gov-skeleton.js';
+export { GovSpacer, defineCustomElement as defineCustomElementGovSpacer } from './gov-spacer.js';
+export { GovStatsbar, defineCustomElement as defineCustomElementGovStatsbar } from './gov-statsbar.js';
+export { GovStatsbarItem, defineCustomElement as defineCustomElementGovStatsbarItem } from './gov-statsbar-item.js';
+export { GovStepper, defineCustomElement as defineCustomElementGovStepper } from './gov-stepper.js';
+export { GovStepperItem, defineCustomElement as defineCustomElementGovStepperItem } from './gov-stepper-item.js';
+export { GovTabs, defineCustomElement as defineCustomElementGovTabs } from './gov-tabs.js';
+export { GovTabsItem, defineCustomElement as defineCustomElementGovTabsItem } from './gov-tabs-item.js';
+export { GovTile, defineCustomElement as defineCustomElementGovTile } from './gov-tile.js';
+export { GovTiles, defineCustomElement as defineCustomElementGovTiles } from './gov-tiles.js';
+export { GovToast, defineCustomElement as defineCustomElementGovToast } from './gov-toast.js';
+export { GovTooltip, defineCustomElement as defineCustomElementGovTooltip } from './gov-tooltip.js';
+export { GovTooltipContent, defineCustomElement as defineCustomElementGovTooltipContent } from './gov-tooltip-content.js';
+export { GovWizzard, defineCustomElement as defineCustomElementGovWizzard } from './gov-wizzard.js';
+export { GovWizzardItem, defineCustomElement as defineCustomElementGovWizzardItem } from './gov-wizzard-item.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/props.js

@@ -0,0 +1,14 @@
+import { a as govWarningLog } from './gov.log.js';
+
+// @TODO: deal with optional values
+const validateProp = (valueEnum, value, component) => {
+  const values = Object.values(valueEnum);
+  const isValid = values.indexOf(value) > -1;
+  if (!isValid) {
+    govWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`);
+  }
+};
+
+export { validateProp as v };
+
+//# sourceMappingURL=props.js.map

package/dist/components/props.js.map

@@ -0,0 +1 @@
+{"file":"props.js","mappings":";;AAEA;MACa,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB;EAC5G,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;EACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;EAC1C,IAAI,CAAC,OAAO,EAAE;IACb,aAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GACtH;AACF;;;;","names":[],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"version":3}

package/dist/components/sizes.js

@@ -0,0 +1,18 @@
+var Sizes;
+(function (Sizes) {
+  Sizes["_2XS"] = "2xs";
+  Sizes["_XS"] = "xs";
+  Sizes["_S"] = "s";
+  Sizes["_M"] = "m";
+  Sizes["_L"] = "l";
+  Sizes["_XL"] = "xl";
+  Sizes["_2XL"] = "2xl";
+  Sizes["_3XL"] = "3xl";
+  Sizes["_4XL"] = "4xl";
+  Sizes["_5XL"] = "6xl";
+  Sizes["_6XL"] = "6xl";
+})(Sizes || (Sizes = {}));
+
+export { Sizes as S };
+
+//# sourceMappingURL=sizes.js.map

package/dist/components/sizes.js.map

@@ -0,0 +1 @@
+{"file":"sizes.js","mappings":"IAAY;AAAZ,WAAY,KAAK;EAChB,qBAAY,CAAA;EACZ,mBAAU,CAAA;EACV,iBAAQ,CAAA;EACR,iBAAQ,CAAA;EACR,iBAAQ,CAAA;EACR,mBAAU,CAAA;EACV,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;AACb,CAAC,EAZW,KAAK,KAAL,KAAK;;;;","names":[],"sources":["../../../packages/core/src/core/constants/sizes.ts"],"sourcesContent":["export enum Sizes {\n\t_2XS = '2xs',\n\t_XS = 'xs',\n\t_S = 's',\n\t_M = 'm',\n\t_L = 'l',\n\t_XL = 'xl',\n\t_2XL = '2xl',\n\t_3XL = '3xl',\n\t_4XL = '4xl',\n\t_5XL = '6xl',\n\t_6XL = '6xl',\n}\n"],"version":3}

package/dist/components/string.utils.js

@@ -0,0 +1,20 @@
+function chr4() {
+  return Math.random().toString(16).slice(-4);
+}
+function createID(prefix) {
+  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
+}
+function removeDiacritics(string) {
+  if (typeof string !== 'string')
+    return string;
+  return string.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+function splitByWhitespace(string) {
+  if (typeof string !== 'string')
+    return string;
+  return string.split(/(\s+)/);
+}
+
+export { createID as c, removeDiacritics as r, splitByWhitespace as s };
+
+//# sourceMappingURL=string.utils.js.map

package/dist/components/string.utils.js.map

@@ -0,0 +1 @@
+{"file":"string.utils.js","mappings":"AAAA,SAAS,IAAI;EACZ,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5C,CAAC;SAEe,QAAQ,CAAC,MAAc;EACtC,OAAO,GAAG,MAAM,IAAI,IAAI,EAAE,GAAG,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,CAAA;AAChG,CAAC;SAEe,gBAAgB,CAAC,MAAW;EAC3C,IAAI,OAAO,MAAM,KAAK,QAAQ;IAAE,OAAO,MAAM,CAAA;EAC7C,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;AAC/D,CAAC;SAEe,iBAAiB,CAAC,MAAW;EAC5C,IAAI,OAAO,MAAM,KAAK,QAAQ;IAAE,OAAO,MAAM,CAAA;EAC7C,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAC7B;;;;","names":[],"sources":["../../../packages/core/src/utils/string.utils.ts"],"sourcesContent":["function chr4(): string {\n\treturn Math.random().toString(16).slice(-4)\n}\n\nexport function createID(prefix: string): string {\n\treturn `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n\nexport function removeDiacritics(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '')\n}\n\nexport function splitByWhitespace(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.split(/(\\s+)/)\n}\n"],"version":3}