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

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

@@ -0,0 +1,182 @@
+import * as i0 from '@angular/core';
+import { inject, model, input, 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 { formsSizes } from '@rededor/site-front-end-lib/cura/forms';
+
+class CuraSwitchComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        /**
+         * Indicates whether the switch is checked or not.
+         */
+        this.checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+        /**
+         * Indicates whether the switch is disabled or not.
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * The label text to display next to the switch.
+         */
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Tab index for the switch element.
+         */
+        this.tabindex = input(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
+        /**
+         * 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.
+         */
+        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.
+         */
+        this.overflowHelper = input('none', ...(ngDevMode ? [{ debugName: "overflowHelper" }] : []));
+        /**
+         * Position of the label relative to the switch.
+         */
+        this.position = input('left', ...(ngDevMode ? [{ debugName: "position" }] : []));
+        /**
+         * Size of the switch.
+         */
+        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Background style of the switch.
+         */
+        this.background = input('light', ...(ngDevMode ? [{ debugName: "background" }] : []));
+        /**
+         * Accent color of the switch.
+         */
+        this.color = input('accent', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        /**
+         * Change event emitter
+         */
+        this.onchange = output();
+        // Form control callbacks
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+        this.sizes = {
+            large: { size: 64 },
+            medium: { size: 48 },
+            small: { size: 40 },
+        };
+        // Computed signals
+        this.colorConfig = computed(() => {
+            if (this.disabled()) {
+                return {
+                    label: this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark',
+                    message: this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark',
+                };
+            }
+            const darkBackground = this.isDarkBackground();
+            return {
+                label: darkBackground ? 'neutral-white' : 'neutral-black',
+                message: darkBackground ? 'primary-lighter' : 'neutral-dark',
+            };
+        }, ...(ngDevMode ? [{ debugName: "colorConfig" }] : []));
+        this.containerClasses = computed(() => {
+            const classes = ['container'];
+            if (this.checked())
+                classes.push('checked');
+            if (this.disabled())
+                classes.push('disabled');
+            if (this.position() === 'right')
+                classes.push('position');
+            return classes.join(' ');
+        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.labelColor = computed(() => this.colorConfig().label, ...(ngDevMode ? [{ debugName: "labelColor" }] : []));
+        this.messageColor = computed(() => this.colorConfig().message, ...(ngDevMode ? [{ debugName: "messageColor" }] : []));
+        this.labelSize = computed(() => (this.size() === 'large' ? 'medium' : 'xsmall'), ...(ngDevMode ? [{ debugName: "labelSize" }] : []));
+        this.labelTextAlign = computed(() => (this.position() === 'right' ? 'right' : 'left'), ...(ngDevMode ? [{ debugName: "labelTextAlign" }] : []));
+        this.styles = computed(() => {
+            const sizeConfig = this.sizes[this.size()];
+            const formsSize = formsSizes[this.size()];
+            const sizeStyles = {
+                '--size-track': `${sizeConfig.size}px`,
+                '--size': `${formsSize.size}px`,
+                '--gap': `${formsSize.gap}px`,
+            };
+            const darkBackground = this.isDarkBackground();
+            const colorValue = this.color();
+            const colors = [
+                { name: '--info-base', background: 'info-base' },
+                { name: '--neutral-black-shadow', background: 'neutral-black', opacity: 0.16 },
+                { name: '--neutral-purewhite', background: 'neutral-purewhite' },
+                { name: '--neutral-medium', background: 'neutral-medium' },
+                { name: '--neutral-pale', background: 'neutral-pale' },
+                { name: '--neutral-dark-base', background: `neutral-${darkBackground ? 'dark' : 'base'}` },
+                { name: '--neutral-darker-medium', background: `neutral-${darkBackground ? 'darker' : 'medium'}` },
+                { name: '--neutral-black-neutral-pale', background: `${darkBackground ? 'neutral-black' : 'neutral-pale'}` },
+                { name: '--neutral-black-neutral-base', background: `${darkBackground ? 'neutral-dark' : 'neutral-base'}` },
+                { name: '--color-base-light', background: `${colorValue}-light` },
+                { name: '--color-dark', background: `${colorValue}-dark` },
+            ];
+            const colorStyles = {};
+            colors.forEach((color) => {
+                if (this.curaApi) {
+                    colorStyles[color.name] = this.curaApi.theme.colors.getColor(color.background, color?.opacity);
+                }
+            });
+            return { ...sizeStyles, ...colorStyles };
+        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.checked.set(value || false);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    isDarkBackground() {
+        return this.background() === 'dark';
+    }
+    toggleSwitch() {
+        if (this.disabled())
+            return;
+        this.checked.update((value) => !value);
+        // Notify form control
+        this.onChange(this.checked());
+        this.onTouched();
+        this.onchange.emit({ checked: this.checked() });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraSwitchComponent, isStandalone: true, selector: "cura-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", 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 }, position: { classPropertyName: "position", publicName: "position", 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 }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onchange: "onchange" }, host: { attributes: { "role": "switch" }, properties: { "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.tabindex": "tabindex()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuraSwitchComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"toggleSwitch()\">\n  <div class=\"info\">\n    <cura-label\n      [textOverflow]=\"overflowLabel()\"\n      [style.textAlign]=\"labelTextAlign()\"\n      class=\"label\"\n      weight=\"bold\"\n      [size]=\"labelSize()\"\n      lineHeight=\"125%\"\n      [color]=\"labelColor()\"\n    >\n      {{ label() }}\n    </cura-label>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [style.textAlign]=\"labelTextAlign()\" [color]=\"messageColor()\" size=\"xsmall\" class=\"message\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"control\">\n    <div [class]=\"'track ' + size().toLowerCase()\">\n      <div [class]=\"'thumb ' + size().toLowerCase()\" [tabIndex]=\"tabindex()\" (keydown.space)=\"toggleSwitch()\" (keydown.enter)=\"toggleSwitch()\"></div>\n    </div>\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);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color .3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform .3s,outline .3s;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0 4px 8px 0 var(--neutral-black-shadow, rgba(38, 38, 38, .16));background:var(--neutral-purewhite);transform:translate(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale)!important;border-color:var(--neutral-darker-medium)!important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base)!important;border-color:var(--neutral-black-neutral-pale)!important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none!important;border-color:var(--neutral-black-neutral-pale)!important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base)!important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base)!important;border-color:var(--color-dark)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-switch', imports: [CommonModule, CuraLabelComponent], host: {
+                        role: 'switch',
+                        '[attr.aria-checked]': 'checked()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[attr.tabindex]': 'tabindex()',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuraSwitchComponent),
+                            multi: true,
+                        },
+                    ], template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"toggleSwitch()\">\n  <div class=\"info\">\n    <cura-label\n      [textOverflow]=\"overflowLabel()\"\n      [style.textAlign]=\"labelTextAlign()\"\n      class=\"label\"\n      weight=\"bold\"\n      [size]=\"labelSize()\"\n      lineHeight=\"125%\"\n      [color]=\"labelColor()\"\n    >\n      {{ label() }}\n    </cura-label>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [style.textAlign]=\"labelTextAlign()\" [color]=\"messageColor()\" size=\"xsmall\" class=\"message\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"control\">\n    <div [class]=\"'track ' + size().toLowerCase()\">\n      <div [class]=\"'thumb ' + size().toLowerCase()\" [tabIndex]=\"tabindex()\" (keydown.space)=\"toggleSwitch()\" (keydown.enter)=\"toggleSwitch()\"></div>\n    </div>\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);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color .3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform .3s,outline .3s;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0 4px 8px 0 var(--neutral-black-shadow, rgba(38, 38, 38, .16));background:var(--neutral-purewhite);transform:translate(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale)!important;border-color:var(--neutral-darker-medium)!important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base)!important;border-color:var(--neutral-black-neutral-pale)!important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none!important;border-color:var(--neutral-black-neutral-pale)!important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base)!important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base)!important;border-color:var(--color-dark)}\n"] }]
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], overflowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowLabel", required: false }] }], overflowHelper: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowHelper", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], onchange: [{ type: i0.Output, args: ["onchange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraSwitchComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-switch.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-switch/cura-switch.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-switch/cura-switch.component.html","../../../projects/site-front-end-lib/cura/forms/cura-switch/rededor-site-front-end-lib-cura-forms-cura-switch.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 { formsSizes, TextOverflow } from '@rededor/site-front-end-lib/cura/forms';\nimport { SwitchSize, SwitchPosition, SwitchBackground, SwitchChangeEvent } from './cura-switch.definitions';\n\n@Component({\n  selector: 'cura-switch',\n  imports: [CommonModule, CuraLabelComponent],\n  templateUrl: './cura-switch.component.html',\n  styleUrls: ['./cura-switch.component.scss'],\n  host: {\n    role: 'switch',\n    '[attr.aria-checked]': 'checked()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[attr.tabindex]': 'tabindex()',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CuraSwitchComponent),\n      multi: true,\n    },\n  ],\n})\nexport class CuraSwitchComponent implements ControlValueAccessor {\n  private curaApi: CuraApiService = inject(CuraApiService);\n\n  /**\n   * Indicates whether the switch is checked or not.\n   */\n  checked = model<boolean>(false);\n\n  /**\n   * Indicates whether the switch is disabled or not.\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * The label text to display next to the switch.\n   */\n  label = input<string>('');\n\n  /**\n   * Tab index for the switch element.\n   */\n  tabindex = input<number>(0);\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  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  overflowHelper = input<TextOverflow>('none');\n\n  /**\n   * Position of the label relative to the switch.\n   */\n  position = input<SwitchPosition>('left');\n\n  /**\n   * Size of the switch.\n   */\n  size = input<SwitchSize>('medium');\n\n  /**\n   * Background style of the switch.\n   */\n  background = input<SwitchBackground>('light');\n\n  /**\n   * Accent color of the switch.\n   */\n  color = input<string>('accent');\n\n  /**\n   * Change event emitter\n   */\n  onchange = output<SwitchChangeEvent>();\n\n  // Form control callbacks\n  private onChange = (value: boolean) => {};\n  private onTouched = () => {};\n\n  private sizes = {\n    large: { size: 64 },\n    medium: { size: 48 },\n    small: { size: 40 },\n  };\n\n  // Computed signals\n  private colorConfig = computed(() => {\n    if (this.disabled()) {\n      return {\n        label: this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark',\n        message: this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark',\n      };\n    }\n\n    const darkBackground = this.isDarkBackground();\n    return {\n      label: darkBackground ? 'neutral-white' : 'neutral-black',\n      message: darkBackground ? 'primary-lighter' : 'neutral-dark',\n    };\n  });\n\n  containerClasses = computed(() => {\n    const classes = ['container'];\n    if (this.checked()) classes.push('checked');\n    if (this.disabled()) classes.push('disabled');\n    if (this.position() === 'right') classes.push('position');\n    return classes.join(' ');\n  });\n\n  labelColor = computed(() => this.colorConfig().label);\n  messageColor = computed(() => this.colorConfig().message);\n  labelSize = computed(() => (this.size() === 'large' ? 'medium' : 'xsmall'));\n  labelTextAlign = computed(() => (this.position() === 'right' ? 'right' : 'left'));\n\n  styles = computed(() => {\n    const sizeConfig = this.sizes[this.size()];\n    const formsSize = formsSizes[this.size()];\n\n    const sizeStyles = {\n      '--size-track': `${sizeConfig.size}px`,\n      '--size': `${formsSize.size}px`,\n      '--gap': `${formsSize.gap}px`,\n    };\n\n    const darkBackground = this.isDarkBackground();\n    const colorValue = this.color();\n\n    const colors = [\n      { name: '--info-base', background: 'info-base' },\n      { name: '--neutral-black-shadow', background: 'neutral-black', opacity: 0.16 },\n      { name: '--neutral-purewhite', background: 'neutral-purewhite' },\n      { name: '--neutral-medium', background: 'neutral-medium' },\n      { name: '--neutral-pale', background: 'neutral-pale' },\n      { name: '--neutral-dark-base', background: `neutral-${darkBackground ? 'dark' : 'base'}` },\n      { name: '--neutral-darker-medium', background: `neutral-${darkBackground ? 'darker' : 'medium'}` },\n      { name: '--neutral-black-neutral-pale', background: `${darkBackground ? 'neutral-black' : 'neutral-pale'}` },\n      { name: '--neutral-black-neutral-base', background: `${darkBackground ? 'neutral-dark' : 'neutral-base'}` },\n      { name: '--color-base-light', background: `${colorValue}-light` },\n      { name: '--color-dark', background: `${colorValue}-dark` },\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, color?.opacity);\n      }\n    });\n\n    return { ...sizeStyles, ...colorStyles };\n  });\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  toggleSwitch(): void {\n    if (this.disabled()) return;\n\n    this.checked.update((value) => !value);\n\n    // Notify form control\n    this.onChange(this.checked());\n    this.onTouched();\n\n    this.onchange.emit({ checked: this.checked() });\n  }\n}\n","<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"toggleSwitch()\">\n  <div class=\"info\">\n    <cura-label\n      [textOverflow]=\"overflowLabel()\"\n      [style.textAlign]=\"labelTextAlign()\"\n      class=\"label\"\n      weight=\"bold\"\n      [size]=\"labelSize()\"\n      lineHeight=\"125%\"\n      [color]=\"labelColor()\"\n    >\n      {{ label() }}\n    </cura-label>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [style.textAlign]=\"labelTextAlign()\" [color]=\"messageColor()\" size=\"xsmall\" class=\"message\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"control\">\n    <div [class]=\"'track ' + size().toLowerCase()\">\n      <div [class]=\"'thumb ' + size().toLowerCase()\" [tabIndex]=\"tabindex()\" (keydown.space)=\"toggleSwitch()\" (keydown.enter)=\"toggleSwitch()\"></div>\n    </div>\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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"}

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

@@ -0,0 +1,209 @@
+import * as i0 from '@angular/core';
+import { inject, input, model, output, signal, computed, forwardRef, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, 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';
+
+class CuraTextareaComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        /**
+         * Status of the textarea component
+         */
+        this.status = input('default', ...(ngDevMode ? [{ debugName: "status" }] : []));
+        /**
+         * Size of the textarea component
+         */
+        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Label text for the textarea
+         */
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Name attribute for the textarea
+         */
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+        /**
+         * Placeholder text for the textarea
+         */
+        this.placeholder = input(null, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        /**
+         * Current value of the textarea
+         */
+        this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Whether the textarea is disabled
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * Whether the textarea is required
+         */
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        /**
+         * Whether the textarea is read-only
+         */
+        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+        /**
+         * Maximum length of the textarea value
+         */
+        this.maxlength = input(undefined, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
+        /**
+         * Number of visible text rows
+         */
+        this.rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+        /**
+         * Resize behaviour of the textarea
+         */
+        this.resize = input('none', ...(ngDevMode ? [{ debugName: "resize" }] : []));
+        /**
+         * Event emitted when the value changes
+         */
+        this.valueChange = output();
+        // Internal state signals
+        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
+        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+        // Form control callbacks
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+        this.currentLength = computed(() => this.value()?.length ?? 0, ...(ngDevMode ? [{ debugName: "currentLength" }] : []));
+        // Computed styles
+        this.styles = computed(() => {
+            const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };
+            const baseStyles = {};
+            if (fonts) {
+                const fontWeights = fonts.getWeights();
+                baseStyles['--font-weight-medium'] = fontWeights.medium;
+                baseStyles['--font-weight-bold'] = fontWeights.bold;
+                baseStyles['--font-weight-regular'] = fontWeights.regular;
+                baseStyles['--font-color'] = fonts.getColor();
+                baseStyles['--font-family'] = fonts.getFamily();
+                baseStyles['--font-size'] = fonts.getSize();
+            }
+            if (colors) {
+                const colorKeys = [
+                    'primary-base',
+                    'neutral-purewhite',
+                    'neutral-white',
+                    'neutral-black',
+                    'neutral-medium',
+                    'neutral-base',
+                    'neutral-dark',
+                    'success-dark',
+                    'success-darker',
+                    'success-lighter',
+                    'error-lighter',
+                    'error-dark',
+                    'error-darker',
+                    'error-base',
+                    'info-base',
+                ];
+                colorKeys.forEach((key) => {
+                    baseStyles[`--${key}`] = colors.getColor(key);
+                });
+            }
+            return baseStyles;
+        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
+        // Computed signals
+        this.classes = computed(() => ({
+            [this.size().toLowerCase()]: true,
+            disabled: this.disabled(),
+            isFocused: this.isFocused() && !this.disabled() && !this.readOnly(),
+            isHovered: this.isHovered(),
+            [this.status()]: true,
+        }), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+        this.labelColor = computed(() => {
+            if (this.disabled()) {
+                return 'neutral-medium';
+            }
+            else if ((this.isFocused() || this.isHovered() || this.status() === 'success' || this.status() === 'error') && !this.readOnly()) {
+                return 'neutral-black';
+            }
+            else {
+                return 'neutral-dark';
+            }
+        }, ...(ngDevMode ? [{ debugName: "labelColor" }] : []));
+        this.helperText = computed(() => {
+            const isError = this.status() === 'error';
+            const isSuccess = this.status() === 'success';
+            const isDefault = this.status() === 'default';
+            const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';
+            const colorText = (() => {
+                if (this.disabled())
+                    return 'neutral-medium';
+                if (this.isFocused() || this.isHovered())
+                    return 'neutral-black';
+                return 'neutral-dark';
+            })();
+            return {
+                size: helperTextSize,
+                color: isDefault ? colorText : isError ? 'error-dark' : isSuccess ? 'success-dark' : colorText,
+            };
+        }, ...(ngDevMode ? [{ debugName: "helperText" }] : []));
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.value.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    // Event handlers
+    handleMouseEnter() {
+        this.isHovered.set(true);
+    }
+    handleMouseLeave() {
+        this.isHovered.set(false);
+    }
+    handleFocus() {
+        this.isFocused.set(true);
+    }
+    handleBlur() {
+        this.onTouched();
+        setTimeout(() => {
+            this.isFocused.set(false);
+        }, 150);
+    }
+    handleInputChange(event) {
+        const newValue = event.target.value;
+        this.value.set(newValue);
+        this.onChange(newValue);
+        this.valueChange.emit({ value: newValue });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraTextareaComponent, isStandalone: true, selector: "cura-textarea", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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 }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange" }, host: { attributes: { "role": "textbox" }, properties: { "attr.aria-multiline": "true", "attr.aria-disabled": "disabled()", "attr.aria-required": "required()", "attr.aria-invalid": "status() === \"error\"" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuraTextareaComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (maxlength() !== undefined) {\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\n    }\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group .char-counter{margin-top:4px;text-align:right;font-size:12px;color:var(--neutral-dark);font-family:var(--font-family)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .char-counter{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-textarea', imports: [CommonModule, FormsModule, CuraLabelComponent], host: {
+                        role: 'textbox',
+                        '[attr.aria-multiline]': 'true',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[attr.aria-required]': 'required()',
+                        '[attr.aria-invalid]': 'status() === "error"',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuraTextareaComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (maxlength() !== undefined) {\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\n    }\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group .char-counter{margin-top:4px;text-align:right;font-size:12px;color:var(--neutral-dark);font-family:var(--font-family)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .char-counter{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"] }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraTextareaComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-textarea.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.html","../../../projects/site-front-end-lib/cura/forms/cura-textarea/rededor-site-front-end-lib-cura-forms-cura-textarea.ts"],"sourcesContent":["import { Component, input, output, signal, computed, inject, forwardRef, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, 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 { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\nimport { TextareaSize, TextareaStatus, TextareaResize, TextareaValueChangeEvent } from './cura-textarea.definitions';\n\n@Component({\n  selector: 'cura-textarea',\n  imports: [CommonModule, FormsModule, CuraLabelComponent],\n  templateUrl: './cura-textarea.component.html',\n  styleUrls: ['./cura-textarea.component.scss'],\n  host: {\n    role: 'textbox',\n    '[attr.aria-multiline]': 'true',\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(() => CuraTextareaComponent),\n      multi: true,\n    },\n  ],\n})\nexport class CuraTextareaComponent implements ControlValueAccessor {\n  private curaApi: CuraApiService = inject(CuraApiService);\n\n  /**\n   * Status of the textarea component\n   */\n  status = input<TextareaStatus>('default');\n\n  /**\n   * Size of the textarea component\n   */\n  size = input<TextareaSize>('medium');\n\n  /**\n   * Label text for the textarea\n   */\n  label = input<string>('');\n\n  /**\n   * Name attribute for the textarea\n   */\n  name = input<string>('');\n\n  /**\n   * Placeholder text for the textarea\n   */\n  placeholder = input<string | null>(null);\n\n  /**\n   * Current value of the textarea\n   */\n  value = model<string>('');\n\n  /**\n   * Whether the textarea is disabled\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * Whether the textarea is required\n   */\n  required = input<boolean>(false);\n\n  /**\n   * Whether the textarea is read-only\n   */\n  readOnly = input<boolean>(false);\n\n  /**\n   * Maximum length of the textarea value\n   */\n  maxlength = input<number | undefined>(undefined);\n\n  /**\n   * Number of visible text rows\n   */\n  rows = input<number>(3);\n\n  /**\n   * Resize behaviour of the textarea\n   */\n  resize = input<TextareaResize>('none');\n\n  /**\n   * Event emitted when the value changes\n   */\n  valueChange = output<TextareaValueChangeEvent>();\n\n  // Internal state signals\n  private isHovered = signal<boolean>(false);\n  private isFocused = signal<boolean>(false);\n\n  // Form control callbacks\n  private onChange = (value: string) => {};\n  private onTouched = () => {};\n\n  // ControlValueAccessor implementation\n  writeValue(value: string): void {\n    this.value.set(value ?? '');\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  currentLength = computed(() => this.value()?.length ?? 0);\n\n  // Computed styles\n  styles = computed(() => {\n    const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };\n\n    const baseStyles: { [key: string]: string } = {};\n\n    if (fonts) {\n      const fontWeights = fonts.getWeights();\n      baseStyles['--font-weight-medium'] = fontWeights.medium;\n      baseStyles['--font-weight-bold'] = fontWeights.bold;\n      baseStyles['--font-weight-regular'] = fontWeights.regular;\n      baseStyles['--font-color'] = fonts.getColor();\n      baseStyles['--font-family'] = fonts.getFamily();\n      baseStyles['--font-size'] = fonts.getSize();\n    }\n\n    if (colors) {\n      const colorKeys = [\n        'primary-base',\n        'neutral-purewhite',\n        'neutral-white',\n        'neutral-black',\n        'neutral-medium',\n        'neutral-base',\n        'neutral-dark',\n        'success-dark',\n        'success-darker',\n        'success-lighter',\n        'error-lighter',\n        'error-dark',\n        'error-darker',\n        'error-base',\n        'info-base',\n      ];\n\n      colorKeys.forEach((key) => {\n        baseStyles[`--${key}`] = colors.getColor(key);\n      });\n    }\n\n    return baseStyles;\n  });\n\n  // Computed signals\n  classes = computed(() => ({\n    [this.size().toLowerCase()]: true,\n    disabled: this.disabled(),\n    isFocused: this.isFocused() && !this.disabled() && !this.readOnly(),\n    isHovered: this.isHovered(),\n    [this.status()]: true,\n  }));\n\n  labelColor = computed(() => {\n    if (this.disabled()) {\n      return 'neutral-medium';\n    } else if ((this.isFocused() || this.isHovered() || this.status() === 'success' || this.status() === 'error') && !this.readOnly()) {\n      return 'neutral-black';\n    } else {\n      return 'neutral-dark';\n    }\n  });\n\n  helperText = computed((): { size: LabelSize; color: string } => {\n    const isError = this.status() === 'error';\n    const isSuccess = this.status() === 'success';\n    const isDefault = this.status() === 'default';\n    const helperTextSize: LabelSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n    const colorText = (() => {\n      if (this.disabled()) return 'neutral-medium';\n      if (this.isFocused() || this.isHovered()) return 'neutral-black';\n      return 'neutral-dark';\n    })();\n\n    return {\n      size: helperTextSize,\n      color: isDefault ? colorText : isError ? 'error-dark' : isSuccess ? 'success-dark' : colorText,\n    };\n  });\n\n  // Event handlers\n  handleMouseEnter(): void {\n    this.isHovered.set(true);\n  }\n\n  handleMouseLeave(): void {\n    this.isHovered.set(false);\n  }\n\n  handleFocus(): void {\n    this.isFocused.set(true);\n  }\n\n  handleBlur(): void {\n    this.onTouched();\n    setTimeout(() => {\n      this.isFocused.set(false);\n    }, 150);\n  }\n\n  handleInputChange(event: Event): void {\n    const newValue = (event.target as HTMLTextAreaElement).value;\n    this.value.set(newValue);\n    this.onChange(newValue);\n    this.valueChange.emit({ value: newValue });\n  }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (maxlength() !== undefined) {\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\n    }\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\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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"}

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

@@ -0,0 +1,21 @@
+const formsSizes = {
+    large: {
+        size: 32,
+        gap: 16,
+    },
+    medium: {
+        size: 24,
+        gap: 12,
+    },
+    small: {
+        size: 20,
+        gap: 8,
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { formsSizes };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-forms.definitions.ts","../../../projects/site-front-end-lib/cura/forms/rededor-site-front-end-lib-cura-forms.ts"],"sourcesContent":["export const formsSizes = {\n  large: {\n    size: 32,\n    gap: 16,\n  },\n  medium: {\n    size: 24,\n    gap: 12,\n  },\n  small: {\n    size: 20,\n    gap: 8,\n  },\n};\n\nexport type LabelSize = 'medium' | 'large' | 'small' | 'xsmall';\nexport type LabelWeight = 'regular' | 'bold';\nexport type TextOverflow = 'none' | 'single';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,CAAC;AACP,KAAA;;;ACZH;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs

@@ -0,0 +1,88 @@
+import * as i0 from '@angular/core';
+import { inject, input, computed, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+
+const iconSizes = {
+    '128': { size: 128, stroke: 5.25 },
+    '72': { size: 72, stroke: 3.5 },
+    '64': { size: 64, stroke: 3.25 },
+    '48': { size: 48, stroke: 2.75 },
+    '40': { size: 40, stroke: 2.5 },
+    '32': { size: 32, stroke: 2.25 },
+    '24': { size: 24, stroke: 2 },
+    '20': { size: 20, stroke: 1.75 },
+    '16': { size: 16, stroke: 1.5 },
+    micro: { size: 12, stroke: 1.25 },
+    default: { size: 24, stroke: 2 },
+};
+
+class CuraIconComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        /**
+         * Name of the icon to be used from iconset.
+         */
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+        /**
+         * Color of the icon. Uses theme color tokens.
+         */
+        this.color = input('neutral-base', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        /**
+         * Size of the icon. Can be a predefined size or custom number.
+         */
+        this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Custom iconset if needed.
+         */
+        this.iconset = input('default', ...(ngDevMode ? [{ debugName: "iconset" }] : []));
+        /**
+         * Disabled state. Boolean.
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        // Computed signals
+        this.assetsPath = computed(() => this.curaApi.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
+        this.iconSize = computed(() => {
+            const sizeValue = this.size();
+            const scaledStroke = (iconSize) => {
+                return iconSizes[iconSize].stroke * (iconSizes['default'].size / iconSizes[iconSize].size);
+            };
+            const size = iconSizes[`${sizeValue}`] ? iconSizes[sizeValue].size : iconSizes['default'].size;
+            const stroke = iconSizes[`${sizeValue}`] ? scaledStroke(sizeValue) : scaledStroke('default');
+            return { size, stroke };
+        }, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
+        this.iconColor = computed(() => {
+            const colorValue = this.disabled() ? 'neutral-medium' : this.color();
+            return this.curaApi.theme.colors.getColor(colorValue);
+        }, ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
+        this.iconPath = computed(() => {
+            return `${this.assetsPath()}/icons/iconset-${this.iconset()}.svg#${this.name()}`;
+        }, ...(ngDevMode ? [{ debugName: "iconPath" }] : []));
+        this.iconStyles = computed(() => {
+            const sizeData = this.iconSize();
+            return {
+                size: `${sizeData.size}px`,
+                stroke: `${sizeData.stroke}px`,
+                color: this.iconColor(),
+            };
+        }, ...(ngDevMode ? [{ debugName: "iconStyles" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraIconComponent, isStandalone: true, selector: "cura-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconset: { classPropertyName: "iconset", publicName: "iconset", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style.--size": "iconStyles().size", "style.--stroke": "iconStyles().stroke", "style.--color": "iconStyles().color" } }, ngImport: i0, template: "<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\n  <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\n", styles: [":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-icon', imports: [CommonModule], host: {
+                        role: 'img',
+                        '[style.--size]': 'iconStyles().size',
+                        '[style.--stroke]': 'iconStyles().stroke',
+                        '[style.--color]': 'iconStyles().color',
+                    }, template: "<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\n  <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\n", styles: [":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconset: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconset", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraIconComponent, iconSizes };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-icons-cura-icon.mjs.map