@gov-design-system-ce/components 0.0.53 → 0.0.55

package/dist/collection/components/{gov-wizzard/gov-wizzard-item.js → gov-wizard/gov-wizard-item.js}

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { govErrorLog } from "../../helpers/Log/gov.log";
 import { validateProp } from "../../helpers/Validate/props";
-import { WizardVariants, WizzardItemClass } from "./constants";
+import { WizardVariants, WizardItemClass } from "./constants";
 import { createID } from "../../utils/string.utils";
 import { booleanString, govHost, toBoolAttrIfDefined } from "../../helpers/Dom/template";
 import Fragment from "../../helpers/Fragment";
@@ -10,7 +10,7 @@ var Tags;
   Tags["DIV"] = "div";
   Tags["BUTTON"] = "button";
 })(Tags || (Tags = {}));
-export class GovWizzardItem {
+export class GovWizardItem {
   constructor() {
     this.variant = "primary";
     this.size = "m";
@@ -22,27 +22,27 @@ export class GovWizzardItem {
     this.isExpanded = false;
     this.labelTag = "h3";
     this.h = govHost(this.host);
-    this.triggerId = createID("GovWizzardItem");
-    this.contentId = createID("GovWizzardContent");
+    this.triggerId = createID("GovWizardItem");
+    this.contentId = createID("GovWizardContent");
   }
   validateLabel(newValue) {
     if (!newValue) {
-      govErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`);
+      govErrorLog(`[${WizardItemClass.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.`);
+        govErrorLog(`[${WizardItemClass.root}]: Tag ${newValue} is not allowed.`);
       }
     }
   }
   validateVariant(newValue) {
-    validateProp(WizardVariants, newValue, WizzardItemClass.root);
+    validateProp(WizardVariants, newValue, WizardItemClass.root);
   }
   emmitChange() {
-    this.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root });
+    this.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root });
   }
   componentWillLoad() {
     this.validateLabel(this.label);
@@ -53,30 +53,30 @@ export class GovWizzardItem {
     const triggerId = this.identifier || this.triggerId;
     const LabelTag = this.labelTag;
     const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-    const prefixSlot = this.h.hasSlot("prefix") && (h("span", { class: WizzardItemClass.prefix }, h("slot", { name: "prefix" })));
-    const label = (h(LabelTag, { class: WizzardItemClass.title }, 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), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (h(Fragment, null, prefixSlot, h(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+    const prefixSlot = this.h.hasSlot("prefix") && (h("span", { class: WizardItemClass.prefix }, h("slot", { name: "prefix" })));
+    const label = (h(LabelTag, { class: WizardItemClass.title }, h("span", { class: WizardItemClass.name }, h("span", { class: WizardItemClass.label }, h("span", null, this.label), this.collapsible && h("gov-icon", { class: WizardItemClass.arrow, name: "chevron-down" })), this.annotation && h("span", { class: WizardItemClass.annot }, this.annotation))));
+    return (h(Host, { class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (h(Fragment, null, prefixSlot, h(Tag, { id: triggerId, class: WizardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
         this.collapsible ? this.toggle() : false;
-      } }, label))) : (h(Fragment, null, prefixSlot, h("div", { class: WizzardItemClass.header }, label))), this.collapsible ? (h("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, h("slot", null)))));
+      } }, label))) : (h(Fragment, null, prefixSlot, h("div", { class: WizardItemClass.header }, label))), this.collapsible ? (h("div", { class: WizardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, h("slot", null)))));
   }
   /**
-   * Opening the Wizzard
+   * Opening the Wizard
    */
   async open() {
     this.isExpanded = true;
     this.emmitChange();
   }
   /**
-   * Closing the Wizzard
+   * Closing the Wizard
    */
   async close() {
     this.isExpanded = false;
     this.emmitChange();
   }
   /**
-   * Wizzard switch
+   * Wizard switch
    */
   async toggle() {
     this.isExpanded = !this.isExpanded;
@@ -88,15 +88,15 @@ export class GovWizzardItem {
   async currentState() {
     return this.isExpanded;
   }
-  static get is() { return "gov-wizzard-item"; }
+  static get is() { return "gov-wizard-item"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gov-wizzard-item.scss"]
+      "$": ["gov-wizard-item.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["gov-wizzard-item.css"]
+      "$": ["gov-wizard-item.css"]
     };
   }
   static get properties() {
@@ -111,7 +111,7 @@ export class GovWizzardItem {
             "WizardVariantsType": {
               "location": "import",
               "path": "./constants",
-              "id": "../../../packages/core/src/components/gov-wizzard/constants.ts::WizardVariantsType"
+              "id": "../../../packages/core/src/components/gov-wizard/constants.ts::WizardVariantsType"
             }
           }
         },
@@ -135,7 +135,7 @@ export class GovWizzardItem {
             "WizardSizesType": {
               "location": "import",
               "path": "./constants",
-              "id": "../../../packages/core/src/components/gov-wizzard/constants.ts::WizardSizesType"
+              "id": "../../../packages/core/src/components/gov-wizard/constants.ts::WizardSizesType"
             }
           }
         },
@@ -143,7 +143,7 @@ export class GovWizzardItem {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Size of wizzard"
+          "text": "Size of wizard"
         },
         "attribute": "size",
         "reflect": false,
@@ -161,7 +161,7 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Custom wizzard item identifier. Otherwise, it will be generated"
+          "text": "Custom wizard item identifier. Otherwise, it will be generated"
         },
         "attribute": "identifier",
         "reflect": false
@@ -178,7 +178,7 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Defines weather the wizzard item can be collapsible"
+          "text": "Defines weather the wizard item can be collapsible"
         },
         "attribute": "collapsible",
         "reflect": false,
@@ -196,7 +196,7 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Item annotation of the wizzard"
+          "text": "Item annotation of the wizard"
         },
         "attribute": "annotation",
         "reflect": false
@@ -213,7 +213,7 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Item label of the wizzard"
+          "text": "Item label of the wizard"
         },
         "attribute": "label",
         "reflect": false
@@ -230,7 +230,7 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Makes the wizzard component disabled."
+          "text": "Makes the wizard component disabled."
         },
         "attribute": "disabled",
         "reflect": false,
@@ -286,13 +286,13 @@ export class GovWizzardItem {
           "text": "Called when the accordion state changes"
         },
         "complexType": {
-          "original": "WizzardItemEvent",
-          "resolved": "WizzardItemEvent",
+          "original": "WizardItemEvent",
+          "resolved": "WizardItemEvent",
           "references": {
-            "WizzardItemEvent": {
+            "WizardItemEvent": {
               "location": "import",
-              "path": "./gov-wizzard-item.types",
-              "id": "../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.types.ts::WizzardItemEvent"
+              "path": "./gov-wizard-item.types",
+              "id": "../../../packages/core/src/components/gov-wizard/gov-wizard-item.types.ts::WizardItemEvent"
             }
           }
         }
@@ -313,7 +313,7 @@ export class GovWizzardItem {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Opening the Wizzard",
+          "text": "Opening the Wizard",
           "tags": []
         }
       },
@@ -330,7 +330,7 @@ export class GovWizzardItem {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Closing the Wizzard",
+          "text": "Closing the Wizard",
           "tags": []
         }
       },
@@ -347,7 +347,7 @@ export class GovWizzardItem {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Wizzard switch",
+          "text": "Wizard switch",
           "tags": []
         }
       },
@@ -384,4 +384,4 @@ export class GovWizzardItem {
       }];
   }
 }
-//# sourceMappingURL=gov-wizzard-item.js.map
+//# sourceMappingURL=gov-wizard-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizard-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizard/gov-wizard-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n\tstyleUrl: \"gov-wizard-item.scss\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizardItemClass.title}>\n\t\t\t\t<span class={WizardItemClass.name}>\n\t\t\t\t\t<span class={WizardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gov-wizard-item.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizard-item.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizard/gov-wizard-item.types.ts"],"names":[],"mappings":"","sourcesContent":["import { GovBaseEvent } from \"../../types/event.types\"\n\nexport interface WizardItemEvent extends GovBaseEvent {\n\texpanded: boolean\n}\n"]}

package/dist/collection/components/{gov-wizzard/gov-wizzard.css → gov-wizard/gov-wizard.css}

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper
@@ -225,13 +225,13 @@
   }
 }
 /*
-*   Wizzard
+*   Wizard
 */
-.gov-wizzard {
+.gov-wizard {
   position: relative;
   display: block;
   width: 100%;
 }
-.gov-wizzard > *:last-child {
+.gov-wizard > *:last-child {
   margin-bottom: 0;
 }

package/dist/collection/components/{gov-wizzard/gov-wizzard.js → gov-wizard/gov-wizard.js}

@@ -1,11 +1,11 @@
 import { h, Host } from "@stencil/core";
 import { validateProp } from "../../helpers/Validate/props";
-import { WizardSizes, WizzardClass, WizzardItemClass } from "./constants";
+import { WizardSizes, WizardClass, WizardItemClass } from "./constants";
 import { govHost } from "../../helpers/Dom/template";
 import { validateWcagLabel } from "../../helpers/Validate/wcag";
 import { canValidateWcagOnRender } from "../../helpers/Dom/win";
 import { delay } from "../../utils/utils";
-export class GovWizzard {
+export class GovWizard {
   constructor() {
     this.size = "m";
     this.wcagLabel = undefined;
@@ -13,16 +13,16 @@ export class GovWizzard {
     this.h = govHost(this.host);
   }
   validateSize(newValue) {
-    validateProp(WizardSizes, newValue, WizzardClass.root);
+    validateProp(WizardSizes, newValue, WizardClass.root);
   }
   componentWillLoad() {
     this.validateSize(this.size);
   }
   componentDidLoad() {
-    this.host.querySelectorAll(WizzardItemClass.root).forEach((child) => {
+    this.host.querySelectorAll(WizardItemClass.root).forEach((child) => {
       child.setAttribute("size", this.size);
       /*
-      child.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {
+      child.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {
         e.stopPropagation()
         this.govChange.emit(e.detail)
       })
@@ -36,23 +36,23 @@ export class GovWizzard {
     }
   }
   render() {
-    return (h(Host, { class: this.h.classes(WizzardClass.root), role: "list", size: this.size }, h("slot", null)));
+    return (h(Host, { class: this.h.classes(WizardClass.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);
+    validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root);
   }
-  static get is() { return "gov-wizzard"; }
+  static get is() { return "gov-wizard"; }
   static get originalStyleUrls() {
     return {
-      "$": ["gov-wizzard.scss"]
+      "$": ["gov-wizard.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["gov-wizzard.css"]
+      "$": ["gov-wizard.css"]
     };
   }
   static get properties() {
@@ -67,7 +67,7 @@ export class GovWizzard {
             "WizardSizesType": {
               "location": "import",
               "path": "./constants",
-              "id": "../../../packages/core/src/components/gov-wizzard/constants.ts::WizardSizesType"
+              "id": "../../../packages/core/src/components/gov-wizard/constants.ts::WizardSizesType"
             }
           }
         },
@@ -75,7 +75,7 @@ export class GovWizzard {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Size of wizzard"
+          "text": "Size of wizard"
         },
         "attribute": "size",
         "reflect": false,
@@ -93,7 +93,7 @@ export class GovWizzard {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Adds accessible label for the wizzard that is only shown for screen readers."
+          "text": "Adds accessible label for the wizard that is only shown for screen readers."
         },
         "attribute": "wcag-label",
         "reflect": false
@@ -126,16 +126,16 @@ export class GovWizzard {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Called when the wizzard children state changes"
+          "text": "Called when the wizard children state changes"
         },
         "complexType": {
-          "original": "GovWizzardItemChangeEvent",
-          "resolved": "GovWizzardItemChangeEvent",
+          "original": "GovWizardItemChangeEvent",
+          "resolved": "GovWizardItemChangeEvent",
           "references": {
-            "GovWizzardItemChangeEvent": {
+            "GovWizardItemChangeEvent": {
               "location": "import",
-              "path": "./gov-wizzard-item.d",
-              "id": "../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.d.tsx::GovWizzardItemChangeEvent"
+              "path": "./gov-wizard-item.d",
+              "id": "../../../packages/core/src/components/gov-wizard/gov-wizard-item.d.tsx::GovWizardItemChangeEvent"
             }
           }
         }
@@ -170,4 +170,4 @@ export class GovWizzard {
       }];
   }
 }
-//# sourceMappingURL=gov-wizzard.js.map
+//# sourceMappingURL=gov-wizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizard.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizard/gov-wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAmB,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAExF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,OAAO,SAAS;EAKrB;gBAO0C,GAAG;;;IAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAoBO,YAAY,CAAC,QAAgB;IACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;EACtD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B,EAAE,EAAE;MAC5F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;MACrC;;;;;QAKE;IACH,CAAC,CAAC,CAAA;EACH,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI;MACzE,eAAQ,CACF,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,YAAY;IACxB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;EACzE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n\tstyleUrl: \"gov-wizard.scss\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"]}

package/dist/collection/helpers/Dom/win.js

@@ -5,6 +5,7 @@ const config = () => {
   const defaultConfig = {
     canValidateWcagOnRender: false,
     iconsPath: './assets/icons',
+    iconsLazyLoad: true,
     documentNode: document ? document : null,
   };
   const windowProperty = getWindowProperty('GOV_DS_CONFIG');
@@ -15,5 +16,6 @@ const config = () => {
 };
 export const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
 export const iconsPath = () => config().iconsPath;
+export const iconsLazyLoad = () => config().iconsLazyLoad;
 export const documentNode = () => config().documentNode;
 //# sourceMappingURL=win.js.map

package/dist/collection/helpers/Dom/win.js.map

@@ -1 +1 @@
-{"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAQ5C,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}
+{"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAS5C,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,GAA6B,EAAE,CAAC,MAAM,EAAE,CAAC,aAAa,CAAA;AACnF,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}

package/dist/collection/pages/Accordion.js

@@ -17,6 +17,11 @@ class AccordionPage extends HTMLElement {
 				</gov-accordion-item>
 				<gov-accordion-item>
 					<h3 slot="label">Působnost v agendách</h3>
+					<gov-icon slot="icon" name="info"></gov-icon>
+					<p slot="annotation">Anotace Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item>
@@ -25,7 +30,7 @@ class AccordionPage extends HTMLElement {
 				</gov-accordion-item>
 			</gov-accordion>
 			<br>
-			<gov-accordion size="xs">
+			<gov-accordion size="xs" no-border>
 				<gov-accordion-item>
 					<h3 slot="label">Font Awesome Icon</h3>
 					<p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
@@ -50,7 +55,7 @@ class AccordionPage extends HTMLElement {
 				</gov-accordion-item>
 			</gov-accordion>
 			<br />
-			<gov-accordion size="s">
+			<gov-accordion size="s" variant="secondary">
 				<gov-accordion-item>
 					<h3 slot="label">Font Awesome Icon</h3>
 					<p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
@@ -88,6 +93,9 @@ class AccordionPage extends HTMLElement {
 				<gov-accordion-item label="Působnost v agendách">
 					<h3 slot="label">Působnost v agendách</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item label="Zřizované organizace">
@@ -127,14 +135,42 @@ class AccordionPage extends HTMLElement {
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
-				<gov-accordion-item label="Kontaktní osoby">
+				<gov-accordion-item is-expanded label="Kontaktní osoby">
 					<h3 slot="label">Kontaktní osoby</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
-					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
+								<gov-accordion size="xs" no-border>
+									<gov-accordion-item>
+										<h3 slot="label">Font Awesome Icon</h3>
+										<gov-icon slot="icon" name="info"></gov-icon>
+										<p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+										<gov-icon slot="toggle-icon" name="info"></gov-icon>
+									</gov-accordion-item>
+									<gov-accordion-item disabled is-expanded>
+										<h3 slot="label">Kontaktní osoby</h3>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+									</gov-accordion-item>
+									<gov-accordion-item>
+										<h3 slot="label">Působnost v agendách</h3>
+										<gov-icon slot="icon" name="info"></gov-icon>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+									</gov-accordion-item>
+									<gov-accordion-item>
+										<h3 slot="label">Zřizované organizace</h3>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+									</gov-accordion-item>
+								</gov-accordion>
 				</gov-accordion-item>
 				<gov-accordion-item label="Působnost v agendách">
 					<h3 slot="label">Působnost v agendách</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item label="Zřizované organizace">
@@ -182,6 +218,9 @@ class AccordionPage extends HTMLElement {
 				<gov-accordion-item label="Působnost v agendách">
 					<h3 slot="label">Působnost v agendách</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
+					<gov-badge variant="primary" size="m" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item label="Zřizované organizace">