@plusui/library 0.1.0

package/dist/components/input/input.js

@@ -0,0 +1,592 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, E, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { e } from '../../query-CHb9Ft_d.js';
+import Tailwind from '../base/tailwind-base.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { l } from '../../live-BOAtKRUN.js';
+import { inputStyle } from './input.style.js';
+import { labelStyle } from '../label/label.style.js';
+import { captionStyle } from '../caption/caption.style.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../directive-DZCF8pFJ.js';
+import '../../index-B9iart53.js';
+
+/**
+ * @tag plus-input
+ * @summary Form input component that provides various input types, validation, and styling features.
+ *
+ * @slot prefix - Content to be placed before the input
+ * @slot suffix - Content to be placed after the input
+ *
+ * @csspart input - The native input element
+ * @csspart wrapper - The input wrapper element
+ * @csspart prefix - The prefix container
+ * @csspart suffix - The suffix container
+ * @csspart clear-button - The clear button
+ * @csspart password-toggle - The password visibility toggle button
+ *
+ * @event plus-input - Emitted when the input value changes
+ * @event plus-change - Emitted when the input value changes and the input loses focus
+ * @event plus-focus - Emitted when the input gains focus
+ * @event plus-blur - Emitted when the input loses focus
+ * @event plus-clear - Emitted when the clear button is clicked
+ * @event plus-password-toggle - Emitted when the password visibility is toggled
+ * @event plus-invalid - Emitted when the input value is invalid
+ *
+ * @example
+ * ```html
+ * <plus-input
+ *   label="Email"
+ *   type="email"
+ *   required
+ *   pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
+ *   error-message="Please enter a valid email address"
+ *   @plus-invalid=${(e) => console.log('Invalid input:', e.detail)}
+ * ></plus-input>
+ * ```
+ */
+class PlusInput extends Tailwind {
+    constructor() {
+        super();
+        /**
+         * Indicates if the input has focus
+         * @private
+         */
+        this.hasFocus = false;
+        /**
+         * Validation message for the input
+         * @private
+         */
+        this.validationMessage = '';
+        /**
+         * The type of input
+         * @type {'date'|'datetime-local'|'email'|'number'|'password'|'search'|'tel'|'text'|'time'|'url'}
+         * @default 'text'
+         */
+        this.type = 'text';
+        /**
+         * The name of the input
+         * @type {string}
+         * @default ''
+         */
+        this.name = '';
+        /**
+         * The value of the input
+         * @type {string}
+         * @default ''
+         */
+        this.value = '';
+        /**
+         * The placeholder text
+         * @type {string}
+         * @default ''
+         */
+        this.placeholder = '';
+        /**
+         * The size of the input
+         * @type {'sm'|'md'|'lg'}
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Whether the input should have a clear button
+         * @type {boolean}
+         * @default false
+         */
+        this.clearable = false;
+        /**
+         * Whether the input is disabled
+         * @type {boolean}
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Whether the input is readonly
+         * @type {boolean}
+         * @default false
+         */
+        this.readonly = false;
+        /**
+         * Whether the input is required
+         * @type {boolean}
+         * @default false
+         */
+        this.required = false;
+        /**
+         * Whether to show a password toggle button
+         * @type {boolean}
+         * @default false
+         */
+        this.passwordToggle = false;
+        /**
+         * Whether the password is visible
+         * @type {boolean}
+         * @default false
+         */
+        this.passwordVisible = false;
+        /**
+         * Whether the input is in an error state
+         * @type {boolean}
+         * @default false
+         */
+        this.error = false;
+        /**
+         * The error message to display
+         * @type {string}
+         * @default ''
+         */
+        this.errorMessage = '';
+        /**
+         * Whether the input should take up full width
+         * @type {boolean}
+         * @default false
+         */
+        this.fullWidth = false;
+        /**
+         * Whether the input is used as part of a select component
+         * @type {boolean}
+         * @default false
+         */
+        this.isSelect = false;
+    }
+    /**
+     * Checks the validity of the input against constraints.
+     * @returns {boolean} True if the input is valid, false otherwise.
+     */
+    checkValidity() {
+        return this.input.checkValidity();
+    }
+    /**
+     * Reports the validity of the input. If the input is invalid,
+     * it dispatches an 'invalid' event and focuses the input.
+     * @returns {boolean} True if the input is valid, false otherwise.
+     */
+    reportValidity() {
+        const isValid = this.checkValidity();
+        this.validationMessage = this.getValidationMessage();
+        this.error = !isValid;
+        return isValid;
+    }
+    /**
+     * Sets a custom validation message for the input.
+     * @param {string} message - The custom validation message.
+     */
+    setCustomValidity(message) {
+        this.input.setCustomValidity(message);
+        this.validationMessage = message;
+        this.error = message !== '';
+    }
+    /**
+     * Called when the input loses focus
+     * @private
+     */
+    handleBlur() {
+        this.hasFocus = false;
+        this.validate();
+        this.emit('plus-blur');
+    }
+    /**
+     * Called when the input value changes
+     * @private
+     */
+    handleChange() {
+        this.value = this.input.value;
+        this.emit('plus-change');
+        this.validate();
+    }
+    /**
+     * Called when the clear button is clicked
+     * @param {MouseEvent} event The event object
+     * @private
+     */
+    handleClearClick(event) {
+        this.value = '';
+        this.emit('plus-clear');
+        this.emit('plus-input');
+        this.emit('plus-change');
+        this.input.focus();
+        this.validate();
+        event.stopPropagation();
+    }
+    /**
+     * Called when the password toggle button is clicked
+     * @param {MouseEvent} event The event object
+     * @private
+     */
+    handlePasswordToggle(event) {
+        this.passwordVisible = !this.passwordVisible;
+        this.emit('plus-password-toggle', {
+            detail: { visible: this.passwordVisible },
+        });
+        event.stopPropagation();
+    }
+    /**
+     * Called when the input receives focus
+     * @private
+     */
+    handleFocus() {
+        this.hasFocus = true;
+        this.emit('plus-focus');
+    }
+    /**
+     * Called when the input value changes
+     * @private
+     */
+    handleInput() {
+        this.value = this.input.value;
+        // If the input is already in an error state, re-validate on input
+        // to provide immediate feedback as the user corrects the value.
+        if (this.error) {
+            this.validate();
+        }
+        this.emit('plus-input');
+    }
+    /**
+     * Gets the validation message for the input
+     * @returns {string} The validation message
+     * @private
+     */
+    getValidationMessage() {
+        const validity = this.input.validity;
+        if (validity.valueMissing) {
+            return 'This field is required';
+        }
+        if (validity.typeMismatch && this.type === 'email') {
+            return 'Please enter a valid email address';
+        }
+        if (validity.patternMismatch) {
+            return 'Please match the requested format';
+        }
+        if (validity.tooLong) {
+            return `Please use no more than ${this.maxlength} characters`;
+        }
+        if (validity.tooShort) {
+            return `Please use at least ${this.minlength} characters`;
+        }
+        if (validity.rangeUnderflow) {
+            return `Please enter a value greater than or equal to ${this.min}`;
+        }
+        if (validity.rangeOverflow) {
+            return `Please enter a value less than or equal to ${this.max}`;
+        }
+        if (validity.stepMismatch) {
+            return `Please enter a valid value. The nearest valid value is ${this.getStepValue()}`;
+        }
+        if (validity.badInput) {
+            return 'Please enter a valid value';
+        }
+        return this.input.validationMessage || 'Please correct the error';
+    }
+    /**
+     * Validates the input
+     * @private
+     */
+    validate() {
+        const isValid = this.input.checkValidity();
+        const validationMessage = this.getValidationMessage();
+        this.validationMessage = validationMessage;
+        this.error = !isValid;
+    }
+    /**
+     * Called when the input is invalid
+     * @param {Event} event The event object
+     * @private
+     */
+    handleInvalid(event) {
+        // Prevent the browser's default validation UI
+        event.preventDefault();
+        // Get validity state and message directly from the native input
+        const isValid = this.input.validity.valid;
+        const validationMessage = this.getValidationMessage();
+        // Update component state
+        this.validationMessage = validationMessage;
+        this.error = !isValid;
+        // Emit the custom invalid event if the input is truly invalid
+        if (!isValid) {
+            this.emit('plus-invalid', { detail: { validationMessage } });
+        }
+    }
+    /**
+     * Called when a key is pressed
+     * @param {KeyboardEvent} event The event object
+     * @private
+     */
+    handleKeyDown(event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+            const form = this.input.form;
+            if (form) {
+                const submitButton = form.querySelector('button[type="submit"]');
+                if (submitButton) {
+                    event.preventDefault();
+                    submitButton.click();
+                }
+            }
+        }
+    }
+    /**
+     * Calculates the step value
+     * @returns {number} The calculated step value
+     * @private
+     */
+    getStepValue() {
+        const value = parseFloat(this.value);
+        const step = parseFloat(this.step) || 1;
+        const min = parseFloat(this.min) || 0;
+        return Math.round((value - min) / step) * step + min;
+    }
+    /**
+     * Called when a slot changes
+     * @param {Event} e The event object
+     * @private
+     */
+    handleSlotchange(e) {
+        const slot = e.target;
+        const childNodes = slot.assignedNodes({ flatten: true });
+        if (childNodes.length) {
+            slot.style.display = 'flex';
+        }
+    }
+    /**
+     * Renders the component
+     * @returns {TemplateResult} The template to render
+     * @override
+     */
+    render() {
+        const { label, hasFocus, error, disabled, caption, clearable, value, size, required, readonly, isSelect, prefixIcon, suffixIcon, passwordToggle, passwordVisible, validationMessage, } = this;
+        const { inputElement, host, inputWrapper, prefix, suffix, clearButton, passwordToggleButton, } = inputStyle({
+            focus: hasFocus,
+            error,
+            disabled,
+            size,
+            readonly,
+            isSelect,
+        });
+        const LabelTemplate = () => label
+            ? x `<label class=${labelStyle({ size, required })} for="input"
+            >${label}</label
+          >`
+            : E;
+        const CaptionTemplate = () => {
+            const textToShow = error && validationMessage ? validationMessage : caption;
+            return textToShow
+                ? x `<div class=${captionStyle({ error, size })} id="help-text">
+            ${textToShow}
+          </div>`
+                : E;
+        };
+        const ClearTemplate = () => clearable && value
+            ? x `<div
+            class=${clearButton() + ' ' + suffix()}
+            @click=${this.handleClearClick}
+            role="button"
+            aria-label="Clear input"
+            tabindex="0"
+          >
+            <plus-svg-icon iconName="xmark"></plus-svg-icon>
+          </div>`
+            : E;
+        const PasswordToggleTemplate = () => passwordToggle && this.type === 'password'
+            ? x `<div
+            class=${passwordToggleButton() + ' ' + suffix()}
+            @click=${this.handlePasswordToggle}
+            role="button"
+            aria-label=${passwordVisible ? 'Hide password' : 'Show password'}
+            tabindex="0"
+          >
+            <plus-svg-icon
+              iconName=${passwordVisible ? 'eye' : 'eye-slash'}
+            ></plus-svg-icon>
+          </div>`
+            : E;
+        return x `<div
+      class=${host()}
+      @click=${(e) => {
+            if (disabled || readonly)
+                e.stopPropagation();
+        }}
+    >
+      ${LabelTemplate()}
+      <div class=${inputWrapper()} @click=${() => this.input.focus()}>
+        ${prefixIcon
+            ? x `<div class=${prefix()} aria-hidden="true">
+              <plus-svg-icon iconName=${prefixIcon}></plus-svg-icon>
+            </div>`
+            : E}
+        <slot
+          name="prefix"
+          class=${prefix() + ' hidden'}
+          @slotchange=${this.handleSlotchange}
+        ></slot>
+        <input
+          class=${inputElement()}
+          type=${this.type === 'password' && this.passwordVisible
+            ? 'text'
+            : this.type}
+          title=${this.title}
+          name=${o(this.name)}
+          ?disabled=${this.disabled}
+          ?readonly=${readonly || isSelect}
+          ?required=${required}
+          placeholder=${o(this.placeholder)}
+          minlength=${o(this.minlength)}
+          maxlength=${o(this.maxlength)}
+          min=${o(this.min)}
+          max=${o(this.max)}
+          step=${o(this.step)}
+          .value=${l(this.value)}
+          autocomplete=${o(this.autocomplete)}
+          autocorrect=${o(this.autocorrect)}
+          ?autofocus=${this.autofocus}
+          spellcheck=${this.spellcheck}
+          pattern=${o(this.pattern)}
+          enterkeyhint=${o(this.enterkeyhint)}
+          inputmode=${o(this.inputmode)}
+          aria-describedby=${o(caption || validationMessage ? 'help-text' : undefined)}
+          aria-invalid=${error}
+          aria-required=${required}
+          aria-disabled=${disabled}
+          aria-readonly=${readonly}
+          @change=${this.handleChange}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @keydown=${this.handleKeyDown}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+        ${ClearTemplate()} ${PasswordToggleTemplate()}
+        <slot
+          name="suffix"
+          class=${suffix() + ' hidden'}
+          @slotchange=${this.handleSlotchange}
+        ></slot>
+        ${suffixIcon
+            ? x `<div class=${suffix()} aria-hidden="true">
+              <plus-svg-icon iconName=${suffixIcon}></plus-svg-icon>
+            </div>`
+            : E}
+      </div>
+      ${CaptionTemplate()}
+    </div>`;
+    }
+}
+PlusInput.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: block;
+        width: 100%;
+        max-width: 256px;
+      }
+
+      :host([full-width]) {
+        max-width: none;
+      }
+    `,
+];
+__decorate([
+    e('input')
+], PlusInput.prototype, "input", void 0);
+__decorate([
+    r()
+], PlusInput.prototype, "hasFocus", void 0);
+__decorate([
+    r()
+], PlusInput.prototype, "validationMessage", void 0);
+__decorate([
+    n({ reflect: true })
+], PlusInput.prototype, "type", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "name", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "value", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "placeholder", void 0);
+__decorate([
+    n({ reflect: true })
+], PlusInput.prototype, "size", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusInput.prototype, "clearable", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusInput.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusInput.prototype, "readonly", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusInput.prototype, "required", void 0);
+__decorate([
+    n({ attribute: 'password-toggle', type: Boolean })
+], PlusInput.prototype, "passwordToggle", void 0);
+__decorate([
+    n({ attribute: 'password-visible', type: Boolean })
+], PlusInput.prototype, "passwordVisible", void 0);
+__decorate([
+    n({ type: String })
+], PlusInput.prototype, "label", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "pattern", void 0);
+__decorate([
+    n({ type: Number })
+], PlusInput.prototype, "minlength", void 0);
+__decorate([
+    n({ type: Number })
+], PlusInput.prototype, "maxlength", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "min", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "max", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "step", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "autocorrect", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "autocomplete", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusInput.prototype, "autoFocus", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "enterkeyhint", void 0);
+__decorate([
+    n()
+], PlusInput.prototype, "inputmode", void 0);
+__decorate([
+    n({ type: Boolean })
+], PlusInput.prototype, "spellCheck", void 0);
+__decorate([
+    n({ type: String })
+], PlusInput.prototype, "caption", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusInput.prototype, "error", void 0);
+__decorate([
+    n({ type: String, attribute: 'error-message' })
+], PlusInput.prototype, "errorMessage", void 0);
+__decorate([
+    n({ reflect: true, attribute: 'full-width', type: Boolean })
+], PlusInput.prototype, "fullWidth", void 0);
+__decorate([
+    n({ type: Boolean, converter: (value) => value != 'false' })
+], PlusInput.prototype, "isSelect", void 0);
+__decorate([
+    n({ type: String, attribute: 'prefix-icon' })
+], PlusInput.prototype, "prefixIcon", void 0);
+__decorate([
+    n({ type: String, attribute: 'suffix-icon' })
+], PlusInput.prototype, "suffixIcon", void 0);
+
+export { PlusInput, PlusInput as default };

package/dist/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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"}