@pepperi-addons/ngx-lib 0.2.59-query-builder.7 → 0.2.61

package/core/common/services/addon.service.d.ts

@@ -24,8 +24,9 @@ export declare class PepAddonService {
     getAddonApiCall(addonUUID: string, fileName: string, functionName: string, httpOptions?: {}, isAsync?: boolean): Observable<any>;
     postAddonApiCall(addonUUID: string, fileName: string, functionName: string, body?: {}, httpOptions?: {}, isAsync?: boolean): Observable<any>;
     fetch(input: RequestInfo, init?: RequestInit): Promise<Response>;
-    getNgxLibTranslationResource(subAddonUUID?: string): ITranslationResource;
+    getNgxLibTranslationResource(subAddonUUID?: string, libName?: string): ITranslationResource;
     getAddonTranslationResource(subAddonUUID?: string): ITranslationResource;
     setDefaultTranslateLang(translate: TranslateService, urlLangParam?: string): void;
     static createDefaultMultiTranslateLoader(http: HttpClient, fileService: PepFileService, addonService: PepAddonService, subAddonUUID?: string): import("ngx-translate-multi-http-loader").MultiTranslateHttpLoader;
+    static createMultiTranslateLoader(addonService: PepAddonService, libsName?: string[], subAddonUUID?: string): import("ngx-translate-multi-http-loader").MultiTranslateHttpLoader;
 }

package/core/common/services/file.service.d.ts

@@ -16,9 +16,9 @@ export declare class PepFileService {
     getFileExtension(filePath: string): string;
     isValidUrl(url: string): boolean;
     convertFromb64toBlob(b64Data: any, contentType?: string, sliceSize?: number): Blob;
-    getAssetsPath(assetsDomain?: string): string;
-    getAssetsTranslationsSuffix(): string;
-    getAssetsTranslationsPath(assetsDomain?: string): string;
-    getAssetsImagesPath(assetsDomain?: string, image?: string): string;
+    getAssetsPath(assetsDomain?: string, libName?: string): string;
+    getAssetsTranslationsSuffix(libName?: string): string;
+    getAssetsTranslationsPath(assetsDomain?: string, libName?: string): string;
+    getAssetsImagesPath(assetsDomain?: string, image?: string, libName?: string): string;
     getSvgAsImageSrc(svg: string): string;
 }

package/core/customization/customization.service.d.ts

@@ -8,7 +8,6 @@ export declare class PepCustomizationService {
     private fileService;
     fb: FormBuilder;
     static STAND_ALONE_FIELD_CLASS_NAME: string;
-    static STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME: string;
     static REM_STRING: string;
     static PX_STRING: string;
     static USER_THEME: string;

package/date/date.component.theme.scss

@@ -1,169 +1,169 @@
-@import '../src/core/style/abstracts/mixins';
-
-@mixin pep-date-component-theme($pepperi-theme) {
-
-    // -----------------------------------------------------
-    //  Override material style
-    // -----------------------------------------------------
-    .mat-datetimepicker-dialog{
-        max-width: 90vw !important;
-    }
-
-    .mat-datetimepicker-content {
-        border-radius: inherit;
-
-        .mat-datetimepicker-calendar-header {
-            @include state-strong-default($pepperi-theme);
-        }
-
-        .mat-datetimepicker-calendar-content {
-            // background-color: ivory;
-            // color: black;
-
-            .mat-month-content {
-                .mat-datetimepicker-calendar-controls {
-                    color: get-pep-color($pepperi-theme, color-text, color-main);
-
-                    .mat-datetimepicker-calendar-previous-button {
-                        @include select-arrow();
-                        // @include rotate(90deg);
-                        transform: rotate(90deg);
-
-                        svg {
-                            @include state-icon($pepperi-theme);
-                        }
-                    }
-
-                    .mat-datetimepicker-calendar-period-button {
-
-                    }
-
-                    .mat-datetimepicker-calendar-next-button {
-                        @include select-arrow();
-                        // @include rotate(-90deg);
-                        transform: rotate(-90deg);
-
-                        svg {
-                            @include state-icon($pepperi-theme);
-                        }
-                    }
-                }
-            }
-
-            mat-datetimepicker-year-view,
-            mat-datetimepicker-month-view {
-                .mat-datetimepicker-calendar-table {
-                    // Days string (sun, mon...)
-                    .mat-datetimepicker-calendar-table-header {
-                        color: get-pep-color($pepperi-theme, color-text, color-dimmed);
-                    }
-
-                    // Days numbers
-                    .mat-datetimepicker-calendar-body {
-                        color: get-pep-color($pepperi-theme, color-text, color-main);
-
-                        .mat-datetimepicker-calendar-body-label {
-                            color: get-pep-color($pepperi-theme, color-text, color-dimmed);
-                        }
-
-                        .mat-datetimepicker-calendar-body-cell {
-                            // @include state-weak-default($pepperi-theme);
-
-                            &:hover {
-                                .mat-datetimepicker-calendar-body-cell-content {
-                                    @include state-weak-hover($pepperi-theme);
-                                }
-                            }
-
-                            &:active {
-                                .mat-datetimepicker-calendar-body-cell-content {
-                                    @include state-weak-active($pepperi-theme, color-weak, true, true);
-                                }
-                            }
-
-                            // Regular cell
-                            .mat-datetimepicker-calendar-body-cell-content {
-                                // color:burlywood ;
-                                // border-radius: 0;
-
-                                // Today cell
-                                &.mat-datetimepicker-calendar-body-today {
-                                    @include state-regular-default($pepperi-theme, true);
-
-                                    &:hover {
-                                        @include state-regular-hover($pepperi-theme, true);
-                                    }
-
-                                    &:active {
-                                        @include state-regular-focus($pepperi-theme, true);
-                                    }
-                                }
-
-                                // Active cell
-                                &.mat-datetimepicker-calendar-body-selected {
-                                    // color:white ;
-                                    @include state-strong-default($pepperi-theme);
-
-                                    &:hover {
-                                        @include state-strong-hover($pepperi-theme);
-                                    }
-
-                                    &:active {
-                                        @include state-strong-focus($pepperi-theme);
-                                    }
-                                }
-                            }
-
-                        }
-                    }
-                }
-            }
-
-            mat-datetimepicker-clock {
-                .mat-datetimepicker-clock {
-                    // background-color: yellowgreen;
-                    @include state-weak-default($pepperi-theme);
-
-                    .mat-datetimepicker-clock-center {
-                        // background-color: yellow;
-                        @include state-strong-default($pepperi-theme);
-                    }
-
-                    .mat-datetimepicker-clock-hand {
-                        // color: blue;
-                        // background-color: yellow;
-                        @include state-strong-default($pepperi-theme);
-
-                        &::before {
-                            // background-color: yellow;
-                            @include state-strong-default($pepperi-theme);
-                        }
-                    }
-
-                    .mat-datetimepicker-clock-hours,
-                    .mat-datetimepicker-clock-minutes {
-                        .mat-datetimepicker-clock-cell {
-                            color: get-pep-color($pepperi-theme, color-text, color-main);
-
-                            &:hover {
-                                @include state-weak-hover($pepperi-theme);
-                            }
-
-                            &.mat-datetimepicker-clock-cell-selected {
-                                @include state-strong-default($pepperi-theme);
-
-                                &:hover {
-                                    @include state-strong-hover($pepperi-theme);
-                                }
-
-                                &:active {
-                                    @include state-strong-focus($pepperi-theme);
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
+@import '../src/core/style/abstracts/mixins';
+
+@mixin pep-date-component-theme($pepperi-theme) {
+
+    // -----------------------------------------------------
+    //  Override material style
+    // -----------------------------------------------------
+    .mat-datetimepicker-dialog{
+        max-width: 90vw !important;
+    }
+
+    .mat-datetimepicker-content {
+        border-radius: inherit;
+
+        .mat-datetimepicker-calendar-header {
+            @include state-strong-default($pepperi-theme);
+        }
+
+        .mat-datetimepicker-calendar-content {
+            // background-color: ivory;
+            // color: black;
+
+            .mat-month-content {
+                .mat-datetimepicker-calendar-controls {
+                    color: get-pep-color($pepperi-theme, color-text, color-main);
+
+                    .mat-datetimepicker-calendar-previous-button {
+                        @include select-arrow();
+                        // @include rotate(90deg);
+                        transform: rotate(90deg);
+
+                        svg {
+                            @include state-icon($pepperi-theme);
+                        }
+                    }
+
+                    .mat-datetimepicker-calendar-period-button {
+
+                    }
+
+                    .mat-datetimepicker-calendar-next-button {
+                        @include select-arrow();
+                        // @include rotate(-90deg);
+                        transform: rotate(-90deg);
+
+                        svg {
+                            @include state-icon($pepperi-theme);
+                        }
+                    }
+                }
+            }
+
+            mat-datetimepicker-year-view,
+            mat-datetimepicker-month-view {
+                .mat-datetimepicker-calendar-table {
+                    // Days string (sun, mon...)
+                    .mat-datetimepicker-calendar-table-header {
+                        color: get-pep-color($pepperi-theme, color-text, color-dimmed);
+                    }
+
+                    // Days numbers
+                    .mat-datetimepicker-calendar-body {
+                        color: get-pep-color($pepperi-theme, color-text, color-main);
+
+                        .mat-datetimepicker-calendar-body-label {
+                            color: get-pep-color($pepperi-theme, color-text, color-dimmed);
+                        }
+
+                        .mat-datetimepicker-calendar-body-cell {
+                            // @include state-weak-default($pepperi-theme);
+
+                            &:hover {
+                                .mat-datetimepicker-calendar-body-cell-content {
+                                    @include state-weak-hover($pepperi-theme);
+                                }
+                            }
+
+                            &:active {
+                                .mat-datetimepicker-calendar-body-cell-content {
+                                    @include state-weak-active($pepperi-theme, color-weak, true, true);
+                                }
+                            }
+
+                            // Regular cell
+                            .mat-datetimepicker-calendar-body-cell-content {
+                                // color:burlywood ;
+                                // border-radius: 0;
+
+                                // Today cell
+                                &.mat-datetimepicker-calendar-body-today {
+                                    @include state-regular-default($pepperi-theme, true);
+
+                                    &:hover {
+                                        @include state-regular-hover($pepperi-theme, true);
+                                    }
+
+                                    &:active {
+                                        @include state-regular-focus($pepperi-theme, true);
+                                    }
+                                }
+
+                                // Active cell
+                                &.mat-datetimepicker-calendar-body-selected {
+                                    // color:white ;
+                                    @include state-strong-default($pepperi-theme);
+
+                                    &:hover {
+                                        @include state-strong-hover($pepperi-theme);
+                                    }
+
+                                    &:active {
+                                        @include state-strong-focus($pepperi-theme);
+                                    }
+                                }
+                            }
+
+                        }
+                    }
+                }
+            }
+
+            mat-datetimepicker-clock {
+                .mat-datetimepicker-clock {
+                    // background-color: yellowgreen;
+                    @include state-weak-default($pepperi-theme);
+
+                    .mat-datetimepicker-clock-center {
+                        // background-color: yellow;
+                        @include state-strong-default($pepperi-theme);
+                    }
+
+                    .mat-datetimepicker-clock-hand {
+                        // color: blue;
+                        // background-color: yellow;
+                        @include state-strong-default($pepperi-theme);
+
+                        &::before {
+                            // background-color: yellow;
+                            @include state-strong-default($pepperi-theme);
+                        }
+                    }
+
+                    .mat-datetimepicker-clock-hours,
+                    .mat-datetimepicker-clock-minutes {
+                        .mat-datetimepicker-clock-cell {
+                            color: get-pep-color($pepperi-theme, color-text, color-main);
+
+                            &:hover {
+                                @include state-weak-hover($pepperi-theme);
+                            }
+
+                            &.mat-datetimepicker-clock-cell-selected {
+                                @include state-strong-default($pepperi-theme);
+
+                                &:hover {
+                                    @include state-strong-hover($pepperi-theme);
+                                }
+
+                                &:active {
+                                    @include state-strong-focus($pepperi-theme);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/date/pepperi-addons-ngx-lib-date.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepDateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":35,"character":8},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":36,"character":8},{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"MatDatetimepickerModule","line":37,"character":8},{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"MatNativeDatetimeModule","line":38,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":39,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":40,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":41,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":43,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":44,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/field-title","name":"PepFieldTitleModule","line":45,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/textbox-icon","name":"PepTextboxIconModule","line":46,"character":8}],"exports":[{"__symbolic":"reference","name":"PepDateComponent"}],"declarations":[{"__symbolic":"reference","name":"PepDateComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":52,"character":41}]}]}},"PepDateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"pep-date","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":40,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":52,"character":19},"useClass":{"__symbolic":"reference","name":"ɵa"}},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":53,"character":19},"useValue":{"__symbolic":"reference","name":"ɵc"}},{"provide":{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"DatetimeAdapter","line":54,"character":19},"useClass":{"__symbolic":"reference","name":"ɵb"}},{"provide":{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"MAT_DATETIME_FORMATS","line":56,"character":19},"useValue":{"__symbolic":"reference","name":"ɵc"}}],"template":"<ng-container [formGroup]=\"form\">\r\n    <ng-template #pepTemplate let-showIcon=\"showIcon\">\r\n        <mat-form-field appearance=\"outline\">\r\n            <input #input [id]=\"key\" title=\"{{ formattedValue }}\" matInput class=\"body-sm\" autocomplete=\"false\"\r\n                [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'center' ? 'center' : xAlignment == 'right' ? 'right' : 'left'}\"\r\n                [(ngModel)]=\"dateModel\" [ngModelOptions]=\"{standalone: true}\" [matDatetimepicker]=\"datetimePicker\"\r\n                [min]=\"minDate\" [max]=\"maxDate\" [required]=\"mandatory\" [disabled]=\"disabled\"\r\n                (dateChange)=\"onDateChange($event)\" (click)=\"openDatetimePicker(datetimePicker)\"\r\n                (blur)=\"onBlur($event)\" />\r\n            <mat-error *ngIf=\"renderError\"><span class=\"body-xs\"\r\n                    [title]=\"mandatory && formattedValue.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: {field: label})\"\r\n                    [innerText]=\"mandatory && formattedValue.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: {field: label})\"></span>\r\n            </mat-error>\r\n            <pep-textbox-icon *ngIf=\"renderSymbol && showIcon && xAlignment == 'right'\" matPrefix [value]=\"value\"\r\n                [label]=\"label\" [type]=\"type\" [disabled]=\"disabled\" (iconClick)=\"openDatetimePicker(datetimePicker)\">\r\n            </pep-textbox-icon>\r\n            <pep-textbox-icon *ngIf=\"renderSymbol && showIcon && xAlignment == 'left'\" matSuffix [value]=\"value\"\r\n                [label]=\"label\" [type]=\"type\" [disabled]=\"disabled\" (iconClick)=\"openDatetimePicker(datetimePicker)\">\r\n            </pep-textbox-icon>\r\n            <mat-datetimepicker #datetimePicker [type]=\"showTime ? 'datetime' : 'date'\" [openOnFocus]=\"false\"\r\n                [touchUi]=\"true\" [timeInterval]=\"1\"></mat-datetimepicker>\r\n        </mat-form-field>\r\n    </ng-template>\r\n\r\n    <ng-container *ngIf=\"layoutType === 'form'\">\r\n        <pep-field-title *ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\r\n            [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\r\n        </pep-field-title>\r\n        <ng-container *ngTemplateOutlet=\"pepTemplate; context: {showIcon: true}\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"layoutType === 'card'\">\r\n        <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\r\n        <ng-template #editBlock>\r\n            <div [ngClass]=\"{'one-row': rowSpan === 1}\">\r\n                <ng-container *ngTemplateOutlet=\"pepTemplate; context: {showIcon: false}\"></ng-container>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template #readOnlyBlock>\r\n            <div class=\"pep-card-input card-flex-container\"\r\n                [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled }\"\r\n                [ngStyle]=\"{ color: textColor }\" [class]=\"'text-align-' + xAlignment\"\r\n                (click)=\"!disabled ? cardTemplateClicked($event) : ''\">\r\n                <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title\" title=\"{{ label }}\">{{ label\r\n                    }}&nbsp;</span>\r\n                <span [id]=\"key\" title=\"{{ formattedValue }}\" class=\"body-sm value\">{{ formattedValue }}</span>\r\n                <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button\" mat-button>\r\n                    <mat-icon>\r\n                        <pep-icon name=\"system_edit\">\r\n                        </pep-icon>\r\n                    </mat-icon>\r\n                </button>\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"layoutType === 'table'\">\r\n        <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\r\n        <ng-template #selectedBlock>\r\n            <ng-container *ngTemplateOutlet=\"pepTemplate; context: {showIcon: true}\"></ng-container>\r\n        </ng-template>\r\n        <ng-template #notSelectedBlock>\r\n            <ng-container *ngIf=\"formattedValue?.length > 0; then notEmptyBlock; else emptyBlock\"></ng-container>\r\n            <ng-template #notEmptyBlock>\r\n                <ng-container [ngSwitch]=\"type\">\r\n                    <ng-container *ngSwitchDefault>\r\n                        <span [id]=\"key\" class=\"body-sm pep-report-input\" [ngStyle]=\"{ color: textColor }\"\r\n                            [ngClass]=\"{readonly: disabled}\" title=\"{{ formattedValue }}\">{{ formattedValue }}</span>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </ng-template>\r\n            <ng-template #emptyBlock>\r\n                <span [id]=\"key\">&nbsp;</span>\r\n            </ng-template>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>","styles":[":host{height:inherit;display:grid}:host>*{align-self:center}"]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"textColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"minValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":5}}]}],"maxValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":5}}]}],"minDateValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5}}]}],"maxDateValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":5}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":5}}]}],"showTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":5}}]}],"renderError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":5}}]}],"renderSymbol":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":5}}]}],"datetimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":152,"character":5},"arguments":["datetimePicker"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":154,"character":5},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":166,"character":25},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":167,"character":31},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepUtilitiesService","line":168,"character":34},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":169,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":170,"character":26}]}],"setDefaultForm":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setFormattedValueFromModel":[{"__symbolic":"method"}],"setDateModel":[{"__symbolic":"method"}],"openDatetimePicker":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"cardTemplateClicked":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":6,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":7,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":7,"character":29},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":7,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@mat-datetimepicker/moment","name":"MomentDatetimeAdapter","line":13,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":29},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":14,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}]}},"ɵc":{"parse":{"dateInput":"L","monthInput":"MMMM","timeInput":"LT","datetimeInput":"L LT"},"display":{"dateInput":"L","monthInput":"MMMM","timeInput":"LT","datetimeInput":"L LT","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY","popupHeaderDateLabel":"ddd, DD MMM"}}},"origins":{"PepDateModule":"./date.module","PepDateComponent":"./date.component","ɵa":"./date.model","ɵb":"./date.model","ɵc":"./date.model"},"importAs":"@pepperi-addons/ngx-lib/date"}
+{"__symbolic":"module","version":4,"metadata":{"PepDateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":34,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":35,"character":8},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":36,"character":8},{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"MatDatetimepickerModule","line":37,"character":8},{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"MatNativeDatetimeModule","line":38,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":39,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":40,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":41,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":43,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":44,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/field-title","name":"PepFieldTitleModule","line":45,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/textbox-icon","name":"PepTextboxIconModule","line":46,"character":8}],"exports":[{"__symbolic":"reference","name":"PepDateComponent"}],"declarations":[{"__symbolic":"reference","name":"PepDateComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":52,"character":41}]}]}},"PepDateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"pep-date","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":40,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":52,"character":19},"useClass":{"__symbolic":"reference","name":"ɵa"}},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":53,"character":19},"useValue":{"__symbolic":"reference","name":"ɵc"}},{"provide":{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"DatetimeAdapter","line":54,"character":19},"useClass":{"__symbolic":"reference","name":"ɵb"}},{"provide":{"__symbolic":"reference","module":"@mat-datetimepicker/core","name":"MAT_DATETIME_FORMATS","line":56,"character":19},"useValue":{"__symbolic":"reference","name":"ɵc"}}],"template":"<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate let-showIcon=\"showIcon\">\n        <mat-form-field appearance=\"outline\">\n            <input #input [id]=\"key\" title=\"{{ formattedValue }}\" matInput class=\"body-sm\" autocomplete=\"false\"\n                [ngStyle]=\"{ color: textColor, 'text-align': xAlignment == 'center' ? 'center' : xAlignment == 'right' ? 'right' : 'left'}\"\n                [(ngModel)]=\"dateModel\" [ngModelOptions]=\"{standalone: true}\" [matDatetimepicker]=\"datetimePicker\"\n                [min]=\"minDate\" [max]=\"maxDate\" [required]=\"mandatory\" [disabled]=\"disabled\"\n                (dateChange)=\"onDateChange($event)\" (click)=\"openDatetimePicker(datetimePicker)\"\n                (blur)=\"onBlur($event)\" />\n            <mat-error *ngIf=\"renderError\"><span class=\"body-xs\"\n                    [title]=\"mandatory && formattedValue.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: {field: label})\"\n                    [innerText]=\"mandatory && formattedValue.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: {field: label})\"></span>\n            </mat-error>\n            <pep-textbox-icon *ngIf=\"renderSymbol && showIcon && xAlignment == 'right'\" matPrefix [value]=\"value\"\n                [label]=\"label\" [type]=\"type\" [disabled]=\"disabled\" (iconClick)=\"openDatetimePicker(datetimePicker)\">\n            </pep-textbox-icon>\n            <pep-textbox-icon *ngIf=\"renderSymbol && showIcon && xAlignment == 'left'\" matSuffix [value]=\"value\"\n                [label]=\"label\" [type]=\"type\" [disabled]=\"disabled\" (iconClick)=\"openDatetimePicker(datetimePicker)\">\n            </pep-textbox-icon>\n            <mat-datetimepicker #datetimePicker [type]=\"showTime ? 'datetime' : 'date'\" [openOnFocus]=\"false\"\n                [touchUi]=\"true\" [timeInterval]=\"1\"></mat-datetimepicker>\n        </mat-form-field>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title *ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\n            [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n        </pep-field-title>\n        <ng-container *ngTemplateOutlet=\"pepTemplate; context: {showIcon: true}\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n        <ng-template #editBlock>\n            <div [ngClass]=\"{'one-row': rowSpan === 1}\">\n                <ng-container *ngTemplateOutlet=\"pepTemplate; context: {showIcon: false}\"></ng-container>\n            </div>\n        </ng-template>\n        <ng-template #readOnlyBlock>\n            <div class=\"pep-card-input card-flex-container\"\n                [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled }\"\n                [ngStyle]=\"{ color: textColor }\" [class]=\"'text-align-' + xAlignment\"\n                (click)=\"!disabled ? cardTemplateClicked($event) : ''\">\n                <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title\" title=\"{{ label }}\">{{ label\n                    }}&nbsp;</span>\n                <span [id]=\"key\" title=\"{{ formattedValue }}\" class=\"body-sm value\">{{ formattedValue }}</span>\n                <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button\" mat-button>\n                    <mat-icon>\n                        <pep-icon name=\"system_edit\">\n                        </pep-icon>\n                    </mat-icon>\n                </button>\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n        <ng-template #selectedBlock>\n            <ng-container *ngTemplateOutlet=\"pepTemplate; context: {showIcon: true}\"></ng-container>\n        </ng-template>\n        <ng-template #notSelectedBlock>\n            <ng-container *ngIf=\"formattedValue?.length > 0; then notEmptyBlock; else emptyBlock\"></ng-container>\n            <ng-template #notEmptyBlock>\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchDefault>\n                        <span [id]=\"key\" class=\"body-sm pep-report-input\" [ngStyle]=\"{ color: textColor }\"\n                            [ngClass]=\"{readonly: disabled}\" title=\"{{ formattedValue }}\">{{ formattedValue }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-template>\n            <ng-template #emptyBlock>\n                <span [id]=\"key\">&nbsp;</span>\n            </ng-template>\n        </ng-template>\n    </ng-container>\n</ng-container>","styles":[":host{height:inherit;display:grid}:host>*{align-self:center}"]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"formattedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"textColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"minValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":5}}]}],"maxValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":5}}]}],"minDateValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5}}]}],"maxDateValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":5}}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":5}}]}],"showTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":5}}]}],"renderError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":5}}]}],"renderSymbol":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":5}}]}],"datetimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":152,"character":5},"arguments":["datetimePicker"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":154,"character":5},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DateAdapter","module":"@angular/material/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":166,"character":25},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":167,"character":31},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepUtilitiesService","line":168,"character":34},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":169,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":170,"character":26}]}],"setDefaultForm":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setFormattedValueFromModel":[{"__symbolic":"method"}],"setDateModel":[{"__symbolic":"method"}],"openDatetimePicker":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"cardTemplateClicked":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":6,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":7,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":7,"character":29},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":7,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@mat-datetimepicker/moment","name":"MomentDatetimeAdapter","line":13,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":14,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":29},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":14,"character":36}]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}]}},"ɵc":{"parse":{"dateInput":"L","monthInput":"MMMM","timeInput":"LT","datetimeInput":"L LT"},"display":{"dateInput":"L","monthInput":"MMMM","timeInput":"LT","datetimeInput":"L LT","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY","popupHeaderDateLabel":"ddd, DD MMM"}}},"origins":{"PepDateModule":"./date.module","PepDateComponent":"./date.component","ɵa":"./date.model","ɵb":"./date.model","ɵc":"./date.model"},"importAs":"@pepperi-addons/ngx-lib/date"}

package/dialog/dialog.component.theme.scss

@@ -1,5 +1,5 @@
-@mixin pep-dialog-component-theme($pepperi-theme) {
-    .pepperi-dialog, .pep-dialog {
-        box-shadow: get-pep-shadow($pepperi-theme, shadow-sm, hard) !important;
-    }
-}
+@mixin pep-dialog-component-theme($pepperi-theme) {
+    .pepperi-dialog, .pep-dialog {
+        box-shadow: get-pep-shadow($pepperi-theme, shadow-sm, hard) !important;
+    }
+}

package/dialog/pepperi-addons-ngx-lib-dialog.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":24,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":25,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":26,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":28,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":29,"character":8}],"exports":[{"__symbolic":"reference","name":"PepDialogComponent"}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"PepDialogComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}],"providers":[{"__symbolic":"reference","name":"PepDialogService"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":37,"character":41}]}]}},"PepDialogSizeType":{"__symbolic":"interface"},"PepDialogActionsType":{"__symbolic":"interface"},"PepDialogActionButton":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null,null,{"__symbolic":"error","message":"Expression form not supported","line":19,"character":54,"module":"./dialog.model"}]}]}},"PepDialogData":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":35,"character":25,"module":"./dialog.model"}]}]}},"PepDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"pep-dialog","template":"<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\r\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\r\n        {{ title }}\r\n    </span>\r\n    <button mat-button *ngIf=\"showClose\" [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak dialog-close\">\r\n        <mat-icon>\r\n            <pep-icon name=\"system_close\">\r\n            </pep-icon>\r\n        </mat-icon>\r\n    </button>\r\n</div>\r\n<div mat-dialog-content>\r\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\r\n</div>\r\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\r\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\r\n</div>","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"showClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"showFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}]}},"PepDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":17,"character":24},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":18,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":19,"character":25}]}],"fixConfigIfNeeded":[{"__symbolic":"method"}],"getDialogConfig":[{"__symbolic":"method"}],"openDefaultDialog":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":19},"member":"None"},"template":"<pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\"\r\n    [title]=\"data?.title\">\r\n    <div pep-dialog-content [innerHtml]=\"data?.content | pepSafeHtml\"></div>\r\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\r\n        <ng-container [ngSwitch]=\"data?.actionsType\">\r\n            <ng-container *ngSwitchCase=\"'close'\">\r\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md weak\">\r\n                    {{ 'ACTIONS.CLOSE' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cancel-continue'\">\r\n                <button mat-button [mat-dialog-close]=\"false\" class=\"pep-spacing-element pep-button md weak\">\r\n                    {{ 'ACTIONS.CANCEL' | translate }}\r\n                </button>\r\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md strong\">\r\n                    {{ 'ACTIONS.CONTINUE' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cancel-ok'\">\r\n                <button mat-button [mat-dialog-close]=\"false\" class=\"pep-spacing-element pep-button md weak\">\r\n                    {{ 'ACTIONS.CANCEL' | translate }}\r\n                </button>\r\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md strong\">\r\n                    {{ 'ACTIONS.OK' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'cancel-delete'\">\r\n                <button mat-button [mat-dialog-close]=\"false\" class=\"pep-spacing-element pep-button md weak\">\r\n                    {{ 'ACTIONS.CANCEL' | translate }}\r\n                </button>\r\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md strong caution\">\r\n                    {{ 'ACTIONS.DELETE' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'custom'\">\r\n                <ng-container *ngFor=\"let btn of data?.actionButtons\">\r\n                    <!-- [mat-dialog-close]=\"btn?.callback ? btn.callback : null\" -->\r\n                    <button mat-button (click)=\"onActionButtonClicked(btn)\" class=\"pep-spacing-element pep-button md\"\r\n                        [ngClass]=\"btn?.className != '' ? btn?.className : 'weak'\">\r\n                        {{ btn?.title }}\r\n                    </button>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</pep-dialog>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":11,"character":16}]}],null],"parameters":[{"__symbolic":"reference","name":"PepDialogData"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"onActionButtonClicked":[{"__symbolic":"method"}]}}},"origins":{"PepDialogModule":"./dialog.module","PepDialogSizeType":"./dialog.model","PepDialogActionsType":"./dialog.model","PepDialogActionButton":"./dialog.model","PepDialogData":"./dialog.model","PepDialogComponent":"./dialog.component","PepDialogService":"./dialog.service","ɵa":"./default-dialog.component"},"importAs":"@pepperi-addons/ngx-lib/dialog"}
+{"__symbolic":"module","version":4,"metadata":{"PepDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":24,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":25,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":26,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":28,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":29,"character":8}],"exports":[{"__symbolic":"reference","name":"PepDialogComponent"}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"PepDialogComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}],"providers":[{"__symbolic":"reference","name":"PepDialogService"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":37,"character":41}]}]}},"PepDialogSizeType":{"__symbolic":"interface"},"PepDialogActionsType":{"__symbolic":"interface"},"PepDialogActionButton":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null,null,{"__symbolic":"error","message":"Expression form not supported","line":19,"character":54,"module":"./dialog.model"}]}]}},"PepDialogData":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":35,"character":25,"module":"./dialog.model"}]}]}},"PepDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"pep-dialog","template":"<div mat-dialog-title *ngIf=\"showHeader\" class=\"dialog-header-container\">\n    <span class=\"dialog-title\" *ngIf=\"title?.length\">\n        {{ title }}\n    </span>\n    <button mat-button *ngIf=\"showClose\" [mat-dialog-close]=\"null\" class=\"pep-button icon-button md weak dialog-close\">\n        <mat-icon>\n            <pep-icon name=\"system_close\">\n            </pep-icon>\n        </mat-icon>\n    </button>\n</div>\n<div mat-dialog-content>\n    <ng-content select=\"[pep-dialog-content]\"></ng-content>\n</div>\n<div mat-dialog-actions *ngIf=\"showFooter\" class=\"pep-border-top\">\n    <ng-content select=\"[pep-dialog-actions]\"></ng-content>\n</div>","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"showClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"showFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}]}},"PepDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":17,"character":24},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":18,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":19,"character":25}]}],"fixConfigIfNeeded":[{"__symbolic":"method"}],"getDialogConfig":[{"__symbolic":"method"}],"openDefaultDialog":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":19},"member":"None"},"template":"<pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\"\n    [title]=\"data?.title\">\n    <div pep-dialog-content [innerHtml]=\"data?.content | pepSafeHtml\"></div>\n    <div pep-dialog-actions class=\"pep-spacing-element-negative\">\n        <ng-container [ngSwitch]=\"data?.actionsType\">\n            <ng-container *ngSwitchCase=\"'close'\">\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CLOSE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-continue'\">\n                <button mat-button [mat-dialog-close]=\"false\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.CONTINUE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-ok'\">\n                <button mat-button [mat-dialog-close]=\"false\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md strong\">\n                    {{ 'ACTIONS.OK' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'cancel-delete'\">\n                <button mat-button [mat-dialog-close]=\"false\" class=\"pep-spacing-element pep-button md weak\">\n                    {{ 'ACTIONS.CANCEL' | translate }}\n                </button>\n                <button mat-button [mat-dialog-close]=\"true\" class=\"pep-spacing-element pep-button md strong caution\">\n                    {{ 'ACTIONS.DELETE' | translate }}\n                </button>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'custom'\">\n                <ng-container *ngFor=\"let btn of data?.actionButtons\">\n                    <!-- [mat-dialog-close]=\"btn?.callback ? btn.callback : null\" -->\n                    <button mat-button (click)=\"onActionButtonClicked(btn)\" class=\"pep-spacing-element pep-button md\"\n                        [ngClass]=\"btn?.className != '' ? btn?.className : 'weak'\">\n                        {{ btn?.title }}\n                    </button>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</pep-dialog>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":11,"character":16}]}],null],"parameters":[{"__symbolic":"reference","name":"PepDialogData"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"onActionButtonClicked":[{"__symbolic":"method"}]}}},"origins":{"PepDialogModule":"./dialog.module","PepDialogSizeType":"./dialog.model","PepDialogActionsType":"./dialog.model","PepDialogActionButton":"./dialog.model","PepDialogData":"./dialog.model","PepDialogComponent":"./dialog.component","PepDialogService":"./dialog.service","ɵa":"./default-dialog.component"},"importAs":"@pepperi-addons/ngx-lib/dialog"}