i-tech-shared-components 1.1.6 → 1.1.9

package/lib/directives/date-mask.directive.d.ts

@@ -0,0 +1,25 @@
+import { ElementRef, Injector } from '@angular/core';
+import { MatDatepicker } from "@angular/material/datepicker";
+import { AbstractControl } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class DateMaskDirective {
+    private elementRef;
+    private injector;
+    maskType: string;
+    matDatepicker: MatDatepicker<any>;
+    rangeFormControl: AbstractControl;
+    expressions: {
+        DMY: string;
+        DM: string;
+    };
+    maskService: any;
+    dateRegex: RegExp;
+    dayMonthRegex: RegExp;
+    previousValue: string;
+    constructor(elementRef: ElementRef, injector: Injector);
+    onInput(): void;
+    onPaste(event: ClipboardEvent): void;
+    existsZerosInString(date: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateMaskDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateMaskDirective, "[dateMask]", never, { "maskType": { "alias": "maskType"; "required": false; }; "matDatepicker": { "alias": "matDatepicker"; "required": false; }; "rangeFormControl": { "alias": "rangeFormControl"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/input-mask.directive.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class InputMaskDirective {
+    private elementRef;
+    inputMask: 'number' | 'string';
+    set min(value: string);
+    set max(value: string);
+    set float(value: string);
+    minimumValue: number;
+    maximumValue: number;
+    isFloat: boolean;
+    regexFloat: RegExp;
+    regexOnlyNumbers: RegExp;
+    onPaste(event: any): void;
+    constructor(elementRef: ElementRef);
+    makeValidation(event: any, fromPaste?: boolean): boolean;
+    checkingForNumbers(value: any, event: any, newChar: string, fromPaste?: boolean): boolean;
+    checkingForTexts(value: any, event: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputMaskDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputMaskDirective, "[inputMask]", never, { "inputMask": { "alias": "inputMask"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "float": { "alias": "float"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/interfaces/app-input.interface.d.ts

@@ -0,0 +1,31 @@
+export interface AppInputInterface {
+    activeStateIconUrl?: string;
+    clearable?: boolean;
+    containerClass?: string;
+    datePicker?: boolean;
+    disabled?: boolean;
+    dontResetValueInClearAction?: boolean;
+    hint?: string;
+    iconPrefix?: string;
+    iconPrefixSvg?: string;
+    iconPrefixTooltip?: string;
+    iconPrefixColor?: string;
+    iconPrefixVariant?: string;
+    iconSuffix?: string;
+    iconUrl?: string;
+    inputClass?: string;
+    inputMask?: 'number' | 'string';
+    label?: string;
+    leadZeroDateTime?: boolean;
+    mask?: string;
+    pattern?: string | RegExp;
+    placeholder: string;
+    prefix?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    submit: boolean;
+    textarea?: boolean;
+    type: string;
+    defaultPatternKey?: string;
+    focusOutEmit?: boolean;
+}

package/lib/interfaces/autocomplete-configs.interface.d.ts

@@ -0,0 +1,37 @@
+export interface AutocompleteConfigsInterface {
+    label: string;
+    hideLabel?: boolean;
+    paginate: any;
+    paginateOnScroll?: boolean;
+    valueByKey: Array<string>;
+    valueToShowByKey: Array<string>;
+    valueToShowByParam?: Array<string | Array<string | number>>;
+    withParamSymbol?: string;
+    multiple?: boolean;
+    hideSelectAllOption?: boolean;
+    reset?: boolean;
+    search?: boolean;
+    disabled?: boolean;
+    errorMessage?: string;
+    placeholder?: string;
+    filtrationKey?: string;
+    required?: boolean;
+    hover?: string;
+    changeText?: any;
+    iconUrl?: string;
+    activeStateIconUrl?: string;
+    matIconName?: string;
+    matIconSvg?: string;
+    actions?: any;
+    blockPagination?: boolean;
+    valueById?: string;
+    showFullTextWithOptionalOnSelectedValue?: boolean;
+    iconPrefix?: string;
+    readOnly?: boolean;
+    iconSuffix?: string;
+    clearable?: boolean;
+    defaultPatternKey?: string;
+    iconPrefixTooltip?: string | undefined;
+    iconPrefixSvg?: string | undefined;
+    iconPrefixColor?: string | undefined;
+}

package/lib/interfaces/button-types.enum.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Enum representing different types of buttons.
+ */
+export declare enum ButtonType {
+    /** A filled button with solid background, typically used for primary actions. */
+    FILLED = "FILLED",
+    /** A tonal button with lighter background, used for secondary actions. */
+    TONAL = "TONAL",
+    /** An outlined button with a border and no background. */
+    OUTLINE = "OUTLINE",
+    /** A text button with no background or border, ideal for minimal UI. */
+    TEXT = "TEXT",
+    /** A warning button with special styling to indicate caution or alert actions. */
+    WARNING = "WARNING"
+}

package/lib/interfaces/dropdown-selection.constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum DropdownSelectionType {
+    UPLOAD = "UPLOAD",
+    DOWNLOAD = "DOWNLOAD",
+    BLANK = "BLANK"
+}
+export declare const DropdownItemIcon: {
+    UPLOAD: string;
+    DOWNLOAD: string;
+    BLANK: string;
+};

package/lib/pipes/array-to-string.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ArrayToStringPipe implements PipeTransform {
+    transform(value: Array<string | number> | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayToStringPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArrayToStringPipe, "arrayToString", true>;
+}

package/lib/pipes/generate-error-messages.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { TranslateService } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+export declare class GenerateErrorMessagesPipe implements PipeTransform {
+    private translateService;
+    constructor(translateService: TranslateService);
+    transform(control: any, label: string, defaultPatternKey?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenerateErrorMessagesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GenerateErrorMessagesPipe, "generateErrorMessages", true>;
+}

package/lib/pipes/get-value-by-key-from-object.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class GetValueByKeyFromObjectPipe implements PipeTransform {
+    transform(keys: string | Array<string | number>, data: any, withParams?: Array<string | Array<string | number>> | null, withParamSymbol?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GetValueByKeyFromObjectPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GetValueByKeyFromObjectPipe, "getValueByKeyFromObject", true>;
+}

package/lib/services/input.service.d.ts

@@ -0,0 +1,7 @@
+import { FormControlName } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class InputService {
+    injectNgControl(): FormControlName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InputService>;
+}

package/package.json

@@ -1,19 +1,32 @@
-{
-  "name": "i-tech-shared-components",
-  "version": "1.1.6",
-  "peerDependencies": {
-    "@angular/cdk": "^19.0.4",
-    "@angular/material": "^19.0.4",
-    "@angular/animations": "^19.0.5",
-    "@ngx-translate/core": "^15.0.0",
-    "@ngx-translate/http-loader": "^8.0.0",
-    "ngx-mask": "^16.0.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "files": [
-    "**/*"
-  ]
-}
+{
+  "name": "i-tech-shared-components",
+  "version": "1.1.9",
+  "peerDependencies": {
+    "@angular/cdk": "^18.2.14",
+    "@angular/material": "^18.2.14",
+    "@angular/animations": "^18.0.0",
+    "@ngx-translate/core": "^15.0.0",
+    "@ngx-translate/http-loader": "^8.0.0",
+    "ngx-mask": "^16.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "files": [
+    "**/*"
+  ],
+  "module": "fesm2022/i-tech-shared-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/i-tech-shared-components.mjs",
+      "esm": "./esm2022/i-tech-shared-components.mjs",
+      "default": "./fesm2022/i-tech-shared-components.mjs"
+    }
+  }
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,20 +1,16 @@
-/*
- * Public API Surface of shared-components
- */
-
-export * from './lib/pipes/generate-error-messages.pipe';
-export * from './lib/pipes/array-to-string.pipe';
-export * from './lib/pipes/get-value-by-key-from-object.pipe';
-export * from './lib/services/input.service';
-export * from './lib/interfaces/app-input.interface';
-export * from './lib/interfaces/button-types.enum';
-export * from './lib/interfaces/autocomplete-configs.interface';
-export * from './lib/directives/input-mask.directive';
-export * from './lib/components/icon-button/icon-button.component';
-export * from './lib/components/text/text-input.component';
-export * from './lib/components/button/button.component';
-export * from './lib/components/autocomplete-select/autocomplete-select.component';
-export * from './lib/components/date-picker/date-picker.component';
-export * from './lib/components/clear-value/clear-value.component';
-export * from './lib/components/date-range-datepicker/date-range-datepicker.component';
-
+export * from './lib/pipes/generate-error-messages.pipe';
+export * from './lib/pipes/array-to-string.pipe';
+export * from './lib/pipes/get-value-by-key-from-object.pipe';
+export * from './lib/services/input.service';
+export * from './lib/interfaces/app-input.interface';
+export * from './lib/interfaces/button-types.enum';
+export * from './lib/interfaces/autocomplete-configs.interface';
+export * from './lib/directives/input-mask.directive';
+export * from './lib/components/icon-button/icon-button.component';
+export * from './lib/components/text/text-input.component';
+export * from './lib/components/button/button.component';
+export * from './lib/components/autocomplete-select/autocomplete-select.component';
+export * from './lib/components/date-picker/date-picker.component';
+export * from './lib/components/clear-value/clear-value.component';
+export * from './lib/components/date-range-datepicker/date-range-datepicker.component';
+export * from './lib/components/menu/menu.component';

package/theme/_buttons.scss

@@ -1,63 +1,63 @@
-
-@use '@angular/material' as mat;
-@import "./color_themes.scss";
-
-body {
-  $borderRadius: 5px;
-  $fontSize: 13px;
-  $letterSpacing: 0.5px;
-  // BUTTONS
-  --mdc-filled-button-container-shape: #{$borderRadius} !important;
-  --mdc-outlined-button-container-shape: #{$borderRadius} !important;
-  --mdc-text-button-container-shape: #{$borderRadius} !important;
-  // Font Size
-  --mdc-filled-button-label-text-size: #{$fontSize} !important;
-  --mdc-outlined-button-label-text-size: #{$fontSize} !important;
-  --mdc-text-button-label-text-size: #{$fontSize} !important;
-  // Letter Spacing
-  --mdc-filled-button-label-text-tracking: #{$letterSpacing} !important;
-  --mdc-outlined-button-label-text-tracking: #{$letterSpacing} !important;
-  --mdc-text-button-label-text-tracking: #{$letterSpacing} !important;
-  // Unset Outline default border color
-  --mdc-outlined-button-outline-color: 0 !important;
-
-  .mdc-button:not(.mat-autocomplete-select-button) {
-    height: 40px;
-  }
-
-  .mdc-button {
-    .spinner-overlay {
-      position: absolute;
-      left: -20px;
-      top: 50%;
-      transform: translateY(-50%);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    svg path {
-      fill: var(--mdc-text-button-label-text-color);
-    }
-
-    .spinner-overlay mat-spinner {
-      width: 20px;
-      height: 20px;
-    }
-  }
-
-  .relative {
-    position: relative;
-  }
-
-  .activated {
-    background-color: mat.get-theme-color($m3-light-theme, primary, 95) !important;
-  }
-
-  // DEFINE TERTIARY BUTTON
-  .mdc-button.tertiary {
-    @include mat.button-color($m3-light-theme, $color-variant: tertiary);
-    --mdc-text-button-label-text-color: mat.get-theme-color($m3-light-theme, 'tertiary', 30) !important;
-  }
-  // END OF DEFINE TERTIARY BUTTON
-}
+
+@use '@angular/material' as mat;
+@import "./color_themes.scss";
+
+body {
+  $borderRadius: 5px;
+  $fontSize: 13px;
+  $letterSpacing: 0.5px;
+  // BUTTONS
+  --mdc-filled-button-container-shape: #{$borderRadius} !important;
+  --mdc-outlined-button-container-shape: #{$borderRadius} !important;
+  --mdc-text-button-container-shape: #{$borderRadius} !important;
+  // Font Size
+  --mdc-filled-button-label-text-size: #{$fontSize} !important;
+  --mdc-outlined-button-label-text-size: #{$fontSize} !important;
+  --mdc-text-button-label-text-size: #{$fontSize} !important;
+  // Letter Spacing
+  --mdc-filled-button-label-text-tracking: #{$letterSpacing} !important;
+  --mdc-outlined-button-label-text-tracking: #{$letterSpacing} !important;
+  --mdc-text-button-label-text-tracking: #{$letterSpacing} !important;
+  // Unset Outline default border color
+  --mdc-outlined-button-outline-color: 0 !important;
+
+  .mdc-button:not(.mat-autocomplete-select-button) {
+    height: 40px;
+  }
+
+  .mdc-button {
+    .spinner-overlay {
+      position: absolute;
+      left: -20px;
+      top: 50%;
+      transform: translateY(-50%);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    svg path {
+      fill: var(--mdc-text-button-label-text-color);
+    }
+
+    .spinner-overlay mat-spinner {
+      width: 20px;
+      height: 20px;
+    }
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .activated {
+    background-color: mat.get-theme-color($m3-light-theme, primary, 95) !important;
+  }
+
+  // DEFINE TERTIARY BUTTON
+  .mdc-button.tertiary {
+    @include mat.button-color($m3-light-theme, $color-variant: tertiary);
+    --mdc-text-button-label-text-color: mat.get-theme-color($m3-light-theme, 'tertiary', 30) !important;
+  }
+  // END OF DEFINE TERTIARY BUTTON
+}