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

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

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, model, computed, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
+import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
+
+class CuraSelectOptionComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        this.elementRef = inject(ElementRef);
+        /**
+         * Value associated with the select option
+         */
+        this.value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Whether the option is selected
+         */
+        this.selected = model(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+        /**
+         * Whether the option is active (highlighted)
+         */
+        this.active = model(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+        /**
+         * Size of the select option
+         */
+        this.size = model('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Whether the option is visible (for search filtering)
+         */
+        this.visible = model(true, ...(ngDevMode ? [{ debugName: "visible" }] : []));
+        /**
+         * Unique ID for the option (for accessibility)
+         */
+        this.componentId = `cura-select-option-${Math.random().toString(36).substring(2, 8)}`;
+        // Computed signals
+        this.optionId = computed(() => this.componentId, ...(ngDevMode ? [{ debugName: "optionId" }] : []));
+        this.internalSize = computed(() => {
+            const sizeMap = {
+                large: { label: 'medium', icon: 20 },
+                medium: { label: 'small', icon: 16 },
+                small: { label: 'xsmall', icon: 'micro' },
+                xsmall: { label: 'xsmall', icon: 'micro' },
+            };
+            return sizeMap[this.size()] || sizeMap['medium'];
+        }, ...(ngDevMode ? [{ debugName: "internalSize" }] : []));
+        this.styles = computed(() => {
+            const colors = [
+                { name: '--primary-lighter-50', theme: 'primary-lighter', opacity: 0.5 },
+                { name: '--primary-light', theme: 'primary-light' },
+                { name: '--neutral-light', theme: 'neutral-light' },
+                { name: '--neutral-purewhite', theme: 'neutral-purewhite' },
+            ];
+            const colorStyles = {};
+            colors.forEach((color) => {
+                if (this.curaApi) {
+                    colorStyles[color.name] = this.curaApi.theme.colors.getColor(color.theme, color.opacity);
+                }
+            });
+            return { ...colorStyles };
+        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
+        this.classes = computed(() => {
+            const classes = ['item'];
+            if (this.selected())
+                classes.push('selected');
+            if (this.active())
+                classes.push('active');
+            return classes.join(' ');
+        }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraSelectOptionComponent, isStandalone: true, selector: "cura-select-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", active: "activeChange", size: "sizeChange", visible: "visibleChange" }, host: { attributes: { "role": "option" }, properties: { "attr.aria-selected": "selected()", "attr.id": "optionId()", "attr.aria-disabled": "false" } }, ngImport: i0, template: "<div [class]=\"classes()\" [style]=\"styles()\" [hidden]=\"!visible()\">\n  <cura-label [color]=\"selected() ? 'primary-base' : 'neutral-black'\" [size]=\"internalSize().label\" marginBlock=\"0\">\n    <ng-content></ng-content>\n  </cura-label>\n\n  @if (selected()) {\n    <cura-icon name=\"check\" [size]=\"internalSize().icon\" color=\"primary-base\"> </cura-icon>\n  }\n</div>\n", styles: [":host{display:block}.item{display:flex;padding:12px 8px;cursor:pointer;justify-content:space-between;align-items:center;box-sizing:border-box;background:var(--neutral-purewhite)}.item.selected{background-color:var(--primary-lighter-50);border-bottom:1px solid var(--primary-light)}.item:hover:not(.selected){background:var(--neutral-white);border-bottom:1px solid var(--neutral-light)}.item.active{background:var(--neutral-white)!important;border-bottom:1px solid var(--neutral-light)}.item.selected.active{background-color:var(--primary-lighter-50)!important;box-shadow: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: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-select-option', imports: [CommonModule, CuraLabelComponent, CuraIconComponent], host: {
+                        role: 'option',
+                        '[attr.aria-selected]': 'selected()',
+                        '[attr.id]': 'optionId()',
+                        '[attr.aria-disabled]': 'false',
+                    }, template: "<div [class]=\"classes()\" [style]=\"styles()\" [hidden]=\"!visible()\">\n  <cura-label [color]=\"selected() ? 'primary-base' : 'neutral-black'\" [size]=\"internalSize().label\" marginBlock=\"0\">\n    <ng-content></ng-content>\n  </cura-label>\n\n  @if (selected()) {\n    <cura-icon name=\"check\" [size]=\"internalSize().icon\" color=\"primary-base\"> </cura-icon>\n  }\n</div>\n", styles: [":host{display:block}.item{display:flex;padding:12px 8px;cursor:pointer;justify-content:space-between;align-items:center;box-sizing:border-box;background:var(--neutral-purewhite)}.item.selected{background-color:var(--primary-lighter-50);border-bottom:1px solid var(--primary-light)}.item:hover:not(.selected){background:var(--neutral-white);border-bottom:1px solid var(--neutral-light)}.item.active{background:var(--neutral-white)!important;border-bottom:1px solid var(--neutral-light)}.item.selected.active{background-color:var(--primary-lighter-50)!important;box-shadow:none}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraSelectOptionComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-select-option.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-select-option.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-select-option/cura-select-option.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-select-option/cura-select-option.component.html","../../../projects/site-front-end-lib/cura/forms/cura-select-option/rededor-site-front-end-lib-cura-forms-cura-select-option.ts"],"sourcesContent":["import { Component, input, computed, inject, model, ElementRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { SelectOptionSize, SelectOptionSizeConfig } from './cura-select-option.definitions';\n\n@Component({\n  selector: 'cura-select-option',\n  imports: [CommonModule, CuraLabelComponent, CuraIconComponent],\n  templateUrl: './cura-select-option.component.html',\n  styleUrls: ['./cura-select-option.component.scss'],\n  host: {\n    role: 'option',\n    '[attr.aria-selected]': 'selected()',\n    '[attr.id]': 'optionId()',\n    '[attr.aria-disabled]': 'false',\n  },\n})\nexport class CuraSelectOptionComponent {\n  private curaApi: CuraApiService = inject(CuraApiService);\n  public elementRef = inject(ElementRef);\n\n  /**\n   * Value associated with the select option\n   */\n  value = input<string | any>('');\n\n  /**\n   * Whether the option is selected\n   */\n  selected = model<boolean>(false);\n\n  /**\n   * Whether the option is active (highlighted)\n   */\n  active = model<boolean>(false);\n\n  /**\n   * Size of the select option\n   */\n  size = model<SelectOptionSize>('small');\n\n  /**\n   * Whether the option is visible (for search filtering)\n   */\n  visible = model<boolean>(true);\n\n  /**\n   * Unique ID for the option (for accessibility)\n   */\n  private componentId = `cura-select-option-${Math.random().toString(36).substring(2, 8)}`;\n\n  // Computed signals\n  optionId = computed(() => this.componentId);\n\n  internalSize = computed(() => {\n    const sizeMap: { [key in SelectOptionSize]: SelectOptionSizeConfig } = {\n      large: { label: 'medium', icon: 20 },\n      medium: { label: 'small', icon: 16 },\n      small: { label: 'xsmall', icon: 'micro' },\n      xsmall: { label: 'xsmall', icon: 'micro' },\n    };\n    return sizeMap[this.size()] || sizeMap['medium'];\n  });\n\n  styles = computed(() => {\n    const colors = [\n      { name: '--primary-lighter-50', theme: 'primary-lighter', opacity: 0.5 },\n      { name: '--primary-light', theme: 'primary-light' },\n      { name: '--neutral-light', theme: 'neutral-light' },\n      { name: '--neutral-purewhite', theme: 'neutral-purewhite' },\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.theme, color.opacity);\n      }\n    });\n\n    return { ...colorStyles };\n  });\n\n  classes = computed(() => {\n    const classes = ['item'];\n\n    if (this.selected()) classes.push('selected');\n    if (this.active()) classes.push('active');\n\n    return classes.join(' ');\n  });\n}\n","<div [class]=\"classes()\" [style]=\"styles()\" [hidden]=\"!visible()\">\n  <cura-label [color]=\"selected() ? 'primary-base' : 'neutral-black'\" [size]=\"internalSize().label\" marginBlock=\"0\">\n    <ng-content></ng-content>\n  </cura-label>\n\n  @if (selected()) {\n    <cura-icon name=\"check\" [size]=\"internalSize().icon\" color=\"primary-base\"> </cura-icon>\n  }\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-select-state.mjs

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { input, model, output, computed, forwardRef, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';
+import { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';
+
+const BRAZILIAN_STATES = [
+    { value: 'AC', label: 'Acre' },
+    { value: 'AL', label: 'Alagoas' },
+    { value: 'AP', label: 'Amapá' },
+    { value: 'AM', label: 'Amazonas' },
+    { value: 'BA', label: 'Bahia' },
+    { value: 'CE', label: 'Ceará' },
+    { value: 'DF', label: 'Distrito Federal' },
+    { value: 'ES', label: 'Espírito Santo' },
+    { value: 'GO', label: 'Goiás' },
+    { value: 'MA', label: 'Maranhão' },
+    { value: 'MT', label: 'Mato Grosso' },
+    { value: 'MS', label: 'Mato Grosso do Sul' },
+    { value: 'MG', label: 'Minas Gerais' },
+    { value: 'PA', label: 'Pará' },
+    { value: 'PB', label: 'Paraíba' },
+    { value: 'PR', label: 'Paraná' },
+    { value: 'PE', label: 'Pernambuco' },
+    { value: 'PI', label: 'Piauí' },
+    { value: 'RJ', label: 'Rio de Janeiro' },
+    { value: 'RN', label: 'Rio Grande do Norte' },
+    { value: 'RS', label: 'Rio Grande do Sul' },
+    { value: 'RO', label: 'Rondônia' },
+    { value: 'RR', label: 'Roraima' },
+    { value: 'SC', label: 'Santa Catarina' },
+    { value: 'SP', label: 'São Paulo' },
+    { value: 'SE', label: 'Sergipe' },
+    { value: 'TO', label: 'Tocantins' },
+];
+class CuraSelectStateComponent {
+    constructor() {
+        /**
+         * Label displayed above the select
+         */
+        this.label = input('Estado', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Placeholder text shown when no option is selected
+         */
+        this.placeholder = input('Escolha seu estado', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        /**
+         * Whether the field is required
+         */
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        /**
+         * Whether the field is disabled
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * Size variant of the select
+         */
+        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Validation status of the select
+         */
+        this.status = input('default', ...(ngDevMode ? [{ debugName: "status" }] : []));
+        /**
+         * Controls whether options display the full state name or only the two-letter abbreviation
+         */
+        this.displayMode = input('full', ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
+        /**
+         * Two-way binding for the current selected state value (two-letter code)
+         */
+        this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Emitted when the user selects a state
+         */
+        this.selected = output();
+        this.states = computed(() => {
+            if (this.displayMode() === 'abbreviation') {
+                return BRAZILIAN_STATES.map((state) => ({ value: state.value, label: state.value }));
+            }
+            return BRAZILIAN_STATES;
+        }, ...(ngDevMode ? [{ debugName: "states" }] : []));
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    handleSelected(event) {
+        this.value.set(event.value);
+        this.onChange(event.value);
+        this.onTouched();
+        this.selected.emit(event);
+    }
+    writeValue(value) {
+        this.value.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraSelectStateComponent, isStandalone: true, selector: "cura-select-state", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", selected: "selected" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuraSelectStateComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n", dependencies: [{ kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["name", "label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectStateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-select-state', standalone: true, imports: [CuraSelectComponent, CuraSelectOptionComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuraSelectStateComponent),
+                            multi: true,
+                        },
+                    ], template: "<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraSelectStateComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-select-state.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-select-state/cura-select-state.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-select-state/cura-select-state.component.html","../../../projects/site-front-end-lib/cura/forms/cura-select-state/rededor-site-front-end-lib-cura-forms-cura-select-state.ts"],"sourcesContent":["import { Component, computed, forwardRef, input, model, output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';\nimport { SelectSelectedEvent, SelectSize, SelectStatus } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { BrazilianState, StateDisplayMode } from './cura-select-state.definitions';\n\nconst BRAZILIAN_STATES: BrazilianState[] = [\n  { value: 'AC', label: 'Acre' },\n  { value: 'AL', label: 'Alagoas' },\n  { value: 'AP', label: 'Amapá' },\n  { value: 'AM', label: 'Amazonas' },\n  { value: 'BA', label: 'Bahia' },\n  { value: 'CE', label: 'Ceará' },\n  { value: 'DF', label: 'Distrito Federal' },\n  { value: 'ES', label: 'Espírito Santo' },\n  { value: 'GO', label: 'Goiás' },\n  { value: 'MA', label: 'Maranhão' },\n  { value: 'MT', label: 'Mato Grosso' },\n  { value: 'MS', label: 'Mato Grosso do Sul' },\n  { value: 'MG', label: 'Minas Gerais' },\n  { value: 'PA', label: 'Pará' },\n  { value: 'PB', label: 'Paraíba' },\n  { value: 'PR', label: 'Paraná' },\n  { value: 'PE', label: 'Pernambuco' },\n  { value: 'PI', label: 'Piauí' },\n  { value: 'RJ', label: 'Rio de Janeiro' },\n  { value: 'RN', label: 'Rio Grande do Norte' },\n  { value: 'RS', label: 'Rio Grande do Sul' },\n  { value: 'RO', label: 'Rondônia' },\n  { value: 'RR', label: 'Roraima' },\n  { value: 'SC', label: 'Santa Catarina' },\n  { value: 'SP', label: 'São Paulo' },\n  { value: 'SE', label: 'Sergipe' },\n  { value: 'TO', label: 'Tocantins' },\n];\n\n@Component({\n  selector: 'cura-select-state',\n  standalone: true,\n  imports: [CuraSelectComponent, CuraSelectOptionComponent],\n  templateUrl: './cura-select-state.component.html',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CuraSelectStateComponent),\n      multi: true,\n    },\n  ],\n})\nexport class CuraSelectStateComponent implements ControlValueAccessor {\n  /**\n   * Label displayed above the select\n   */\n  label = input<string>('Estado');\n\n  /**\n   * Placeholder text shown when no option is selected\n   */\n  placeholder = input<string>('Escolha seu estado');\n\n  /**\n   * Whether the field is required\n   */\n  required = input<boolean>(false);\n\n  /**\n   * Whether the field is disabled\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * Size variant of the select\n   */\n  size = input<SelectSize>('medium');\n\n  /**\n   * Validation status of the select\n   */\n  status = input<SelectStatus>('default');\n\n  /**\n   * Controls whether options display the full state name or only the two-letter abbreviation\n   */\n  displayMode = input<StateDisplayMode>('full');\n\n  /**\n   * Two-way binding for the current selected state value (two-letter code)\n   */\n  value = model<string>('');\n\n  /**\n   * Emitted when the user selects a state\n   */\n  selected = output<SelectSelectedEvent>();\n\n  states = computed<BrazilianState[]>(() => {\n    if (this.displayMode() === 'abbreviation') {\n      return BRAZILIAN_STATES.map((state) => ({ value: state.value, label: state.value }));\n    }\n    return BRAZILIAN_STATES;\n  });\n\n  private onChange: (value: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  handleSelected(event: SelectSelectedEvent): void {\n    this.value.set(event.value);\n    this.onChange(event.value);\n    this.onTouched();\n    this.selected.emit(event);\n  }\n\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","<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}