ecabs-components 1.1.77 → 1.1.79

package/lib/base/directives/digits-only.directive.d.ts

@@ -4,6 +4,7 @@ export declare class EcabsDigitsOnlyDirective implements OnInit {
     el: ElementRef;
     digitsOnly: boolean;
     allowHyphen: boolean;
+    allowRange: boolean;
     decimal?: boolean;
     decimalSeparator?: string;
     unit?: number;
@@ -11,6 +12,7 @@ export declare class EcabsDigitsOnlyDirective implements OnInit {
     minus: string;
     minusCounter: number;
     regex: RegExp;
+    rangeRegex?: RegExp;
     private decimalCounter;
     private readonly navigationKeys;
     constructor(el: ElementRef);
@@ -21,7 +23,16 @@ export declare class EcabsDigitsOnlyDirective implements OnInit {
     ngOnInit(): void;
     private pasteData;
     private sanitizeInput;
-    private isValidDecimal;
+    private sanitizeRange;
+    private keepFirstSeparator;
+    private applyMaxLength;
+    private escapeRegExp;
+    private isMinusAllowed;
+    private hasRangeSeparator;
+    private isCaretAtStart;
+    private hasDigitBeforeCaret;
+    private isPartialRange;
+    private isPartialNegative;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDigitsOnlyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EcabsDigitsOnlyDirective, "[ecabsDigitsOnly]", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "decimal": { "alias": "decimal"; "required": false; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EcabsDigitsOnlyDirective, "[ecabsDigitsOnly]", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "allowRange": { "alias": "allowRange"; "required": false; }; "decimal": { "alias": "decimal"; "required": false; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/ecabs-chip-group/ecabs-chip-group.component.d.ts

@@ -7,6 +7,8 @@ export declare class EcabsChipGroupComponent<T = unknown> implements ControlValu
     multiple: boolean;
     disableRipple: boolean;
     truncateAt: number;
+    compareFn: (a: T, b: T) => boolean;
+    trackByFn: (index: number, option: SelectOption<T>) => unknown;
     selectedChange: EventEmitter<T | T[]>;
     protected readonly _value: import("@angular/core").WritableSignal<T | T[]>;
     protected readonly isDisabled: import("@angular/core").WritableSignal<boolean>;
@@ -18,5 +20,5 @@ export declare class EcabsChipGroupComponent<T = unknown> implements ControlValu
     private onChange;
     private onTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsChipGroupComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipGroupComponent<any>, "ecabs-chip-group", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsChipGroupComponent<any>, "ecabs-chip-group", never, { "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "truncateAt": { "alias": "truncateAt"; "required": false; }; "compareFn": { "alias": "compareFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, false, never>;
 }

package/lib/ecabs-input/ecabs-input.component.d.ts

@@ -9,6 +9,7 @@ export declare class EcabsInputComponent extends EcabsElementBaseComponent imple
     digitsOnly: boolean;
     allowDecimal: boolean;
     allowHyphen: boolean;
+    allowRange: boolean;
     max: number;
     mini: number;
     maxi: number;
@@ -27,5 +28,5 @@ export declare class EcabsInputComponent extends EcabsElementBaseComponent imple
     registerOnTouched(fn: any): void;
     blurChange(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsInputComponent, "ecabs-input", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "max": { "alias": "max"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "maxi": { "alias": "maxi"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, { "onblur": "onblur"; }, never, ["mat-icon", ".suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsInputComponent, "ecabs-input", never, { "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowHyphen": { "alias": "allowHyphen"; "required": false; }; "allowRange": { "alias": "allowRange"; "required": false; }; "max": { "alias": "max"; "required": false; }; "mini": { "alias": "mini"; "required": false; }; "maxi": { "alias": "maxi"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, { "onblur": "onblur"; }, never, ["mat-icon", ".suffix"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.1.77",
+  "version": "1.1.79",
   "peerDependencies": {
     "@angular/animations": "^16.2.12",
     "@angular/common": "^16.2.12",

package/src/assets/styles/scss/modules/_chip.scss

@@ -1,64 +1,64 @@
-.chip {
-  @include fontSize($font-size-base);
-
-  border-radius: $border-radius-base;
-  display: flex;
-  width: fit-content;
-  min-width: calc-rem(56px);
-  padding: calc-rem(8px 12px);
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-gray-50);
-  color: var(--color-gray-500);
-  font-weight: $font-weight-regular;
-  cursor: pointer;
-
-  &:hover {
-    border-color: var(--color-gray-300);
-  }
-
-  @include e(standard) {
-    width: 7.2rem;
-    max-width: 7.2rem;
-  }
-
-  // #Info
-  @include m(info) {
-    background-color: rgba(var(--color-info-rgb), .06);
-    color: var(--color-info);
-  }
-
-  // #Warn
-  @include m(warn) {
-    background-color: var(--color-warning-opacity);
-    color: var(--color-warning);
-  }
-
-  // #Danger
-  @include m(danger) {
-    background-color: rgba(var(--color-error-rgb), .06);
-    color: var(--color-error);
-  }
-
-  // #Success
-  @include m(success) {
-    background-color: var(--color-success--opacity);
-    color: var(--color-success);
-  }
-
-  // #Selected
-  @include m(selected) {
-    &, * {
-      color: var(--color-white);
-      border-color: var(--color-brand-light);
-    }
-
-    background-color: var(--color-brand-light);
-  }
-
-  @include m(not-selected) {
-    border: 1px solid var(--color-gray-300);
-    background-color: var(--color-white);
-    color: var(--color-black);
-  }
-}
+.chip {
+  @include fontSize($font-size-base);
+
+  border-radius: $border-radius-base;
+  display: flex;
+  width: fit-content;
+  min-width: calc-rem(56px);
+  padding: calc-rem(8px 12px);
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-gray-50);
+  color: var(--color-gray-500);
+  font-weight: $font-weight-regular;
+  cursor: pointer;
+
+  &:hover {
+    border-color: var(--color-gray-300);
+  }
+
+  @include e(standard) {
+    width: 7.2rem;
+    max-width: 7.2rem;
+  }
+
+  // #Info
+  @include m(info) {
+    background-color: rgba(var(--color-info-rgb), .06);
+    color: var(--color-info);
+  }
+
+  // #Warn
+  @include m(warn) {
+    background-color: var(--color-warning-opacity);
+    color: var(--color-warning);
+  }
+
+  // #Danger
+  @include m(danger) {
+    background-color: rgba(var(--color-error-rgb), .06);
+    color: var(--color-error);
+  }
+
+  // #Success
+  @include m(success) {
+    background-color: var(--color-success--opacity);
+    color: var(--color-success);
+  }
+
+  // #Selected
+  @include m(selected) {
+    &, * {
+      color: var(--color-white);
+      border-color: var(--color-brand-light);
+    }
+
+    background-color: var(--color-brand-light);
+  }
+
+  @include m(not-selected) {
+    border: 1px solid var(--color-gray-300);
+    background-color: var(--color-white);
+    color: var(--color-black);
+  }
+}