@gov-design-system-ce/components 4.2.0 → 4.2.1

package/dist/collection/components/gov-form/input/gov-form-input.js

@@ -85,11 +85,11 @@ export class GovFormInput {
     }
     render() {
         const Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT;
-        return (h(Host, { key: 'bdbab2105ea328155d7a023e2070c4ca22a5afba', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && h("slot", { key: '71be98f4ba1933c8a5affd3f41b496633528bcc8', name: "prefix" }), h("span", { key: '820a6cc14d90fb52b3fa809858c9b7223d7dec21', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            h("div", { key: '6c001fb96074d4f5b7779a14cbceee9169b4a70a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, h("slot", { key: '15da634518db7ac788de51911296d1a0ca87c993', name: "icon-start" })), h(Tag, Object.assign({ key: 'f43777146426ddbe5d37408a734ca61aa51e0e69', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
-            h("div", { key: '716e004caf2077ce8d5ee5101bcb541fbdb45d38', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                h("gov-icon", { key: '96c5fcdad8332c08d3eaf9a5a6af573962a96744', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                h("gov-icon", { key: '4883e137f51052a2659f46a09270c656bc3347f7', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && h("slot", { key: 'a74b2df0932087834fc33de45aa341444c61042a', name: "icon-end" }), this.inputType === 'password' ? (h("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, h("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && h("slot", { key: '9d15adccc023a5501114982c4417df6db9a4d8c1', name: "sufix" })));
+        return (h(Host, { key: 'f2b0e3a105b6a3904d59821bc68e13bfa01acea9', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && h("slot", { key: '13ff8da008e08322cd0eb241600751f8e896416b', name: "prefix" }), h("span", { key: '22c1467190afaf1a2c8e98d0cd4500f123494885', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            h("div", { key: '1ab85a6556b44fd92959c0311b57028a8e3b8d74', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, h("slot", { key: 'dcc9f5a1da1245bd4eccc0a919b08b73a556efe7', name: "icon-start" })), h(Tag, Object.assign({ key: 'f05f59a1ad7d28acfd005942fdd22e7ba04e2d73', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
+            h("div", { key: 'ab940283ca797a54590c73881aabe6e4032d4a77', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                h("gov-icon", { key: 'af0b7c6e3c815eb74318052f490db2241f246707', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                h("gov-icon", { key: '4feef0479c061b9b073dea6c04e2bc428464a9de', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && h("slot", { key: 'fa3f4ac957a08d066706c273b008edef401f0a2b', name: "icon-end" }), this.inputType === 'password' ? (h("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, h("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && h("slot", { key: 'ce4b50ff45632098c4457339538bac4a5a685df8', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();

package/dist/collection/components/gov-form/label/gov-form-label.js

@@ -9,7 +9,7 @@ export class GovFormLabel {
     }
     render() {
         const Tag = this.legend ? 'legend' : 'label';
-        return (h(Host, { key: 'e06447dd79c3204d5641bc58ba823d0744373dd5', class: FormLabelClass.root, size: this.size }, h(Tag, { key: '69dfe126eb3f26aae0360e8c5f831e61345d3dc2', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, h("slot", { key: '3005e820b094c191fc0422a8586264053a4c403f' }), this.required ? h("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
+        return (h(Host, { key: '5227d00ebe3e8923687d4e8d0f3a74bad0da82b3', class: FormLabelClass.root, size: this.size }, h(Tag, { key: '981d363fdf7435a0b242b9610a7dd68e11d4f05e', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, h("slot", { key: 'bdf282178e200fa69d9f871354786ecbd024fa90' }), this.required ? h("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
     }
     static get is() { return "gov-form-label"; }
     static get properties() {

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

@@ -17,7 +17,7 @@ export class GovFormMessage {
         this.validateColor(this.color);
     }
     render() {
-        return (h(Host, { key: 'dbc990cf3a48496a4905a768b3a7c662d42cc3ad', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: '600a149b56204308139aa026aea04dc5d872a7fe', name: "icon" })), h("span", { key: '61d47c46b469a1c070d2a0f7df3a47f8a878ba6f', id: this.messageId, class: FormMessageClass.content }, h("slot", { key: 'ff74d2926ddb5c3c79349d28906ff41a2485fde5' }))));
+        return (h(Host, { key: 'd9acfd066e2f1c0445cfee56131f4717668a25b9', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: 'd09fb037cf1b719bf5b23638e5660f60efc045e2', name: "icon" })), h("span", { key: '8168614d9f47c5d48282c9d11c74745a307cddf6', id: this.messageId, class: FormMessageClass.content }, h("slot", { key: '3dbb35561437881e2f58235d9472fb9abe1684b9' }))));
     }
     /**
      * Returns unique identifier of message

package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js

@@ -166,11 +166,11 @@ export class GovFormMultiSelect {
         });
     }
     render() {
-        return (h(Host, { key: '702237c94a2454e2ee966fee0a4fb92e690b7ca3', class: FormMultiSelectClass.root, size: this.size }, h("div", { key: '06644d9c3deb723effa4dd18207734ff4c9885cf', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && h("slot", { key: '7a000864224ecfe4fc333b2609f1d624b8cbad2c', name: "prefix" }), h("gov-form-autocomplete", { key: '7ce180ba5e799af98869ab3a0eab7dc0b1cd28f8', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && h("gov-icon", { key: '8433d6631829ad487ea0d14f3a23ef955179ab72', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: '55076350c10d021f5e1c6882ca9c36ddcb3b8d96', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: '3671d42362ea1a7334b687d12d9fbe50d12a2e6b', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), h("select", Object.assign({ key: '9d9af70e3a94506e654bc4739dff88512f9a7027', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: '121da88c22cb7aa89bddd017daaa3adf2d3cdba1' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (h(Host, { key: 'efc41cd22f35a7c326f8321f11c875a6ee6d44fe', class: FormMultiSelectClass.root, size: this.size }, h("div", { key: '229b01f0a9b0cb35e59cda5ce5a78c14309ab1ee', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && h("slot", { key: '48cefdbe753f57acca0aa5fc74bc7cc6f902e4b7', name: "prefix" }), h("gov-form-autocomplete", { key: 'a4a3e0f0fb0f9e3d9ec0ce8d24b390a169f0749a', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && h("gov-icon", { key: '8a43c6c12f16773956b669b7cd08608d6aeb3bb9', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: '6eaee1ebf4ac9c337e22b071edf77fbeec012a3c', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: 'c9f7f2f83f37abdab373bfb2aa43c36ec08dfede', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), h("select", Object.assign({ key: 'd4623e47694c6b28b5e201f083e6d73fa6a331aa', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: 'f5e03e3e33a1bb97b00c544765332b67812c5fd5' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             const selectedOption = this.selectedValueIndex(option.value);
             return (h("option", { value: option.value, selected: selectedOption > -1, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.h.hasSlot('sufix') && h("slot", { key: '7a1392bc37a8ff68a2269b8aced6af13dc2d0155', name: "sufix" })), this.hideSelectedList === false ? (h("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
+        })), this.h.hasSlot('sufix') && h("slot", { key: 'aa9c37047083aa68a9ccaf8066a62a2eb9a3797f', name: "sufix" })), this.hideSelectedList === false ? (h("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
             var _a, _b;
             const option = this.getOption(selected);
             if (!option)

package/dist/collection/components/gov-form/password-power/gov-form-password-power.js

@@ -5,7 +5,7 @@ export class GovFormPasswordPower {
         this.power = undefined;
     }
     render() {
-        return (h(Host, { key: '5345be77d281075d14e4d846cc28b4ee80238d44', class: FormPasswordPowerClass.root }, h("span", { key: '4d54a301ac65d9432e524906eb8d0626fcc6be63', class: FormPasswordPowerClass.bar }, h("span", { key: '0590bdcda2ca777daa02b4ed078490120c0d76b9' }), h("span", { key: 'd76531fc51948809e1c7577c06661fd320ccb68c' }), h("span", { key: '48a13aa684e06289961bf7aaeb778c9340242e55' })), h("span", { key: '683dab64032d38a9d94121c154085a5e4cb0f6f1', class: FormPasswordPowerClass.text }, h("slot", { key: 'd55a6fdbd4bfb5504457d10c7e6ce194d0ff36c5' }))));
+        return (h(Host, { key: 'db698558cba39d591c1119a07d6aafd66880a478', class: FormPasswordPowerClass.root }, h("span", { key: '24b61cba713d7ba1d56ea385889f89d40c181b9b', class: FormPasswordPowerClass.bar }, h("span", { key: '01b941d9082565c4673cc5a5f24c083500d216fc' }), h("span", { key: '8c87f443b4571a9a98cbf88c7adaa39b663cda5d' }), h("span", { key: 'ab9d769c365e6c9ed09bca718b5ef226a0e5c456' })), h("span", { key: '5cd85486880615d0732c65bb40b89ccf3b1c381e', class: FormPasswordPowerClass.text }, h("slot", { key: '11fd5c8d7584ac5a129b4f4a64304ceb05aa498f' }))));
     }
     static get is() { return "gov-form-password-power"; }
     static get properties() {

package/dist/collection/components/gov-form/range/constants.js

@@ -0,0 +1,9 @@
+import { pick } from "../../../utils/utils";
+import { Sizes } from "../../../core/constants/sizes";
+export const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L']);
+export const FormRangeClass = {
+    root: 'gov-form-range',
+    fill: 'gov-form-range--fill',
+    input: 'gov-form-range--input',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-form/range/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/range/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,+BAA+B,CAAC;AAGpD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAG7D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,uBAAuB;CAC9B,CAAA","sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\n\nexport const FormRangeClass = {\n\troot: 'gov-form-range',\n\tfill: 'gov-form-range--fill',\n\tinput: 'gov-form-range--input',\n}\n"]}