@pepperi-addons/ngx-lib 0.4.2-storybook.1 → 0.5.0-ng15.1

package/address/address.component.d.ts

@@ -26,5 +26,5 @@ export declare class PepAddressComponent implements OnChanges, OnInit, OnDestroy
     ngOnDestroy(): void;
     onValueChange(value: string, key: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepAddressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepAddressComponent, "pep-address", never, { "key": "key"; "formattedValue": "formattedValue"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "groupFields": "groupFields"; "form": "form"; "layoutType": "layoutType"; "visible": "visible"; }, { "addressValueChange": "addressValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepAddressComponent, "pep-address", never, { "key": "key"; "formattedValue": "formattedValue"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "groupFields": "groupFields"; "form": "form"; "layoutType": "layoutType"; "visible": "visible"; }, { "addressValueChange": "addressValueChange"; }, never, never, false, never>;
 }

package/attachment/attachment.component.d.ts

@@ -76,6 +76,7 @@ export declare class PepAttachmentComponent implements OnInit, OnChanges, OnDest
     chooseFile: EventEmitter<void>;
     fileChange: EventEmitter<any>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
+    validationChange: EventEmitter<boolean>;
     fieldHeight: string;
     standAlone: boolean;
     dataURI: any;
@@ -90,5 +91,5 @@ export declare class PepAttachmentComponent implements OnInit, OnChanges, OnDest
     onFileClicked(event: IPepFieldClickEvent): void;
     onChooseFile(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepAttachmentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepAttachmentComponent, "pep-attachment", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "handleActions": "handleActions"; "hint": "hint"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepAttachmentComponent, "pep-attachment", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "handleActions": "handleActions"; "hint": "hint"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/bread-crumbs/bread-crumbs.component.d.ts

@@ -22,6 +22,6 @@ export declare class PepBreadCrumbsComponent implements OnInit {
     getLabelTitle(): string;
     onBreadCrumbItemClick(item: PepBreadCrumbItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepBreadCrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepBreadCrumbsComponent, "pep-bread-crumbs", never, { "items": "items"; "displayType": "displayType"; "addSpacing": "addSpacing"; }, { "itemClick": "itemClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepBreadCrumbsComponent, "pep-bread-crumbs", never, { "items": "items"; "displayType": "displayType"; "addSpacing": "addSpacing"; }, { "itemClick": "itemClick"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepBreadCrumbsComponent>;
 }

package/bread-crumbs/bread-crumbs.model.d.ts

@@ -1,4 +1,4 @@
-export declare type PepBreadCrumbsDisplayType = 'label' | 'items';
+export type PepBreadCrumbsDisplayType = 'label' | 'items';
 export declare class PepBreadCrumbItem {
     key: string;
     text: string;

package/button/button.component.d.ts

@@ -98,5 +98,5 @@ export declare class PepButtonComponent implements OnDestroy {
      */
     onButtonClicked(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepButtonComponent, "pep-button", never, { "key": "key"; "value": "value"; "styleType": "styleType"; "styleStateType": "styleStateType"; "sizeType": "sizeType"; "classNames": "classNames"; "disabled": "disabled"; "iconName": "iconName"; "iconPosition": "iconPosition"; "visible": "visible"; }, { "buttonClick": "buttonClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepButtonComponent, "pep-button", never, { "key": "key"; "value": "value"; "styleType": "styleType"; "styleStateType": "styleStateType"; "sizeType": "sizeType"; "classNames": "classNames"; "disabled": "disabled"; "iconName": "iconName"; "iconPosition": "iconPosition"; "visible": "visible"; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
 }

package/carousel/carousel-item.directive.d.ts

@@ -8,5 +8,5 @@ export declare class PepCarouselItemDirective {
     _elementRef: ElementRef;
     constructor(elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepCarouselItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepCarouselItemDirective, "[pepCarouselItem]", never, { "dragDisabled": "dragDisabled"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepCarouselItemDirective, "[pepCarouselItem]", never, { "dragDisabled": "dragDisabled"; }, {}, never, never, false, never>;
 }

package/carousel/carousel.component.d.ts

@@ -144,5 +144,5 @@ export declare class PepCarouselComponent implements OnDestroy, AfterViewInit, O
      */
     private adjustMarginToLastChild;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepCarouselComponent, "pep-carousel", never, { "scrollbarHidden": "scrollbarHidden"; "disabled": "disabled"; "xDisabled": "xDisabled"; "yDisabled": "yDisabled"; "xWheelEnabled": "xWheelEnabled"; "dragDisabled": "dragDisabled"; "snapDisabled": "snapDisabled"; "snapOffset": "snapOffset"; "snapDuration": "snapDuration"; }, { "dsInitialized": "dsInitialized"; "indexChanged": "indexChanged"; "reachesLeftBound": "reachesLeftBound"; "reachesRightBound": "reachesRightBound"; "snapAnimationFinished": "snapAnimationFinished"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, ["_children"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepCarouselComponent, "pep-carousel", never, { "scrollbarHidden": "scrollbarHidden"; "disabled": "disabled"; "xDisabled": "xDisabled"; "yDisabled": "yDisabled"; "xWheelEnabled": "xWheelEnabled"; "dragDisabled": "dragDisabled"; "snapDisabled": "snapDisabled"; "snapOffset": "snapOffset"; "snapDuration": "snapDuration"; }, { "dsInitialized": "dsInitialized"; "indexChanged": "indexChanged"; "reachesLeftBound": "reachesLeftBound"; "reachesRightBound": "reachesRightBound"; "snapAnimationFinished": "snapAnimationFinished"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, ["_children"], ["*"], false, never>;
 }

package/checkbox/checkbox.component.d.ts

@@ -33,6 +33,7 @@ export declare class PepCheckboxComponent implements OnInit, OnChanges, OnDestro
     set visible(visible: boolean);
     get visible(): boolean;
     valueChange: EventEmitter<boolean>;
+    validationChange: EventEmitter<boolean>;
     standAlone: boolean;
     additionalValueObject: any;
     jsonLib: JSON;
@@ -46,5 +47,5 @@ export declare class PepCheckboxComponent implements OnInit, OnChanges, OnDestro
     toggleChecked(event: Event): void;
     changeValue(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepCheckboxComponent, "pep-checkbox", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "additionalValue": "additionalValue"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "visible": "visible"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepCheckboxComponent, "pep-checkbox", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "additionalValue": "additionalValue"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "visible": "visible"; }, { "valueChange": "valueChange"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/chips/chips.component.d.ts

@@ -1,11 +1,11 @@
-import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
+import { OnInit, EventEmitter } from '@angular/core';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { TranslateService } from '@ngx-translate/core';
-import { PepHorizontalAlignment, PepLayoutType, PepStyleType } from '@pepperi-addons/ngx-lib';
+import { PepHorizontalAlignment, PepLayoutType, PepStyleType, BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
 import { IPepChip, PepChipsOrientationType, PepChipsInputType, IPepChipSelection } from './chips.model';
 import { PepChipsService } from './chips.service';
 import * as i0 from "@angular/core";
-export declare class PepChipsComponent implements OnInit, OnDestroy {
+export declare class PepChipsComponent extends BaseDestroyerDirective implements OnInit {
     chipsService: PepChipsService;
     private _translate;
     /**
@@ -96,7 +96,6 @@ export declare class PepChipsComponent implements OnInit, OnDestroy {
      * On Add new chip(s) clicked
      */
     onChipsSelectClicked(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepChipsComponent, "pep-chips", never, { "layoutType": "layoutType"; "inline": "inline"; "xAlignment": "xAlignment"; "renderTitle": "renderTitle"; "showTitle": "showTitle"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "classNames": "classNames"; "chips": "chips"; "type": "type"; "orientation": "orientation"; "styleType": "styleType"; "multiSelect": "multiSelect"; "placeholder": "placeholder"; }, { "fieldClick": "fieldClick"; "selectionChange": "selectionChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepChipsComponent, "pep-chips", never, { "layoutType": "layoutType"; "inline": "inline"; "xAlignment": "xAlignment"; "renderTitle": "renderTitle"; "showTitle": "showTitle"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "classNames": "classNames"; "chips": "chips"; "type": "type"; "orientation": "orientation"; "styleType": "styleType"; "multiSelect": "multiSelect"; "placeholder": "placeholder"; }, { "fieldClick": "fieldClick"; "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/chips/chips.component.theme.scss

@@ -8,7 +8,7 @@
     &:hover {
         @include mixins.pep-state-hover($style, null, true);
     }     
-    // &.mat-chip-selected {                   
+    // &.mat-chip-selected, &.mat-mdc-chip-selected {                   
     //     @include mixins.pep-state-active($style, null, true);
     //     @if $style != strong {
     //         color:functions.get-pep-color(color-text, color-main) !important;   
@@ -36,14 +36,15 @@
         }
     }
 
-    ::ng-deep.mat-chip-list {
+    ::ng-deep.mat-chip-list, ::ng-deep.mat-mdc-chip-grid {
 
         &:focus-visible {
             outline: none;
         }
         
         /* override material props*/
-        .mat-chip.mat-standard-chip {
+        .mat-chip.mat-standard-chip,
+        .mat-mdc-chip.mat-mdc-standard-chip {
             &::after {
                 background: unset;
             }
@@ -52,8 +53,12 @@
             }
         }
 
-        .mat-chip-list-wrapper {
-            .pep-chips {               
+        .mat-chip-list-wrapper, .mdc-evolution-chip-set__chips {
+            .pep-chips {   
+                // Avner MDC style changes 
+                background: white;
+                border: 1px solid black;
+
                 &.regular {
                     @include pep-chips-states(regular);                   
                 }
@@ -66,6 +71,11 @@
                 &.strong {
                     @include pep-chips-states(strong);               
                 }
+                ::ng-deep.mat-mdc-chip-trailing-icon,
+                ::ng-deep.mdc-evolution-chip__action--primary {
+                    // Avner MDC style changes
+                    padding-inline: 0 !important;              
+                }
             }
         }
     }

package/chips/chips.model.d.ts

@@ -1,5 +1,5 @@
-export declare type PepChipsOrientationType = 'horizontal' | 'vertical';
-export declare type PepChipsInputType = 'input' | 'select';
+export type PepChipsOrientationType = 'horizontal' | 'vertical';
+export type PepChipsInputType = 'input' | 'select';
 export interface IPepChip {
     key?: string;
     value: string;

package/chips/chips.service.d.ts

@@ -1,15 +1,12 @@
 import { IPepChip } from './chips.model';
 import * as i0 from "@angular/core";
 export declare class PepChipsService {
-    private readonly _destroyer;
     private _chips;
     constructor();
     get chips(): IPepChip[];
     get selected(): string[];
     initData(chips: IPepChip[]): void;
     addChip(chip: IPepChip): void;
-    destroy(): void;
-    get destroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepChipsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepChipsService>;
 }

package/color/color-picker.component.d.ts

@@ -52,6 +52,6 @@ export declare class PepColorPickerComponent implements OnInit {
     onSave(event: any): void;
     closeDialog(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepColorPickerComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepColorPickerComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }
 export {};

package/color/color-picker.component.theme.scss

@@ -5,7 +5,8 @@
     .color-value-content {
         .color-complient-container {
             .color-complient {
-                ::ng-deep.mat-icon {
+                ::ng-deep.mat-icon,
+                ::ng-deep.mat-mdc-icon {
                     .svg-icon {
                         fill: functions.get-pep-color(color-text, color-invert);
                     }

package/color/color.component.d.ts

@@ -26,5 +26,5 @@ export declare class PepColorComponent implements OnInit, OnDestroy {
     changeColor(value: any): void;
     chooseColor(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepColorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepColorComponent, "pep-color", never, { "key": "key"; "value": "value"; "label": "label"; "disabled": "disabled"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "type": "type"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "showAAComplient": "showAAComplient"; "checkAAComplient": "checkAAComplient"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepColorComponent, "pep-color", never, { "key": "key"; "value": "value"; "label": "label"; "disabled": "disabled"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "type": "type"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "showAAComplient": "showAAComplient"; "checkAAComplient": "checkAAComplient"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/color/color.model.d.ts

@@ -1 +1 @@
-export declare type PepColorType = 'any' | 'main' | 'success' | 'caution';
+export type PepColorType = 'any' | 'main' | 'success' | 'caution';

package/core/clipboard/clipboard.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class PepClipboardDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<PepClipboardDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepClipboardDirective, "[pepClipboard]", never, { "value": "clipboard"; }, { "copyEvent": "clipboardCopy"; "errorEvent": "clipboardError"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepClipboardDirective, "[pepClipboard]", never, { "value": "clipboard"; }, { "copyEvent": "clipboardCopy"; "errorEvent": "clipboardError"; }, never, never, false, never>;
 }

package/core/common/directives/auto-width.directive.d.ts

@@ -15,5 +15,5 @@ export declare class PepInputAutoWidthDirective implements AfterViewInit, OnDest
     private _sumPropertyValues;
     private textWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInputAutoWidthDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepInputAutoWidthDirective, "[pepAutoWidth]", never, { "includePadding": "includePadding"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepInputAutoWidthDirective, "[pepAutoWidth]", never, { "includePadding": "includePadding"; }, {}, never, never, false, never>;
 }

package/core/common/directives/base-destroyer.directive.d.ts

@@ -0,0 +1,10 @@
+import { OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare abstract class BaseDestroyerDirective implements OnDestroy {
+    private readonly _destroyed;
+    constructor();
+    protected getDestroyer(): any;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseDestroyerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDestroyerDirective, never, never, {}, {}, never, never, false, never>;
+}

package/core/common/directives/button-blur.directive.d.ts

@@ -5,5 +5,5 @@ export declare class PepButtonBlurDirective {
     constructor(element: ElementRef);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepButtonBlurDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepButtonBlurDirective, "[pepButtonBlur]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepButtonBlurDirective, "[pepButtonBlur]", never, {}, {}, never, never, false, never>;
 }

package/core/common/directives/button-loader.directive.d.ts

@@ -22,5 +22,5 @@ export declare class PepButtonLoaderDirective implements OnInit {
     private setIconStyle;
     private toggleLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepButtonLoaderDirective, [null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepButtonLoaderDirective, "[pepButtonLoader]", never, { "loaderTime": "loaderTime"; "loaderColor": "loaderColor"; "loaderWidth": "loaderWidth"; "loaderHeight": "loaderHeight"; "ignoreDisabledStyle": "ignoreDisabledStyle"; "finish": "finish"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepButtonLoaderDirective, "[pepButtonLoader]", never, { "loaderTime": "loaderTime"; "loaderColor": "loaderColor"; "loaderWidth": "loaderWidth"; "loaderHeight": "loaderHeight"; "ignoreDisabledStyle": "ignoreDisabledStyle"; "finish": "finish"; }, {}, never, never, false, never>;
 }

package/core/common/directives/data-qa.directive.d.ts

@@ -7,5 +7,5 @@ export declare class PepDataQaDirective implements OnInit {
     constructor(renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepDataQaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepDataQaDirective, "[pepDataQa]", never, { "dataQa": "pepDataQa"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepDataQaDirective, "[pepDataQa]", never, { "dataQa": "pepDataQa"; }, {}, never, never, false, never>;
 }

package/core/common/directives/div-loader.directive.d.ts

@@ -17,5 +17,5 @@ export declare class PepDivLoaderDirective implements OnInit {
     private setDivStyle;
     private setIconStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepDivLoaderDirective, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepDivLoaderDirective, "[pepDivLoader]", never, { "loaderColor": "loaderColor"; "loaderWidth": "loaderWidth"; "loaderHeight": "loaderHeight"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepDivLoaderDirective, "[pepDivLoader]", never, { "loaderColor": "loaderColor"; "loaderWidth": "loaderWidth"; "loaderHeight": "loaderHeight"; }, {}, never, never, false, never>;
 }

package/core/common/directives/menu-blur.directive.d.ts

@@ -6,5 +6,5 @@ export declare class PepMenuBlurDirective {
     menuClosedEvent(): void;
     menuOpenedEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepMenuBlurDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepMenuBlurDirective, "[pepMenuBlur]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepMenuBlurDirective, "[pepMenuBlur]", never, {}, {}, never, never, false, never>;
 }

package/core/common/directives/prevent-multi-click.directive.d.ts

@@ -3,5 +3,5 @@ export declare class PepPreventMultiClickDirective {
     disabledTime: number;
     clickEvent(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepPreventMultiClickDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepPreventMultiClickDirective, "[pepPreventMultiClick]", never, { "disabledTime": "disabledTime"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepPreventMultiClickDirective, "[pepPreventMultiClick]", never, { "disabledTime": "disabledTime"; }, {}, never, never, false, never>;
 }

package/core/common/directives/print.directive.d.ts

@@ -71,5 +71,5 @@ export declare class PepPrintDirective {
      */
     print(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepPrintDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepPrintDirective, "[pepPrint]", never, { "printSectionId": "printSectionId"; "printTitle": "printTitle"; "useExistingCss": "useExistingCss"; "printDelay": "printDelay"; "printStyle": "printStyle"; "styleSheetFile": "styleSheetFile"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepPrintDirective, "[pepPrint]", never, { "printSectionId": "printSectionId"; "printTitle": "printTitle"; "useExistingCss": "useExistingCss"; "printDelay": "printDelay"; "printStyle": "printStyle"; "styleSheetFile": "styleSheetFile"; }, {}, never, never, false, never>;
 }

package/core/common/directives/public-api.d.ts

@@ -6,3 +6,4 @@ export * from './menu-blur.directive';
 export * from './prevent-multi-click.directive';
 export * from './print.directive';
 export * from './div-loader.directive';
+export * from './base-destroyer.directive';

package/core/common/pipes/common-pipes.d.ts

@@ -1,5 +1,6 @@
 import { PipeTransform } from '@angular/core';
 import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
+import { PepUtilitiesService } from '../services/utilities.service';
 import * as i0 from "@angular/core";
 export declare class PepCapitalizePipe implements PipeTransform {
     transform(value: any): any;
@@ -22,12 +23,12 @@ export declare class PepReplaceLineBreaksPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<PepReplaceLineBreaksPipe, "pepReplaceLineBreaks", false>;
 }
 export declare class PepDateFormatterPipe implements PipeTransform {
-    transform(value: Date, culture: any, showTime?: boolean): string;
+    transform(value: Date, culture: any, isDateTime?: boolean): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepDateFormatterPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PepDateFormatterPipe, "pepDateFormatter", false>;
 }
 export declare class PepDateStringFormatterPipe implements PipeTransform {
-    transform(value: string, culture: any, showTime?: boolean): string;
+    transform(value: string, culture: any, isDateTime?: boolean): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepDateStringFormatterPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PepDateStringFormatterPipe, "pepDateStringFormatter", false>;
 }
@@ -51,6 +52,8 @@ export declare class PepSplitUppercasePipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<PepSplitUppercasePipe, "pepSplitUppercase", false>;
 }
 export declare class PepToNumberPipe implements PipeTransform {
+    private utilitiesService;
+    constructor(utilitiesService: PepUtilitiesService);
     transform(value: string): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepToNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<PepToNumberPipe, "pepToNumber", false>;

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

@@ -1,5 +1,5 @@
 import { Injector, Type } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { PepSessionService } from './session.service';
 import { PepFileService } from './file.service';
 import { PepHttpService } from '../../http/services/http.service';
@@ -15,14 +15,15 @@ export declare class PepAddonService {
     private loaderService;
     translateService: PepTranslateService;
     fileService: PepFileService;
+    private router;
     private route;
     private readonly PAGES_ADDON_UUID;
     private readonly ADDONS_DICTIONARY_ASSETS_PATH_KEY;
     private readonly ADDON_API_RELATIVE_PATH;
     private readonly ADDON_API_ASYNC_RELATIVE_PATH;
     private static _customElementsMap;
-    private get devServer();
-    constructor(sessionService: PepSessionService, httpService: PepHttpService, loaderService: PepLoaderService, translateService: PepTranslateService, fileService: PepFileService, route: ActivatedRoute);
+    get devServer(): boolean;
+    constructor(sessionService: PepSessionService, httpService: PepHttpService, loaderService: PepLoaderService, translateService: PepTranslateService, fileService: PepFileService, router: Router, route: ActivatedRoute);
     private getAddonBaseRelativePath;
     getAddonStaticFolder(addonUUID: string): string;
     setAddonStaticFolder(path: string, addonUUID: string): void;
@@ -44,7 +45,8 @@ export declare class PepAddonService {
     }): void;
     defineCustomElement(elementName: string, component: Type<any>, injector: Injector): void;
     connectInternalRouter(elementName: string): void;
+    private connectRouter;
     static createMultiTranslateLoader(addonUUID: string, addonService: PepAddonService, libsName?: string[]): import("ngx-translate-multi-http-loader").MultiTranslateHttpLoader;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepAddonService, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepAddonService, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepAddonService>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare type PepFileType = 'script' | 'style';
+export type PepFileType = 'script' | 'style';
 export interface IPepExternalFileModel {
     path: string;
     type: PepFileType;

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

@@ -9,8 +9,8 @@ export declare class PepUtilitiesService {
     private addZero;
     private isCurrencyShouldBeOnRight;
     private cutValueByFractionDigits;
-    parseDate(dateStr: string, showTime?: boolean): Date;
-    stringifyDate(date: Date, showTime?: boolean): string;
+    parseDate(dateStr: string, isDateTime?: boolean): Date;
+    stringifyDate(date: Date, isDateTime?: boolean): string;
     isValueHtml(value: string): boolean;
     isJsonString(str: string): boolean;
     getSvgElementFromString(document: any, svgContent: string): SVGElement;
@@ -21,8 +21,8 @@ export declare class PepUtilitiesService {
     /**
      * Convert a number in milliseconds to a standard duration string.
      * @param {number} value - duration in milliseconds
-     * @param {object} options - formatDuration options object
-     * @param {boolean} [options.leading=false] - add leading zero
+     * @param {object} remoteLoaderOptions - formatDuration options object
+     * @param {boolean} [remoteLoaderOptions.leading=false] - add leading zero
      * @returns string - formatted duration string
     */
     formatDuration(value: any, options?: {

package/core/customization/customization.model.d.ts

@@ -1,18 +1,18 @@
 import { ValidatorFn } from '@angular/forms';
 /** Allowed layout options */
-export declare type PepLayoutType = 'form' | 'card' | 'table';
+export type PepLayoutType = 'form' | 'card' | 'table';
 /** Allowed style options */
-export declare type PepStyleType = 'weak' | 'weak-invert' | 'regular' | 'strong';
+export type PepStyleType = 'weak' | 'weak-invert' | 'weak-special' | 'regular' | 'strong';
 /** Allowed style state options */
-export declare type PepStyleStateType = 'system' | 'caution' | 'success';
+export type PepStyleStateType = 'system' | 'caution' | 'success';
 /** Allowed size options */
-export declare type PepSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type PepSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Allowed horizontal alignment options */
-export declare type PepHorizontalAlignment = 'left' | 'center' | 'right';
+export type PepHorizontalAlignment = 'left' | 'center' | 'right';
 /** Default horizontal alignment. */
 export declare const DEFAULT_HORIZONTAL_ALIGNMENT: PepHorizontalAlignment;
 /** Allowed vertical alignment options */
-export declare type PepVerticalAlignment = 'top' | 'middle' | 'bottom';
+export type PepVerticalAlignment = 'top' | 'middle' | 'bottom';
 /** Default horizontal alignment. */
 export declare const DEFAULT_VERTICAL_ALIGNMENT: PepVerticalAlignment;
 export interface IPepOption {
@@ -94,7 +94,7 @@ export declare class PepIndicatorsField extends PepFieldBase {
     controlType: string;
     constructor(options?: IPepFieldBaseOptions);
 }
-export declare type PepTextboxFieldType = 'text' | 'link' | 'email' | 'phone' | 'duration' | 'int' | 'percentage' | 'currency' | 'real';
+export type PepTextboxFieldType = 'text' | 'link' | 'email' | 'phone' | 'duration' | 'int' | 'percentage' | 'currency' | 'real';
 interface IPepTextboxFieldOptions extends IPepFieldBaseOptions {
     type?: PepTextboxFieldType;
     regex?: string | RegExp;
@@ -160,7 +160,7 @@ export declare class PepImagesField extends PepFieldBase {
     options: IPepOption[];
     constructor(options?: IPepImagesFieldOptions);
 }
-export declare type PepQuantitySelectorFieldType = 'button' | 'packageButton' | 'qs' | 'qsForMatrix';
+export type PepQuantitySelectorFieldType = 'button' | 'packageButton' | 'qs' | 'qsForMatrix';
 interface IPepQuantitySelectorFieldOptions extends IPepFieldBaseOptions {
     allowDecimal?: boolean;
     notificationInfo?: any;
@@ -176,7 +176,7 @@ export declare class PepQuantitySelectorField extends PepFieldBase {
     constructor(options?: IPepQuantitySelectorFieldOptions);
     update(options: IPepQuantitySelectorFieldOptions): void;
 }
-export declare type PepDateFieldType = 'datetime' | 'date';
+export type PepDateFieldType = 'datetime' | 'date';
 interface IPepDateFieldOptions extends IPepFieldBaseOptions {
     type?: PepDateFieldType;
 }
@@ -184,8 +184,9 @@ export declare class PepDateField extends PepFieldBase {
     controlType: string;
     type: PepDateFieldType;
     constructor(options?: IPepDateFieldOptions);
+    getValidators(): ValidatorFn[];
 }
-export declare type PepCheckboxFieldType = 'checkbox' | 'booleanText';
+export type PepCheckboxFieldType = 'checkbox' | 'booleanText';
 interface IPepCheckboxFieldOptions extends IPepFieldBaseOptions {
     type?: PepCheckboxFieldType;
 }
@@ -195,16 +196,18 @@ export declare class PepCheckboxField extends PepFieldBase {
     constructor(options?: IPepCheckboxFieldOptions);
     getValidators(): ValidatorFn[];
 }
-export declare type PepSelectFieldType = 'select' | 'multi';
+export type PepSelectFieldType = 'select' | 'multi';
 interface IPepSelectFieldOptions extends IPepFieldBaseOptions {
     options?: IPepOption[];
     type?: PepSelectFieldType;
+    autoSortOptions?: boolean;
 }
 export declare class PepSelectField extends PepFieldBase {
     controlType: string;
     options: IPepOption[];
     type: PepSelectFieldType;
     emptyOption: boolean;
+    autoSortOptions: boolean;
     constructor(options?: IPepSelectFieldOptions);
     update(options: IPepSelectFieldOptions): void;
 }
@@ -216,7 +219,7 @@ export declare class PepAddressField extends PepFieldBase {
     groupFields: PepFieldBase[];
     constructor(options?: IPepAddressFieldOptions);
 }
-export declare type PepInternalButtonFieldType = 'button' | 'reference' | 'listofobjects';
+export type PepInternalButtonFieldType = 'button' | 'reference' | 'listofobjects';
 interface IPepInternalButtonFieldOptions extends IPepFieldBaseOptions {
     referenceObjectType?: any;
     referenceObjectSubType?: string;

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

@@ -35,8 +35,10 @@ export declare class PepCustomizationService {
     static COLOR_STRONG_KEY: string;
     static COLOR_REGULAR_KEY: string;
     static COLOR_WEAK_KEY: string;
+    static COLOR_TOP_LEGACY_KEY: string;
     static COLOR_TOP_HEADER_KEY: string;
     static STYLE_TOP_HEADER_KEY: string;
+    static COLOR_LOADER_KEY: string;
     static COLOR_QS_KEY: string;
     static STYLE_QS_KEY: string;
     static FONT_FAMILY_TITLE_KEY: string;
@@ -135,7 +137,9 @@ export declare class PepCustomizationService {
     getDefaultThemeCardCustomizationVariables(themeVars: any): void;
     getDefaultThemeTableCustomizationVariables(themeVars: any): void;
     getDefaultThemeQSCustomizationVariables(themeVars: any): void;
+    getDefaultThemeLoaderCustomizationVariables(themeVars: any): void;
     getDefaultThemeTopHeaderCustomizationVariables(themeVars: any): void;
+    getDefaultThemeTopLegacyCustomizationVariables(themeVars: any): void;
     getDefaultThemeVariables(): any;
     getThemeVariables(): any;
     setThemeVariables(themeVariablesToSet?: any): void;

package/core/layout/layout.service.d.ts

@@ -1,7 +1,7 @@
 import { Observable } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
-export declare type PepOrientationType = 'landscape' | 'portrait';
+export type PepOrientationType = 'landscape' | 'portrait';
 export declare enum PepScreenSizeType {
     XL = 0,
     LG = 1,

package/core/layout/rtl.directive.d.ts

@@ -8,7 +8,7 @@ export declare class PepRtlClassDirective implements OnInit {
     constructor(layoutService: PepLayoutService, renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepRtlClassDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepRtlClassDirective, "[pepRtlClass]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepRtlClassDirective, "[pepRtlClass]", never, {}, {}, never, never, false, never>;
 }
 export declare class PepRtlDirectionDirective implements OnInit {
     private layoutService;
@@ -17,5 +17,5 @@ export declare class PepRtlDirectionDirective implements OnInit {
     constructor(layoutService: PepLayoutService, renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepRtlDirectionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepRtlDirectionDirective, "[pepRtlDirection]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepRtlDirectionDirective, "[pepRtlDirection]", never, {}, {}, never, never, false, never>;
 }

package/core/portal/attach.directive.d.ts

@@ -9,5 +9,5 @@ export declare class PepAttachDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepAttachDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepAttachDirective, "[pepAttach]", never, { "targetName": "pepAttach"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepAttachDirective, "[pepAttach]", never, { "targetName": "pepAttach"; }, {}, never, never, false, never>;
 }

package/core/portal/target.directive.d.ts

@@ -8,5 +8,5 @@ export declare class PepTargetDirective implements OnInit {
     constructor(portalService: PepPortalService, viewContainer: ViewContainerRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTargetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PepTargetDirective, "[pepTarget]", never, { "targetName": "pepTarget"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PepTargetDirective, "[pepTarget]", never, { "targetName": "pepTarget"; }, {}, never, never, false, never>;
 }