@dealpos-npm/ng-dealpos-library 2.3.2 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/dialog/src/custom-dialog/modal-material.component.d.ts +6 -2
- package/components/dialog/src/custom-dialog-config/modal-material-config.d.ts +1 -2
- package/components/serial-note/index.d.ts +5 -0
- package/components/serial-note/public-api.d.ts +1 -0
- package/components/serial-note/src/serial-note.component.d.ts +7 -0
- package/components/timepicker/index.d.ts +5 -0
- package/components/timepicker/public-api.d.ts +1 -0
- package/components/timepicker/src/timepicker.component.d.ts +15 -0
- package/components/tinymce-editor/src/tinymce-editor.component.d.ts +3 -2
- package/directives/file-drag-drop/index.d.ts +5 -0
- package/directives/file-drag-drop/public-api.d.ts +1 -0
- package/directives/file-drag-drop/src/file-drag-drop.directive.d.ts +16 -0
- package/directives/file-size-check/index.d.ts +5 -0
- package/directives/file-size-check/public-api.d.ts +1 -0
- package/directives/file-size-check/src/file-size-check.directive.d.ts +13 -0
- package/directives/form-or-floating-on-masked/index.d.ts +5 -0
- package/directives/form-or-floating-on-masked/public-api.d.ts +1 -0
- package/directives/form-or-floating-on-masked/src/form-or-floating-on-masked.directive.d.ts +14 -0
- package/directives/is-invalid-email-or-phone/index.d.ts +5 -0
- package/directives/is-invalid-email-or-phone/public-api.d.ts +1 -0
- package/directives/is-invalid-email-or-phone/src/is-invalid-email-or-phone-number.directive.d.ts +9 -0
- package/directives/numeric-input-only/index.d.ts +5 -0
- package/directives/numeric-input-only/public-api.d.ts +1 -0
- package/directives/numeric-input-only/src/numeric-input-only.directive.d.ts +40 -0
- package/directives/simple-keyboard/index.d.ts +5 -0
- package/directives/simple-keyboard/public-api.d.ts +1 -0
- package/directives/simple-keyboard/src/Simple-keyboard.directive.d.ts +29 -0
- package/esm2022/components/datepicker/src/DatepickerHeader.component.mjs +3 -3
- package/esm2022/components/datepicker/src/datepicker.component.mjs +3 -3
- package/esm2022/components/datepicker/src/services/calendar.service.mjs +3 -3
- package/esm2022/components/datepicker-range/src/datepicker-range.component.mjs +3 -3
- package/esm2022/components/dialog/src/custom-dialog/modal-material.component.mjs +5 -5
- package/esm2022/components/dialog/src/custom-dialog-config/modal-material-config.mjs +2 -2
- package/esm2022/components/info-page-input/src/info-page-input.component.mjs +3 -3
- package/esm2022/components/modal-changelog/src/modal-changelog.component.mjs +3 -3
- package/esm2022/components/ng-select-infinite/src/ng-select-infinite.component.mjs +3 -3
- package/esm2022/components/radio-options/src/radio-options.component.mjs +4 -4
- package/esm2022/components/serial-note/dealpos-npm-ng-dealpos-library-components-serial-note.mjs +5 -0
- package/esm2022/components/serial-note/public-api.mjs +2 -0
- package/esm2022/components/serial-note/src/serial-note.component.mjs +22 -0
- package/esm2022/components/timepicker/dealpos-npm-ng-dealpos-library-components-timepicker.mjs +5 -0
- package/esm2022/components/timepicker/public-api.mjs +2 -0
- package/esm2022/components/timepicker/src/timepicker.component.mjs +61 -0
- package/esm2022/components/tinymce-editor/src/tinymce-editor.component.mjs +9 -6
- package/esm2022/components/toastr/src/custom-toast.component.mjs +3 -3
- package/esm2022/directives/autonumeric/src/autonumeric.directive.mjs +3 -3
- package/esm2022/directives/file-drag-drop/dealpos-npm-ng-dealpos-library-directives-file-drag-drop.mjs +5 -0
- package/esm2022/directives/file-drag-drop/public-api.mjs +2 -0
- package/esm2022/directives/file-drag-drop/src/file-drag-drop.directive.mjs +54 -0
- package/esm2022/directives/file-size-check/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs +5 -0
- package/esm2022/directives/file-size-check/public-api.mjs +2 -0
- package/esm2022/directives/file-size-check/src/file-size-check.directive.mjs +40 -0
- package/esm2022/directives/form-or-floating-on-masked/dealpos-npm-ng-dealpos-library-directives-form-or-floating-on-masked.mjs +5 -0
- package/esm2022/directives/form-or-floating-on-masked/public-api.mjs +2 -0
- package/esm2022/directives/form-or-floating-on-masked/src/form-or-floating-on-masked.directive.mjs +47 -0
- package/esm2022/directives/is-invalid-email-or-phone/dealpos-npm-ng-dealpos-library-directives-is-invalid-email-or-phone.mjs +5 -0
- package/esm2022/directives/is-invalid-email-or-phone/public-api.mjs +2 -0
- package/esm2022/directives/is-invalid-email-or-phone/src/is-invalid-email-or-phone-number.directive.mjs +54 -0
- package/esm2022/directives/numeric-input-only/dealpos-npm-ng-dealpos-library-directives-numeric-input-only.mjs +5 -0
- package/esm2022/directives/numeric-input-only/public-api.mjs +2 -0
- package/esm2022/directives/numeric-input-only/src/numeric-input-only.directive.mjs +137 -0
- package/esm2022/directives/simple-keyboard/dealpos-npm-ng-dealpos-library-directives-simple-keyboard.mjs +5 -0
- package/esm2022/directives/simple-keyboard/public-api.mjs +2 -0
- package/esm2022/directives/simple-keyboard/src/Simple-keyboard.directive.mjs +129 -0
- package/esm2022/header-type/dealpos-npm-ng-dealpos-library-header-type.mjs +5 -0
- package/esm2022/header-type/public-api.mjs +2 -0
- package/esm2022/header-type/src/header-type.mjs +7 -0
- package/esm2022/lib/dealpos.component.mjs +3 -3
- package/esm2022/lib/dealpos.module.mjs +4 -4
- package/esm2022/lib/dealpos.service.mjs +3 -3
- package/esm2022/pipes/duration/src/duration-days-hour.pipe.mjs +3 -3
- package/esm2022/pipes/duration/src/duration-time.pipe.mjs +3 -3
- package/esm2022/pipes/filter/src/filter-by-name.pipe.mjs +3 -3
- package/esm2022/pipes/fraction/dealpos-npm-ng-dealpos-library-pipes-fraction.mjs +5 -0
- package/esm2022/pipes/fraction/public-api.mjs +4 -0
- package/esm2022/pipes/fraction/src/amount-fraction.pipe.mjs +24 -0
- package/esm2022/pipes/fraction/src/fraction-data.service.mjs +43 -0
- package/esm2022/pipes/fraction/src/quantity-fraction.pipe.mjs +24 -0
- package/esm2022/pipes/newlines/src/newlines.pipe.mjs +3 -3
- package/esm2022/services/http/src/http.service.mjs +3 -3
- package/esm2022/store-signal/dealpos-npm-ng-dealpos-library-store-signal.mjs +5 -0
- package/esm2022/store-signal/public-api.mjs +2 -0
- package/esm2022/store-signal/src/store-signal.mjs +34 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-datepicker-range.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-datepicker.mjs +9 -9
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-dialog.mjs +4 -4
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-dialog.mjs.map +1 -1
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-info-page-input.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-modal-changelog.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-ng-select-infinite.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-radio-options.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-radio-options.mjs.map +1 -1
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-serial-note.mjs +29 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-serial-note.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-timepicker.mjs +68 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-timepicker.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-tinymce-editor.mjs +8 -5
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-tinymce-editor.mjs.map +1 -1
- package/fesm2022/dealpos-npm-ng-dealpos-library-components-toastr.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-autonumeric.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-file-drag-drop.mjs +61 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-file-drag-drop.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs +47 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-file-size-check.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-form-or-floating-on-masked.mjs +54 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-form-or-floating-on-masked.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-is-invalid-email-or-phone.mjs +61 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-is-invalid-email-or-phone.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-numeric-input-only.mjs +144 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-numeric-input-only.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-simple-keyboard.mjs +136 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-directives-simple-keyboard.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-header-type.mjs +13 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-header-type.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-pipes-duration.mjs +6 -6
- package/fesm2022/dealpos-npm-ng-dealpos-library-pipes-filter.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-pipes-fraction.mjs +91 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-pipes-fraction.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-pipes-newlines.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-services-http.mjs +3 -3
- package/fesm2022/dealpos-npm-ng-dealpos-library-store-signal.mjs +41 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library-store-signal.mjs.map +1 -0
- package/fesm2022/dealpos-npm-ng-dealpos-library.mjs +10 -10
- package/{enum/header-type → header-type}/index.d.ts +1 -1
- package/header-type/public-api.d.ts +1 -0
- package/header-type/src/header-type.d.ts +6 -0
- package/package.json +69 -9
- package/pipes/fraction/index.d.ts +5 -0
- package/pipes/fraction/public-api.d.ts +3 -0
- package/pipes/fraction/src/amount-fraction.pipe.d.ts +12 -0
- package/pipes/fraction/src/fraction-data.service.d.ts +16 -0
- package/pipes/fraction/src/quantity-fraction.pipe.d.ts +12 -0
- package/store-signal/index.d.ts +5 -0
- package/store-signal/public-api.d.ts +1 -0
- package/store-signal/src/store-signal.d.ts +15 -0
- package/enum/header-type/public-api.d.ts +0 -1
- package/enum/header-type/src/HeaderType.d.ts +0 -6
- package/esm2022/enum/header-type/dealpos-npm-ng-dealpos-library-enum-header-type.mjs +0 -5
- package/esm2022/enum/header-type/public-api.mjs +0 -2
- package/esm2022/enum/header-type/src/HeaderType.mjs +0 -8
- package/fesm2022/dealpos-npm-ng-dealpos-library-enum-header-type.mjs +0 -14
- package/fesm2022/dealpos-npm-ng-dealpos-library-enum-header-type.mjs.map +0 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { OnInit, EventEmitter } from "@angular/core";
|
|
2
2
|
import { ModalMaterialConfig } from "../custom-dialog-config/modal-material-config";
|
|
3
|
-
import { HeaderType } from "@dealpos-npm/ng-dealpos-library/enum/header-type";
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class ModalMaterialComponent implements OnInit {
|
|
6
5
|
config?: ModalMaterialConfig;
|
|
@@ -9,7 +8,12 @@ export declare class ModalMaterialComponent implements OnInit {
|
|
|
9
8
|
onCancel: EventEmitter<any>;
|
|
10
9
|
onClose: EventEmitter<any>;
|
|
11
10
|
onBack: EventEmitter<any>;
|
|
12
|
-
headerType:
|
|
11
|
+
headerType: {
|
|
12
|
+
Success: string;
|
|
13
|
+
Info: string;
|
|
14
|
+
Warning: string;
|
|
15
|
+
Error: string;
|
|
16
|
+
};
|
|
13
17
|
ngOnInit(): void;
|
|
14
18
|
onKeyup(event: KeyboardEvent): void;
|
|
15
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalMaterialComponent, never>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { HeaderType } from "@dealpos-npm/ng-dealpos-library/enum/header-type";
|
|
2
1
|
/**../../../../enum/header-type/HeaderType
|
|
3
2
|
* Control the modal UI and UX
|
|
4
3
|
*/
|
|
@@ -35,7 +34,7 @@ export declare class ModalMaterialConfig {
|
|
|
35
34
|
/**
|
|
36
35
|
* header type to change the color of the dialog. ex: Success for Green color, Danger for Red color
|
|
37
36
|
*/
|
|
38
|
-
headerType:
|
|
37
|
+
headerType: string;
|
|
39
38
|
/**
|
|
40
39
|
* conditions for disable OK button
|
|
41
40
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/serial-note.component";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SerialNoteComponent {
|
|
3
|
+
serialNote: string;
|
|
4
|
+
set serials(serials: any[]);
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SerialNoteComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SerialNoteComponent, "app-serial-note", never, { "serials": { "alias": "serials"; "required": false; }; }, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/timepicker.component";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DatePipe } from '@angular/common';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TimepickerComponent {
|
|
5
|
+
private datePipe;
|
|
6
|
+
time: string;
|
|
7
|
+
timeChange: EventEmitter<string>;
|
|
8
|
+
fullWidth: boolean;
|
|
9
|
+
constructor(datePipe: DatePipe);
|
|
10
|
+
onTimeChange(date: Date): void;
|
|
11
|
+
onShowCalendar(): void;
|
|
12
|
+
onTimePickerChange(): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimepickerComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimepickerComponent, "app-timepicker", never, { "time": { "alias": "time"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "timeChange": "timeChange"; }, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TinymceEditorComponent {
|
|
4
|
-
KEY: string;
|
|
5
4
|
placeholder: string;
|
|
6
5
|
height: string;
|
|
7
6
|
value: string;
|
|
7
|
+
disabled: boolean;
|
|
8
8
|
valueChange: EventEmitter<string>;
|
|
9
|
+
plugins: string;
|
|
9
10
|
onChangeValue(str: string): void;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<TinymceEditorComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TinymceEditorComponent, "lib-tinymce-editor", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "height": { "alias": "height"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TinymceEditorComponent, "lib-tinymce-editor", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "height": { "alias": "height"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
12
13
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/file-drag-drop.directive";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FileDragDropDirective {
|
|
3
|
+
/**
|
|
4
|
+
* Event emitter for when the files change.
|
|
5
|
+
* @event filesChangeEmiter
|
|
6
|
+
* @type {EventEmitter<File[]>}
|
|
7
|
+
*/
|
|
8
|
+
private filesChangeEmiter;
|
|
9
|
+
private background;
|
|
10
|
+
constructor();
|
|
11
|
+
onDragOver(evt: DragEvent): void;
|
|
12
|
+
onDragLeave(evt: DragEvent): void;
|
|
13
|
+
onDrop(evt: DragEvent): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileDragDropDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FileDragDropDirective, "[fileDragDrop]", never, {}, { "filesChangeEmiter": "filesChangeEmiter"; }, never, never, true, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/file-size-check.directive";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ToastrService } from 'ngx-toastr';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class FileSizeCheckDirective {
|
|
5
|
+
private el;
|
|
6
|
+
private toastr;
|
|
7
|
+
appFileSizeCheck: number;
|
|
8
|
+
constructor(el: ElementRef, toastr: ToastrService);
|
|
9
|
+
onFileChange(event: any): void;
|
|
10
|
+
private clearFileInput;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileSizeCheckDirective, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FileSizeCheckDirective, "[pOSFileSizeCheck]", never, { "appFileSizeCheck": { "alias": "appFileSizeCheck"; "required": false; }; }, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/form-or-floating-on-masked.directive";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementRef, ViewContainerRef, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FormOrFloatingOnMaskedDirective implements OnInit {
|
|
4
|
+
private vcr;
|
|
5
|
+
private elementRef;
|
|
6
|
+
type: 'input' | 'textarea';
|
|
7
|
+
label: string;
|
|
8
|
+
value: string;
|
|
9
|
+
isMasked: boolean;
|
|
10
|
+
constructor(vcr: ViewContainerRef, elementRef: ElementRef);
|
|
11
|
+
ngOnInit(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormOrFloatingOnMaskedDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FormOrFloatingOnMaskedDirective, "[pOSFormOrFloatingOnMasked]", never, { "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "isMasked": { "alias": "isMasked"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/is-invalid-email-or-phone-number.directive";
|
package/directives/is-invalid-email-or-phone/src/is-invalid-email-or-phone-number.directive.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class IsInvalidEmailOrPhoneNumberDirective implements Validator {
|
|
4
|
+
private emailRegex;
|
|
5
|
+
private phoneNumberRegex;
|
|
6
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IsInvalidEmailOrPhoneNumberDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IsInvalidEmailOrPhoneNumberDirective, "[pOSIsInvalidEmailOrPhoneNumber]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/numeric-input-only.directive";
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NumericInputOnlyDirective {
|
|
3
|
+
private control;
|
|
4
|
+
private _minLength;
|
|
5
|
+
set minLength(min: number);
|
|
6
|
+
private _maxLength;
|
|
7
|
+
set maxLength(max: number);
|
|
8
|
+
_inputType: "phone" | "nationalId";
|
|
9
|
+
set inputType(type: "phone" | "nationalId");
|
|
10
|
+
/**
|
|
11
|
+
* Regular expression used for numeric input validation.
|
|
12
|
+
*/
|
|
13
|
+
private regex;
|
|
14
|
+
/**
|
|
15
|
+
* Initializes the regular expression used for validating the input value.
|
|
16
|
+
*/
|
|
17
|
+
private initRegex;
|
|
18
|
+
onInput(event: Event): void;
|
|
19
|
+
onBlur(event: Event): void;
|
|
20
|
+
/**
|
|
21
|
+
* Validates the minimum length of the input value.
|
|
22
|
+
* If the value is shorter than the minimum length and not empty, sets the minLength error.
|
|
23
|
+
* If the value meets the minimum length or is empty, clears the minLength error.
|
|
24
|
+
* @param value - The input value to be validated.
|
|
25
|
+
*/
|
|
26
|
+
private validateMinLength;
|
|
27
|
+
/**
|
|
28
|
+
* Returns the message indicating the minimum length requirement for the input field.
|
|
29
|
+
* @returns The message indicating the minimum length requirement.
|
|
30
|
+
*/
|
|
31
|
+
private getMessageMinLength;
|
|
32
|
+
/**
|
|
33
|
+
* Formats the input value by removing non-numeric characters and limiting the length.
|
|
34
|
+
* @param value - The input value to be formatted.
|
|
35
|
+
* @returns The formatted input value.
|
|
36
|
+
*/
|
|
37
|
+
private formatInput;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NumericInputOnlyDirective, never>;
|
|
39
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NumericInputOnlyDirective, "[numericInputOnly]", never, { "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "inputType": { "alias": "numericInputOnly"; "required": false; }; }, {}, never, never, true, never>;
|
|
40
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/Simple-keyboard.directive";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ElementRef, OnChanges } from '@angular/core';
|
|
2
|
+
import { NgControl } from '@angular/forms';
|
|
3
|
+
import Keyboard from 'simple-keyboard';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class SimpleKeyboardDirective implements OnChanges {
|
|
6
|
+
ngControl: NgControl;
|
|
7
|
+
keyboard: Keyboard;
|
|
8
|
+
keyboardType: 'string' | 'number';
|
|
9
|
+
defaultTheme: string;
|
|
10
|
+
nativeElement: HTMLInputElement;
|
|
11
|
+
private currentValue;
|
|
12
|
+
constructor(el: ElementRef, ngControl: NgControl);
|
|
13
|
+
ngOnChanges(): void;
|
|
14
|
+
/**
|
|
15
|
+
* One keyboard to handle multiple inputs
|
|
16
|
+
* https://hodgef.com/simple-keyboard/questions-answers/use-simple-keyboard-multiple-inputs/
|
|
17
|
+
*/
|
|
18
|
+
onFocus(): void;
|
|
19
|
+
onFocusout(): void;
|
|
20
|
+
onKeyPress(button: string): void;
|
|
21
|
+
onChange(value: string): void;
|
|
22
|
+
hideKeyboard(): void;
|
|
23
|
+
setNegativeValue(): void;
|
|
24
|
+
propagateChange(value: string): void;
|
|
25
|
+
parseValue(value: string): any;
|
|
26
|
+
isElementDisabled(): boolean;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SimpleKeyboardDirective, never>;
|
|
28
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SimpleKeyboardDirective, "[simpleKeyboard]", never, { "keyboard": { "alias": "simpleKeyboard"; "required": false; }; "keyboardType": { "alias": "keyboardType"; "required": false; }; }, {}, never, never, true, never>;
|
|
29
|
+
}
|
|
@@ -46,8 +46,8 @@ export class DatepickerHeaderComponent {
|
|
|
46
46
|
this._destroyed.next();
|
|
47
47
|
this._destroyed.complete();
|
|
48
48
|
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerHeaderComponent, deps: [{ token: i1.MatDatepicker }, { token: i1.MatCalendar }, { token: i2.DateAdapter }, { token: i3.CalendarService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DatepickerHeaderComponent, isStandalone: true, selector: "POS-DatepickerHeader.component.ts", providers: [MatDatepickerModule], usesOnChanges: true, ngImport: i0, template: `
|
|
51
51
|
<mat-calendar-header>
|
|
52
52
|
<ng-container *ngIf="(calendarConfig$ | async) as config">
|
|
53
53
|
<button *ngIf="!config.hideBtnToday" mat-icon-button (click)="todayClicked()" title="Today">
|
|
@@ -60,7 +60,7 @@ export class DatepickerHeaderComponent {
|
|
|
60
60
|
</mat-calendar-header>
|
|
61
61
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatCalendarHeader, selector: "mat-calendar-header", exportAs: ["matCalendarHeader"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }] }); }
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerHeaderComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{
|
|
66
66
|
selector: 'POS-DatepickerHeader.component.ts',
|
|
@@ -85,14 +85,14 @@ export class DatepickerComponent {
|
|
|
85
85
|
ngOnDestroy() {
|
|
86
86
|
this.calendarService.setHeaderConfig({ hideBtnClear: false, hideBtnToday: false });
|
|
87
87
|
}
|
|
88
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
89
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0
|
|
88
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.CalendarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DatepickerComponent, isStandalone: true, selector: "datepicker", inputs: { data_cy: "data_cy", placeholder: "placeholder", displayToggle: "displayToggle", appearance: "appearance", width: "width", isFloatingLabel: "isFloatingLabel", date: "date", disabled: "disabled", readOnly: "readOnly", minDateValidation: "minDateValidation", maxDateValidation: "maxDateValidation", hidelClearBtn: "hidelClearBtn" }, outputs: { dateChange: "dateChange" }, providers: [
|
|
90
90
|
{ provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
|
|
91
91
|
{ provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
|
|
92
92
|
MatDatepickerModule
|
|
93
93
|
], ngImport: i0, template: "<mat-form-field class=\"datepicker\" [appearance]=\"appearance\" [style.width.%]=\"width || 100\">\r\n <mat-label *ngIf=\"isFloatingLabel && placeholder\">\r\n <span>{{placeholder}}</span>\r\n </mat-label>\r\n <input [attr.data-cy]=\"data_cy\" matInput [matDatepicker]=\"picker1\" [min]=\"minDateValidation\"\r\n [max]=\"maxDateValidation\" placeholder=\"{{placeholder || ''}}\" [value]=\"(date == minDate) ? null : date\"\r\n (dateChange)=\"change($event.value);\" (click)=\"picker1.open()\" [disabled]=\"disabled\" [readonly]=\"readOnly\">\r\n <mat-datepicker-toggle matSuffix [for]=\"picker1\" [style.display]=\"displayToggle ? 'unset' : 'none'\">\r\n </mat-datepicker-toggle>\r\n <mat-datepicker (opened)=\"onOpenDatepicker()\" (closed)=\"onCloseDatepicker()\" #picker1\r\n [calendarHeaderComponent]=\"headerComponent\"></mat-datepicker>\r\n</mat-form-field>", styles: [".mat-mdc-form-field-disabled ::ng-deep .mat-form-field-appearance-outline{background-color:#e9ecef!important;opacity:1!important}.mat-mdc-form-field-disabled ::ng-deep .mat-form-field-appearance-outline input{color:#00000061!important}.datepicker .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{min-height:33px;padding-top:18px;padding-bottom:13px}.datepicker .mat-mdc-icon-button.mat-mdc-button-base{padding:0}.datepicker .mat-mdc-form-field-subscript-wrapper{display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{padding:0!important}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{top:28px!important;font-size:16px;color:#9da2a6}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:23px!important;font-size:.875rem;color:#ccc}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
96
96
|
type: Component,
|
|
97
97
|
args: [{ selector: 'datepicker', standalone: true, imports: [CommonModule,
|
|
98
98
|
MatButtonModule,
|
|
@@ -12,10 +12,10 @@ export class CalendarService {
|
|
|
12
12
|
getHeaderConfig$() {
|
|
13
13
|
return this._calendarHeaderConfig.asObservable();
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
16
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
16
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarService, providedIn: 'root' }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarService, decorators: [{
|
|
19
19
|
type: Injectable,
|
|
20
20
|
args: [{
|
|
21
21
|
providedIn: 'root'
|
|
@@ -70,8 +70,8 @@ export class DatepickerRangeComponent {
|
|
|
70
70
|
myDropdown._config.autoClose = 'outside';
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DatepickerRangeComponent, isStandalone: true, selector: "app-datepicker-range", inputs: { placeholder: "placeholder", displayToggle: "displayToggle", minDate: "minDate", maxDate: "maxDate", showButtonConfirm: "showButtonConfirm", width: "width", from: "from", to: "to" }, outputs: { dateChange: "dateChange" }, providers: [
|
|
75
75
|
{
|
|
76
76
|
provide: DateAdapter,
|
|
77
77
|
useClass: MomentDateAdapter,
|
|
@@ -81,7 +81,7 @@ export class DatepickerRangeComponent {
|
|
|
81
81
|
MatDatepickerModule
|
|
82
82
|
], ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"p-0 date-range\" [style.width.%]=\"width || 100\">\r\n <mat-date-range-input [min]=\"minDate\" [max]=\"maxDate\" id=\"dates\" [rangePicker]=\"picker\">\r\n <input [value]=\"from\" (dateChange)=\"fromDateChange($event.value)\" matStartDate placeholder=\"Start date\"\r\n (click)=\"picker.open()\">\r\n <input [value]=\"to\" (dateChange)=\"toDateChange($event.value)\" matEndDate placeholder=\"End date\"\r\n (click)=\"picker.open()\">\r\n </mat-date-range-input>\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker (opened)=\"onOpenDatepicker()\" (closed)=\"onCloseDatepicker()\" >\r\n <ng-container *ngIf=\"showButtonConfirm\">\r\n <mat-date-range-picker-actions>\r\n <button mat-button matDateRangePickerCancel>Cancel</button>\r\n <button mat-raised-button color=\"primary\" matDateRangePickerApply\r\n (click)=\"onSelectDate()\">Search</button>\r\n </mat-date-range-picker-actions>\r\n </ng-container>\r\n </mat-date-range-picker>\r\n</mat-form-field>", styles: ["mat-form-field.date-range>div.mat-mdc-form-field-wrapper{padding-bottom:0!important}mat-form-field.date-range .mat-mdc-text-field-wrapper.mdc-text-field{padding-left:14px!important}mat-form-field.date-range .mat-mdc-form-field-icon-prefix{padding:0!important}mat-form-field.date-range .mat-date-range-input-container{margin-top:6px;font-size:11px}mat-form-field.date-range .mat-mdc-form-field-icon-suffix{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i2.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i2.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i2.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatepickerRangeComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: "app-datepicker-range", standalone: true, imports: [CommonModule,
|
|
87
87
|
MatNativeDateModule,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Component, Input, Output, EventEmitter, } from "@angular/core";
|
|
2
2
|
import { CommonModule } from "@angular/common";
|
|
3
3
|
import { ModalMaterialConfig } from "../custom-dialog-config/modal-material-config";
|
|
4
|
-
import { HeaderType } from "@dealpos-npm/ng-dealpos-library/enum/header-type";
|
|
5
4
|
import { MatDialogModule } from "@angular/material/dialog";
|
|
5
|
+
import { HeaderType } from "@dealpos-npm/ng-dealpos-library/header-type";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "@angular/common";
|
|
8
8
|
import * as i2 from "@angular/material/dialog";
|
|
@@ -30,10 +30,10 @@ export class ModalMaterialComponent {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalMaterialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ModalMaterialComponent, isStandalone: true, selector: "modal-material", inputs: { config: "config", dynamicValidated: "dynamicValidated" }, outputs: { onOk: "onOk", onCancel: "onCancel", onClose: "onClose", onBack: "onBack" }, ngImport: i0, template: "<div (keyup)=\"onKeyup($event)\" class=\"modal-material d-flex align-items-start flex-column position-relative maxHeight\" id=\"modal_material\"\r\n [style.width]=\"config?.customWidth\" [ngClass]=\"{\r\n bodyScrollable: config?.bodyScrollable,\r\n hideScrollbar: config?.hideScrollbar\r\n }\">\r\n <div mat-dialog-title class=\"d-flex w-100 justify-content-between modal-header position-relative\" [ngClass]=\"{\r\n 'bg-success': headerType.Success == config?.headerType,\r\n 'bg-warning': headerType.Warning == config?.headerType,\r\n 'bg-info': headerType.Info == config?.headerType,\r\n 'bg-danger': headerType.Error == config?.headerType\r\n }\">\r\n <div class=\"back-button position-absolute pointer d-print-none\" (click)=\"onBack.emit()\" *ngIf=\"config?.eMoney\">\r\n <a class=\"btn back-button\"><i class=\"fa-solid fa-arrow-left\"></i></a>\r\n </div>\r\n <div class=\"d-flex flex-row d-print-none align-items-center\" [ngClass]=\"{ 'mx-auto': config?.eMoney }\">\r\n <h4 class=\"fw-normal\">{{ config?.title }}</h4>\r\n <ng-content select=\"header\"></ng-content>\r\n </div>\r\n <div *ngIf=\"!config?.hideClose\">\r\n <a class=\"btn-light-blue btn-sm pointer close\" (click)=\"onClose.emit()\">\r\n <i class=\"fa-solid fa-xmark fa-lg text-primary\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <mat-dialog-content class=\"modal-body w-100\" [ngClass]=\"{\r\n 'show-footer': !config?.hideFooter,\r\n 'p-0': config?.noPadding\r\n }\">\r\n <ng-content select=\"content\"></ng-content>\r\n\r\n </mat-dialog-content>\r\n <mat-dialog-actions *ngIf=\"!config?.hideFooter\" class=\"w-100 py-7 border-top d-flex justify-content-end d-print-none\">\r\n <ng-content select=\"footer\"></ng-content>\r\n <a *ngIf=\"!config?.hideCancel\" class=\"btn btn-light-blue text-primary btn-lg fw-bold mx-3\" (click)=\"onCancel.emit()\">\r\n {{ config?.cancelText ? config?.cancelText : \"Cancel\" }}</a>\r\n <button *ngIf=\"!config?.hideOk\" class=\"btn btn-light-blue me-6 text-primary btn-lg fw-bold mx-3\"\r\n [disabled]=\"!config?.validated || !dynamicValidated\" (click)=\"onOk.emit()\" (keyup.F2)=\"onOk.emit()\"\r\n data-cy=\"btn-ok\" [innerHTML]=\"config?.okText ? config?.okText : 'Ok (F2)'\">\r\n </button>\r\n </mat-dialog-actions>\r\n</div>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;border-radius:4px!important;overflow:visible!important}::ng-deep .mat-mdc-dialog-container [mat-dialog-title]{color:#fff;padding:15px;border:none}@media print{::ng-deep .mat-mdc-dialog-container{box-shadow:unset;width:100vw}}@media print{::ng-deep .cdk-overlay-pane{position:absolute!important;top:-30px;max-width:100vw!important}.modal-body{width:100vw!important}}body.modal-body{height:100%;overflow-y:hidden}mat-dialog-actions{bottom:15px}mat-dialog-actions a{padding:15px!important;margin-right:12px}mat-dialog-actions button{padding:15px!important}mat-dialog-actions .more{margin-right:auto;margin-top:-1rem;padding-top:.4rem!important;margin-left:1rem}.back-button{top:5px;left:0}.close{padding:.4rem .5rem}.no-padding{padding:0}.modal-material{width:40vw}@media (max-width: 992px){.modal-material{width:50vw!important}}@media (max-width: 576px){::ng-deep .dialog-filter .modal-material{width:100%!important}::ng-deep .dialog-filter mat-dialog-actions{position:sticky;bottom:0;background:#fff}::ng-deep .dialog-filter .modal-material.d-flex.align-items-start.flex-column.position-relative.maxHeight.bodyScrollable.maxHeight.bodyScrollable .modal-body{max-height:100%!important;overflow-y:auto}}.maxHeight.bodyScrollable .modal-body{max-height:450px;overflow-y:auto}.modal-header,.modal-footer,.modal-footer .btn{padding:15px}.modal-dialog{max-width:none}.modal-content{width:auto;margin:auto;max-width:850px}.maxHeight .modal-body{max-height:450px;overflow:auto}.modal-body{padding:1rem}.modal-body strong{display:block}.modal-body .more{margin:0;position:absolute;bottom:-20px}.modal-body input[type=text],.modal-body textarea,.modal-body input[type=password]{border:1px solid #c8d3df;padding:5px 7px}.modal-body table textarea{width:330px;height:90px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalMaterialComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: "modal-material", standalone: true, imports: [CommonModule, MatDialogModule], template: "<div (keyup)=\"onKeyup($event)\" class=\"modal-material d-flex align-items-start flex-column position-relative maxHeight\" id=\"modal_material\"\r\n [style.width]=\"config?.customWidth\" [ngClass]=\"{\r\n bodyScrollable: config?.bodyScrollable,\r\n hideScrollbar: config?.hideScrollbar\r\n }\">\r\n <div mat-dialog-title class=\"d-flex w-100 justify-content-between modal-header position-relative\" [ngClass]=\"{\r\n 'bg-success': headerType.Success == config?.headerType,\r\n 'bg-warning': headerType.Warning == config?.headerType,\r\n 'bg-info': headerType.Info == config?.headerType,\r\n 'bg-danger': headerType.Error == config?.headerType\r\n }\">\r\n <div class=\"back-button position-absolute pointer d-print-none\" (click)=\"onBack.emit()\" *ngIf=\"config?.eMoney\">\r\n <a class=\"btn back-button\"><i class=\"fa-solid fa-arrow-left\"></i></a>\r\n </div>\r\n <div class=\"d-flex flex-row d-print-none align-items-center\" [ngClass]=\"{ 'mx-auto': config?.eMoney }\">\r\n <h4 class=\"fw-normal\">{{ config?.title }}</h4>\r\n <ng-content select=\"header\"></ng-content>\r\n </div>\r\n <div *ngIf=\"!config?.hideClose\">\r\n <a class=\"btn-light-blue btn-sm pointer close\" (click)=\"onClose.emit()\">\r\n <i class=\"fa-solid fa-xmark fa-lg text-primary\"></i>\r\n </a>\r\n </div>\r\n </div>\r\n <mat-dialog-content class=\"modal-body w-100\" [ngClass]=\"{\r\n 'show-footer': !config?.hideFooter,\r\n 'p-0': config?.noPadding\r\n }\">\r\n <ng-content select=\"content\"></ng-content>\r\n\r\n </mat-dialog-content>\r\n <mat-dialog-actions *ngIf=\"!config?.hideFooter\" class=\"w-100 py-7 border-top d-flex justify-content-end d-print-none\">\r\n <ng-content select=\"footer\"></ng-content>\r\n <a *ngIf=\"!config?.hideCancel\" class=\"btn btn-light-blue text-primary btn-lg fw-bold mx-3\" (click)=\"onCancel.emit()\">\r\n {{ config?.cancelText ? config?.cancelText : \"Cancel\" }}</a>\r\n <button *ngIf=\"!config?.hideOk\" class=\"btn btn-light-blue me-6 text-primary btn-lg fw-bold mx-3\"\r\n [disabled]=\"!config?.validated || !dynamicValidated\" (click)=\"onOk.emit()\" (keyup.F2)=\"onOk.emit()\"\r\n data-cy=\"btn-ok\" [innerHTML]=\"config?.okText ? config?.okText : 'Ok (F2)'\">\r\n </button>\r\n </mat-dialog-actions>\r\n</div>", styles: ["::ng-deep .mat-mdc-dialog-container{padding:0!important;border-radius:4px!important;overflow:visible!important}::ng-deep .mat-mdc-dialog-container [mat-dialog-title]{color:#fff;padding:15px;border:none}@media print{::ng-deep .mat-mdc-dialog-container{box-shadow:unset;width:100vw}}@media print{::ng-deep .cdk-overlay-pane{position:absolute!important;top:-30px;max-width:100vw!important}.modal-body{width:100vw!important}}body.modal-body{height:100%;overflow-y:hidden}mat-dialog-actions{bottom:15px}mat-dialog-actions a{padding:15px!important;margin-right:12px}mat-dialog-actions button{padding:15px!important}mat-dialog-actions .more{margin-right:auto;margin-top:-1rem;padding-top:.4rem!important;margin-left:1rem}.back-button{top:5px;left:0}.close{padding:.4rem .5rem}.no-padding{padding:0}.modal-material{width:40vw}@media (max-width: 992px){.modal-material{width:50vw!important}}@media (max-width: 576px){::ng-deep .dialog-filter .modal-material{width:100%!important}::ng-deep .dialog-filter mat-dialog-actions{position:sticky;bottom:0;background:#fff}::ng-deep .dialog-filter .modal-material.d-flex.align-items-start.flex-column.position-relative.maxHeight.bodyScrollable.maxHeight.bodyScrollable .modal-body{max-height:100%!important;overflow-y:auto}}.maxHeight.bodyScrollable .modal-body{max-height:450px;overflow-y:auto}.modal-header,.modal-footer,.modal-footer .btn{padding:15px}.modal-dialog{max-width:none}.modal-content{width:auto;margin:auto;max-width:850px}.maxHeight .modal-body{max-height:450px;overflow:auto}.modal-body{padding:1rem}.modal-body strong{display:block}.modal-body .more{margin:0;position:absolute;bottom:-20px}.modal-body input[type=text],.modal-body textarea,.modal-body input[type=password]{border:1px solid #c8d3df;padding:5px 7px}.modal-body table textarea{width:330px;height:90px}\n"] }]
|
|
39
39
|
}], propDecorators: { config: [{
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
49
49
|
}], onBack: [{
|
|
50
50
|
type: Output
|
|
51
51
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbWF0ZXJpYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVhbHBvcy1ucG0vbmctZGVhbHBvcy1saWJyYXJ5L2NvbXBvbmVudHMvZGlhbG9nL3NyYy9jdXN0b20tZGlhbG9nL21vZGFsLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RlYWxwb3MtbnBtL25nLWRlYWxwb3MtbGlicmFyeS9jb21wb25lbnRzL2RpYWxvZy9zcmMvY3VzdG9tLWRpYWxvZy9tb2RhbC1tYXRlcmlhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBU3pFLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFTVyxxQkFBZ0IsR0FBWSxJQUFJLENBQUM7UUFFaEMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDL0IsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbkMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDcEMsZUFBVSxHQUFHLFVBQVUsQ0FBQztLQWtCaEM7SUFoQkMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksbUJBQW1CLEVBQUUsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFvQjtRQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsQ0FBQztZQUMvQixJQUFJLEtBQUssQ0FBQyxJQUFJLElBQUksSUFBSSxFQUFFLENBQUM7Z0JBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3ZCLENBQUM7WUFDRCxJQUFJLEtBQUssQ0FBQyxJQUFJLElBQUksT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFJLElBQUksYUFBYSxFQUFFLENBQUM7Z0JBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzFCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzs4R0F6QlUsc0JBQXNCO2tHQUF0QixzQkFBc0IscU9DbkJuQyxpMEVBd0NNLGsxRER2Qk0sWUFBWSxnT0FBRSxlQUFlOzsyRkFFNUIsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLGdCQUFnQixjQUdkLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBRy9CLE1BQU07c0JBQWQsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksSUFBSTtzQkFBYixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7IE1vZGFsTWF0ZXJpYWxDb25maWcgfSBmcm9tIFwiLi4vY3VzdG9tLWRpYWxvZy1jb25maWcvbW9kYWwtbWF0ZXJpYWwtY29uZmlnXCI7XHJcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcclxuaW1wb3J0IHsgSGVhZGVyVHlwZSB9IGZyb20gXCJAZGVhbHBvcy1ucG0vbmctZGVhbHBvcy1saWJyYXJ5L2hlYWRlci10eXBlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJtb2RhbC1tYXRlcmlhbFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vbW9kYWwtbWF0ZXJpYWwuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vbW9kYWwtbWF0ZXJpYWwuY29tcG9uZW50LnNjc3NcIl0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXREaWFsb2dNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbE1hdGVyaWFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjb25maWc/OiBNb2RhbE1hdGVyaWFsQ29uZmlnO1xyXG4gIEBJbnB1dCgpIGR5bmFtaWNWYWxpZGF0ZWQ6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KCkgb25PayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNhbmNlbCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQmFjayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIHB1YmxpYyBoZWFkZXJUeXBlID0gSGVhZGVyVHlwZTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jb25maWcgPT0gbnVsbCkge1xyXG4gICAgICB0aGlzLmNvbmZpZyA9IG5ldyBNb2RhbE1hdGVyaWFsQ29uZmlnKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbktleXVwKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMuY29uZmlnPy5kaXNhYmxlS2V5dXApIHtcclxuICAgICAgaWYgKGV2ZW50LmNvZGUgPT0gXCJGMlwiKSB7XHJcbiAgICAgICAgdGhpcy5vbk9rLmVtaXQoXCJGMlwiKTtcclxuICAgICAgfVxyXG4gICAgICBpZiAoZXZlbnQuY29kZSA9PSBcIkVudGVyXCIgfHwgZXZlbnQuY29kZSA9PSBcIk51bXBhZEVudGVyXCIpIHtcclxuICAgICAgICB0aGlzLm9uT2suZW1pdChcIkVudGVyXCIpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG59IiwiPGRpdiAoa2V5dXApPVwib25LZXl1cCgkZXZlbnQpXCIgY2xhc3M9XCJtb2RhbC1tYXRlcmlhbCBkLWZsZXggYWxpZ24taXRlbXMtc3RhcnQgZmxleC1jb2x1bW4gcG9zaXRpb24tcmVsYXRpdmUgbWF4SGVpZ2h0XCIgaWQ9XCJtb2RhbF9tYXRlcmlhbFwiXHJcbiAgW3N0eWxlLndpZHRoXT1cImNvbmZpZz8uY3VzdG9tV2lkdGhcIiBbbmdDbGFzc109XCJ7XHJcbiAgICBib2R5U2Nyb2xsYWJsZTogY29uZmlnPy5ib2R5U2Nyb2xsYWJsZSxcclxuICAgIGhpZGVTY3JvbGxiYXI6IGNvbmZpZz8uaGlkZVNjcm9sbGJhclxyXG4gIH1cIj5cclxuICA8ZGl2IG1hdC1kaWFsb2ctdGl0bGUgY2xhc3M9XCJkLWZsZXggdy0xMDAganVzdGlmeS1jb250ZW50LWJldHdlZW4gbW9kYWwtaGVhZGVyIHBvc2l0aW9uLXJlbGF0aXZlXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnYmctc3VjY2Vzcyc6IGhlYWRlclR5cGUuU3VjY2VzcyA9PSBjb25maWc/LmhlYWRlclR5cGUsXHJcbiAgICAgICdiZy13YXJuaW5nJzogaGVhZGVyVHlwZS5XYXJuaW5nID09IGNvbmZpZz8uaGVhZGVyVHlwZSxcclxuICAgICAgJ2JnLWluZm8nOiBoZWFkZXJUeXBlLkluZm8gPT0gY29uZmlnPy5oZWFkZXJUeXBlLFxyXG4gICAgICAnYmctZGFuZ2VyJzogaGVhZGVyVHlwZS5FcnJvciA9PSBjb25maWc/LmhlYWRlclR5cGVcclxuICAgIH1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJiYWNrLWJ1dHRvbiBwb3NpdGlvbi1hYnNvbHV0ZSBwb2ludGVyIGQtcHJpbnQtbm9uZVwiIChjbGljayk9XCJvbkJhY2suZW1pdCgpXCIgKm5nSWY9XCJjb25maWc/LmVNb25leVwiPlxyXG4gICAgICA8YSBjbGFzcz1cImJ0biBiYWNrLWJ1dHRvblwiPjxpIGNsYXNzPVwiZmEtc29saWQgZmEtYXJyb3ctbGVmdFwiPjwvaT48L2E+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1yb3cgZC1wcmludC1ub25lIGFsaWduLWl0ZW1zLWNlbnRlclwiIFtuZ0NsYXNzXT1cInsgJ214LWF1dG8nOiBjb25maWc/LmVNb25leSB9XCI+XHJcbiAgICAgIDxoNCBjbGFzcz1cImZ3LW5vcm1hbFwiPnt7IGNvbmZpZz8udGl0bGUgfX08L2g0PlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJoZWFkZXJcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCIhY29uZmlnPy5oaWRlQ2xvc2VcIj5cclxuICAgICAgPGEgY2xhc3M9XCJidG4tbGlnaHQtYmx1ZSBidG4tc20gcG9pbnRlciBjbG9zZVwiIChjbGljayk9XCJvbkNsb3NlLmVtaXQoKVwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEteG1hcmsgZmEtbGcgdGV4dC1wcmltYXJ5XCI+PC9pPlxyXG4gICAgICA8L2E+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8bWF0LWRpYWxvZy1jb250ZW50IGNsYXNzPVwibW9kYWwtYm9keSB3LTEwMFwiIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ3Nob3ctZm9vdGVyJzogIWNvbmZpZz8uaGlkZUZvb3RlcixcclxuICAgICAgJ3AtMCc6IGNvbmZpZz8ubm9QYWRkaW5nXHJcbiAgICB9XCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJjb250ZW50XCI+PC9uZy1jb250ZW50PlxyXG5cclxuICA8L21hdC1kaWFsb2ctY29udGVudD5cclxuICA8bWF0LWRpYWxvZy1hY3Rpb25zICpuZ0lmPVwiIWNvbmZpZz8uaGlkZUZvb3RlclwiIGNsYXNzPVwidy0xMDAgcHktNyBib3JkZXItdG9wIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kIGQtcHJpbnQtbm9uZVwiPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZm9vdGVyXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPGEgKm5nSWY9XCIhY29uZmlnPy5oaWRlQ2FuY2VsXCIgY2xhc3M9XCJidG4gYnRuLWxpZ2h0LWJsdWUgdGV4dC1wcmltYXJ5IGJ0bi1sZyBmdy1ib2xkIG14LTNcIiAoY2xpY2spPVwib25DYW5jZWwuZW1pdCgpXCI+XHJcbiAgICAgIHt7IGNvbmZpZz8uY2FuY2VsVGV4dCA/IGNvbmZpZz8uY2FuY2VsVGV4dCA6IFwiQ2FuY2VsXCIgfX08L2E+XHJcbiAgICA8YnV0dG9uICpuZ0lmPVwiIWNvbmZpZz8uaGlkZU9rXCIgY2xhc3M9XCJidG4gYnRuLWxpZ2h0LWJsdWUgbWUtNiB0ZXh0LXByaW1hcnkgYnRuLWxnIGZ3LWJvbGQgbXgtM1wiXHJcbiAgICAgIFtkaXNhYmxlZF09XCIhY29uZmlnPy52YWxpZGF0ZWQgfHwgIWR5bmFtaWNWYWxpZGF0ZWRcIiAoY2xpY2spPVwib25Pay5lbWl0KClcIiAoa2V5dXAuRjIpPVwib25Pay5lbWl0KClcIlxyXG4gICAgICBkYXRhLWN5PVwiYnRuLW9rXCIgW2lubmVySFRNTF09XCJjb25maWc/Lm9rVGV4dCA/IGNvbmZpZz8ub2tUZXh0IDogJ09rIChGMiknXCI+XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cclxuPC9kaXY+Il19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HeaderType } from "@dealpos-npm/ng-dealpos-library/
|
|
1
|
+
import { HeaderType } from "@dealpos-npm/ng-dealpos-library/header-type";
|
|
2
2
|
/**../../../../enum/header-type/HeaderType
|
|
3
3
|
* Control the modal UI and UX
|
|
4
4
|
*/
|
|
@@ -63,4 +63,4 @@ export class ModalMaterialConfig {
|
|
|
63
63
|
this.noPadding = false;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbWF0ZXJpYWwtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVhbHBvcy1ucG0vbmctZGVhbHBvcy1saWJyYXJ5L2NvbXBvbmVudHMvZGlhbG9nL3NyYy9jdXN0b20tZGlhbG9nLWNvbmZpZy9tb2RhbC1tYXRlcmlhbC1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXpFOztHQUVHO0FBQ0gsTUFBTSxPQUFPLG1CQUFtQjtJQUFoQztRQUNJOztXQUVHO1FBQ0gsVUFBSyxHQUFHLFdBQVcsQ0FBQztRQUNwQjs7V0FFRztRQUNILFdBQU0sR0FBRSxTQUFTLENBQUM7UUFDbEI7O1dBRUc7UUFDSCxlQUFVLEdBQUcsUUFBUSxDQUFDO1FBQ3RCOztXQUVHO1FBQ0gsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQjs7V0FFRztRQUNILGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkI7O1dBRUc7UUFDSCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2Y7O1dBRUc7UUFDSCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZjs7V0FFRztRQUNILGVBQVUsR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ2hDOztXQUVHO1FBQ0gsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQjs7V0FFRztRQUNILGdCQUFXLEdBQUcsU0FBUyxDQUFDO1FBQ3hCOztXQUVHO1FBQ0gsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkI7O1dBRUc7UUFDSCxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0Qjs7V0FFRztRQUNILGlCQUFZLEdBQUksS0FBSyxDQUFDO1FBQ3RCOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUN0QixDQUFDO0NBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIZWFkZXJUeXBlIH0gZnJvbSBcIkBkZWFscG9zLW5wbS9uZy1kZWFscG9zLWxpYnJhcnkvaGVhZGVyLXR5cGVcIjtcclxuXHJcbi8qKi4uLy4uLy4uLy4uL2VudW0vaGVhZGVyLXR5cGUvSGVhZGVyVHlwZVxyXG4gKiBDb250cm9sIHRoZSBtb2RhbCBVSSBhbmQgVVhcclxuICovXHJcbmV4cG9ydCBjbGFzcyBNb2RhbE1hdGVyaWFsQ29uZmlnIHtcclxuICAgIC8qKlxyXG4gICAgICogVGV4dCBpbnNpZGUgb2YgbWF0LWRpYWxvZy10aXRsZSBpbiBoNCB0YWdcclxuICAgICAqL1xyXG4gICAgdGl0bGUgPSBcIk5ldyBNb2RhbFwiO1xyXG4gICAgLyoqXHJcbiAgICAgKiB0aGUgbmFtZSBvZiB0aGUgT0sgYnV0dG9uIHRvIGJlIGRpc3BsYXllZFxyXG4gICAgICovXHJcbiAgICBva1RleHQ9IFwiT2sgKEYyKVwiO1xyXG4gICAgLyoqXHJcbiAgICAgKiB0aGUgbmFtZSBvZiB0aGUgQ0FOQ0VMIGJ1dHRvbiB0byBiZSBkaXNwbGF5ZWRcclxuICAgICAqL1xyXG4gICAgY2FuY2VsVGV4dCA9IFwiQ2FuY2VsXCI7XHJcbiAgICAvKipcclxuICAgICAqIHRoZSBjb25kaXRpb24gb2Ygd2hldGhlciB0aGUgZm9vdGVyIGlzIGRpc3BsYXllZFxyXG4gICAgICovXHJcbiAgICBoaWRlRm9vdGVyID0gZmFsc2U7XHJcbiAgICAvKipcclxuICAgICAqIHRoZSBjb25kaXRpb24gb2Ygd2hldGhlciB0aGUgQ0FOQ0VMIEJ1dHRvbiBpcyBkaXNwbGF5ZWRcclxuICAgICAqL1xyXG4gICAgaGlkZUNhbmNlbCA9IGZhbHNlO1xyXG4gICAgLyoqXHJcbiAgICAgKiB0aGUgY29uZGl0aW9uIG9mIHdoZXRoZXIgdGhlIE9LIEJ1dHRvbiBpcyBkaXNwbGF5ZWRcclxuICAgICAqL1xyXG4gICAgaGlkZU9rID0gZmFsc2U7XHJcbiAgICAvKipcclxuICAgICAqIHRoZSBjb25kaXRpb24gb2Ygd2hldGhlciB0aGUgQ0xPU0UgQnV0dG9uIGlzIGRpc3BsYXllZFxyXG4gICAgICovXHJcbiAgICBoaWRlQ2xvc2UgPSBmYWxzZTtcclxuICAgIGVNb25leSA9IGZhbHNlO1xyXG4gICAgLyoqXHJcbiAgICAgKiBoZWFkZXIgdHlwZSB0byBjaGFuZ2UgdGhlIGNvbG9yIG9mIHRoZSBkaWFsb2cuIGV4OiBTdWNjZXNzIGZvciBHcmVlbiBjb2xvciwgRGFuZ2VyIGZvciBSZWQgY29sb3JcclxuICAgICAqL1xyXG4gICAgaGVhZGVyVHlwZSA9IEhlYWRlclR5cGUuU3VjY2VzcztcclxuICAgIC8qKlxyXG4gICAgICogY29uZGl0aW9ucyBmb3IgZGlzYWJsZSBPSyBidXR0b25cclxuICAgICAqL1xyXG4gICAgdmFsaWRhdGVkID0gdHJ1ZTtcclxuICAgIC8qKlxyXG4gICAgICogQ3VzdG9taXphdGlvbiB3aWR0aCBmb3IgdGhlIGRpYWxvZ1xyXG4gICAgICovXHJcbiAgICBjdXN0b21XaWR0aCA9ICdpbml0aWFsJztcclxuICAgIC8qKlxyXG4gICAgICogY29uZGl0aW9uIHdoZXRoZXIgdGhlIGRpYWxvZyBib2R5IGNhbiBiZSBzY3JvbGxlZFxyXG4gICAgICovXHJcbiAgICBib2R5U2Nyb2xsYWJsZSA9IGZhbHNlO1xyXG4gICAgLyoqXHJcbiAgICAgKiBjb25kaXRpb24gd2hldGhlciB0aGUgc2Nyb2xsYmFyIGJvZHkgaXMgaGlkZVxyXG4gICAgICovXHJcbiAgICBoaWRlU2Nyb2xsYmFyID0gZmFsc2U7XHJcbiAgICAvKipcclxuICAgICAqIFxyXG4gICAgICovXHJcbiAgICBkaXNhYmxlS2V5dXA/ID0gZmFsc2U7XHJcbiAgICAvKipcclxuICAgICAqIGNvbmRpdGlvbiB0byByZW1vdmUgdGhlIHBhZGRpbmcgaW4gdGhlIGJvZHkgb2YgdGhlIGRpYWxvZ1xyXG4gICAgICovXHJcbiAgICBub1BhZGRpbmcgPSBmYWxzZTtcclxufVxyXG4iXX0=
|
|
@@ -21,10 +21,10 @@ export class InfoPageInputComponent {
|
|
|
21
21
|
inputValueType() {
|
|
22
22
|
return typeof this.inputValue;
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InfoPageInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: InfoPageInputComponent, isStandalone: true, selector: "lib-info-page-input", inputs: { inputValue: "inputValue", labelValue: "labelValue", inputType: "inputType", labelVisible: "labelVisible", disabled: "disabled", class: "class", tooltip: "tooltip" }, ngImport: i0, template: "<div [ngClass]=\"{'disabled': disabled}\" [class]=\"class\" [matTooltip]=\"tooltip\" matTooltipPosition=\"above\">\r\n <p *ngIf=\"isNotEmpty(inputValue) && inputType == 'input'\">{{inputValueType() === \"number\" ? (inputValue | number) :\r\n inputValue}}</p>\r\n <p *ngIf=\"isNotEmpty(inputValue) && inputType == 'textarea'\" [innerHTML]=\"inputValue | newlines\"></p>\r\n <label [class]=\"{'labelFilledInput': isNotEmpty(inputValue), 'labelEmptyInput': !isNotEmpty(inputValue)}\">\r\n <ng-container *ngIf=\"labelVisible\">\r\n {{labelValue}}\r\n </ng-container>\r\n </label>\r\n</div>", styles: ["div{border:1px solid #ced4da;position:relative;margin-bottom:1rem;border-radius:.25rem!important}p{margin-top:18px;margin-bottom:18px;padding-left:.75rem!important;font-size:.875rem}.labelFilledInput{position:absolute;top:-10px;left:10px;background:#fff;padding-left:4px;padding-right:4px;font-size:.75rem!important;color:#9da2a6}.labelEmptyInput{margin-top:18px;margin-bottom:18px;padding-left:.75rem!important;font-size:.875rem;color:#ccc}.disabled{background-color:#e9ecef;opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: NewlinesPipe, name: "newlines" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InfoPageInputComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'lib-info-page-input', standalone: true, imports: [CommonModule, NewlinesPipe, MatTooltipModule], template: "<div [ngClass]=\"{'disabled': disabled}\" [class]=\"class\" [matTooltip]=\"tooltip\" matTooltipPosition=\"above\">\r\n <p *ngIf=\"isNotEmpty(inputValue) && inputType == 'input'\">{{inputValueType() === \"number\" ? (inputValue | number) :\r\n inputValue}}</p>\r\n <p *ngIf=\"isNotEmpty(inputValue) && inputType == 'textarea'\" [innerHTML]=\"inputValue | newlines\"></p>\r\n <label [class]=\"{'labelFilledInput': isNotEmpty(inputValue), 'labelEmptyInput': !isNotEmpty(inputValue)}\">\r\n <ng-container *ngIf=\"labelVisible\">\r\n {{labelValue}}\r\n </ng-container>\r\n </label>\r\n</div>", styles: ["div{border:1px solid #ced4da;position:relative;margin-bottom:1rem;border-radius:.25rem!important}p{margin-top:18px;margin-bottom:18px;padding-left:.75rem!important;font-size:.875rem}.labelFilledInput{position:absolute;top:-10px;left:10px;background:#fff;padding-left:4px;padding-right:4px;font-size:.75rem!important;color:#9da2a6}.labelEmptyInput{margin-top:18px;margin-bottom:18px;padding-left:.75rem!important;font-size:.875rem;color:#ccc}.disabled{background-color:#e9ecef;opacity:1}\n"] }]
|
|
30
30
|
}], propDecorators: { inputValue: [{
|
|
@@ -13,10 +13,10 @@ export class ModalChangelogComponent {
|
|
|
13
13
|
close() {
|
|
14
14
|
this.dialogRef.close();
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalChangelogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ModalChangelogComponent, isStandalone: true, selector: "lib-modal-changelog", ngImport: i0, template: "<div class=\"changelog-container h-100\">\r\n <button class=\"close\" mat-button (click)=\"close()\">X</button>\r\n <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\r\n <div class=\"carousel-indicators\" *ngIf=\"changelogs.length > 1\">\r\n <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" [attr.data-bs-slide-to]=\"0\" class=\"active\"\r\n aria-current=\"true\"></button>\r\n <ng-container *ngFor=\"let c of changelogs; let index = index\">\r\n <button *ngIf=\"index != 0\" type=\"button\" data-bs-target=\"#carouselExampleIndicators\"\r\n [attr.data-bs-slide-to]=\"index\" aria-current=\"true\"></button>\r\n </ng-container>\r\n </div>\r\n <div class=\"carousel-inner\">\r\n <div class=\"carousel-item active\">\r\n <img [src]=\"changelogs[0].ImageSource\" alt=\"\">\r\n <h2><a [href]=\"changelogs[0].Href\" target=\"_blank\">{{changelogs[0].Title}}</a></h2>\r\n <p class=\"description\">\r\n {{changelogs[0].Description}}\r\n </p>\r\n </div>\r\n <ng-container *ngFor=\"let c of changelogs; let index = index\">\r\n <div *ngIf=\"index != 0\" class=\"carousel-item\">\r\n <img [src]=\"c.ImageSource\" alt=\"\">\r\n <h2><a [href]=\"c.Href\" target=\"_blank\">{{c.Title}}</a></h2>\r\n <p class=\"description\">\r\n {{c.Description}}\r\n </p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>", styles: [".changelog-container{position:relative;text-align:center}.changelog-container .carousel.slide{height:100%}.changelog-container .carousel-indicators [data-bs-target]{background-color:#dbdfea}.changelog-container .carousel-indicators .active{background-color:#19a7ce}.changelog-container .carousel-indicators button{width:10px;height:10px;border-radius:10px;border:0}.changelog-container img{max-height:425px;width:100%}.changelog-container h2{margin-top:20px}.changelog-container p{margin-top:10px!important;margin-bottom:15px!important;max-width:700px;font-size:15px;margin:0 auto}.changelog-container .close{position:absolute;top:0;right:0;transform:translate(100%,-100%);background:#fff;padding:8px 13px;min-width:auto;border:none;border-radius:119px}::ng-deep .changelog-dialog{overflow-y:visible!important}@media (max-width: 576px){::ng-deep .changelog-dialog{height:400px!important}}::ng-deep .changelog-dialog .mat-mdc-dialog-container .mdc-dialog__surface{overflow:visible}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ModalChangelogComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'lib-modal-changelog', standalone: true, imports: [CommonModule], template: "<div class=\"changelog-container h-100\">\r\n <button class=\"close\" mat-button (click)=\"close()\">X</button>\r\n <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-bs-ride=\"carousel\">\r\n <div class=\"carousel-indicators\" *ngIf=\"changelogs.length > 1\">\r\n <button type=\"button\" data-bs-target=\"#carouselExampleIndicators\" [attr.data-bs-slide-to]=\"0\" class=\"active\"\r\n aria-current=\"true\"></button>\r\n <ng-container *ngFor=\"let c of changelogs; let index = index\">\r\n <button *ngIf=\"index != 0\" type=\"button\" data-bs-target=\"#carouselExampleIndicators\"\r\n [attr.data-bs-slide-to]=\"index\" aria-current=\"true\"></button>\r\n </ng-container>\r\n </div>\r\n <div class=\"carousel-inner\">\r\n <div class=\"carousel-item active\">\r\n <img [src]=\"changelogs[0].ImageSource\" alt=\"\">\r\n <h2><a [href]=\"changelogs[0].Href\" target=\"_blank\">{{changelogs[0].Title}}</a></h2>\r\n <p class=\"description\">\r\n {{changelogs[0].Description}}\r\n </p>\r\n </div>\r\n <ng-container *ngFor=\"let c of changelogs; let index = index\">\r\n <div *ngIf=\"index != 0\" class=\"carousel-item\">\r\n <img [src]=\"c.ImageSource\" alt=\"\">\r\n <h2><a [href]=\"c.Href\" target=\"_blank\">{{c.Title}}</a></h2>\r\n <p class=\"description\">\r\n {{c.Description}}\r\n </p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>", styles: [".changelog-container{position:relative;text-align:center}.changelog-container .carousel.slide{height:100%}.changelog-container .carousel-indicators [data-bs-target]{background-color:#dbdfea}.changelog-container .carousel-indicators .active{background-color:#19a7ce}.changelog-container .carousel-indicators button{width:10px;height:10px;border-radius:10px;border:0}.changelog-container img{max-height:425px;width:100%}.changelog-container h2{margin-top:20px}.changelog-container p{margin-top:10px!important;margin-bottom:15px!important;max-width:700px;font-size:15px;margin:0 auto}.changelog-container .close{position:absolute;top:0;right:0;transform:translate(100%,-100%);background:#fff;padding:8px 13px;min-width:auto;border:none;border-radius:119px}::ng-deep .changelog-dialog{overflow-y:visible!important}@media (max-width: 576px){::ng-deep .changelog-dialog{height:400px!important}}::ng-deep .changelog-dialog .mat-mdc-dialog-container .mdc-dialog__surface{overflow:visible}\n"] }]
|
|
22
22
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|