cerxos-ui 0.0.22 → 0.0.23

package/fesm2022/cerxos-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, EventEmitter, ElementRef, HostListener, ViewChildren, ViewChild, Output, Input, ChangeDetectionStrategy, Attribute, forwardRef, Directive, ContentChildren, inject, ChangeDetectorRef, ContentChild, HostBinding, signal, Injectable, Pipe } from '@angular/core';
+import { Component, EventEmitter, ElementRef, HostListener, ViewChildren, ViewChild, Output, Input, ChangeDetectionStrategy, Attribute, inject, ChangeDetectorRef, forwardRef, Directive, ContentChildren, ContentChild, HostBinding, signal, Injectable, Pipe } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
@@ -975,6 +975,7 @@ const MARK_SIZE_CLASSES = {
     lg: 'after:h-3 after:w-2 before:h-0.5 before:w-4'
 };
 class CxsCheckboxComponent {
+    changeDetector = inject(ChangeDetectorRef);
     checked = false;
     indeterminate = false;
     disabled = false;
@@ -1020,6 +1021,7 @@ class CxsCheckboxComponent {
     }
     writeValue(value) {
         this.checked = value ?? false;
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1029,6 +1031,7 @@ class CxsCheckboxComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     onCheckboxChange(event) {
         const target = event.target;
@@ -2075,6 +2078,7 @@ const DAY_TODAY = 'border border-[var(--cxs-color-primary)]';
 const DAY_SELECTED = 'bg-[var(--cxs-color-primary)] text-[var(--cxs-color-on-primary)]';
 const DAY_HOVER = 'hover:bg-[var(--cxs-color-surface-hover)]';
 class CxsDatepickerComponent {
+    changeDetector = inject(ChangeDetectorRef);
     static nextId = 0;
     value = '';
     variant = 'outline';
@@ -2175,6 +2179,7 @@ class CxsDatepickerComponent {
     writeValue(value) {
         this.value = value ?? '';
         this.syncDisplayMonthWithValue();
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -2184,6 +2189,7 @@ class CxsDatepickerComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     onInput(event) {
         const target = event.target;
@@ -2862,6 +2868,7 @@ const ERROR_SIZE_CLASSES = {
 const INVALID_CLASSES$3 = 'border-[var(--cxs-color-danger)] focus-visible:border-[var(--cxs-color-danger)] ' +
     'focus-visible:outline-[var(--cxs-color-danger)]';
 class CxsInputComponent {
+    changeDetector = inject(ChangeDetectorRef);
     static nextId = 0;
     value = '';
     type = 'text';
@@ -2944,6 +2951,7 @@ class CxsInputComponent {
     }
     writeValue(value) {
         this.value = value ?? '';
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -2953,6 +2961,7 @@ class CxsInputComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     onInput(event) {
         const target = event.target;
@@ -3205,6 +3214,7 @@ const INVALID_CLASSES$2 = 'border-[var(--cxs-color-danger)] focus-within:border-
     'focus-within:outline-[var(--cxs-color-danger)]';
 class CxsMultiSelectComponent {
     elementRef;
+    changeDetector = inject(ChangeDetectorRef);
     static nextId = 0;
     options = [];
     value = [];
@@ -3321,6 +3331,7 @@ class CxsMultiSelectComponent {
     }
     writeValue(value) {
         this.value = value ? [...value] : [];
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -3330,6 +3341,7 @@ class CxsMultiSelectComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     focusInput() {
         if (this.isDisabled || this.readonly) {
@@ -3751,6 +3763,7 @@ const DOT_SIZE_CLASSES = {
 const INVALID_CLASSES$1 = 'border-[var(--cxs-color-danger)] peer-checked:border-[var(--cxs-color-danger)] ' +
     'after:bg-[var(--cxs-color-danger)]';
 class CxsRadioComponent {
+    changeDetector = inject(ChangeDetectorRef);
     value = '';
     name;
     variant = 'primary';
@@ -3801,6 +3814,7 @@ class CxsRadioComponent {
     }
     writeValue(value) {
         this.selectedValue = value ?? null;
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -3810,6 +3824,7 @@ class CxsRadioComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     onRadioChange(event) {
         const target = event.target;
@@ -4002,6 +4017,7 @@ const LABEL_SIZE_CLASSES$1 = {
 const INVALID_CLASSES = 'border-[var(--cxs-color-danger)] focus-visible:border-[var(--cxs-color-danger)] ' +
     'focus-visible:outline-[var(--cxs-color-danger)]';
 class CxsSelectComponent {
+    changeDetector = inject(ChangeDetectorRef);
     static nextId = 0;
     value = '';
     variant = 'outline';
@@ -4072,6 +4088,7 @@ class CxsSelectComponent {
     }
     writeValue(value) {
         this.value = value ?? '';
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -4081,6 +4098,7 @@ class CxsSelectComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     onSelectChange(event) {
         const target = event.target;
@@ -4241,6 +4259,7 @@ const INPUT_VARIANT_CLASSES = {
     danger: 'cxs-slider--danger'
 };
 class CxsSliderComponent {
+    changeDetector = inject(ChangeDetectorRef);
     static nextId = 0;
     value = 0;
     min = 0;
@@ -4337,6 +4356,7 @@ class CxsSliderComponent {
     }
     writeValue(value) {
         this.value = value ?? this.normalizedMin;
+        this.changeDetector.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -4346,6 +4366,7 @@ class CxsSliderComponent {
     }
     setDisabledState(isDisabled) {
         this.disabledFromControl = isDisabled;
+        this.changeDetector.markForCheck();
     }
     onInput(event) {
         const target = event.target;