@plusui/library 0.1.0

package/dist/components/toggle/toggle.js

@@ -0,0 +1,510 @@
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { e } from '../../query-CHb9Ft_d.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { l } from '../../live-BOAtKRUN.js';
+import Tailwind from '../base/tailwind-base.js';
+import { captionStyle } from '../caption/caption.style.js';
+import { labelStyle } from '../label/label.style.js';
+import { toggleStyle } from './toggle.style.js';
+import '../svg-icon/index.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { o as o$1 } from '../../style-map-DC_vNus2.js';
+import '../../base-Cl6v8-BZ.js';
+import '../../directive-DZCF8pFJ.js';
+import '../../styles/global.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-B9iart53.js';
+import '../svg-icon/svg-icon.js';
+import '../../unsafe-html-BhmP6ONc.js';
+import '../svg-icon/icons.js';
+
+/**
+ * @tag plus-toggle
+ * @summary Toggle component that provides a switch with various styles and states.
+ *
+ * @slot - The default slot for toggle text content when no text property is specified
+ *
+ * @csspart base - The component's base wrapper
+ * @csspart label - The label element
+ * @csspart control - The control element containing the toggle and text
+ * @csspart switch - The switch element
+ * @csspart dot - The dot element inside the switch
+ * @csspart text - The text element
+ * @csspart icon - The icon element when an icon is used
+ * @csspart caption - The caption element
+ *
+ * @cssproperty --text-color - Controls the text color
+ * @cssproperty --border-color - Controls the border color of the toggle
+ * @cssproperty --switch-bg - Controls the background color of the switch
+ * @cssproperty --switch-bg-hover - Controls the background color when hovered
+ * @cssproperty --switch-bg-active - Controls the background color when pressed
+ * @cssproperty --dot-bg - Controls the background color of the dot
+ * @cssproperty --dot-text - Controls the text color of the icon in the dot
+ *
+ * @event plus-change - Emitted when the toggle state changes
+ * @event plus-input - Emitted when the toggle state changes (for input event compatibility)
+ * @event plus-focus - Emitted when the toggle gains focus
+ * @event plus-blur - Emitted when the toggle loses focus
+ * @event plus-invalid - Emitted when the toggle validation fails
+ *
+ * @example
+ * ```html
+ * <plus-toggle label="Dark Mode" size="md">Enable dark mode</plus-toggle>
+ * ```
+ */
+class PlusToggle extends Tailwind {
+    constructor() {
+        super();
+        this.hasFocus = false;
+        this.validationMessage = '';
+        this.name = '';
+        this.value = 'on';
+        this.checked = false;
+        this.size = 'md';
+        this.textPosition = 'right';
+        this.error = false;
+        this.errorMessage = '';
+        this.disabled = false;
+        this.readonly = false;
+        this.required = false;
+        this.fullWidth = false;
+        this.animation = 'default';
+        if (this.attachInternals) {
+            this.internals = this.attachInternals();
+        }
+        else {
+            console.warn('ElementInternals not supported in this browser for plus-toggle.');
+        }
+        this.addEventListener('click', (event) => {
+            if (event.target === this) {
+                event.stopPropagation();
+            }
+        });
+    }
+    /**
+     * Checks the validity of the toggle input
+     * @returns True if the toggle is valid, false otherwise
+     */
+    checkValidity() {
+        if (!this.input)
+            return true;
+        const valid = this.input.checkValidity();
+        return valid;
+    }
+    /**
+     * Reports the validity of the toggle input
+     * @returns True if the toggle is valid, false otherwise
+     */
+    reportValidity() {
+        if (!this.input)
+            return true;
+        const valid = this.input.reportValidity();
+        if (!valid) {
+            this.error = true;
+            this.validationMessage =
+                this.input.validationMessage || this.errorMessage;
+            this.emit('plus-invalid', {
+                detail: { message: this.validationMessage },
+            });
+        }
+        else {
+            this.error = false;
+            this.validationMessage = '';
+        }
+        return valid;
+    }
+    /**
+     * Sets a custom validity message for the toggle
+     * @param message The custom validity message
+     */
+    setCustomValidity(message) {
+        if (this.input) {
+            this.input.setCustomValidity(message);
+            this.validationMessage = message;
+        }
+    }
+    setFormValue() {
+        if (this.internals) {
+            this.internals.setFormValue(this.checked ? this.value : null, this.checked ? 'checked' : undefined);
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('value') || changedProperties.has('checked')) {
+            this.setFormValue();
+        }
+        if (this.input) {
+            if (changedProperties.has('disabled') ||
+                changedProperties.has('readonly')) {
+                this.input.disabled = this.disabled || this.readonly;
+            }
+            if (changedProperties.has('required')) {
+                this.input.required = this.required;
+            }
+        }
+    }
+    formResetCallback() {
+        const initialChecked = this.hasAttribute('checked');
+        this.checked = initialChecked;
+        this.setFormValue();
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    handleBlur() {
+        this.hasFocus = false;
+        this.emit('plus-blur');
+    }
+    handleFocus() {
+        this.hasFocus = true;
+        this.emit('plus-focus');
+    }
+    /**
+     * Gets the validation message for the toggle
+     * @returns {string} The validation message
+     * @private
+     */
+    getValidationMessage() {
+        const validity = this.input.validity;
+        if (validity.valueMissing) {
+            return 'This field is required';
+        }
+        return (this.input.validationMessage ||
+            this.errorMessage ||
+            'Please correct the error');
+    }
+    // /**
+    //  * Update the animation class name based on the animation type
+    //  * @private
+    //  */
+    // private getAnimationClass(): string {
+    //   switch (this.animation) {
+    //     case 'bounce':
+    //       return 'transition-all duration-400 ease-bounce';
+    //     case 'smooth':
+    //       return 'transition-all duration-500 ease-in-out';
+    //     case 'default':
+    //     default:
+    //       return 'transition-all duration-300 ease-in-out';
+    //   }
+    // }
+    /**
+     * Validates the toggle 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 } });
+        }
+    }
+    handleChange(event) {
+        const target = event.target;
+        if (this.disabled || this.readonly) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            return;
+        }
+        this.checked = target.checked;
+        this.setFormValue();
+        this.emit('plus-change');
+        this.emit('plus-input');
+        // Validate after change if required
+        if (this.required) {
+            this.validate();
+        }
+    }
+    handleControlClick(event) {
+        // Don't handle events on the input element, as input is already handled by @change
+        if (event.target.id === 'input')
+            return;
+        if (this.disabled || this.readonly)
+            return;
+        // Forward the click event to the input
+        this.input?.click();
+    }
+    click() {
+        if (!this.disabled && !this.readonly) {
+            this.input?.click();
+        }
+    }
+    focus(options) {
+        this.input?.focus(options);
+    }
+    blur() {
+        this.input?.blur();
+    }
+    getToggleIcon() {
+        const { checked, toggleIcon, toggleActiveIcon, toggleInActiveIcon, iconSize, } = this;
+        const { icon: iconCls } = toggleStyle({ checked });
+        let iconName = '';
+        if (checked && toggleActiveIcon) {
+            iconName = toggleActiveIcon;
+        }
+        else if (!checked && toggleInActiveIcon) {
+            iconName = toggleInActiveIcon;
+        }
+        else if (toggleIcon) {
+            iconName = toggleIcon;
+        }
+        return iconName
+            ? x `<plus-icon
+          part="icon"
+          class=${iconCls()}
+          iconName=${iconName}
+          size=${o(iconSize)}
+        ></plus-icon>`
+            : '';
+    }
+    render() {
+        const { label, hasFocus, error, disabled, caption, value, checked, name, required, textPosition, text, readonly, size, fullWidth, customAriaLabel, validationMessage, animation, } = this;
+        // Default colors based on state
+        const defaultStyles = {
+            '--i-text-color': 'var(--plus-color-text-default)',
+            '--i-border-color': 'transparent',
+            '--i-switch-bg': 'var(--plus-color-background-default-invert-default)',
+            '--i-switch-bg-hover': 'var(--plus-color-background-default-invert-hovered)',
+            '--i-switch-bg-active': 'var(--plus-color-background-default-invert-pressed)',
+            '--i-dot-bg': 'var(--plus-color-background-default-default)',
+            '--i-dot-text': 'var(--plus-color-text-caption)',
+        };
+        // Checked state styles
+        const checkedStyles = {
+            '--i-switch-bg': 'var(--plus-color-background-primary-default)',
+            '--i-switch-bg-hover': 'var(--plus-color-background-primary-hovered)',
+            '--i-switch-bg-active': 'var(--plus-color-background-primary-pressed)',
+            '--i-dot-text': 'var(--plus-color-text-primary)',
+        };
+        // Error state styles
+        const errorStyles = {
+            // '--i-border-color': 'var(--plus-color-border-danger)',
+            '--i-switch-bg': 'var(--plus-color-background-danger-default)',
+            '--i-switch-bg-hover': 'var(--plus-color-background-danger-hovered)',
+            '--i-switch-bg-active': 'var(--plus-color-background-danger-pressed)',
+            // '--i-dot-text': 'var(--plus-color-text-danger)',
+        };
+        // Readonly state styles
+        const readonlyStyles = {
+            '--i-border-color': 'var(--plus-color-border-default)',
+            '--i-switch-bg': 'var(--plus-color-background-default-default)',
+            '--i-dot-bg': 'var(--plus-color-background-default-invert-default)',
+        };
+        // Disabled state styles
+        const disabledStyles = {
+            '--i-text-color': 'var(--plus-color-text-disabled)',
+            '--i-switch-bg': 'var(--plus-color-background-disabled)',
+            '--i-border-color': 'var(--plus-color-border-disabled)',
+            '--i-dot-bg': 'var(--plus-color-background-disabled)',
+        };
+        // Set the appropriate styles based on component state
+        let stateStyles = defaultStyles;
+        if (disabled) {
+            stateStyles = { ...stateStyles, ...disabledStyles };
+            if (checked) {
+                stateStyles = {
+                    ...stateStyles,
+                    '--i-switch-bg': 'var(--plus-color-background-primary-default)',
+                    '--i-dot-bg': 'var(--plus-color-background-default-default)',
+                };
+            }
+        }
+        else if (readonly) {
+            stateStyles = { ...stateStyles, ...readonlyStyles };
+        }
+        else if (error) {
+            stateStyles = { ...stateStyles, ...errorStyles };
+        }
+        else if (checked) {
+            stateStyles = { ...stateStyles, ...checkedStyles };
+        }
+        // Dynamic styles to allow custom CSS variable overrides
+        const dynamicStyles = {
+            '--d-text': 'var(--text-color, var(--i-text-color))',
+            '--d-border': 'var(--border-color, var(--i-border-color))',
+            '--d-switch-bg': 'var(--switch-bg, var(--i-switch-bg))',
+            '--d-switch-bg-hover': 'var(--switch-bg-hover, var(--i-switch-bg-hover))',
+            '--d-switch-bg-active': 'var(--switch-bg-active, var(--i-switch-bg-active))',
+            '--d-dot-bg': 'var(--dot-bg, var(--i-dot-bg))',
+            '--d-dot-text': 'var(--dot-text, var(--i-dot-text))',
+        };
+        const { base, control, inputElement, switch: switchCls, text: textCls, dot, } = toggleStyle({
+            focus: hasFocus,
+            error,
+            disabled,
+            checked,
+            readonly,
+            size,
+            fullWidth,
+            animation,
+        });
+        const LabelTemplate = () => label
+            ? x `<label
+            part="label"
+            for="input"
+            class=${labelStyle({ required, size })}
+            @click=${this.focus}
+            >${label}</label
+          >`
+            : null;
+        const CaptionTemplate = () => caption || (error && validationMessage)
+            ? x `<div part="caption" class=${captionStyle({ error, size })}>
+            ${error && validationMessage ? validationMessage : caption}
+          </div>`
+            : null;
+        const switchContent = x `
+      <div part="switch" class=${switchCls()} aria-hidden="true">
+        <div part="dot" class=${dot()}>${this.getToggleIcon()}</div>
+      </div>
+    `;
+        const textContent = x `
+      <span part="text" class=${textCls()}>${text ?? x `<slot></slot>`}</span>
+    `;
+        return x `<div
+      class=${base()}
+      part="base"
+      style=${o$1({ ...stateStyles, ...dynamicStyles })}
+    >
+      ${LabelTemplate()}
+      <div class=${control()} part="control" @click=${this.handleControlClick}>
+        <input
+          id="input"
+          class=${inputElement()}
+          type="checkbox"
+          role="switch"
+          name=${o(name)}
+          value=${o(value)}
+          .checked=${l(checked)}
+          ?disabled=${disabled || readonly}
+          ?required=${required}
+          aria-checked=${checked ? 'true' : 'false'}
+          aria-disabled=${disabled || readonly ? 'true' : 'false'}
+          aria-invalid=${error ? 'true' : 'false'}
+          aria-label=${label
+            ? undefined
+            : customAriaLabel || (text ? text : 'Toggle')}
+          aria-labelledby=${label ? 'label' : undefined}
+          aria-describedby=${caption || validationMessage
+            ? 'caption'
+            : undefined}
+          @change=${this.handleChange}
+          @invalid=${this.handleInvalid}
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${(e) => e.stopPropagation()}
+        />
+        ${textPosition === 'left' ? textContent : switchContent}
+        ${textPosition === 'left' ? switchContent : textContent}
+      </div>
+      ${CaptionTemplate()}
+    </div>`;
+    }
+}
+PlusToggle.formAssociated = true;
+PlusToggle.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: block;
+        width: 100%;
+        max-width: 256px;
+      }
+
+      :host([full-width]) {
+        max-width: none;
+      }
+    `,
+];
+__decorate([
+    r()
+], PlusToggle.prototype, "internals", void 0);
+__decorate([
+    e('#input')
+], PlusToggle.prototype, "input", void 0);
+__decorate([
+    r()
+], PlusToggle.prototype, "hasFocus", void 0);
+__decorate([
+    r()
+], PlusToggle.prototype, "validationMessage", void 0);
+__decorate([
+    n({ type: String })
+], PlusToggle.prototype, "name", void 0);
+__decorate([
+    n({ type: String })
+], PlusToggle.prototype, "value", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusToggle.prototype, "checked", void 0);
+__decorate([
+    n({ reflect: true })
+], PlusToggle.prototype, "size", void 0);
+__decorate([
+    n({ type: String })
+], PlusToggle.prototype, "label", void 0);
+__decorate([
+    n({ type: String })
+], PlusToggle.prototype, "caption", void 0);
+__decorate([
+    n({ type: String })
+], PlusToggle.prototype, "text", void 0);
+__decorate([
+    n({ type: String, reflect: true, attribute: 'text-position' })
+], PlusToggle.prototype, "textPosition", void 0);
+__decorate([
+    n({ type: String, attribute: 'toggle-icon' })
+], PlusToggle.prototype, "toggleIcon", void 0);
+__decorate([
+    n({ type: String, attribute: 'toggle-active-icon' })
+], PlusToggle.prototype, "toggleActiveIcon", void 0);
+__decorate([
+    n({ type: String, attribute: 'toggle-inactive-icon' })
+], PlusToggle.prototype, "toggleInActiveIcon", void 0);
+__decorate([
+    n({ type: Number, attribute: 'icon-size' })
+], PlusToggle.prototype, "iconSize", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusToggle.prototype, "error", void 0);
+__decorate([
+    n({ type: String, attribute: 'error-message' })
+], PlusToggle.prototype, "errorMessage", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusToggle.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusToggle.prototype, "readonly", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], PlusToggle.prototype, "required", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true, attribute: 'full-width' })
+], PlusToggle.prototype, "fullWidth", void 0);
+__decorate([
+    n({ type: String, attribute: 'animation' })
+], PlusToggle.prototype, "animation", void 0);
+__decorate([
+    n({ type: String, attribute: 'custom-aria-label' })
+], PlusToggle.prototype, "customAriaLabel", void 0);
+
+export { PlusToggle };

package/dist/components/toggle/toggle.js.map

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