@rededor/site-front-end-lib 20.0.27 → 20.0.28

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs

@@ -0,0 +1,258 @@
+import * as i0 from '@angular/core';
+import { inject, input, model, output, computed, forwardRef, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
+import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
+import { formsSizes } from '@rededor/site-front-end-lib/cura/forms';
+
+class CuraCheckboxComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        /**
+         * When true, suppresses rendering of the check/indeterminate icon.
+         */
+        this.disableCheckIcon = input(false, ...(ngDevMode ? [{ debugName: "disableCheckIcon" }] : []));
+        /**
+         * Reflects the checked state of the checkbox.
+         * Using model for two-way binding and form control integration.
+         */
+        this.checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+        /**
+         * Reflects the indeterminate state of the checkbox.
+         * Using model for two-way binding and form control integration.
+         */
+        this.indeterminate = model(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : []));
+        /**
+         * Status of the checkbox.
+         */
+        this.status = input('default', ...(ngDevMode ? [{ debugName: "status" }] : []));
+        /**
+         * Reflects the disabled state of the checkbox.
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * Reflects the required state of the checkbox.
+         */
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        /**
+         * Text label associated with the checkbox.
+         */
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Specifies the tabindex of the checkbox.
+         */
+        this.ontabindex = input(0, ...(ngDevMode ? [{ debugName: "ontabindex" }] : []));
+        /**
+         * Position of the label relative to the checkbox.
+         */
+        this.position = input('left', ...(ngDevMode ? [{ debugName: "position" }] : []));
+        /**
+         * Value associated with the checkbox.
+         */
+        this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Name attribute of the checkbox.
+         */
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+        /**
+         * Size of the checkbox.
+         */
+        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Background theme of the checkbox.
+         */
+        this.background = input('light', ...(ngDevMode ? [{ debugName: "background" }] : []));
+        /**
+         * Icon color theme of the checkbox.
+         */
+        this.iconColor = input('dark', ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
+        /**
+         * Color theme of the checkbox.
+         */
+        this.color = input('accent', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        /**
+         * Controls how the label text should handle overflow.
+         * - `'none'`: No overflow handling; the label displays normally.
+         * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+         * - `string`: Custom overflow handling mode.
+         *
+         * @default 'none'
+         */
+        this.overflowLabel = input('none', ...(ngDevMode ? [{ debugName: "overflowLabel" }] : []));
+        /**
+         * Controls how the helper text should handle overflow.
+         * - `'none'`: No overflow handling; the label displays normally.
+         * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
+         * - `string`: Custom overflow handling mode.
+         *
+         * @default 'none'
+         */
+        this.overflowHelper = input('none', ...(ngDevMode ? [{ debugName: "overflowHelper" }] : []));
+        /**
+         * Change event emitter
+         */
+        this.onchange = output();
+        // Form control callbacks
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+        this.styles = computed(() => {
+            const formsSize = formsSizes[this.size()];
+            const sizeStyles = {
+                '--size': `${formsSize.size}px`,
+                '--gap': `${formsSize.gap}px`,
+            };
+            const isDark = this.isDarkBackground();
+            const colorPrefix = this.color();
+            const colors = [
+                { name: '--color-base', background: `${colorPrefix}-base` },
+                { name: '--color-lighter', background: `${colorPrefix}-lighter` },
+                { name: '--color-light', background: `${colorPrefix}-light` },
+                { name: '--color-dark', background: `${colorPrefix}-dark` },
+                { name: '--info-base', background: 'info-base' },
+                { name: '--error-base', background: 'error-base' },
+                { name: '--success-lighter', background: 'success-lighter' },
+                { name: '--success-base', background: 'success-base' },
+                { name: '--success-dark', background: 'success-dark' },
+                { name: '--error-lighter', background: 'error-lighter' },
+                { name: '--neutral-black', background: 'neutral-black' },
+                { name: '--primary-base-neutral-white', background: isDark ? 'primary-base' : 'neutral-white' },
+                { name: '--neutral-base-neutral-medium', background: isDark ? 'neutral-base' : 'neutral-medium' },
+                { name: '--neutral-black-neutral-purewhite', background: isDark ? 'neutral-black' : 'neutral-purewhite' },
+                { name: '--neutral-black-neutral-white', background: isDark ? 'neutral-black' : 'neutral-white' },
+                { name: '--neutral-darker-neutral-base', background: isDark ? 'neutral-darker' : 'neutral-base' },
+                { name: '--neutral-base-neutral-base', background: isDark ? 'primary-base' : 'neutral-base' },
+                { name: '--neutral-purewhite-neutral-dark', background: isDark ? 'neutral-purewhite' : 'neutral-dark' },
+                { name: '--primary-base-neutral-medium', background: isDark ? 'primary-base' : 'neutral-medium' },
+                { name: '--success-base-lighter', background: isDark ? 'success-base' : 'success-lighter' },
+                { name: '--success-dark-base', background: isDark ? 'success-dark' : 'success-base' },
+                { name: '--error-base-lighter', background: isDark ? 'error-base' : 'error-lighter' },
+                { name: '--error-dark-base', background: isDark ? 'error-dark' : 'error-base' },
+            ];
+            const colorStyles = {};
+            colors.forEach((color) => {
+                if (this.curaApi) {
+                    colorStyles[color.name] = this.curaApi.theme.colors.getColor(color.background);
+                }
+            });
+            const fontFamily = this.curaApi.theme.fonts.getFamily();
+            return { ...sizeStyles, ...colorStyles, '--font-family': fontFamily };
+        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
+        this.colorConfig = computed(() => {
+            if (this.disabled()) {
+                return {
+                    icon: this.iconColor() === 'dark' ? 'neutral-dark' : 'neutral-purewhite',
+                    label: 'neutral-dark',
+                    message: 'neutral-dark',
+                };
+            }
+            const darkBackground = this.isDarkBackground();
+            const darkIconColor = this.isDarkIconColor();
+            const statusColors = {
+                success: {
+                    icon: 'success-dark',
+                    label: darkBackground ? 'success-lighter' : 'success-darker',
+                    message: darkBackground ? 'success-base' : 'success-dark',
+                },
+                error: {
+                    icon: 'error-dark',
+                    label: darkBackground ? 'error-lighter' : 'neutral-darker',
+                    message: darkBackground ? 'error-base' : 'error-dark',
+                },
+                default: {
+                    icon: darkIconColor ? 'neutral-black' : 'neutral-purewhite',
+                    label: darkBackground ? 'neutral-white' : 'neutral-black',
+                    message: darkBackground ? 'primary-lighter' : 'neutral-dark',
+                },
+            };
+            return statusColors[this.status()];
+        }, ...(ngDevMode ? [{ debugName: "colorConfig" }] : []));
+        this.iconName = computed(() => (this.indeterminate() ? 'minus' : 'check'), ...(ngDevMode ? [{ debugName: "iconName" }] : []));
+        this.iconSizeValue = computed(() => (this.size() === 'large' ? 20 : 'micro'), ...(ngDevMode ? [{ debugName: "iconSizeValue" }] : []));
+        this.iconColorValue = computed(() => this.colorConfig().icon, ...(ngDevMode ? [{ debugName: "iconColorValue" }] : []));
+        this.labelSize = computed(() => (this.size() === 'large' ? 'medium' : 'xsmall'), ...(ngDevMode ? [{ debugName: "labelSize" }] : []));
+        this.labelClasses = computed(() => 'label' + (this.overflowLabel() === 'single' ? ' textoverflow-single' : ''), ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
+        this.labelColor = computed(() => this.colorConfig().label, ...(ngDevMode ? [{ debugName: "labelColor" }] : []));
+        this.messageClasses = computed(() => 'message' + (this.overflowHelper() === 'single' ? ' textoverflow-single' : ''), ...(ngDevMode ? [{ debugName: "messageClasses" }] : []));
+        this.messageColor = computed(() => this.colorConfig().message, ...(ngDevMode ? [{ debugName: "messageColor" }] : []));
+        this.containerClasses = computed(() => {
+            const classes = ['container'];
+            if (this.checked())
+                classes.push('checked');
+            if (this.disabled())
+                classes.push('disabled');
+            if (this.background() === 'dark')
+                classes.push('dark');
+            if (this.indeterminate())
+                classes.push('indeterminate');
+            if (this.position() === 'right')
+                classes.push('position');
+            classes.push(this.status());
+            return classes.join(' ');
+        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.checked.set(value ?? false);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    isDarkBackground() {
+        return this.background() === 'dark';
+    }
+    isDarkIconColor() {
+        return this.iconColor() === 'dark';
+    }
+    handleClick() {
+        if (this.disabled())
+            return;
+        this.indeterminate.set(false);
+        const newCheckedState = !this.checked();
+        this.checked.set(newCheckedState);
+        // Notify form control
+        this.onChange(newCheckedState);
+        this.onTouched();
+        this.onchange.emit({
+            value: this.value(),
+            checked: newCheckedState,
+            indeterminate: false,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraCheckboxComponent, isStandalone: true, selector: "cura-checkbox", inputs: { disableCheckIcon: { classPropertyName: "disableCheckIcon", publicName: "disableCheckIcon", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ontabindex: { classPropertyName: "ontabindex", publicName: "ontabindex", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, overflowLabel: { classPropertyName: "overflowLabel", publicName: "overflowLabel", isSignal: true, isRequired: false, transformFunction: null }, overflowHelper: { classPropertyName: "overflowHelper", publicName: "overflowHelper", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", indeterminate: "indeterminateChange", value: "valueChange", onchange: "onchange" }, host: { attributes: { "role": "checkbox" }, properties: { "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.aria-required": "required()", "attr.aria-invalid": "status() === \"error\"" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuraCheckboxComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"$event.preventDefault(); handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n    <input\n      type=\"checkbox\"\n      [name]=\"name()\"\n      [value]=\"value()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [checked]=\"checked()\"\n      [indeterminate]=\"indeterminate()\"\n      (keydown.space)=\"handleClick()\"\n      (keydown.enter)=\"handleClick()\"\n    />\n\n    @if ((checked() || indeterminate()) && !disableCheckIcon()) {\n      <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n    }\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer;font-family:var(--font-family)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:var(--border-radius, 4px);background:var(--neutral-black-neutral-purewhite);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.checked input{position:absolute;inset:0;appearance:none;-webkit-appearance:none;background:var(--color-light)}.icon{position:absolute;display:flex;opacity:0;transition:opacity .3s}.checkbox:focus{border-color:var(--info-base)!important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base)!important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base)!important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base)!important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark)!important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base)!important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base)!important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}.label.textoverflow-single,.message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-checkbox', imports: [CommonModule, CuraLabelComponent, CuraParagraphComponent, CuraIconComponent], host: {
+                        role: 'checkbox',
+                        '[attr.aria-checked]': 'checked()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[attr.aria-required]': 'required()',
+                        '[attr.aria-invalid]': 'status() === "error"',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuraCheckboxComponent),
+                            multi: true,
+                        },
+                    ], template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"$event.preventDefault(); handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n    <input\n      type=\"checkbox\"\n      [name]=\"name()\"\n      [value]=\"value()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [checked]=\"checked()\"\n      [indeterminate]=\"indeterminate()\"\n      (keydown.space)=\"handleClick()\"\n      (keydown.enter)=\"handleClick()\"\n    />\n\n    @if ((checked() || indeterminate()) && !disableCheckIcon()) {\n      <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n    }\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer;font-family:var(--font-family)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column;overflow:hidden}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:var(--border-radius, 4px);background:var(--neutral-black-neutral-purewhite);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.checked input{position:absolute;inset:0;appearance:none;-webkit-appearance:none;background:var(--color-light)}.icon{position:absolute;display:flex;opacity:0;transition:opacity .3s}.checkbox:focus{border-color:var(--info-base)!important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base)!important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base)!important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base)!important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark)!important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base)!important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base)!important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}.label.textoverflow-single,.message.textoverflow-single{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}\n"] }]
+        }], propDecorators: { disableCheckIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableCheckIcon", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }, { type: i0.Output, args: ["indeterminateChange"] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ontabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "ontabindex", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], overflowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowLabel", required: false }] }], overflowHelper: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowHelper", required: false }] }], onchange: [{ type: i0.Output, args: ["onchange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraCheckboxComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-checkbox/cura-checkbox.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-checkbox/cura-checkbox.component.html","../../../projects/site-front-end-lib/cura/forms/cura-checkbox/rededor-site-front-end-lib-cura-forms-cura-checkbox.ts"],"sourcesContent":["import { Component, input, output, inject, computed, forwardRef, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { formsSizes, TextOverflow } from '@rededor/site-front-end-lib/cura/forms';\nimport { CheckboxSize, CheckboxPosition, CheckboxBackground, CheckboxIconColor, CheckboxStatus, CheckboxChangeEvent } from './cura-checkbox.definitions';\n\n@Component({\n  selector: 'cura-checkbox',\n  imports: [CommonModule, CuraLabelComponent, CuraParagraphComponent, CuraIconComponent],\n  templateUrl: './cura-checkbox.component.html',\n  styleUrls: ['./cura-checkbox.component.scss'],\n  host: {\n    role: 'checkbox',\n    '[attr.aria-checked]': 'checked()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[attr.aria-required]': 'required()',\n    '[attr.aria-invalid]': 'status() === \"error\"',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CuraCheckboxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class CuraCheckboxComponent implements ControlValueAccessor {\n  private curaApi: CuraApiService = inject(CuraApiService);\n\n  /**\n   * When true, suppresses rendering of the check/indeterminate icon.\n   */\n  disableCheckIcon = input<boolean>(false);\n  /**\n   * Reflects the checked state of the checkbox.\n   * Using model for two-way binding and form control integration.\n   */\n  checked = model<boolean>(false);\n\n  /**\n   * Reflects the indeterminate state of the checkbox.\n   * Using model for two-way binding and form control integration.\n   */\n  indeterminate = model<boolean>(false);\n\n  /**\n   * Status of the checkbox.\n   */\n  status = input<CheckboxStatus>('default');\n\n  /**\n   * Reflects the disabled state of the checkbox.\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * Reflects the required state of the checkbox.\n   */\n  required = input<boolean>(false);\n\n  /**\n   * Text label associated with the checkbox.\n   */\n  label = input<string>('');\n\n  /**\n   * Specifies the tabindex of the checkbox.\n   */\n  ontabindex = input<number>(0);\n\n  /**\n   * Position of the label relative to the checkbox.\n   */\n  position = input<CheckboxPosition>('left');\n\n  /**\n   * Value associated with the checkbox.\n   */\n  value = model<string | any>('');\n\n  /**\n   * Name attribute of the checkbox.\n   */\n  name = input<string>('');\n\n  /**\n   * Size of the checkbox.\n   */\n  size = input<CheckboxSize>('medium');\n\n  /**\n   * Background theme of the checkbox.\n   */\n  background = input<CheckboxBackground>('light');\n\n  /**\n   * Icon color theme of the checkbox.\n   */\n  iconColor = input<CheckboxIconColor>('dark');\n\n  /**\n   * Color theme of the checkbox.\n   */\n  color = input<string>('accent');\n\n  /**\n   * Controls how the label text should handle overflow.\n   * - `'none'`: No overflow handling; the label displays normally.\n   * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n   * - `string`: Custom overflow handling mode.\n   *\n   * @default 'none'\n   */\n  overflowLabel = input<TextOverflow>('none');\n\n  /**\n   * Controls how the helper text should handle overflow.\n   * - `'none'`: No overflow handling; the label displays normally.\n   * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n   * - `string`: Custom overflow handling mode.\n   *\n   * @default 'none'\n   */\n  overflowHelper = input<TextOverflow>('none');\n\n  /**\n   * Change event emitter\n   */\n  onchange = output<CheckboxChangeEvent>();\n\n  // Form control callbacks\n  private onChange = (value: boolean) => {};\n  private onTouched = () => {};\n\n  styles = computed(() => {\n    const formsSize = formsSizes[this.size()];\n\n    const sizeStyles = {\n      '--size': `${formsSize.size}px`,\n      '--gap': `${formsSize.gap}px`,\n    };\n\n    const isDark = this.isDarkBackground();\n    const colorPrefix = this.color();\n\n    const colors = [\n      { name: '--color-base', background: `${colorPrefix}-base` },\n      { name: '--color-lighter', background: `${colorPrefix}-lighter` },\n      { name: '--color-light', background: `${colorPrefix}-light` },\n      { name: '--color-dark', background: `${colorPrefix}-dark` },\n      { name: '--info-base', background: 'info-base' },\n      { name: '--error-base', background: 'error-base' },\n      { name: '--success-lighter', background: 'success-lighter' },\n      { name: '--success-base', background: 'success-base' },\n      { name: '--success-dark', background: 'success-dark' },\n      { name: '--error-lighter', background: 'error-lighter' },\n      { name: '--neutral-black', background: 'neutral-black' },\n      { name: '--primary-base-neutral-white', background: isDark ? 'primary-base' : 'neutral-white' },\n      { name: '--neutral-base-neutral-medium', background: isDark ? 'neutral-base' : 'neutral-medium' },\n      { name: '--neutral-black-neutral-purewhite', background: isDark ? 'neutral-black' : 'neutral-purewhite' },\n      { name: '--neutral-black-neutral-white', background: isDark ? 'neutral-black' : 'neutral-white' },\n      { name: '--neutral-darker-neutral-base', background: isDark ? 'neutral-darker' : 'neutral-base' },\n      { name: '--neutral-base-neutral-base', background: isDark ? 'primary-base' : 'neutral-base' },\n      { name: '--neutral-purewhite-neutral-dark', background: isDark ? 'neutral-purewhite' : 'neutral-dark' },\n      { name: '--primary-base-neutral-medium', background: isDark ? 'primary-base' : 'neutral-medium' },\n      { name: '--success-base-lighter', background: isDark ? 'success-base' : 'success-lighter' },\n      { name: '--success-dark-base', background: isDark ? 'success-dark' : 'success-base' },\n      { name: '--error-base-lighter', background: isDark ? 'error-base' : 'error-lighter' },\n      { name: '--error-dark-base', background: isDark ? 'error-dark' : 'error-base' },\n    ];\n\n    const colorStyles: { [key: string]: string } = {};\n    colors.forEach((color) => {\n      if (this.curaApi) {\n        colorStyles[color.name] = this.curaApi.theme.colors.getColor(color.background);\n      }\n    });\n\n    const fontFamily = this.curaApi.theme.fonts.getFamily();\n\n    return { ...sizeStyles, ...colorStyles, '--font-family': fontFamily };\n  });\n\n  private colorConfig = computed(() => {\n    if (this.disabled()) {\n      return {\n        icon: this.iconColor() === 'dark' ? 'neutral-dark' : 'neutral-purewhite',\n        label: 'neutral-dark',\n        message: 'neutral-dark',\n      };\n    }\n\n    const darkBackground = this.isDarkBackground();\n    const darkIconColor = this.isDarkIconColor();\n\n    const statusColors = {\n      success: {\n        icon: 'success-dark',\n        label: darkBackground ? 'success-lighter' : 'success-darker',\n        message: darkBackground ? 'success-base' : 'success-dark',\n      },\n      error: {\n        icon: 'error-dark',\n        label: darkBackground ? 'error-lighter' : 'neutral-darker',\n        message: darkBackground ? 'error-base' : 'error-dark',\n      },\n      default: {\n        icon: darkIconColor ? 'neutral-black' : 'neutral-purewhite',\n        label: darkBackground ? 'neutral-white' : 'neutral-black',\n        message: darkBackground ? 'primary-lighter' : 'neutral-dark',\n      },\n    };\n\n    return statusColors[this.status()];\n  });\n\n  iconName = computed(() => (this.indeterminate() ? 'minus' : 'check'));\n  iconSizeValue = computed(() => (this.size() === 'large' ? 20 : 'micro'));\n  iconColorValue = computed(() => this.colorConfig().icon);\n\n  labelSize = computed(() => (this.size() === 'large' ? 'medium' : 'xsmall'));\n  labelClasses = computed(() => 'label' + (this.overflowLabel() === 'single' ? ' textoverflow-single' : ''));\n  labelColor = computed(() => this.colorConfig().label);\n\n  messageClasses = computed(() => 'message' + (this.overflowHelper() === 'single' ? ' textoverflow-single' : ''));\n  messageColor = computed(() => this.colorConfig().message);\n\n  // ControlValueAccessor implementation\n  writeValue(value: boolean): void {\n    this.checked.set(value ?? false);\n  }\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  private isDarkBackground(): boolean {\n    return this.background() === 'dark';\n  }\n\n  private isDarkIconColor(): boolean {\n    return this.iconColor() === 'dark';\n  }\n\n  containerClasses = computed(() => {\n    const classes = ['container'];\n\n    if (this.checked()) classes.push('checked');\n    if (this.disabled()) classes.push('disabled');\n    if (this.background() === 'dark') classes.push('dark');\n    if (this.indeterminate()) classes.push('indeterminate');\n    if (this.position() === 'right') classes.push('position');\n    classes.push(this.status());\n\n    return classes.join(' ');\n  });\n\n  handleClick(): void {\n    if (this.disabled()) return;\n\n    this.indeterminate.set(false);\n\n    const newCheckedState = !this.checked();\n    this.checked.set(newCheckedState);\n\n    // Notify form control\n    this.onChange(newCheckedState);\n    this.onTouched();\n\n    this.onchange.emit({\n      value: this.value(),\n      checked: newCheckedState,\n      indeterminate: false,\n    });\n  }\n}\n","<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"$event.preventDefault(); handleClick()\">\n  <div class=\"info\">\n    <div class=\"label-wrapper\">\n      <cura-label [textOverflow]=\"overflowLabel()\" [class]=\"labelClasses()\" weight=\"bold\" [size]=\"labelSize()\" [color]=\"labelColor()\">\n        {{ label() }}\n      </cura-label>\n\n      @if (required()) {\n        <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\"> * </cura-paragraph>\n      }\n    </div>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [color]=\"messageColor()\" size=\"xsmall\" [class]=\"messageClasses()\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"checkbox\" [tabIndex]=\"ontabindex()\">\n    <input\n      type=\"checkbox\"\n      [name]=\"name()\"\n      [value]=\"value()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [checked]=\"checked()\"\n      [indeterminate]=\"indeterminate()\"\n      (keydown.space)=\"handleClick()\"\n      (keydown.enter)=\"handleClick()\"\n    />\n\n    @if ((checked() || indeterminate()) && !disableCheckIcon()) {\n      <cura-icon class=\"icon\" [name]=\"iconName()\" [size]=\"iconSizeValue()\" [color]=\"iconColorValue()\"> </cura-icon>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}