ecabs-components 1.0.22 → 1.0.24

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

@@ -1,53 +1,53 @@
-import { ElementRef, Injector, AfterViewInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { FormTimePickerService } from './ecabs-timepicker.service';
-import ElementBaseComponent from '../base/element-base';
-import { ListPlacement, ListPosition } from '../models/timepicker.models';
-import * as i0 from "@angular/core";
-export declare class EcabsTimepickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
-    private elementRef;
-    private timepickerService;
-    private injector;
-    showCloseIcon: boolean;
-    focusedFlag: boolean;
-    listPlacement: ListPlacement;
-    appendTo: string;
-    min: string;
-    max: string;
-    showDayStart: boolean;
-    showDayEnd: boolean;
-    addSecond: boolean;
-    position: ListPosition;
-    _data: string;
-    _timePicker: any;
-    _input: any;
-    listPosition: ListPosition;
-    caretPositionStart: any;
-    caretPositionEnd: any;
-    get data(): any;
-    set data(value: any);
-    constructor(elementRef: ElementRef, timepickerService: FormTimePickerService, injector: Injector);
-    handleMousedown($event: MouseEvent): void;
-    ngAfterViewInit(): void;
-    clearInput(): void;
-    calcListPosition(): void;
-    inputKeyDown(event: any): boolean;
-    checkSpecialKeys(key: any, selectionStart: any, selectionEnd: any): 'stop' | 'continue' | 'tab' | 'arrow';
-    checkUnUsedKeys(key: string): boolean;
-    setCaretPosition(elem: any): void;
-    checkOutOfRangeNumber(time: any): boolean;
-    makeHourFull(): void;
-    makeMinuteFull(): void;
-    fixTimeToNearest(): void;
-    onChangeFn: (_: any) => void;
-    onTouchedFn: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    writeValue(obj: any): void;
-    onChange(): void;
-    show(): void;
-    close(val?: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "focusedFlag": { "alias": "focusedFlag"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "addSecond": { "alias": "addSecond"; "required": false; }; }, {}, never, ["mat-icon"], false, never>;
-}
+import { ElementRef, Injector, AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { FormTimePickerService } from './ecabs-timepicker.service';
+import ElementBaseComponent from '../base/element-base';
+import { ListPlacement, ListPosition } from '../models/timepicker.models';
+import * as i0 from "@angular/core";
+export declare class EcabsTimepickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+    private elementRef;
+    private timepickerService;
+    private injector;
+    showCloseIcon: boolean;
+    focusedFlag: boolean;
+    listPlacement: ListPlacement;
+    appendTo: string;
+    min: string;
+    max: string;
+    showDayStart: boolean;
+    showDayEnd: boolean;
+    addSecond: boolean;
+    position: ListPosition;
+    _data: string;
+    _timePicker: any;
+    _input: any;
+    listPosition: ListPosition;
+    caretPositionStart: any;
+    caretPositionEnd: any;
+    get data(): any;
+    set data(value: any);
+    constructor(elementRef: ElementRef, timepickerService: FormTimePickerService, injector: Injector);
+    handleMousedown($event: MouseEvent): void;
+    ngAfterViewInit(): void;
+    clearInput(): void;
+    calcListPosition(): void;
+    inputKeyDown(event: any): boolean;
+    checkSpecialKeys(key: any, selectionStart: any, selectionEnd: any): 'stop' | 'continue' | 'tab' | 'arrow';
+    checkUnUsedKeys(key: string): boolean;
+    setCaretPosition(elem: any): void;
+    checkOutOfRangeNumber(time: any): boolean;
+    makeHourFull(): void;
+    makeMinuteFull(): void;
+    fixTimeToNearest(): void;
+    onChangeFn: (_: any) => void;
+    onTouchedFn: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(obj: any): void;
+    onChange(): void;
+    show(): void;
+    close(val?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "focusedFlag": { "alias": "focusedFlag"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "addSecond": { "alias": "addSecond"; "required": false; }; }, {}, never, ["mat-icon"], false, never>;
+}

package/lib/ecabs-timepicker/ecabs-timepicker.module.d.ts

@@ -1,10 +1,10 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./ecabs-timepicker.component";
-import * as i2 from "./componets/ecabs-time-list-panel/ecabs-time-list-panel.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../base/element-wrapper/element-wrapper.module";
-export declare class EcabsTimepickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsTimepickerModule, [typeof i1.EcabsTimepickerComponent, typeof i2.EcabsTimeListPanelComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule], [typeof i2.EcabsTimeListPanelComponent, typeof i1.EcabsTimepickerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsTimepickerModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-timepicker.component";
+import * as i2 from "./componets/ecabs-time-list-panel/ecabs-time-list-panel.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../base/element-wrapper/element-wrapper.module";
+export declare class EcabsTimepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsTimepickerModule, [typeof i1.EcabsTimepickerComponent, typeof i2.EcabsTimeListPanelComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule], [typeof i2.EcabsTimeListPanelComponent, typeof i1.EcabsTimepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsTimepickerModule>;
+}

package/lib/ecabs-timepicker/ecabs-timepicker.service.d.ts

@@ -1,12 +1,12 @@
-import { Subject } from 'rxjs';
-import { FormTimePickerConfig } from './config.model';
-import * as i0 from "@angular/core";
-export declare class FormTimePickerService {
-    config: FormTimePickerConfig;
-    closeSub: Subject<boolean>;
-    setConfig(c: FormTimePickerConfig): void;
-    getConfig(): FormTimePickerConfig;
-    close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormTimePickerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FormTimePickerService>;
-}
+import { Subject } from 'rxjs';
+import { FormTimePickerConfig } from './config.model';
+import * as i0 from "@angular/core";
+export declare class FormTimePickerService {
+    config: FormTimePickerConfig;
+    closeSub: Subject<boolean>;
+    setConfig(c: FormTimePickerConfig): void;
+    getConfig(): FormTimePickerConfig;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormTimePickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormTimePickerService>;
+}

package/lib/models/bread-crumb.d.ts

@@ -1,5 +1,5 @@
-export interface BreadCrumb {
-    title: string;
-    url?: string;
-    icon?: string;
-}
+export interface BreadCrumb {
+    title: string;
+    url?: string;
+    icon?: string;
+}

package/lib/models/timepicker.models.d.ts

@@ -1,6 +1,6 @@
-export type ListPlacement = 'bottom' | 'top' | 'auto';
-export interface ListPosition {
-    left?: number;
-    top?: number;
-    width?: number;
-}
+export type ListPlacement = 'bottom' | 'top' | 'auto';
+export interface ListPosition {
+    left?: number;
+    top?: number;
+    width?: number;
+}

package/lib/services/ecabs-components.service.d.ts

@@ -1,16 +1,16 @@
-import * as i0 from "@angular/core";
-export declare class EcabsComponentsService {
-    config: EcabsComponentsConfig;
-    constructor();
-    setConfig(c: EcabsComponentsConfig): void;
-    getConfig(): EcabsComponentsConfig;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsComponentsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<EcabsComponentsService>;
-}
-export interface EcabsComponentsConfig {
-    errorMessages: ErrorMessage[];
-}
-export interface ErrorMessage {
-    type: string;
-    message: string;
-}
+import * as i0 from "@angular/core";
+export declare class EcabsComponentsService {
+    config: EcabsComponentsConfig;
+    constructor();
+    setConfig(c: EcabsComponentsConfig): void;
+    getConfig(): EcabsComponentsConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsComponentsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EcabsComponentsService>;
+}
+export interface EcabsComponentsConfig {
+    errorMessages: ErrorMessage[];
+}
+export interface ErrorMessage {
+    type: string;
+    message: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "peerDependencies": {
     "@angular/common": "^16.0.4",
     "@angular/core": "^16.0.4",

package/public-api.d.ts

@@ -1,54 +1,54 @@
-export * from './lib/ecabs-loading/ecabs-loading.module';
-export * from './lib/ecabs-loading/ecabs-loading.component';
-export * from './lib/ecabs-loading/spinner/spinner.component';
-export * from './lib/ecabs-buttons/ecabs-buttons.component';
-export * from './lib/ecabs-buttons/ecabs-buttons.module';
-export * from './lib/ecabs-input/ecabs-input.component';
-export * from './lib/ecabs-input/ecabs-input.module';
-export * from './lib/ecabs-select/ecabs-select.module';
-export * from './lib/ecabs-select/ecabs-select.component';
-export * from './lib/ecabs-textarea/ecabs-textarea.component';
-export * from './lib/ecabs-textarea/ecabs-textarea.module';
-export * from './lib/services/ecabs-components.service';
-export * from './lib/base/validation/validation.component';
-export * from './lib/base/validation/validation.module';
-export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component';
-export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module';
-export * from './lib/ecabs-date-picker/ecabs-date-picker.component';
-export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component';
-export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.component';
-export * from './lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
-export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.module';
-export * from './lib/ecabs-date-picker/ecabs-date-picker.module';
-export * from './lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.component';
-export * from './lib/ecabs-date-time-range-picker/components/ecabs-date-time-range-picker-header/ecabs-date-time-range-picker-header.component';
-export * from './lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.module';
-export * from './lib/ecabs-date-time-range-picker/time-range.directive';
-export * from './lib/ecabs-increment/ecabs-increment.component';
-export * from './lib/ecabs-increment/ecabs-increment.module';
-export * from './lib/ecabs-phone/ecabs-phone.component';
-export * from './lib/ecabs-phone/ecabs-phone.module';
-export * from './lib/ecabs-radio-button-list/ecabs-radio-button-list.component';
-export * from './lib/ecabs-radio-button-list/ecabs-radio-button-list.module';
-export * from './lib/ecabs-timepicker/ecabs-timepicker.component';
-export * from './lib/ecabs-timepicker/componets/ecabs-time-list-panel/ecabs-time-list-panel.component';
-export * from './lib/ecabs-timepicker/ecabs-timepicker.service';
-export * from './lib/ecabs-timepicker/ecabs-timepicker.module';
-export * from './lib/ecabs-empty-placeholder/ecabs-empty-placeholder.component';
-export * from './lib/ecabs-empty-placeholder/ecabs-empty-placeholder.module';
-export * from './lib/ecabs-expansion-panel/ecabs-expansion-panel.component';
-export * from './lib/ecabs-expansion-panel/ecabs-expansion-panel.module';
-export * from './lib/ecabs-table/ecabs-table-filter-wrapper/ecabs-table-filter-wrapper.component';
-export * from './lib/ecabs-table/ecabs-table-filter-wrapper/ecabs-table-filter-wrapper.module';
-export * from './lib/ecabs-table/ecabs-table.component';
-export * from './lib/ecabs-table/ecabs-table.module';
-export * from './lib/ecabs-note/ecabs-note.component';
-export * from './lib/ecabs-note/ecabs-note.module';
-export * from './lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component';
-export * from './lib/ecabs-dialog-confirm/ecabs-dialog-confirm.module';
-export * from './lib/ecabs-dialog-message/ecabs-dialog-message.component';
-export * from './lib/ecabs-dialog-message/ecabs-dialog-message.module';
-export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.component';
-export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.module';
-export * from './lib/ecabs-language-selector/ecabs-language-selector.component';
-export * from './lib/ecabs-language-selector/ecabs-language-selector.module';
+export * from './lib/ecabs-loading/ecabs-loading.module';
+export * from './lib/ecabs-loading/ecabs-loading.component';
+export * from './lib/ecabs-loading/spinner/spinner.component';
+export * from './lib/ecabs-buttons/ecabs-buttons.component';
+export * from './lib/ecabs-buttons/ecabs-buttons.module';
+export * from './lib/ecabs-input/ecabs-input.component';
+export * from './lib/ecabs-input/ecabs-input.module';
+export * from './lib/ecabs-select/ecabs-select.module';
+export * from './lib/ecabs-select/ecabs-select.component';
+export * from './lib/ecabs-textarea/ecabs-textarea.component';
+export * from './lib/ecabs-textarea/ecabs-textarea.module';
+export * from './lib/services/ecabs-components.service';
+export * from './lib/base/validation/validation.component';
+export * from './lib/base/validation/validation.module';
+export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.component';
+export * from './lib/ecabs-checkbox-toggle/ecabs-checkbox-toggle.module';
+export * from './lib/ecabs-date-picker/ecabs-date-picker.component';
+export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs-date-picker-header.component';
+export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.component';
+export * from './lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
+export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.module';
+export * from './lib/ecabs-date-picker/ecabs-date-picker.module';
+export * from './lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.component';
+export * from './lib/ecabs-date-time-range-picker/components/ecabs-date-time-range-picker-header/ecabs-date-time-range-picker-header.component';
+export * from './lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.module';
+export * from './lib/ecabs-date-time-range-picker/time-range.directive';
+export * from './lib/ecabs-increment/ecabs-increment.component';
+export * from './lib/ecabs-increment/ecabs-increment.module';
+export * from './lib/ecabs-phone/ecabs-phone.component';
+export * from './lib/ecabs-phone/ecabs-phone.module';
+export * from './lib/ecabs-radio-button-list/ecabs-radio-button-list.component';
+export * from './lib/ecabs-radio-button-list/ecabs-radio-button-list.module';
+export * from './lib/ecabs-timepicker/ecabs-timepicker.component';
+export * from './lib/ecabs-timepicker/componets/ecabs-time-list-panel/ecabs-time-list-panel.component';
+export * from './lib/ecabs-timepicker/ecabs-timepicker.service';
+export * from './lib/ecabs-timepicker/ecabs-timepicker.module';
+export * from './lib/ecabs-empty-placeholder/ecabs-empty-placeholder.component';
+export * from './lib/ecabs-empty-placeholder/ecabs-empty-placeholder.module';
+export * from './lib/ecabs-expansion-panel/ecabs-expansion-panel.component';
+export * from './lib/ecabs-expansion-panel/ecabs-expansion-panel.module';
+export * from './lib/ecabs-table/ecabs-table-filter-wrapper/ecabs-table-filter-wrapper.component';
+export * from './lib/ecabs-table/ecabs-table-filter-wrapper/ecabs-table-filter-wrapper.module';
+export * from './lib/ecabs-table/ecabs-table.component';
+export * from './lib/ecabs-table/ecabs-table.module';
+export * from './lib/ecabs-note/ecabs-note.component';
+export * from './lib/ecabs-note/ecabs-note.module';
+export * from './lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component';
+export * from './lib/ecabs-dialog-confirm/ecabs-dialog-confirm.module';
+export * from './lib/ecabs-dialog-message/ecabs-dialog-message.component';
+export * from './lib/ecabs-dialog-message/ecabs-dialog-message.module';
+export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.component';
+export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.module';
+export * from './lib/ecabs-language-selector/ecabs-language-selector.component';
+export * from './lib/ecabs-language-selector/ecabs-language-selector.module';

package/styles/material/overrides/_form.scss

@@ -1,15 +1,19 @@
 .mat-mdc-form-field {
   display: block !important;
+
   .mat-mdc-form-field-wrapper {
     padding: 0;
+
     .mat-mdc-form-field-flex {
       padding: 0;
     }
+
     .mat-mdc-form-field-infix {
       padding: 0;
       border: 0;
     }
   }
+
   &-underline {
     display: none;
   }
@@ -48,16 +52,20 @@
 
 .mat-mdc-form-field {
   display: block !important;
+
   .mat-mdc-form-field-wrapper {
     padding: 0;
+
     .mat-mdc-form-field-flex {
       padding: 0;
     }
+
     .mat-mdc-form-field-infix {
       padding: 0;
       border: 0;
     }
   }
+
   &-underline {
     display: none;
   }
@@ -135,10 +143,14 @@
   }
 }
 
-.mdc-text-field{
+.mdc-text-field {
   padding: 0rem !important;
 }
 
 .mat-mdc-form-field-focus-overlay {
   background-color: inherit !important;
 }
+
+label {
+  @extend .form-field__label;
+}

package/styles/scss/modules/_form.scss

@@ -149,14 +149,19 @@ form {
 
     // #Required
     @include m(required) {
-      .form-field__label {
-        &:after {
-          @extend %pseudos;
-
-          content: '*';
-          margin-left: 0.2rem;
-          margin-top: 2px;
-          color: var(--color-error);
+      .form-field__label, label {
+        &:not([class*=mat-slide-toggle-label], [class*=mat-radio-label]) {
+          &:after {
+            @extend %required;
+          }
+        }
+      }
+
+      label span {
+        &.mat-radio-label-content, &.mat-slide-toggle-content {
+          &:after {
+            @extend %required;
+          }
         }
       }
     }

package/styles/scss/utilities/_helpers.scss

@@ -3,3 +3,12 @@
   position: absolute;
   content: '';
 }
+
+%required {
+  @extend %pseudos;
+
+  content: '*' !important;
+  margin-left: 0.2rem;
+  margin-top: 2px;
+  color: var(--color-error);
+}