@breadstone/mosaik-elements-foundation 0.0.226 → 0.0.227

package/Controls/Components/Media/ColorEditor/ColorEditorInputsElement.js

@@ -0,0 +1,537 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var ColorEditorInputsElement_1;
+import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
+import chroma from 'chroma-js';
+import { Emit } from '../../../../events/Decorators/EmitDecorator';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Focusable } from '../../../Behaviors/Focusable';
+import { Sizeable } from '../../../Behaviors/Sizeable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { ButtonElement } from '../../Buttons/Button/ButtonElement';
+import { ButtonGroupElement } from '../../Buttons/Button/ButtonGroupElement';
+import { NumberBoxElement } from '../../Inputs/NumberBox/NumberBoxElement';
+import { TextBoxElement } from '../../Inputs/TextBox/TextBoxElement';
+import { colorEditorInputsElementTemplate } from './ColorEditorInputsElementTemplate';
+import { colorEditorInputsElementCosmopolitanStyle } from './Themes/ColorEditorInputsElement.Cosmopolitan';
+import { colorEditorInputsElementJoyStyle } from './Themes/ColorEditorInputsElement.Joy';
+import { colorEditorInputsElementMemphisStyle } from './Themes/ColorEditorInputsElement.Memphis';
+// #endregion
+/**
+ * Color Editor Inputs - Input fields for editing color values in various formats.
+ *
+ * @name ColorEditorInputs
+ * @element mosaik-color-editor-inputs
+ *
+ * @description
+ * The Color Editor Inputs component provides text input fields for editing color values
+ * in different formats (HEX, RGB, HSL, HSV). Users can toggle between formats using
+ * a format switcher button. The component automatically validates and converts values
+ * between formats.
+ *
+ * @category Media
+ *
+ * @fires colorChanged {ColorChangedEvent} - Fired when the color value changes via user input
+ * @fires colorFormatChanged {ColorFormatChangedEvent} - Fired when the color format is changed
+ *
+ * @csspart input-group - Container for each input field and its label
+ * @csspart input - The text input fields
+ * @csspart label - The labels below each input field
+ * @csspart format-switcher - The button to toggle between formats
+ *
+ * @dependency {TextBoxElement} - Used for text input fields
+ * @dependency {NumberBoxElement} - Used for numeric input fields
+ *
+ * @public
+ */
+let ColorEditorInputsElement = class ColorEditorInputsElement extends Themeable(Disableable(Focusable(Sizeable(CustomElement)))) {
+    static { ColorEditorInputsElement_1 = this; }
+    // #region Fields
+    static _formatCycle = ['hex', 'rgb', 'hsl', 'hsv', 'lab', 'lch', 'oklab', 'oklch'];
+    _colorChanged;
+    _colorFormatChanged;
+    _color;
+    _format;
+    _showAlpha;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the ColorEditorInputsElement class.
+     *
+     * @public
+     */
+    constructor() {
+        super();
+        this._colorChanged = new HTMLElementEventEmitter(this, 'colorChanged');
+        this._colorFormatChanged = new HTMLElementEventEmitter(this, 'colorFormatChanged');
+        this._color = '#ff0000';
+        this._format = 'hex';
+        this._showAlpha = true;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-color-editor-inputs';
+    }
+    /**
+     * Gets or sets the color value.
+     *
+     * @public
+     * @attr
+     */
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        if (this._color !== value) {
+            this._color = value;
+            this.requestUpdate('color');
+        }
+    }
+    /**
+     * Gets or sets the color format to display.
+     *
+     * @public
+     * @attr
+     */
+    get format() {
+        return this._format;
+    }
+    set format(value) {
+        if (this._format !== value) {
+            this._format = value;
+            this.requestUpdate('format');
+        }
+    }
+    /**
+     * Gets or sets whether to show the alpha input.
+     *
+     * @public
+     */
+    get showAlpha() {
+        return this._showAlpha;
+    }
+    set showAlpha(value) {
+        if (this._showAlpha !== value) {
+            this._showAlpha = value;
+            this.requestUpdate('showAlpha');
+        }
+    }
+    /**
+     * Called when the color value changes via user input.
+     * Provides reference to `{@link IColorChangedEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get colorChanged() {
+        return this._colorChanged;
+    }
+    /**
+     * Called when the color format is changed.
+     * Provides reference to `{@link IColorFormatChangedEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get colorFormatChanged() {
+        return this._colorFormatChanged;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Navigates to the previous color format in the cycle.
+     *
+     * @public
+     */
+    previousFormat() {
+        const currentIndex = ColorEditorInputsElement_1._formatCycle.indexOf(this._format);
+        const previousIndex = (currentIndex - 1 + ColorEditorInputsElement_1._formatCycle.length) % ColorEditorInputsElement_1._formatCycle.length;
+        this.format = ColorEditorInputsElement_1._formatCycle[previousIndex];
+        this._colorFormatChanged.emit({
+            format: this._format
+        });
+    }
+    /**
+     * Navigates to the next color format in the cycle.
+     *
+     * @public
+     */
+    nextFormat() {
+        const currentIndex = ColorEditorInputsElement_1._formatCycle.indexOf(this._format);
+        const nextIndex = (currentIndex + 1) % ColorEditorInputsElement_1._formatCycle.length;
+        this.format = ColorEditorInputsElement_1._formatCycle[nextIndex];
+        this._colorFormatChanged.emit({
+            format: this._format
+        });
+    }
+    /**
+     * Handles HEX input changes.
+     *
+     * @private
+     */
+    onHexChange(event) {
+        const input = event.target;
+        let hex = input.value.trim();
+        if (!hex.startsWith('#')) {
+            hex = '#' + hex;
+        }
+        try {
+            const chromaColor = chroma(hex);
+            const currentAlpha = chroma(this._color).alpha();
+            this.color = chromaColor.alpha(currentAlpha).css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch {
+            // Invalid hex, don't update
+        }
+    }
+    /**
+     * Handles alpha input changes.
+     *
+     * @private
+     */
+    onAlphaChange(event) {
+        const input = event.target;
+        const alpha = Math.max(0, Math.min(100, parseInt(input.value, 10) || 0)) / 100;
+        try {
+            const chromaColor = chroma(this._color).alpha(alpha);
+            this.color = chromaColor.css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles RGB input changes.
+     *
+     * @private
+     */
+    onRgbChange(event, channel) {
+        const input = event.target;
+        const value = Math.max(0, Math.min(255, parseInt(input.value, 10) || 0));
+        try {
+            const chromaColor = chroma(this._color);
+            const [r, g, b] = chromaColor.rgb();
+            const a = chromaColor.alpha();
+            const newRgb = {
+                r,
+                g,
+                b
+            };
+            newRgb[channel] = value;
+            this.color = chroma(newRgb.r, newRgb.g, newRgb.b).alpha(a)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles HSL input changes.
+     *
+     * @private
+     */
+    onHslChange(event, channel) {
+        const input = event.target;
+        let value = parseInt(input.value, 10) || 0;
+        if (channel === 'h') {
+            value = Math.max(0, Math.min(360, value));
+        }
+        else {
+            value = Math.max(0, Math.min(100, value)) / 100;
+        }
+        try {
+            const chromaColor = chroma(this._color);
+            let [h, s, l] = chromaColor.hsl();
+            const a = chromaColor.alpha();
+            h = isNaN(h) ? 0 : h;
+            if (channel === 'h') {
+                h = value;
+            }
+            else if (channel === 's') {
+                s = value;
+            }
+            else {
+                l = value;
+            }
+            this.color = chroma.hsl(h, s, l).alpha(a)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles HSV input changes.
+     *
+     * @private
+     */
+    onHsvChange(event, channel) {
+        const input = event.target;
+        let value = parseInt(input.value, 10) || 0;
+        if (channel === 'h') {
+            value = Math.max(0, Math.min(360, value));
+        }
+        else {
+            value = Math.max(0, Math.min(100, value)) / 100;
+        }
+        try {
+            const chromaColor = chroma(this._color);
+            let [h, s, v] = chromaColor.hsv();
+            const a = chromaColor.alpha();
+            h = isNaN(h) ? 0 : h;
+            if (channel === 'h') {
+                h = value;
+            }
+            else if (channel === 's') {
+                s = value;
+            }
+            else {
+                v = value;
+            }
+            this.color = chroma.hsv(h, s, v).alpha(a)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles LAB input changes.
+     *
+     * @private
+     */
+    onLabChange(event, channel) {
+        const input = event.target;
+        let value = parseInt(input.value, 10) || 0;
+        if (channel === 'l') {
+            value = Math.max(0, Math.min(100, value));
+        }
+        else {
+            value = Math.max(-128, Math.min(127, value));
+        }
+        try {
+            const chromaColor = chroma(this._color);
+            let [l, a, b] = chromaColor.lab();
+            const alpha = chromaColor.alpha();
+            if (channel === 'l') {
+                l = value;
+            }
+            else if (channel === 'a') {
+                a = value;
+            }
+            else {
+                b = value;
+            }
+            this.color = chroma.lab(l, a, b).alpha(alpha)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles LCH input changes.
+     *
+     * @private
+     */
+    onLchChange(event, channel) {
+        const input = event.target;
+        let value = parseInt(input.value, 10) || 0;
+        if (channel === 'l') {
+            value = Math.max(0, Math.min(100, value));
+        }
+        else if (channel === 'c') {
+            value = Math.max(0, Math.min(150, value));
+        }
+        else {
+            value = Math.max(0, Math.min(360, value));
+        }
+        try {
+            const chromaColor = chroma(this._color);
+            let [l, c, h] = chromaColor.lch();
+            const alpha = chromaColor.alpha();
+            h = isNaN(h) ? 0 : h;
+            if (channel === 'l') {
+                l = value;
+            }
+            else if (channel === 'c') {
+                c = value;
+            }
+            else {
+                h = value;
+            }
+            this.color = chroma.lch(l, c, h).alpha(alpha)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles OKLAB input changes.
+     *
+     * @private
+     */
+    onOklabChange(event, channel) {
+        const input = event.target;
+        const rawValue = parseFloat(input.value) || 0;
+        let value = null;
+        if (channel === 'l') {
+            value = Math.max(0, Math.min(1, rawValue));
+        }
+        else {
+            value = Math.max(-0.4, Math.min(0.4, rawValue));
+        }
+        try {
+            const chromaColor = chroma(this._color);
+            const oklabValues = chromaColor.oklab();
+            let [l, a, b] = oklabValues;
+            const alpha = chromaColor.alpha();
+            if (channel === 'l') {
+                l = value;
+            }
+            else if (channel === 'a') {
+                a = value;
+            }
+            else {
+                b = value;
+            }
+            this.color = chroma.oklab(l, a, b).alpha(alpha)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+    /**
+     * Handles OKLCH input changes.
+     *
+     * @private
+     */
+    onOklchChange(event, channel) {
+        const input = event.target;
+        const rawValue = parseFloat(input.value) || 0;
+        let value = null;
+        if (channel === 'l') {
+            value = Math.max(0, Math.min(1, rawValue));
+        }
+        else if (channel === 'c') {
+            value = Math.max(0, Math.min(0.4, rawValue));
+        }
+        else {
+            value = Math.max(0, Math.min(360, rawValue));
+        }
+        try {
+            const chromaColor = chroma(this._color);
+            const oklchValues = chromaColor.oklch();
+            let [l, c, h] = oklchValues;
+            const alpha = chromaColor.alpha();
+            h = isNaN(h) ? 0 : h;
+            if (channel === 'l') {
+                l = value;
+            }
+            else if (channel === 'c') {
+                c = value;
+            }
+            else {
+                h = value;
+            }
+            this.color = chroma.oklch(l, c, h).alpha(alpha)
+                .css();
+            this._colorChanged.emit({
+                color: this._color,
+                format: this._format
+            });
+        }
+        catch { /* Invalid, don't update */ }
+    }
+};
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], ColorEditorInputsElement.prototype, "color", null);
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], ColorEditorInputsElement.prototype, "format", null);
+__decorate([
+    Property({
+        type: Boolean,
+        useDefault: true
+    }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], ColorEditorInputsElement.prototype, "showAlpha", null);
+__decorate([
+    Emit({ eventName: 'colorChanged' }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], ColorEditorInputsElement.prototype, "colorChanged", null);
+__decorate([
+    Emit({ eventName: 'colorFormatChanged' }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], ColorEditorInputsElement.prototype, "colorFormatChanged", null);
+ColorEditorInputsElement = ColorEditorInputsElement_1 = __decorate([
+    Component({
+        selector: 'mosaik-color-editor-inputs',
+        template: colorEditorInputsElementTemplate,
+        themes: {
+            joy: colorEditorInputsElementJoyStyle,
+            memphis: colorEditorInputsElementMemphisStyle,
+            cosmopolitan: colorEditorInputsElementCosmopolitanStyle
+        },
+        imports: [
+            TextBoxElement,
+            NumberBoxElement,
+            ButtonElement,
+            ButtonGroupElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ColorEditorInputsElement);
+export { ColorEditorInputsElement };
+//# sourceMappingURL=ColorEditorInputsElement.js.map

package/Controls/Components/Media/ColorEditor/ColorEditorInputsElement.js.map

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

package/Controls/Components/Media/ColorEditor/ColorEditorInputsElementTemplate.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColorEditorInputsElementTemplate.d.ts.map

package/Controls/Components/Media/ColorEditor/ColorEditorInputsElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditorInputsElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/ColorEditor/ColorEditorInputsElementTemplate.ts"],"names":[],"mappings":""}