@gov-design-system-ce/components 4.2.6 → 4.2.8

package/dist/collection/components/gov-loading/loading/gov-loading.js

@@ -4,6 +4,9 @@ import { govHost, prepareClasses } from "../../../helpers/Dom/template";
 import { validateProp } from "../../../helpers/Validate/props";
 export class GovLoading {
     constructor() {
+        /**
+         * Loading size
+         */
         this.size = 'm';
         this.h = govHost(this.host);
     }
@@ -14,13 +17,14 @@ export class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (h(Host, { key: '84c4d73523ef359fc224441d2b3ee700b9d563b3', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: 'e8e9bda9cb6d86fdec2022b8a9b3fba9f5ee423a', class: LoadingClass.content }, h("gov-icon", { key: '7adafe593b0c37da48dc3da5eb43bc25c504e9a4', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: 'e4b8461f84f519b70eea2a1bb10cf86e9e3d14ca' })), h("gov-backdrop", { key: '0c044675ab012d028dcc7772c2ad0dfb0aa08de2', inverse: true })));
+        return (h(Host, { key: 'b242b9fdc52e5afc61e14b068253ce3d693d181e', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: 'f0f0e4f05239b9cf0eead9365df12f0c8bc37c30', class: LoadingClass.content }, h("gov-icon", { key: '7413af05d78c0d957ee5e99b6cce347283e01057', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: 'd047393d005afbce224befeae2cfd9023e321b81' })), h("gov-backdrop", { key: '54df690f070aee585f15dffa1aae555e75da49b5', inverse: true })));
     }
     static get is() { return "gov-loading"; }
     static get properties() {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "LoadingSizesType",
@@ -39,7 +43,8 @@ export class GovLoading {
                     "tags": [],
                     "text": "Loading size"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'m'"
             }

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

@@ -1 +1 @@
-{"version":3,"file":"gov-loading.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/loading/gov-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,YAAY,EAAE,YAAY,EAAmB,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAEvE,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAK7D,MAAM,OAAO,UAAU;IAGtB;oBAQ2C,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IASD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACxD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC9D,4DAAK,KAAK,EAAE,YAAY,CAAC,OAAO;gBAC/B,iEACC,KAAK,EAAE,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAChE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,GAChB;gBACF,8DAAQ,CACH;YACN,qEAAc,OAAO,EAAE,IAAI,GAAI,CACzB,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\";\n\n@Component({\n\ttag: \"gov-loading\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\t/**\n\t * Loading size\n\t */\n\t@Prop() readonly size?: LoadingSizesType = 'm'\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\n\t\t\t\t\t\tname=\"loader\"\n\t\t\t\t\t\ttype=\"components\"\n\t\t\t\t\t/>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-loading.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/loading/gov-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACtE,OAAO,EAAC,YAAY,EAAE,YAAY,EAAmB,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAEvE,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAK7D,MAAM,OAAO,UAAU;IAGtB;QAKA;;WAEG;QACc,SAAI,GAAsB,GAAG,CAAA;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IASD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACxD,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC9D,4DAAK,KAAK,EAAE,YAAY,CAAC,OAAO;gBAC/B,iEACC,KAAK,EAAE,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAChE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,GAChB;gBACF,8DAAQ,CACH;YACN,qEAAc,OAAO,EAAE,IAAI,GAAI,CACzB,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\";\n\n@Component({\n\ttag: \"gov-loading\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\t/**\n\t * Loading size\n\t */\n\t@Prop() readonly size?: LoadingSizesType = 'm'\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\n\t\t\t\t\t\tname=\"loader\"\n\t\t\t\t\t\ttype=\"components\"\n\t\t\t\t\t/>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js

@@ -7,13 +7,31 @@ import { ariaAttributes } from "../../../helpers/Accessibility/attributes";
 import { inheritAriaAttributes } from "../../../helpers/Accessibility/accessibility";
 export class GovSkeleton {
     constructor() {
-        this.items = [];
+        /**
+         * Input’s size.
+         */
         this.size = "m";
+        /**
+         * Style variation of the skeleton.
+         */
         this.color = "neutral";
+        /**
+         * Shape of the skeleton
+         */
         this.shape = "line";
+        /**
+         * Width of the skeleton ex. 100px, 100%, auto etc.
+         */
         this.width = null;
+        /**
+         * Height of the skeleton ex. 100px, 100%, auto etc.
+         */
         this.height = null;
+        /**
+         * Animation type
+         */
         this.animation = "progress";
+        this.items = [];
         this.inheritedAttributes = {};
         this.h = govHost(this.host);
     }
@@ -54,7 +72,7 @@ export class GovSkeleton {
         this.items.fill(1);
     }
     render() {
-        return (h(Host, Object.assign({ key: '3bad110a20779275c899c8a8d5d1086ec4cf59fd', size: this.size, color: this.color, class: {
+        return (h(Host, Object.assign({ key: '25734d3a4d1d1db5de3ce47019cfdc1e41bf8aa5', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -67,6 +85,7 @@ export class GovSkeleton {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputSizesType",
@@ -85,12 +104,14 @@ export class GovSkeleton {
                     "tags": [],
                     "text": "Input\u2019s size."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "\"m\""
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "SkeletonColorType",
@@ -109,12 +130,14 @@ export class GovSkeleton {
                     "tags": [],
                     "text": "Style variation of the skeleton."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"neutral\""
             },
             "shape": {
                 "type": "string",
+                "attribute": "shape",
                 "mutable": false,
                 "complexType": {
                     "original": "SkeletonShapesType",
@@ -133,12 +156,14 @@ export class GovSkeleton {
                     "tags": [],
                     "text": "Shape of the skeleton"
                 },
-                "attribute": "shape",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"line\""
             },
             "width": {
                 "type": "string",
+                "attribute": "width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -151,12 +176,14 @@ export class GovSkeleton {
                     "tags": [],
                     "text": "Width of the skeleton ex. 100px, 100%, auto etc."
                 },
-                "attribute": "width",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "null"
             },
             "height": {
                 "type": "string",
+                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -169,12 +196,14 @@ export class GovSkeleton {
                     "tags": [],
                     "text": "Height of the skeleton ex. 100px, 100%, auto etc."
                 },
-                "attribute": "height",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
                 "defaultValue": "null"
             },
             "animation": {
                 "type": "string",
+                "attribute": "animation",
                 "mutable": false,
                 "complexType": {
                     "original": "SkeletonAnimationType",
@@ -193,7 +222,8 @@ export class GovSkeleton {
                     "tags": [],
                     "text": "Animation type"
                 },
-                "attribute": "animation",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"progress\""
             }

package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-skeleton.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/skeleton/gov-skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-skeleton.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/skeleton/gov-skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t  color={this.color}\n\t\t\t\t  class={{\n\t\t\t\t\t  [SkeletonClass.root]: true,\n\t\t\t\t\t  circle: this.shape === \"circle\",\n\t\t\t\t\t  line: this.shape === \"line\",\n\t\t\t\t\t  progress: this.animation === \"progress\",\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\n\t\t\t\t  }}\n\t\t\t\t  {...this.inheritedAttributes}\n\t\t\t\t  aria-busy=\"true\"\n\t\t\t\t  aria-valuemin=\"0\"\n\t\t\t\t  aria-valuemax=\"100\"\n\t\t\t\t  role=\"progressbar\"\n\t\t\t\t  tabindex=\"0\"\n\t\t\t\t  style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-message/gov-message.js

@@ -5,7 +5,13 @@ import { govHost } from "../../helpers/Dom/template";
 import { Colors } from "../../core/constants/colors";
 export class GovMessage {
     constructor() {
+        /**
+         * Style variation of the content message.
+         */
         this.color = Colors.PRIMARY;
+        /**
+         * Message type
+         */
         this.type = "subtle";
         this.h = govHost(this.host);
     }
@@ -13,13 +19,14 @@ export class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (h(Host, { key: '6cdca867db0d3576076bba0518cbfc844762aa9e', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("span", { key: 'b28876f005e857aaddaf2afb6372745978abb926' }, h("slot", { key: 'b88920a480dfdd18ddcdcc013ff36a81d6de1707', name: "icon" }))), h("div", { key: 'ad9e4ef4894877d53f0b7c598035c0c35e317054', class: MessageClass.content }, h("slot", { key: '78f8e1a9ee32eddaeb7b78e029476a525975ee6d' }))));
+        return (h(Host, { key: 'b1e404aaebe6a1c22999b9f1901dc5fc63119a12', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("span", { key: 'fb9f2ed1047003aeaf03954345240b0484eea289' }, h("slot", { key: 'b0457abeb671b2d895ed9618f92047b5f8d48e1f', name: "icon" }))), h("div", { key: 'c358b23982d1e1f8a82eb780b56932e9b01f98c9', class: MessageClass.content }, h("slot", { key: 'd0faba3cea5d572a43d7a0dcacf0e26fd255650c' }))));
     }
     static get is() { return "gov-message"; }
     static get properties() {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "MessageColorType",
@@ -38,12 +45,14 @@ export class GovMessage {
                     "tags": [],
                     "text": "Style variation of the content message."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "Colors.PRIMARY"
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "MessageTypesType",
@@ -62,7 +71,8 @@ export class GovMessage {
                     "tags": [],
                     "text": "Message type"
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"subtle\""
             }

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

@@ -1 +1 @@
-{"version":3,"file":"gov-message.js","sourceRoot":"","sources":["../../../../../../src/components/gov-message/gov-message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAoB,YAAY,EAAmB,MAAM,aAAa,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAKpD,MAAM,OAAO,UAAU;IAGtB;qBAS2C,MAAM,CAAC,OAAO;oBAId,QAAQ;QAZlD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAcD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IAClD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,QAAQ;YAC/F,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B;gBACC,6DAAM,IAAI,EAAC,MAAM,GAAG,CACd,CACP;YAED,4DAAK,KAAK,EAAE,YAAY,CAAC,OAAO;gBAC/B,8DAAQ,CACH,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-message.js","sourceRoot":"","sources":["../../../../../../src/components/gov-message/gov-message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAoB,YAAY,EAAmB,MAAM,aAAa,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAKpD,MAAM,OAAO,UAAU;IAGtB;QAMA;;WAEG;QACc,UAAK,GAAqB,MAAM,CAAC,OAAO,CAAA;QACzD;;WAEG;QACc,SAAI,GAAsB,QAAQ,CAAA;QAZlD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAcD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IAClD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,QAAQ;YAC/F,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B;gBACC,6DAAM,IAAI,EAAC,MAAM,GAAG,CACd,CACP;YAED,4DAAK,KAAK,EAAE,YAAY,CAAC,OAAO;gBAC/B,8DAAQ,CACH,CACA,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-pagination/gov-pagination.js

@@ -11,22 +11,58 @@ import { ariaAttributes } from "../../helpers/Accessibility/attributes";
 import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
 export class GovPagination {
     constructor() {
+        /**
+         * Pagination type
+         */
         this.type = "button";
+        /**
+         * Currently displayed page
+         */
         this.current = 1;
+        /**
+         * Total count of entries
+         */
         this.total = 0;
-        this.selectIdentifier = undefined;
+        /**
+         * Pagination's size
+         */
         this.size = "m";
+        /**
+         * Style variation of the pagination.
+         */
         this.color = "primary";
+        /**
+         * Maximum number of entries per page
+         */
         this.pageSize = 10;
+        /**
+         * Maximum pages displayed for selection
+         */
         this.maxPages = 5;
-        this.link = undefined;
+        /**
+         * Adds accessible label for the page select
+         */
         this.accessibleSelectLabel = "Vybrat stranu";
+        /**
+         * Adds accessible label for the page item
+         */
         this.accessiblePageLabel = "Strana";
+        /**
+         * Description of the possibility to go back one page
+         */
         this.labelPrev = 'Přejít o stranu zpět';
+        /**
+         * Description of the option to go to the top of paging
+         */
         this.labelStart = 'Přejít na začátek';
+        /**
+         * Description of the option to go to the end of paging
+         */
         this.labelNext = 'Přejít na další stranu';
+        /**
+         * Description of the option to move one page forward
+         */
         this.labelEnd = 'Přejít na konec';
-        this.pagination = undefined;
         this.inheritedAttributes = {};
         this.h = govHost(this.host);
         this.pageSelectId = createID("GovPageSelect");
@@ -128,6 +164,7 @@ export class GovPagination {
         return {
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "PaginationType",
@@ -146,12 +183,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Pagination type"
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"button\""
             },
             "current": {
                 "type": "number",
+                "attribute": "current",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -164,12 +203,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Currently displayed page"
                 },
-                "attribute": "current",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "1"
             },
             "total": {
                 "type": "number",
+                "attribute": "total",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -182,12 +223,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Total count of entries"
                 },
-                "attribute": "total",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "0"
             },
             "selectIdentifier": {
                 "type": "string",
+                "attribute": "select-identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -200,11 +243,13 @@ export class GovPagination {
                     "tags": [],
                     "text": "Custom select identifier."
                 },
-                "attribute": "select-identifier",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "PaginationSizeType",
@@ -223,12 +268,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Pagination's size"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"m\""
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "PaginationColorType",
@@ -247,12 +294,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Style variation of the pagination."
                 },
-                "attribute": "color",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"primary\""
             },
             "pageSize": {
                 "type": "number",
+                "attribute": "page-size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -265,12 +314,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Maximum number of entries per page"
                 },
-                "attribute": "page-size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "10"
             },
             "maxPages": {
                 "type": "number",
+                "attribute": "max-pages",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -283,12 +334,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Maximum pages displayed for selection"
                 },
-                "attribute": "max-pages",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "5"
             },
             "link": {
                 "type": "string",
+                "attribute": "link",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -301,11 +354,13 @@ export class GovPagination {
                     "tags": [],
                     "text": "Setting a link to redirect to a given page.\nThe {PAGE} wildcard can be used in the link to replace the page number.\nNote that in the case of paging through a link, it is always necessary to send to the component the current page where the user is."
                 },
-                "attribute": "link",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "accessibleSelectLabel": {
                 "type": "string",
+                "attribute": "accessible-select-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -318,12 +373,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Adds accessible label for the page select"
                 },
-                "attribute": "accessible-select-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"Vybrat stranu\""
             },
             "accessiblePageLabel": {
                 "type": "string",
+                "attribute": "accessible-page-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -336,12 +393,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Adds accessible label for the page item"
                 },
-                "attribute": "accessible-page-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"Strana\""
             },
             "labelPrev": {
                 "type": "string",
+                "attribute": "label-prev",
                 "mutable": false,
                 "complexType": {
                     "original": "\"P\u0159ej\u00EDt o stranu zp\u011Bt\"",
@@ -354,12 +413,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Description of the possibility to go back one page"
                 },
-                "attribute": "label-prev",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'P\u0159ej\u00EDt o stranu zp\u011Bt'"
             },
             "labelStart": {
                 "type": "string",
+                "attribute": "label-start",
                 "mutable": false,
                 "complexType": {
                     "original": "\"P\u0159ej\u00EDt na za\u010D\u00E1tek\"",
@@ -372,12 +433,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Description of the option to go to the top of paging"
                 },
-                "attribute": "label-start",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'P\u0159ej\u00EDt na za\u010D\u00E1tek'"
             },
             "labelNext": {
                 "type": "string",
+                "attribute": "label-next",
                 "mutable": false,
                 "complexType": {
                     "original": "\"P\u0159ej\u00EDt na dal\u0161\u00ED stranu\"",
@@ -390,12 +453,14 @@ export class GovPagination {
                     "tags": [],
                     "text": "Description of the option to go to the end of paging"
                 },
-                "attribute": "label-next",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'P\u0159ej\u00EDt na dal\u0161\u00ED stranu'"
             },
             "labelEnd": {
                 "type": "string",
+                "attribute": "label-end",
                 "mutable": false,
                 "complexType": {
                     "original": "\"P\u0159ej\u00EDt na konec\"",
@@ -408,7 +473,8 @@ export class GovPagination {
                     "tags": [],
                     "text": "Description of the option to move one page forward"
                 },
-                "attribute": "label-end",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'P\u0159ej\u00EDt na konec'"
             }