@gov-design-system-ce/components 4.6.0 → 4.6.2

package/dist/cjs/gov-form-input_2.cjs.entry.js

@@ -1,290 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var form = require('./form-GgXzZZ-E.js');
-var template = require('./template-Cj6PcLmR.js');
-var props = require('./props-CPENhBnM.js');
-var string_utils = require('./string.utils-BG4pUfEi.js');
-var attribute = require('./attribute-CH1-zDDl.js');
-var accessibility = require('./accessibility-BQJmIVWV.js');
-var utils = require('./utils-NnC78QR3.js');
-var sizes = require('./sizes-D5zsw2g5.js');
-var colors = require('./colors-DgrrxjsX.js');
-require('./constants-DcKnOyW4.js');
-require('./constants-CFAhiwqu.js');
-require('./constants-357ehBFU.js');
-require('./gov.log-C5EH15b_.js');
-
-var Tags;
-(function (Tags) {
-    Tags["INPUT"] = "input";
-    Tags["TEXTAREA"] = "textarea";
-})(Tags || (Tags = {}));
-const GovFormInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govFocus = index.createEvent(this, "gov-focus");
-        this.govBlur = index.createEvent(this, "gov-blur");
-        this.govInput = index.createEvent(this, "gov-input");
-        this.govKeyUp = index.createEvent(this, "gov-keyup");
-        this.govHydrated = index.createEvent(this, "gov-hydrated");
-        this.govKeyDown = index.createEvent(this, "gov-keydown");
-        /**
-         * Input’s size.
-         */
-        this.size = "m";
-        /**
-         * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
-         * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
-         */
-        this.required = false;
-        /**
-         * Makes the input component disabled.
-         */
-        this.disabled = false;
-        /**
-         * Same as original parameter
-         * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
-         */
-        this.inputType = "text";
-        /**
-         * Accessible text for password display
-         */
-        this.accessibleShowPasswordLabel = 'Zobrazit heslo';
-        /**
-         * Accessible text to hide the password
-         */
-        this.accessibleHidePasswordLabel = 'Skrýt heslo';
-        this.showPassword = false;
-        this.inheritedAttributes = {};
-        this.h = template.govHost(this.host);
-        this.inputId = string_utils.createID("GovInput");
-        this.f = form.govForm(this.h);
-    }
-    validateSize(newValue) {
-        props.validateProp(form.FormInputSizes, newValue, form.FormInputClass.root);
-    }
-    watchControlAttrs() {
-        this.passControlAttrs();
-    }
-    passControlAttrs() {
-        this.f.passAttrToControl("size", this.size);
-        this.f.passAttrToControl("success", template.toBoolAttr(this.success));
-        this.f.passAttrToControl("disabled", template.toBoolAttr(this.disabled));
-        this.f.passAttrToControl("invalid", template.toBoolAttr(this.invalid));
-        this.f.passAttrToControl("type", this.multiline ? Tags.TEXTAREA : Tags.INPUT);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(attribute.ariaAttributes);
-        this.govHydrated.emit();
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-        this.inheritedAttributes = accessibility.inheritAriaAttributes(this.host);
-    }
-    componentDidRender() {
-        this.passControlAttrs();
-        this.f.passAttrToLabel("required", String(this.required));
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    render() {
-        const Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT;
-        return (index.h(index.Host, { key: '77dae47e06d063a2487a5ddbb1259306b5cdbfc3', class: form.FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && index.h("slot", { key: 'e8e2f433d1ef4132ea11deccd0430d1e629b939b', name: "prefix" }), index.h("span", { key: 'd6ccd3199c302f2bdefec80c9b1d41e221f5c996', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            index.h("div", { key: '9bdfc91aeb6b5f9c9c16cf902d092caeb5c5d9c5', class: form.FormInputClass.icons, onClick: () => this.inputRef.focus() }, index.h("slot", { key: '2a2d7b03fbe85a18353ac360a822721b2e76da78', name: "icon-start" })), index.h(Tag, Object.assign({ key: 'e43d026dbb5138a6b69363805df462d18d3e1e1f', 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: template.toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: template.toBoolAttrIfDefined(this.readonly), autocomplete: template.toOnOffAttrIfDefined(this.autocomplete), autocorrect: template.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": template.toBoolAttrIfDefined(this.required), "aria-invalid": template.toBoolAttrIfDefined(this.invalid), "aria-disabled": template.toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
-            index.h("div", { key: '43025915f216c0153e069acdddbece0e059f3ec7', class: form.FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                index.h("gov-icon", { key: '13b34f7a5e705afdb92877850f116895318bb876', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                index.h("gov-icon", { key: 'd671025577334714519c12956863a3a3c6f3af81', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && index.h("slot", { key: 'f26ff9842ab606917ff1fe10e5fa83e0707f923f', name: "icon-end" }), this.inputType === 'password' ? (index.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 }, index.h("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && index.h("slot", { key: '666b152801bc34d6cdb66e88c22d695c4b4d169c', name: "sufix" })));
-    }
-    onFocusHandler(e) {
-        e.stopPropagation();
-        this.focused = true;
-        this.govFocus.emit({
-            component: form.FormInputClass.root,
-            value: this.value,
-            originalEvent: e,
-        });
-    }
-    onBlurHandler(e) {
-        e.stopPropagation();
-        this.focused = false;
-        this.govBlur.emit({
-            component: form.FormInputClass.root,
-            value: this.value,
-            originalEvent: e,
-        });
-    }
-    onKeyUpHandler(e) {
-        e.stopPropagation();
-        this.govKeyUp.emit({
-            component: form.FormInputClass.root,
-            value: this.value,
-            originalEvent: e,
-        });
-    }
-    onKeyDownHandler(e) {
-        e.stopPropagation();
-        this.govKeyDown.emit({
-            component: form.FormInputClass.root,
-            value: this.value,
-            originalEvent: e,
-        });
-    }
-    onInputHandler(e) {
-        this.value = e.target.value;
-        e.stopPropagation();
-        this.govInput.emit({
-            component: form.FormInputClass.root,
-            value: this.value,
-            originalEvent: e,
-        });
-    }
-    /**
-     * Returns the current state of the component
-     */
-    async setFocus(options) {
-        return this.inputRef.focus(options);
-    }
-    /**
-     * Sets the ordered value of the element
-     */
-    async setValue(value) {
-        this.value = value;
-    }
-    /**
-     * Clears input value
-     */
-    async clearValue() {
-        this.value = "";
-        this.inputRef.value = "";
-    }
-    /**
-     * Returns an instance of the native html input element
-     */
-    async getRef() {
-        return this.inputRef;
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize", "watchControlAttrs"],
-        "disabled": ["watchControlAttrs"],
-        "invalid": ["watchControlAttrs"],
-        "success": ["watchControlAttrs"]
-    }; }
-};
-
-const SkeletonSizes = utils.pick(sizes.Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
-utils.pick(colors.Colors, ["PRIMARY", "NEUTRAL"]);
-var SkeletonShapes;
-(function (SkeletonShapes) {
-    SkeletonShapes["CIRCLE"] = "circle";
-    SkeletonShapes["LINE"] = "line";
-})(SkeletonShapes || (SkeletonShapes = {}));
-var SkeletonAnimation;
-(function (SkeletonAnimation) {
-    SkeletonAnimation["PULSE"] = "pulse";
-    SkeletonAnimation["PROGRESS"] = "progress";
-    SkeletonAnimation["FALSE"] = "false";
-})(SkeletonAnimation || (SkeletonAnimation = {}));
-const SkeletonClass = {
-    root: 'gov-skeleton',
-};
-
-const GovSkeleton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * 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 = template.govHost(this.host);
-    }
-    validateSize(newValue) {
-        props.validateProp(SkeletonSizes, newValue, SkeletonClass.root);
-    }
-    validateShape(newValue) {
-        props.validateProp(SkeletonShapes, newValue, SkeletonClass.root);
-    }
-    validateAnimation(newValue) {
-        props.validateProp(SkeletonAnimation, newValue, SkeletonClass.root);
-    }
-    componentDidLoad() {
-        this.attributeObserver = new attribute.AttributeObserver(this.host, (attributeName, newValue) => {
-            this.onAriaAttributeChange(attributeName, newValue);
-        });
-        this.attributeObserver.startObserving(attribute.ariaAttributes);
-    }
-    componentWillLoad() {
-        this.validateSize(this.size);
-        this.validateShape(this.shape);
-        this.validateAnimation(this.animation);
-        this.init();
-        this.inheritedAttributes = accessibility.inheritAriaAttributes(this.host);
-    }
-    componentWillUpdate() {
-        this.init();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
-    }
-    onAriaAttributeChange(attributeName, newValue) {
-        this.host.removeAttribute(attributeName);
-        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
-    }
-    init() {
-        this.items.fill(1);
-    }
-    render() {
-        return (index.h(index.Host, Object.assign({ key: '871f22b2b3bd0c92c75b81b4d649246414c01b97', size: this.size, color: this.color, class: {
-                [SkeletonClass.root]: true,
-                circle: this.shape === "circle",
-                line: this.shape === "line",
-                progress: this.animation === "progress",
-                pulse: this.animation === "pulse",
-            } }, this.inheritedAttributes, { "aria-busy": "true", "aria-valuemin": "0", "aria-valuemax": "100", role: "progressbar", tabindex: "0", style: { width: this.width, height: this.height } })));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "size": ["validateSize"],
-        "shape": ["validateShape"],
-        "animation": ["validateAnimation"]
-    }; }
-};
-
-exports.gov_form_input = GovFormInput;
-exports.gov_skeleton = GovSkeleton;
-//# sourceMappingURL=gov-form-input.gov-skeleton.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-input_2.cjs.entry.js.map

package/dist/cjs/gov-form-input_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gov-form-input.gov-skeleton.entry.cjs.js","mappings":"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","names":["govHost","createID","govForm","validateProp","FormInputSizes","FormInputClass","toBoolAttr","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","toBoolAttrIfDefined","toOnOffAttrIfDefined","pick","Sizes","Colors"],"sources":["../../../packages/core/src/components/gov-form/input/gov-form-input.tsx","../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined, toOnOffAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {FormInputClass, FormInputSizes, FormInputSizesType, InputType, Type,} from \"./constants\"\r\nimport {FormInputEvent} from \"./gov-form-input.types\"\r\nimport {Nullable} from \"../../../types/interfaces\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\nenum Tags {\r\n\tINPUT = \"input\",\r\n\tTEXTAREA = \"textarea\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-form-input\",\r\n})\r\nexport class GovFormInput {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate readonly inputId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.inputId = createID(\"GovInput\")\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormInputElement\r\n\t/**\r\n\t * Value of input\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/**\r\n\t * Custom input identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/**\r\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\r\n\t */\r\n\t@Prop({reflect:true}) readonly success: boolean\r\n\t/**\r\n\t * Input’s size.\r\n\t */\r\n\t@Prop() readonly size?: FormInputSizesType = \"m\"\r\n\t/**\r\n\t * Name of the input.\r\n\t */\r\n\t@Prop() readonly name: string\r\n\t/**\r\n\t * Generates a texarea for the possibility of multiple lines\r\n\t */\r\n\t@Prop() readonly multiline: boolean\r\n\t/**\r\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\r\n\t */\r\n\t@Prop() readonly rows: number\r\n\t/**\r\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols\r\n\t */\r\n\t@Prop() readonly cols: number\r\n\t/**\r\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t */\r\n\t@Prop({reflect:true}) readonly required: boolean = false\r\n\t/**\r\n\t * Makes the input component disabled.\r\n\t */\r\n\t@Prop({reflect:true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Text that appears in the form control when it has no value set\r\n\t */\r\n\t@Prop() readonly placeholder: string\r\n\t/**\r\n\t * The value is not editable\r\n\t */\r\n\t@Prop() readonly readonly: boolean\r\n\t/**\r\n\t * Minimum length (number of characters) of value\r\n\t */\r\n\t@Prop() readonly minlength: number\r\n\t/**\r\n\t * Maximum length (number of characters) of value\r\n\t */\r\n\t@Prop() readonly maxlength: number\r\n\t/**\r\n\t * Minimum value that is acceptable and valid for the input containing the attribute\r\n\t */\r\n\t@Prop() readonly min?: string | number\r\n\t/**\r\n\t * Maximum value that is acceptable and valid for the input containing the attribute\r\n\t */\r\n\t@Prop() readonly max?: string | number\r\n\t/**\r\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocomplete\r\n\t */\r\n\t@Prop() readonly autocomplete: boolean\r\n\t/**\r\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-autocorrect\r\n\t */\r\n\t@Prop() readonly autocorrect: boolean\r\n\t/**\r\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck\r\n\t */\r\n\t@Prop() readonly spellcheck: boolean\r\n\t/**\r\n\t * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\r\n\t */\r\n\t@Prop({attribute: \"input-lang\"}) readonly inputLang: string\r\n\t/**\r\n\t * Defined the visual style of input\r\n\t */\r\n\t@Prop() readonly type?: Type\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\r\n\t */\r\n\t@Prop({attribute: \"input-type\"}) readonly inputType: InputType = \"text\"\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/input_role\r\n\t */\r\n\t@Prop() readonly role: Nullable<string>\r\n\t/**\r\n\t * Indicates the entered value does not conform to the format expected by the application.\r\n\t */\r\n\t@Prop({reflect:true}) readonly invalid: boolean\r\n\t/**\r\n\t * Accessible text for password display\r\n\t */\r\n\t@Prop({attribute: \"accessible-show-password-label\"}) readonly accessibleShowPasswordLabel = 'Zobrazit heslo'\r\n\t/**\r\n\t * Accessible text to hide the password\r\n\t */\r\n\t@Prop({attribute: \"accessible-hide-password-label\"}) readonly accessibleHidePasswordLabel = 'Skrýt heslo'\r\n\t/**\r\n\t * Emitted when the input has focus.\r\n\t */\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input loses focus.\r\n\t */\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-keyup\"}) govKeyUp: EventEmitter<FormInputEvent>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-hydrated\"}) govHydrated: EventEmitter<void>\r\n\t/**\r\n\t * Emitted when the input change value.\r\n\t */\r\n\t@Event({eventName: \"gov-keydown\"}) govKeyDown: EventEmitter<FormInputEvent>\r\n\t@State() focused: boolean\r\n\t@State() showPassword: boolean = false\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormInputSizes, newValue, FormInputClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"success\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"type\", this.multiline ? Tags.TEXTAREA : Tags.INPUT)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t\tthis.govHydrated.emit();\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.multiline ? Tags.TEXTAREA : Tags.INPUT\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormInputClass.root} size={this.size} type={this.type}>\r\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t{(this.h.hasSlot(\"icon-start\") && !this.multiline) &&\r\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\r\n\t\t\t\t\t\t\t<slot name=\"icon-start\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\ttype={this.inputType === 'password' && this.showPassword ? 'text' : this.inputType}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tid={this.identifier || this.inputId}\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\tonInput={this.onInputHandler.bind(this)}\r\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\tonKeyUp={this.onKeyUpHandler.bind(this)}\r\n\t\t\t\t\t\tonKeyDown={this.onKeyDownHandler.bind(this)}\r\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\tplaceholder={this.placeholder}\r\n\t\t\t\t\t\tspellcheck={toBoolAttrIfDefined(this.spellcheck)}\r\n\t\t\t\t\t\tlang={this.inputLang}\r\n\t\t\t\t\t\treadonly={toBoolAttrIfDefined(this.readonly)}\r\n\t\t\t\t\t\tautocomplete={toOnOffAttrIfDefined(this.autocomplete)}\r\n\t\t\t\t\t\tautocorrect={toOnOffAttrIfDefined(this.autocorrect)}\r\n\t\t\t\t\t\tminlength={this.minlength}\r\n\t\t\t\t\t\tmaxlength={this.maxlength}\r\n\t\t\t\t\t\tmin={this.min}\r\n\t\t\t\t\t\tmax={this.max}\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\trows={this.rows}\r\n\t\t\t\t\t\tcols={this.cols}\r\n\t\t\t\t\t\trole={this.role}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{((this.success || this.invalid || this.h.hasSlot(\"icon-end\") || this.inputType === 'password') && !this.multiline) &&\r\n\t\t\t\t\t\t<div class={FormInputClass.icons} onClick={() => this.inputRef.focus()}>\r\n\t\t\t\t\t\t\t{this.success && !this.multiline &&\r\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{this.invalid && !this.multiline &&\r\n\t\t\t\t\t\t\t\t<gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && this.inputType !== 'password' && <slot name=\"icon-end\"/>}\r\n\t\t\t\t\t\t\t{this.inputType === 'password' ? (\r\n\t\t\t\t\t\t\t\t<gov-button color={'primary'}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={'base'}\r\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\t\taria-label={this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel}\r\n\t\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.showPassword = !this.showPassword}>\r\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"eye\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t</gov-button>) : null}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t}\r\n\t\t\t\t</span>\r\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = true\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormInputClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.focused = false\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormInputClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onKeyUpHandler(e: KeyboardEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govKeyUp.emit({\r\n\t\t\tcomponent: FormInputClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onKeyDownHandler(e: KeyboardEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govKeyDown.emit({\r\n\t\t\tcomponent: FormInputClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onInputHandler(e: InputEvent) {\r\n\t\tthis.value = (e.target as HTMLInputElement).value\r\n\t\te.stopPropagation()\r\n\t\tthis.govInput.emit({\r\n\t\t\tcomponent: FormInputClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.inputRef.focus(options)\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the ordered value of the element\r\n\t */\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.value = value\r\n\t}\r\n\r\n\t/**\r\n\t * Clears input value\r\n\t */\r\n\t@Method()\r\n\tasync clearValue(): Promise<void> {\r\n\t\tthis.value = \"\"\r\n\t\tthis.inputRef.value = \"\"\r\n\t}\r\n\r\n\t/**\r\n\t * Returns an instance of the native html input element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n","import { pick } from \"../../../utils/utils\"\r\nimport { ValueOf } from \"../../../types/interfaces\"\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {Colors} from \"../../../core/constants/colors\";\r\n\r\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\r\n\r\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\r\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\r\n\r\nexport enum SkeletonShapes {\r\n\tCIRCLE = 'circle',\r\n\tLINE = 'line'\r\n}\r\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\r\n\r\nexport enum SkeletonAnimation {\r\n\tPULSE = 'pulse',\r\n\tPROGRESS = 'progress',\r\n\tFALSE = 'false'\r\n}\r\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\r\n\r\nexport const SkeletonClass = {\r\n\troot: 'gov-skeleton',\r\n}\r\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {\r\n\tSkeletonAnimation,\r\n\tSkeletonAnimationType,\r\n\tSkeletonClass,\r\n\tSkeletonColorType,\r\n\tSkeletonShapes,\r\n\tSkeletonShapesType,\r\n\tSkeletonSizes,\r\n} from \"./constants\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govHost} from \"../../../helpers/Dom/template\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-skeleton\",\r\n})\r\nexport class GovSkeleton {\r\n\th: GovHost\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovSkeletonElement\r\n\t/**\r\n\t * Input’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\r\n\t/**\r\n\t * Style variation of the skeleton.\r\n\t */\r\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\r\n\t/**\r\n\t * Shape of the skeleton\r\n\t */\r\n\t@Prop() shape?: SkeletonShapesType = \"line\"\r\n\t/**\r\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\r\n\t */\r\n\t@Prop({reflect: true}) width?: string = null\r\n\t/**\r\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\r\n\t */\r\n\t@Prop({reflect: true}) height?: string = null\r\n\t/**\r\n\t * Animation type\r\n\t */\r\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\r\n\r\n\titems: number[] = []\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\r\n\t}\r\n\r\n\t@Watch('shape')\r\n\tvalidateShape(newValue: string): void {\r\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\r\n\t}\r\n\r\n\t@Watch('animation')\r\n\tvalidateAnimation(newValue: string): void {\r\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateShape(this.shape)\r\n\t\tthis.validateAnimation(this.animation)\r\n\t\tthis.init()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tthis.init()\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis.items.fill(1)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host size={this.size}\r\n\t\t\t\t  color={this.color}\r\n\t\t\t\t  class={{\r\n\t\t\t\t\t  [SkeletonClass.root]: true,\r\n\t\t\t\t\t  circle: this.shape === \"circle\",\r\n\t\t\t\t\t  line: this.shape === \"line\",\r\n\t\t\t\t\t  progress: this.animation === \"progress\",\r\n\t\t\t\t\t  pulse: this.animation === \"pulse\",\r\n\t\t\t\t  }}\r\n\t\t\t\t  {...this.inheritedAttributes}\r\n\t\t\t\t  aria-busy=\"true\"\r\n\t\t\t\t  aria-valuemin=\"0\"\r\n\t\t\t\t  aria-valuemax=\"100\"\r\n\t\t\t\t  role=\"progressbar\"\r\n\t\t\t\t  tabindex=\"0\"\r\n\t\t\t\t  style={{width: this.width, height: this.height}}>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}

package/dist/cjs/gov-form-label.cjs.entry.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var index = require('./index-BEF5cZxd.js');
-var constants = require('./constants-357ehBFU.js');
-require('./utils-NnC78QR3.js');
-require('./sizes-D5zsw2g5.js');
-
-const GovFormLabel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.govClick = index.createEvent(this, "gov-click");
-        /**
-         * Label's size.
-         */
-        this.size = 'm';
-        /**
-         * Set whether the input is required or not.
-         */
-        this.required = false;
-        /**
-         * Use label as a legend for better accessibility.
-         * Note: Don't forget to set the fieldset attribute of the gov-form-control component
-         */
-        this.legend = false;
-    }
-    render() {
-        const Tag = this.legend ? 'legend' : 'label';
-        return (index.h(index.Host, { key: 'ed4ec902f11631d324119863462a67305d8586e5', class: constants.FormLabelClass.root, size: this.size }, index.h(Tag, { key: '04168b854261d7aca3c96ee0bd77ab8c2fc9d5f2', class: constants.FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, index.h("slot", { key: '3d9fadd9d60baae633a699db046ca46605c4ab4c' }), this.required ? index.h("span", { class: "gov-color--text-status-error" }, "\u00A0*") : null)));
-    }
-};
-
-exports.gov_form_label = GovFormLabel;
-//# sourceMappingURL=gov-form-label.entry.cjs.js.map
-
-//# sourceMappingURL=gov-form-label.cjs.entry.js.map

package/dist/cjs/gov-form-label.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gov-form-label.entry.cjs.js","mappings":";;;;;;;MAMa,YAAY,GAAA,MAAA;AAHzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQC;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAyB,GAAG;AACjD;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAC1C;;;AAGG;AACc,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAiBxC;IAXA,MAAM,GAAA;AACL,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO;QAC5C,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAEC,wBAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAChDF,OAAC,CAAA,GAAG,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEE,wBAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAA,EAC9FF,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,QAAQ,GAAGA,kBAAM,KAAK,EAAC,8BAA8B,EAAA,EAAA,SAAA,CAAe,GAAG,IAAI,CAC5E,CACA;;;;;;","names":["h","Host","FormLabelClass"],"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\r\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-label',\r\n})\r\nexport class GovFormLabel {\r\n\t/**\r\n\t * Identifier for label.\r\n\t */\r\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\r\n\t/**\r\n\t * Label's size.\r\n\t */\r\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\r\n\t/**\r\n\t * Set whether the input is required or not.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Use label as a legend for better accessibility.\r\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\r\n\t */\r\n\t@Prop() readonly legend: boolean = false\r\n\t/**\r\n\t * Emitted when the label click.\r\n\t */\r\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\r\n\r\n\trender() {\r\n\t\tconst Tag = this.legend ? 'legend' : 'label'\r\n\t\treturn (\r\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\r\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{this.required ? <span class=\"gov-color--text-status-error\">&nbsp;*</span> : null}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}

package/dist/cjs/gov-form-label.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-form-label.entry.cjs.js","sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\r\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-label',\r\n})\r\nexport class GovFormLabel {\r\n\t/**\r\n\t * Identifier for label.\r\n\t */\r\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\r\n\t/**\r\n\t * Label's size.\r\n\t */\r\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\r\n\t/**\r\n\t * Set whether the input is required or not.\r\n\t */\r\n\t@Prop() readonly required: boolean = false\r\n\t/**\r\n\t * Use label as a legend for better accessibility.\r\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\r\n\t */\r\n\t@Prop() readonly legend: boolean = false\r\n\t/**\r\n\t * Emitted when the label click.\r\n\t */\r\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\r\n\r\n\trender() {\r\n\t\tconst Tag = this.legend ? 'legend' : 'label'\r\n\t\treturn (\r\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\r\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t{this.required ? <span class=\"gov-color--text-status-error\">&nbsp;*</span> : null}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["h","Host","FormLabelClass"],"mappings":";;;;;;;MAMa,YAAY,GAAA,MAAA;AAHzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQC;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAyB,GAAG;AACjD;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAC1C;;;AAGG;AACc,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAiBxC;IAXA,MAAM,GAAA;AACL,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO;QAC5C,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAEC,wBAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAChDF,OAAC,CAAA,GAAG,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEE,wBAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAA,EAC9FF,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,QAAQ,GAAGA,kBAAM,KAAK,EAAC,8BAA8B,EAAA,EAAA,SAAA,CAAe,GAAG,IAAI,CAC5E,CACA;;;;;;"}