npm - @gov-design-system-ce/components - Versions diffs - 0.0.36 → 0.0.37 - Mend

@gov-design-system-ce/components 0.0.36 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (264) hide show

package/dist/collection/components/gov-wizzard/gov-wizzard-item.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { h, Host } from '@stencil/core';
-import { govErrorLog } from '../../helpers/Log/gov.log';
-import { validateProp } from '../../helpers/Validate/props';
-import { WizzardItemClass, WizardVariants } from './constants';
-import { createID } from '../../utils/string.utils';
-import { booleanString, toBoolAttrIfDefined, govHost } from '../../helpers/Dom/template';
+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 { createID } from "../../utils/string.utils";
+import { booleanString, govHost, toBoolAttrIfDefined } from "../../helpers/Dom/template";
 var Tags;
 (function (Tags) {
   Tags["DIV"] = "div";
@@ -11,19 +11,18 @@ var Tags;
 })(Tags || (Tags = {}));
 export class GovWizzardItem {
   constructor() {
-    this.variant = 'primary';
-    this.size = 'm';
+    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.labelTag = "h3";
     this.h = govHost(this.host);
-    this.triggerId = createID('GovWizzardItem');
-    this.contentId = createID('GovWizzardContent');
+    this.triggerId = createID("GovWizzardItem");
+    this.contentId = createID("GovWizzardContent");
   }
   validateLabel(newValue) {
     if (!newValue) {
@@ -31,7 +30,7 @@ export class GovWizzardItem {
     }
   }
   validateTriggerTag(newValue) {
-    const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
+    const validTags = ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
     if (newValue) {
       if (!validTags.includes(newValue)) {
         govErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`);
@@ -42,10 +41,9 @@ export class GovWizzardItem {
     validateProp(WizardVariants, newValue, WizzardItemClass.root);
   }
   emmitChange() {
-    this.govChange.emit({ open: this.isExpandedState, element: this.host });
+    this.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root });
   }
   componentWillLoad() {
-    this.isExpandedState = this.isExpanded;
     this.validateLabel(this.label);
     this.validateVariant(this.variant);
     this.validateTriggerTag(this.labelTag);
@@ -54,35 +52,35 @@ export class GovWizzardItem {
     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)))));
+    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), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (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: () => (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.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)))));
   }
   /**
    * Opening the Wizzard
    */
   async open() {
-    this.isExpandedState = true;
+    this.isExpanded = true;
     this.emmitChange();
   }
   /**
    * Closing the Wizzard
    */
   async close() {
-    this.isExpandedState = false;
+    this.isExpanded = false;
     this.emmitChange();
   }
   /**
    * Wizzard switch
    */
   async toggle() {
-    this.isExpandedState = !this.isExpandedState;
+    this.isExpanded = !this.isExpanded;
     this.emmitChange();
   }
   /**
    * Returns the current state of the component
    */
   async currentState() {
-    return this.isExpandedState;
+    return this.isExpanded;
   }
   static get is() { return "gov-wizzard-item"; }
   static get originalStyleUrls() {
@@ -118,7 +116,7 @@ export class GovWizzardItem {
         },
         "attribute": "variant",
         "reflect": false,
-        "defaultValue": "'primary'"
+        "defaultValue": "\"primary\""
       },
       "size": {
         "type": "string",
@@ -141,7 +139,7 @@ export class GovWizzardItem {
         },
         "attribute": "size",
         "reflect": false,
-        "defaultValue": "'m'"
+        "defaultValue": "\"m\""
       },
       "identifier": {
         "type": "string",
@@ -172,7 +170,7 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Defines wether the wizzard item can be collapsible"
+          "text": "Defines weather the wizzard item can be collapsible"
         },
         "attribute": "collapsible",
         "reflect": false,
@@ -232,7 +230,7 @@ export class GovWizzardItem {
       },
       "isExpanded": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -260,19 +258,14 @@ export class GovWizzardItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Used to change the HMTL tag in the accordion trigger for correct semantic structure"
+          "text": "Used to change the HTML tag in the accordion trigger for correct semantic structure"
         },
         "attribute": "label-tag",
         "reflect": false,
-        "defaultValue": "'h3'"
+        "defaultValue": "\"h3\""
       }
     };
   }
-  static get states() {
-    return {
-      "isExpandedState": {}
-    };
-  }
   static get events() {
     return [{
         "method": "govChange",
@@ -285,12 +278,12 @@ export class GovWizzardItem {
           "text": "Called when the accordion state changes"
         },
         "complexType": {
-          "original": "GovWizzardItemChangeEvent",
-          "resolved": "GovWizzardItemChangeEvent",
+          "original": "WizzardItemEvent",
+          "resolved": "WizzardItemEvent",
           "references": {
-            "GovWizzardItemChangeEvent": {
+            "WizzardItemEvent": {
               "location": "import",
-              "path": "./gov-wizzard-item.d"
+              "path": "./gov-wizzard-item.types"
             }
           }
         }

package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-wizzard-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
1	+ {"version":3,"file":"gov-wizzard-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.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,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAmB,cAAc,EAAsB,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAIxF,IAAK,IAGJ;AAHD,WAAK,IAAI;EACR,mBAAW,CAAA;EACX,yBAAiB,CAAA;AAClB,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAMD,MAAM,OAAO,cAAc;EAK1B;mBAUgD,SAAS;gBAIf,GAAG;;uBAQL,KAAK;;;oBAYR,KAAK;sBAIsB,KAAK;oBAIP,IAAI;IAzCjE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC3C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;GAC9C;EA6CO,aAAa,CAAC,QAAgB;IACrC,IAAI,CAAC,QAAQ,EAAE;MACd,WAAW,CAAC,IAAI,gBAAgB,CAAC,IAAI,iCAAiC,CAAC,CAAA;KACvE;EACF,CAAC;EAGO,kBAAkB,CAAC,QAAgB;IAC1C,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;QAClC,WAAW,CAAC,IAAI,gBAAgB,CAAC,IAAI,UAAU,QAAQ,kBAAkB,CAAC,CAAA;OAC1E;KACD;EACF,CAAC;EAGO,eAAe,CAAC,QAAgB;IACvC,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;EAC9D,CAAC;EAEO,WAAW;IAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAA;EACrF,CAAC;EAED,iBAAiB;IAChB,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;EACvC,CAAC;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,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA;IAErD,MAAM,KAAK,GAAG,CACb,EAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,CAAC,KAAK;MACrC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAC5B,YAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM;QACnC,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,CACP;MACD,YAAM,KAAK,EAAE,gBAAgB,CAAC,IAAI;QACjC,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK;UAClC,gBAAO,IAAI,CAAC,KAAK,CAAQ;UACxB,IAAI,CAAC,WAAW,IAAI,gBAAU,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAC,cAAc,GAAY,CACvF;QAEN,IAAI,CAAC,UAAU,IAAI,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAG,IAAI,CAAC,UAAU,CAAQ,CAC3E,CACG,CACX,CAAA;IAED,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,UAAU,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW;MACrK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,EAAC,GAAG,IACH,EAAE,EAAE,SAAS,EACb,KAAK,EAAE,gBAAgB,CAAC,MAAM,mBACf,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,mBAC9B,IAAI,CAAC,SAAS,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,mBACR,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAExD,KAAK,CACD,CACN,CAAC,CAAC,CAAC,CACH,WAAK,KAAK,EAAE,gBAAgB,CAAC,MAAM,IAAG,KAAK,CAAO,CAClD;MACA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,WACC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,EAAE,EAAE,IAAI,CAAC,SAAS,iBACL,aAAa,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAC5C,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,qBACP,SAAS;QAE1B,eAAQ,CACH,CACN,CAAC,CAAC,CAAC,CACH,WAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,iBAAe,aAAa,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU;QAC3G,eAAQ,CACH,CACN,CACK,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,IAAI;IACT,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,KAAK;IACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;IACvB,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,MAAM;IAClB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAA;IAClC,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,YAAY;IACxB,OAAO,IAAI,CAAC,UAAU,CAAA;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","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, WizzardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizzardItemEvent } from \"./gov-wizzard-item.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 weather 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\", 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<WizzardItemEvent>\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({ expanded: this.isExpanded, component: WizzardItemClass.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\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)} 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<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.isExpanded)}\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.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={WizzardItemClass.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 Wizzard\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 Wizzard\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 Wizzard 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-wizzard/gov-wizzard-item.types.js ADDED Viewed

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

package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js.map ADDED Viewed

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

package/dist/collection/components/gov-wizzard/gov-wizzard.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /*
  -  Variables - Colors
  */
+/*
+ -	Variables - Control Group
+ */
 /*
  -  Variables - Cookiebar
  */

package/dist/collection/pages/Button.js CHANGED Viewed

@@ -3,6 +3,47 @@ class ButtonPage extends HTMLElement {
     this.innerHTML = `
 			<h1>Buttons</h1>
 			<h4>Buttons - primary (default)</h4>
+			<gov-button-test type="solid" variant="primary" size="s" href="http://localhost:3333/button">
+				Small Primary
+				<gov-icon slot="left-icon" name="info"></gov-icon>
+			</gov-button-test>
+			<gov-form-input size="m" placeholder="Co hledáte" input-type="datetime-local"></gov-form-input>
+			<br/>
+			<br/>
+			<br/>
+			<br/>
+			<br/>
+			<hr/>
+			<br/>
+			<br/>
+			<br/>
+			<br/>
+			<gov-control-group>
+				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
+				Small Primary
+				</gov-button>
+				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
+				Small Primary
+				</gov-button>
+				<gov-form-input multiline rows="3" name="test-me" disabled value="Value of textarea"></gov-form-input>
+				<gov-form-select size="l" name="test-me">
+					<option value="" selected>Placeholder</option>
+					<option value="b">Value B</option>
+					<option value="c">Value C</option>
+					<option value="d">Value D</option>
+				</gov-form-select>
+				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
+				Small Primary
+				</gov-button>
+			</gov-control-group>
 			<div class="container-view">
 				<gov-button variant="primary" size="s" href="http://localhost:3333/button">
 					<gov-icon slot="left-icon" name="info"></gov-icon>