@provoly/dashboard 1.4.3 → 1.4.5

package/esm2022/lib/core/components/base-toolbox/base-toolbox.component.mjs

@@ -7,10 +7,10 @@ export class BaseToolboxComponent {
     constructor() {
         this.baseToolboxTranslation = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BaseToolboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: BaseToolboxComponent, selector: "pry-base-toolbox", inputs: { baseToolboxTranslation: "baseToolboxTranslation", actions$: "actions$", subActions$: "subActions$" }, ngImport: i0, template: "<div class=\"o-base-layout__toolbox__actions\">\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of actions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of subActions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n        [iconAction]=\"true\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: ["baseToolboxTranslation", "action", "iconAction"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BaseToolboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: BaseToolboxComponent, selector: "pry-base-toolbox", inputs: { baseToolboxTranslation: "baseToolboxTranslation", actions$: "actions$", subActions$: "subActions$" }, ngImport: i0, template: "<div class=\"o-base-layout__toolbox__actions\">\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of actions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of subActions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n        [iconAction]=\"true\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: ["baseToolboxTranslation", "action", "iconAction"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BaseToolboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BaseToolboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-toolbox', template: "<div class=\"o-base-layout__toolbox__actions\">\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of actions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of subActions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n        [iconAction]=\"true\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n</div>\n" }]
         }], propDecorators: { baseToolboxTranslation: [{

package/esm2022/lib/core/components/base-toolbox-action/base-toolbox-action.component.mjs

@@ -48,10 +48,10 @@ export class BaseToolboxActionComponent {
         this.panelOpen = false;
         this._cd.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BaseToolboxActionComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: { baseToolboxTranslation: "baseToolboxTranslation", action: "action", iconAction: "iconAction" }, ngImport: i0, template: "<ng-container *ngIf=\"action\">\n  <ul>\n    <li class=\"m-actions-list__item\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        [class.is-active]=\"panelOpen\"\n        (click)=\"select(action)\"\n        [disabled]=\"action.disabled\"\n        cdkOverlayOrigin\n        #origin=\"cdkOverlayOrigin\"\n      >\n        <ng-container *ngIf=\"!iconAction; else iconActionTpl\">\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\" [height]=\"20\" [width]=\"20\"></pry-icon>\n          {{ baseToolboxTranslation + action.label | i18n }}\n          <pry-icon *ngIf=\"action.actions\" iconSvg=\"fleche_bas\"></pry-icon>\n        </ng-container>\n        <ng-template #iconActionTpl>\n          <pry-icon\n            *ngIf=\"action.icon\"\n            [iconSvg]=\"action.icon\"\n            [title]=\"baseToolboxTranslation + action.label | i18n\"\n          ></pry-icon>\n        </ng-template>\n      </button>\n    </li>\n  </ul>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayLockPosition\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (backdropClick)=\"onClosePanel()\"\n  >\n    <div class=\"m-pry-overlay-panel-wrapper\">\n      <div class=\"m-pry-overlay-panel\">\n        <ng-container *ngFor=\"let act of action.actions\">\n          <button class=\"m-pry-overlay-panel-item\" (click)=\"select(act)\">\n            {{ baseToolboxTranslation + act.label | i18n }}\n          </button>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BaseToolboxActionComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: { baseToolboxTranslation: "baseToolboxTranslation", action: "action", iconAction: "iconAction" }, ngImport: i0, template: "<ng-container *ngIf=\"action\">\n  <ul>\n    <li class=\"m-actions-list__item\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        [class.is-active]=\"panelOpen\"\n        (click)=\"select(action)\"\n        [disabled]=\"action.disabled\"\n        cdkOverlayOrigin\n        #origin=\"cdkOverlayOrigin\"\n      >\n        <ng-container *ngIf=\"!iconAction; else iconActionTpl\">\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\" [height]=\"20\" [width]=\"20\"></pry-icon>\n          {{ baseToolboxTranslation + action.label | i18n }}\n          <pry-icon *ngIf=\"action.actions\" iconSvg=\"fleche_bas\"></pry-icon>\n        </ng-container>\n        <ng-template #iconActionTpl>\n          <pry-icon\n            *ngIf=\"action.icon\"\n            [iconSvg]=\"action.icon\"\n            [title]=\"baseToolboxTranslation + action.label | i18n\"\n          ></pry-icon>\n        </ng-template>\n      </button>\n    </li>\n  </ul>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayLockPosition\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (backdropClick)=\"onClosePanel()\"\n  >\n    <div class=\"m-pry-overlay-panel-wrapper\">\n      <div class=\"m-pry-overlay-panel\">\n        <ng-container *ngFor=\"let act of action.actions\">\n          <button class=\"m-pry-overlay-panel-item\" (click)=\"select(act)\">\n            {{ baseToolboxTranslation + act.label | i18n }}\n          </button>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BaseToolboxActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BaseToolboxActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-toolbox-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"action\">\n  <ul>\n    <li class=\"m-actions-list__item\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        [class.is-active]=\"panelOpen\"\n        (click)=\"select(action)\"\n        [disabled]=\"action.disabled\"\n        cdkOverlayOrigin\n        #origin=\"cdkOverlayOrigin\"\n      >\n        <ng-container *ngIf=\"!iconAction; else iconActionTpl\">\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\" [height]=\"20\" [width]=\"20\"></pry-icon>\n          {{ baseToolboxTranslation + action.label | i18n }}\n          <pry-icon *ngIf=\"action.actions\" iconSvg=\"fleche_bas\"></pry-icon>\n        </ng-container>\n        <ng-template #iconActionTpl>\n          <pry-icon\n            *ngIf=\"action.icon\"\n            [iconSvg]=\"action.icon\"\n            [title]=\"baseToolboxTranslation + action.label | i18n\"\n          ></pry-icon>\n        </ng-template>\n      </button>\n    </li>\n  </ul>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayLockPosition\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (backdropClick)=\"onClosePanel()\"\n  >\n    <div class=\"m-pry-overlay-panel-wrapper\">\n      <div class=\"m-pry-overlay-panel\">\n        <ng-container *ngFor=\"let act of action.actions\">\n          <button class=\"m-pry-overlay-panel-item\" (click)=\"select(act)\">\n            {{ baseToolboxTranslation + act.label | i18n }}\n          </button>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ChangeDetectorRef }], propDecorators: { baseToolboxTranslation: [{

package/esm2022/lib/core/components/chips-selector/chips-selector.component.mjs

@@ -70,10 +70,10 @@ export class ChipsSelectorComponent extends SubscriptionnerDirective {
             ? usedItems.find((usedItem) => this.areItemsEqual(usedItem, item))
             : (this.usedItems$.getValue() ?? []).find((usedItem) => this.areItemsEqual(usedItem, item));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChipsSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ChipsSelectorComponent, selector: "pry-chips-selector", inputs: { bindValue: "bindValue", bindLabel: "bindLabel", translationStringBase: "translationStringBase", itemTranslationStringBase: "itemTranslationStringBase", showActionButtons: "showActionButtons", showSearchbar: "showSearchbar", items: "items", usedItems: "usedItems" }, outputs: { itemsChanged: "itemsChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-chips-selector\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_namedqueries\">\n  @if (showSearchbar) {\n    <div class=\"o-widget__search\">\n      <input\n        id=\"catalog-search\"\n        type=\"text\"\n        class=\"a-form-field\"\n        [placeholder]=\"'@pry.components.searchData' | i18n\"\n        [ngModel]=\"search$ | async\"\n        (ngModelChange)=\"search($event)\"\n      />\n      <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n    </div>\n  }\n\n  <div class=\"o-chips-selector__items\">\n    @if (((usedItems$ | async) ?? []).length > 0) {\n      <div class=\"o-chips-selector__used-items\">\n        <h4 class=\"a-h4\">{{ translationStringBase + 'selection' | i18n }}</h4>\n        <ul class=\"o-chips-selector__list\">\n          @for (item of usedItems$ | async; track item) {\n            <li class=\"o-chips-selector__item\">\n              <button class=\"a-chip -md o-chips-selector__chip\" (click)=\"toggleItemSelection(item)\" type=\"button\">\n                <p>{{ getItemLabel(item) }}</p>\n                <pry-icon [iconSvg]=\"'close'\" [width]=\"17\" [height]=\"17\"></pry-icon>\n              </button>\n            </li>\n          }\n        </ul>\n      </div>\n    } @else {\n      <span class=\"-no-items\">{{ translationStringBase + 'noItemSelected' | i18n }}</span>\n    }\n\n    <div class=\"o-chips-selector__unused-items\">\n      <h4 class=\"a-h4\">{{ translationStringBase + 'select' | i18n }}</h4>\n      <ul class=\"o-chips-selector__list\">\n        @for (item of unusedItems$ | async; track item) {\n          <li class=\"o-chips-selector__item\">\n            <button class=\"a-chip a-chip--light -md o-chips-selector__chip\" (click)=\"toggleItemSelection(item)\">\n              <span class=\"u-visually-hidden\">{{ translationStringBase + 'selectItem' | i18n }}</span>\n              <p class=\"a-p\">{{ getItemLabel(item) }}</p>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChipsSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ChipsSelectorComponent, selector: "pry-chips-selector", inputs: { bindValue: "bindValue", bindLabel: "bindLabel", translationStringBase: "translationStringBase", itemTranslationStringBase: "itemTranslationStringBase", showActionButtons: "showActionButtons", showSearchbar: "showSearchbar", items: "items", usedItems: "usedItems" }, outputs: { itemsChanged: "itemsChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-chips-selector\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_namedqueries\">\n  @if (showSearchbar) {\n    <div class=\"o-widget__search\">\n      <input\n        id=\"catalog-search\"\n        type=\"text\"\n        class=\"a-form-field\"\n        [placeholder]=\"'@pry.components.searchData' | i18n\"\n        [ngModel]=\"search$ | async\"\n        (ngModelChange)=\"search($event)\"\n      />\n      <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n    </div>\n  }\n\n  <div class=\"o-chips-selector__items\">\n    @if (((usedItems$ | async) ?? []).length > 0) {\n      <div class=\"o-chips-selector__used-items\">\n        <h4 class=\"a-h4\">{{ translationStringBase + 'selection' | i18n }}</h4>\n        <ul class=\"o-chips-selector__list\">\n          @for (item of usedItems$ | async; track item) {\n            <li class=\"o-chips-selector__item\">\n              <button class=\"a-chip -md o-chips-selector__chip\" (click)=\"toggleItemSelection(item)\" type=\"button\">\n                <p>{{ getItemLabel(item) }}</p>\n                <pry-icon [iconSvg]=\"'close'\" [width]=\"17\" [height]=\"17\"></pry-icon>\n              </button>\n            </li>\n          }\n        </ul>\n      </div>\n    } @else {\n      <span class=\"-no-items\">{{ translationStringBase + 'noItemSelected' | i18n }}</span>\n    }\n\n    <div class=\"o-chips-selector__unused-items\">\n      <h4 class=\"a-h4\">{{ translationStringBase + 'select' | i18n }}</h4>\n      <ul class=\"o-chips-selector__list\">\n        @for (item of unusedItems$ | async; track item) {\n          <li class=\"o-chips-selector__item\">\n            <button class=\"a-chip a-chip--light -md o-chips-selector__chip\" (click)=\"toggleItemSelection(item)\">\n              <span class=\"u-visually-hidden\">{{ translationStringBase + 'selectItem' | i18n }}</span>\n              <p class=\"a-p\">{{ getItemLabel(item) }}</p>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChipsSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChipsSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-chips-selector', template: "<div class=\"o-chips-selector\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_namedqueries\">\n  @if (showSearchbar) {\n    <div class=\"o-widget__search\">\n      <input\n        id=\"catalog-search\"\n        type=\"text\"\n        class=\"a-form-field\"\n        [placeholder]=\"'@pry.components.searchData' | i18n\"\n        [ngModel]=\"search$ | async\"\n        (ngModelChange)=\"search($event)\"\n      />\n      <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n    </div>\n  }\n\n  <div class=\"o-chips-selector__items\">\n    @if (((usedItems$ | async) ?? []).length > 0) {\n      <div class=\"o-chips-selector__used-items\">\n        <h4 class=\"a-h4\">{{ translationStringBase + 'selection' | i18n }}</h4>\n        <ul class=\"o-chips-selector__list\">\n          @for (item of usedItems$ | async; track item) {\n            <li class=\"o-chips-selector__item\">\n              <button class=\"a-chip -md o-chips-selector__chip\" (click)=\"toggleItemSelection(item)\" type=\"button\">\n                <p>{{ getItemLabel(item) }}</p>\n                <pry-icon [iconSvg]=\"'close'\" [width]=\"17\" [height]=\"17\"></pry-icon>\n              </button>\n            </li>\n          }\n        </ul>\n      </div>\n    } @else {\n      <span class=\"-no-items\">{{ translationStringBase + 'noItemSelected' | i18n }}</span>\n    }\n\n    <div class=\"o-chips-selector__unused-items\">\n      <h4 class=\"a-h4\">{{ translationStringBase + 'select' | i18n }}</h4>\n      <ul class=\"o-chips-selector__list\">\n        @for (item of unusedItems$ | async; track item) {\n          <li class=\"o-chips-selector__item\">\n            <button class=\"a-chip a-chip--light -md o-chips-selector__chip\" (click)=\"toggleItemSelection(item)\">\n              <span class=\"u-visually-hidden\">{{ translationStringBase + 'selectItem' | i18n }}</span>\n              <p class=\"a-p\">{{ getItemLabel(item) }}</p>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.PryI18nService }], propDecorators: { bindValue: [{

package/esm2022/lib/core/components/chips-selector/chips-selector.module.mjs

@@ -6,11 +6,11 @@ import { AsyncPipe } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class PryChipsSelectorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryChipsSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryChipsSelectorModule, declarations: [ChipsSelectorComponent], imports: [PryIconModule, PryI18nModule, AsyncPipe, FormsModule], exports: [ChipsSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryChipsSelectorModule, imports: [PryIconModule, PryI18nModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryChipsSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryChipsSelectorModule, declarations: [ChipsSelectorComponent], imports: [PryIconModule, PryI18nModule, AsyncPipe, FormsModule], exports: [ChipsSelectorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryChipsSelectorModule, imports: [PryIconModule, PryI18nModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryChipsSelectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryChipsSelectorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ChipsSelectorComponent],

package/esm2022/lib/core/components/date-picker/date-picker.component.mjs

@@ -174,8 +174,8 @@ export class PryDatePickerComponent {
             this.onChange(start);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: { rangePicker: "rangePicker", timePicker: "timePicker", maxYear: "maxYear", minYear: "minYear", roundSelection: "roundSelection" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: { rangePicker: "rangePicker", timePicker: "timePicker", maxYear: "maxYear", minYear: "minYear", roundSelection: "roundSelection" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryDatePickerComponent),
@@ -183,7 +183,7 @@ export class PryDatePickerComponent {
             }
         ], ngImport: i0, template: "<div class=\"o-date-picker-wrapper\">\n  <div\n    class=\"o-date-picker\"\n    *ngIf=\"{\n      month: currentMonth | async,\n      year: currentYear | async,\n      firstDay: firstDay | async,\n      count: dayCount | async\n    } as data\"\n  >\n    <div class=\"o-date-picker__header\">\n      <div>\n        <select\n          class=\"o-date-picker__header__dropdown\"\n          name=\"months\"\n          id=\"months\"\n          [ngModel]=\"data.month\"\n          (ngModelChange)=\"changeMonth($event)\"\n        >\n          <option *ngFor=\"let month of MONTHS\" [ngValue]=\"month\" [selected]=\"month === data.month\">\n            {{ '@pry.theme.months.' + month | i18n }}\n          </option>\n        </select>\n        <select\n          class=\"o-date-picker__header__dropdown\"\n          name=\"year\"\n          id=\"year\"\n          [ngModel]=\"data.year\"\n          (ngModelChange)=\"changeYear($event)\"\n        >\n          <option *ngFor=\"let year of YEARS\" [ngValue]=\"year\" [selected]=\"data.year === year\">\n            {{ year }}\n          </option>\n        </select>\n      </div>\n      <div>\n        <button\n          type=\"button\"\n          class=\"a-arrow a-arrow--left\"\n          (click)=\"goBack()\"\n          [disabled]=\"data.year === minYear && data.month === 0\"\n          [class.disabled]=\"disabled\"\n        >\n          <pry-icon iconSvg=\"fleche_bas\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.theme.previousMonth' | i18n }}</span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"a-arrow a-arrow--right\"\n          (click)=\"goForward()\"\n          [disabled]=\"data.year === maxYear && data.month === 11\"\n          [class.disabled]=\"disabled\"\n        >\n          <pry-icon iconSvg=\"fleche_bas\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.theme.nextMonth' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <ul class=\"o-date-picker__weekdays\">\n      <li *ngFor=\"let weekday of WEEKDAYS\" class=\"o-date-picker__weekdays__item\">\n        <span>{{ '@pry.theme.shortWeekdays.' + weekday | i18n }}</span>\n      </li>\n    </ul>\n\n    <div class=\"o-date-picker__days-grid\" *ngIf=\"data.month !== null && data.year !== null\">\n      <button\n        *ngFor=\"let day of DAY$ | async; first as first\"\n        (click)=\"setDateRange(day + 1); onClick()\"\n        class=\"o-date-picker__days-grid__item\"\n        [ngClass]=\"[\n          roundSelection ? 'round' : '',\n          first ? 'start-' + data.firstDay : '',\n          day | dateRangeHighlight: data.month : data.year : dateRangeStart : dateRangeEnd\n        ]\"\n      >\n        <time class=\"a-time\" [dateTime]=\"data.year + '-' + addLeadingZero(data.year) + '-' + addLeadingZero(day)\">{{\n          day + 1\n        }}</time>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"m-time-picker-wrapper\" *ngIf=\"timePicker && !rangePicker\">\n    <pry-time-picker (click)=\"onClick()\" [ngModel]=\"time | async\" (ngModelChange)=\"setTime($event)\"></pry-time-picker>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.PryTimePickerComponent, selector: "pry-time-picker", inputs: ["AMPMFormat"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.DateRangeHighlightPipe, name: "dateRangeHighlight" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-date-picker', providers: [
                         {

package/esm2022/lib/core/components/date-picker/date-picker.module.mjs

@@ -15,17 +15,17 @@ const PRY_DATE_PICKER_COMPONENTS = [
     LoopScrollColumnComponent
 ];
 export class PryDatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryDatePickerModule, declarations: [PryDatePickerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryDatePickerModule, declarations: [PryDatePickerComponent,
             DateRangeHighlightPipe,
             PryTimePickerComponent,
             LoopScrollColumnComponent], imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule], exports: [PryDatePickerComponent,
             DateRangeHighlightPipe,
             PryTimePickerComponent,
             LoopScrollColumnComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatePickerModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatePickerModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...PRY_DATE_PICKER_COMPONENTS],

package/esm2022/lib/core/components/date-picker/date-range-highlight.pipe.mjs

@@ -30,10 +30,10 @@ export class DateRangeHighlightPipe {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateRangeHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: DateRangeHighlightPipe, name: "dateRangeHighlight" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateRangeHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: DateRangeHighlightPipe, name: "dateRangeHighlight" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateRangeHighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateRangeHighlightPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateRangeHighlight'

package/esm2022/lib/core/components/date-picker/time-picker/loop-scroll-column/loop-scroll-column.component.mjs

@@ -73,10 +73,10 @@ export class LoopScrollColumnComponent {
             }, 40);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LoopScrollColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LoopScrollColumnComponent, selector: "loop-scroll-column", inputs: { list: "list", selectedItem: "selectedItem" }, outputs: { selection: "selection" }, viewQueries: [{ propertyName: "column", first: true, predicate: ["column"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul class=\"m-time-picker__list\" (scroll)=\"onScroll()\" [class.disable-scroll]=\"disableScroll\" #column>\n  <ng-container *ngFor=\"let index of LOOP_COUNTER\">\n    <li *ngFor=\"let item of list\" class=\"m-time-picker__list__item\" [class.is-clone]=\"index === 0\">\n      <button (click)=\"select(item)\" [class.-selected]=\"selectedItem === item\">{{ item }}</button>\n    </li>\n  </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoopScrollColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: LoopScrollColumnComponent, selector: "loop-scroll-column", inputs: { list: "list", selectedItem: "selectedItem" }, outputs: { selection: "selection" }, viewQueries: [{ propertyName: "column", first: true, predicate: ["column"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul class=\"m-time-picker__list\" (scroll)=\"onScroll()\" [class.disable-scroll]=\"disableScroll\" #column>\n  <ng-container *ngFor=\"let index of LOOP_COUNTER\">\n    <li *ngFor=\"let item of list\" class=\"m-time-picker__list__item\" [class.is-clone]=\"index === 0\">\n      <button (click)=\"select(item)\" [class.-selected]=\"selectedItem === item\">{{ item }}</button>\n    </li>\n  </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LoopScrollColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoopScrollColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'loop-scroll-column', template: "<ul class=\"m-time-picker__list\" (scroll)=\"onScroll()\" [class.disable-scroll]=\"disableScroll\" #column>\n  <ng-container *ngFor=\"let index of LOOP_COUNTER\">\n    <li *ngFor=\"let item of list\" class=\"m-time-picker__list__item\" [class.is-clone]=\"index === 0\">\n      <button (click)=\"select(item)\" [class.-selected]=\"selectedItem === item\">{{ item }}</button>\n    </li>\n  </ng-container>\n</ul>\n" }]
         }], ctorParameters: () => [], propDecorators: { column: [{

package/esm2022/lib/core/components/date-picker/time-picker/time-picker.component.mjs

@@ -51,8 +51,8 @@ export class PryTimePickerComponent {
             this.touched = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryTimePickerComponent, selector: "pry-time-picker", inputs: { AMPMFormat: "AMPMFormat" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryTimePickerComponent, selector: "pry-time-picker", inputs: { AMPMFormat: "AMPMFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryTimePickerComponent),
@@ -60,7 +60,7 @@ export class PryTimePickerComponent {
             }
         ], viewQueries: [{ propertyName: "hourInput", first: true, predicate: ["hourInput"], descendants: true }, { propertyName: "minuteInput", first: true, predicate: ["minuteInput"], descendants: true }], ngImport: i0, template: "<div class=\"m-time-picker\" *ngIf=\"{ hour: selectedHour | async, minute: selectedMinute | async } as time\">\n  <loop-scroll-column\n    [list]=\"HOURS\"\n    [selectedItem]=\"time.hour\"\n    (selection)=\"selectHour($event)\"\n    #hourInput\n  ></loop-scroll-column>\n  <loop-scroll-column\n    [list]=\"MINUTES\"\n    [selectedItem]=\"time.minute\"\n    (selection)=\"selectMinute($event)\"\n    #minuteInput\n  ></loop-scroll-column>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LoopScrollColumnComponent, selector: "loop-scroll-column", inputs: ["list", "selectedItem"], outputs: ["selection"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryTimePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryTimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-time-picker', providers: [
                         {

package/esm2022/lib/core/components/edit-input/edit-input.component.mjs

@@ -48,8 +48,8 @@ export class PryEditInputComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryEditInputComponent, selector: "pry-edit-input", inputs: { label: "label", editButtonTooltip: "editButtonTooltip", confirmButtonTooltip: "confirmButtonTooltip" }, outputs: { validated: "validated" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryEditInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryEditInputComponent, selector: "pry-edit-input", inputs: { label: "label", editButtonTooltip: "editButtonTooltip", confirmButtonTooltip: "confirmButtonTooltip" }, outputs: { validated: "validated" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryEditInputComponent),
@@ -57,7 +57,7 @@ export class PryEditInputComponent {
             }
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"o-pry-edit\" [class.-edit]=\"editMode\">\n  <label id=\"edit-input-label-{{ id }}\" for=\"edit-input-{{ id }}\" class=\"a-label\">\n    {{ label | i18n }}\n    <span class=\"u-visually-hidden\">({{ label | i18n }})</span>\n  </label>\n  <div class=\"o-pry-edit__wrapper\" (mouseenter)=\"showButton = true\" (mouseleave)=\"showButton = false\">\n    <div class=\"o-pry-edit__value u-display-flex -align-center\" *ngIf=\"!editMode\">\n      {{ value }}\n    </div>\n    <input\n      *ngIf=\"editMode\"\n      id=\"edit-input-{{ id }}\"\n      type=\"text\"\n      class=\"a-form-field o-pry-edit__input\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"writeValue($event)\"\n      #input\n    />\n    <button\n      [class.-button-visible]=\"showButton || editMode\"\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only -size-xs a-tooltip\"\n      (click)=\"toggle()\"\n      [attr.data-tooltip]=\"(editMode ? confirmButtonTooltip : editButtonTooltip) | i18n\"\n      data-tooltip-position=\"left\"\n    >\n      <pry-icon [width]=\"16\" [height]=\"16\" [iconSvg]=\"editMode ? 'check' : 'edit'\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.theme.editInput.toggle' | i18n }}</span>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryEditInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-edit-input', providers: [
                         {

package/esm2022/lib/core/components/edit-input/edit-input.module.mjs

@@ -7,11 +7,11 @@ import { PryEditInputComponent } from './edit-input.component';
 import * as i0 from "@angular/core";
 const PRY_CARD_COMPONENTS = [PryEditInputComponent];
 export class PryEditInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputModule, declarations: [PryEditInputComponent], imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule], exports: [PryEditInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputModule, imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryEditInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryEditInputModule, declarations: [PryEditInputComponent], imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule], exports: [PryEditInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryEditInputModule, imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryEditInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule],

package/esm2022/lib/core/components/ellipsis.directive.mjs

@@ -17,10 +17,10 @@ export class EllipsisDirective {
             this.renderer.setAttribute(element, 'data-tooltip-position', 'bottom');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EllipsisDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: EllipsisDirective, selector: "[ellipsis]", inputs: { textElementSelector: "textElementSelector" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EllipsisDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: EllipsisDirective, selector: "[ellipsis]", inputs: { textElementSelector: "textElementSelector" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EllipsisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EllipsisDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ellipsis]'

package/esm2022/lib/core/components/hidden-when-overlay/hidden-when-overlay.directive.mjs

@@ -18,10 +18,10 @@ export class PryHiddenWhenOverlayDirective extends SubscriptionnerDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryHiddenWhenOverlayDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: PryHiddenWhenOverlayDirective, selector: "[pryHwo]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryHiddenWhenOverlayDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: PryHiddenWhenOverlayDirective, selector: "[pryHwo]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryHiddenWhenOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryHiddenWhenOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pryHwo]'

package/esm2022/lib/core/components/hidden-when-overlay/hidden-when-overlay.module.mjs

@@ -5,11 +5,11 @@ import { PryHiddenWhenOverlayDirective } from './hidden-when-overlay.directive';
 import * as i0 from "@angular/core";
 const PRY_TOGGLE_COMPONENTS = [PryHiddenWhenOverlayDirective];
 export class PryHiddenWhenOverlay {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryHiddenWhenOverlay, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryHiddenWhenOverlay, declarations: [PryHiddenWhenOverlayDirective], imports: [CommonModule, PryOverlayModule], exports: [PryHiddenWhenOverlayDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryHiddenWhenOverlay, imports: [CommonModule, PryOverlayModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryHiddenWhenOverlay, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryHiddenWhenOverlay, declarations: [PryHiddenWhenOverlayDirective], imports: [CommonModule, PryOverlayModule], exports: [PryHiddenWhenOverlayDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryHiddenWhenOverlay, imports: [CommonModule, PryOverlayModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryHiddenWhenOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryHiddenWhenOverlay, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryOverlayModule],

package/esm2022/lib/core/components/icon/icon.component.mjs

@@ -67,10 +67,10 @@ export class PryIconComponent {
         const safeStyle = `width: ${this._width}px; height: ${this._height}px;`;
         this.baseStyle = this.sanitizer.bypassSecurityTrustStyle(safeStyle);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryIconComponent, selector: "pry-icon", inputs: { color: "color", iconSvg: "iconSvg", animation: "animation", iconImage: "iconImage", alt: "alt", width: "width", height: "height", classes: "classes" }, host: { properties: { "style": "this.baseStyle" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"iconSvgUrl\">\n  <span\n    class=\"a-icon\"\n    [ngClass]=\"color!\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"{\n      'width.px': width,\n      'height.px': height,\n      'mask-image': 'url(' + iconSvgUrl + ')',\n      '-webkit-mask-image': 'url(' + iconSvgUrl + ')'\n    }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  ></span>\n</ng-container>\n<ng-container *ngIf=\"iconImageUrl\">\n  <img class=\"a-icon-img\" [src]=\"iconImageUrl\" [style.height.px]=\"height\" [style.width.px]=\"width\" [alt]=\"alt\" />\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryIconComponent, selector: "pry-icon", inputs: { color: "color", iconSvg: "iconSvg", animation: "animation", iconImage: "iconImage", alt: "alt", width: "width", height: "height", classes: "classes" }, host: { properties: { "style": "this.baseStyle" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"iconSvgUrl\">\n  <span\n    class=\"a-icon\"\n    [ngClass]=\"color!\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"{\n      'width.px': width,\n      'height.px': height,\n      'mask-image': 'url(' + iconSvgUrl + ')',\n      '-webkit-mask-image': 'url(' + iconSvgUrl + ')'\n    }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  ></span>\n</ng-container>\n<ng-container *ngIf=\"iconImageUrl\">\n  <img class=\"a-icon-img\" [src]=\"iconImageUrl\" [style.height.px]=\"height\" [style.width.px]=\"width\" [alt]=\"alt\" />\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"iconSvgUrl\">\n  <span\n    class=\"a-icon\"\n    [ngClass]=\"color!\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"{\n      'width.px': width,\n      'height.px': height,\n      'mask-image': 'url(' + iconSvgUrl + ')',\n      '-webkit-mask-image': 'url(' + iconSvgUrl + ')'\n    }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  ></span>\n</ng-container>\n<ng-container *ngIf=\"iconImageUrl\">\n  <img class=\"a-icon-img\" [src]=\"iconImageUrl\" [style.height.px]=\"height\" [style.width.px]=\"width\" [alt]=\"alt\" />\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { baseStyle: [{

package/esm2022/lib/core/components/icon/icon.module.mjs

@@ -4,11 +4,11 @@ import { PryIconComponent } from './icon.component';
 import * as i0 from "@angular/core";
 const PRY_ICON_COMPONENTS = [PryIconComponent];
 export class PryIconModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryIconModule, declarations: [PryIconComponent], imports: [CommonModule], exports: [PryIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryIconModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryIconModule, declarations: [PryIconComponent], imports: [CommonModule], exports: [PryIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryIconModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/lib/core/components/modal/modal.component.mjs

@@ -12,10 +12,10 @@ export class PryModalComponent {
         this.cancelLabel = '';
         this.cancelAction = () => { };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryModalComponent, selector: "pry-modal", inputs: { titleModal: "titleModal", opened: "opened", validateLabel: "validateLabel", validateAction: "validateAction", cancelLabel: "cancelLabel", cancelAction: "cancelAction" }, ngImport: i0, template: "<div class=\"o-modal-wrapper\" *ngIf=\"opened\">\n  <div class=\"o-modal backdrop\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ titleModal }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <ng-content></ng-content>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"cancelAction()\">\n        {{ cancelLabel }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"validateAction()\">\n        {{ validateLabel }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryModalComponent, selector: "pry-modal", inputs: { titleModal: "titleModal", opened: "opened", validateLabel: "validateLabel", validateAction: "validateAction", cancelLabel: "cancelLabel", cancelAction: "cancelAction" }, ngImport: i0, template: "<div class=\"o-modal-wrapper\" *ngIf=\"opened\">\n  <div class=\"o-modal backdrop\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ titleModal }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <ng-content></ng-content>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"cancelAction()\">\n        {{ cancelLabel }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"validateAction()\">\n        {{ validateLabel }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-modal', template: "<div class=\"o-modal-wrapper\" *ngIf=\"opened\">\n  <div class=\"o-modal backdrop\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ titleModal }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <ng-content></ng-content>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"cancelAction()\">\n        {{ cancelLabel }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"validateAction()\">\n        {{ validateLabel }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { titleModal: [{

package/esm2022/lib/core/components/modal/pry-modal.module.mjs

@@ -7,11 +7,11 @@ import { PryModalComponent } from './modal.component';
 import * as i0 from "@angular/core";
 const PRY_MODAL_COMPONENTS = [PryModalComponent];
 export class PryModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryModalModule, declarations: [PryModalComponent], imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule], exports: [PryModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryModalModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryModalModule, declarations: [PryModalComponent], imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule], exports: [PryModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryModalModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule],

package/esm2022/lib/core/components/nq-color-selector/nq-color-selector.component.mjs

@@ -58,10 +58,10 @@ export class PryNqColorSelectorComponent {
         }
         this.toggleColorChoice();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryNqColorSelectorComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: { disabled: "disabled", datasource: "datasource" }, outputs: { colorChanged: "colorChanged" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<button (click)=\"toggleColorChoice($event)\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\" role=\"button\">\n  <div\n    aria-hidden=\"true\"\n    [style.background-color]=\"dsColor ?? '#FFFFFF'\"\n    [class]=\"disabled ? 'm-color-selector__point__disabled' : 'm-color-selector__point'\"\n  ></div>\n  <ng-container *ngIf=\"!disabled\">\n    <span>{{ '@pry.search.namedQuery.color' | i18n }}</span>\n    <pry-icon class=\"container__point__icon\" iconSvg=\"chevron_right\"></pry-icon>\n  </ng-container>\n</button>\n\n<ng-template #template>\n  <div class=\"m-color-selector-overlay\">\n    <div\n      *ngFor=\"let color of possibleColors$ | async\"\n      [style.background-color]=\"color\"\n      class=\"m-color-selector-overlay__point\"\n      (click)=\"changeForColor(color)\"\n    >\n      <pry-icon *ngIf=\"dsColor === color\" class=\"m-color-selector-overlay__point__check\" iconSvg=\"check\"></pry-icon>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryNqColorSelectorComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: { disabled: "disabled", datasource: "datasource" }, outputs: { colorChanged: "colorChanged" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<button (click)=\"toggleColorChoice($event)\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\" role=\"button\">\n  <div\n    aria-hidden=\"true\"\n    [style.background-color]=\"dsColor ?? '#FFFFFF'\"\n    [class]=\"disabled ? 'm-color-selector__point__disabled' : 'm-color-selector__point'\"\n  ></div>\n  <ng-container *ngIf=\"!disabled\">\n    <span>{{ '@pry.search.namedQuery.color' | i18n }}</span>\n    <pry-icon class=\"container__point__icon\" iconSvg=\"chevron_right\"></pry-icon>\n  </ng-container>\n</button>\n\n<ng-template #template>\n  <div class=\"m-color-selector-overlay\">\n    <div\n      *ngFor=\"let color of possibleColors$ | async\"\n      [style.background-color]=\"color\"\n      class=\"m-color-selector-overlay__point\"\n      (click)=\"changeForColor(color)\"\n    >\n      <pry-icon *ngIf=\"dsColor === color\" class=\"m-color-selector-overlay__point__check\" iconSvg=\"check\"></pry-icon>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryNqColorSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryNqColorSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-nq-color-selector', template: "<button (click)=\"toggleColorChoice($event)\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\" role=\"button\">\n  <div\n    aria-hidden=\"true\"\n    [style.background-color]=\"dsColor ?? '#FFFFFF'\"\n    [class]=\"disabled ? 'm-color-selector__point__disabled' : 'm-color-selector__point'\"\n  ></div>\n  <ng-container *ngIf=\"!disabled\">\n    <span>{{ '@pry.search.namedQuery.color' | i18n }}</span>\n    <pry-icon class=\"container__point__icon\" iconSvg=\"chevron_right\"></pry-icon>\n  </ng-container>\n</button>\n\n<ng-template #template>\n  <div class=\"m-color-selector-overlay\">\n    <div\n      *ngFor=\"let color of possibleColors$ | async\"\n      [style.background-color]=\"color\"\n      class=\"m-color-selector-overlay__point\"\n      (click)=\"changeForColor(color)\"\n    >\n      <pry-icon *ngIf=\"dsColor === color\" class=\"m-color-selector-overlay__point__check\" iconSvg=\"check\"></pry-icon>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { disabled: [{

package/esm2022/lib/core/components/overlay/dialog-confirm.component.mjs

@@ -31,10 +31,10 @@ export class PryDialogConfirmComponent {
     focusCrossElement() {
         this.cross.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDialogConfirmComponent, deps: [{ token: i1.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryDialogConfirmComponent, selector: "pry-dialog-confirm", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "buttonAction", first: true, predicate: ["buttonAction"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_confirmDelete\"\n  (keydown.escape)=\"onClick()\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ data.title | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeDialog()\" #cross>\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <p *ngIf=\"data?.message as message\" class=\"a-p\">{{ message | i18n }}</p>\n    </div>\n    <div class=\"m-btn-group\">\n      <ng-container *ngFor=\"let action of data.actions\" #buttonAction>\n        <button\n          (click)=\"onClick(action)\"\n          class=\"a-btn\"\n          type=\"button\"\n          [class.a-btn--primary]=\"action.color === 'primary' || action.color === undefined\"\n          [class.a-btn--secondary]=\"action.color === 'secondary'\"\n          [ngClass]=\"{ 'a-btn--icon-text': action.icon }\"\n        >\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ action.label | i18n }}\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i6.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDialogConfirmComponent, deps: [{ token: i1.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryDialogConfirmComponent, selector: "pry-dialog-confirm", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "buttonAction", first: true, predicate: ["buttonAction"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_confirmDelete\"\n  (keydown.escape)=\"onClick()\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ data.title | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeDialog()\" #cross>\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <p *ngIf=\"data?.message as message\" class=\"a-p\">{{ message | i18n }}</p>\n    </div>\n    <div class=\"m-btn-group\">\n      <ng-container *ngFor=\"let action of data.actions\" #buttonAction>\n        <button\n          (click)=\"onClick(action)\"\n          class=\"a-btn\"\n          type=\"button\"\n          [class.a-btn--primary]=\"action.color === 'primary' || action.color === undefined\"\n          [class.a-btn--secondary]=\"action.color === 'secondary'\"\n          [ngClass]=\"{ 'a-btn--icon-text': action.icon }\"\n        >\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ action.label | i18n }}\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i6.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDialogConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDialogConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dialog-confirm', template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_confirmDelete\"\n  (keydown.escape)=\"onClick()\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ data.title | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeDialog()\" #cross>\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <p *ngIf=\"data?.message as message\" class=\"a-p\">{{ message | i18n }}</p>\n    </div>\n    <div class=\"m-btn-group\">\n      <ng-container *ngFor=\"let action of data.actions\" #buttonAction>\n        <button\n          (click)=\"onClick(action)\"\n          class=\"a-btn\"\n          type=\"button\"\n          [class.a-btn--primary]=\"action.color === 'primary' || action.color === undefined\"\n          [class.a-btn--secondary]=\"action.color === 'secondary'\"\n          [ngClass]=\"{ 'a-btn--icon-text': action.icon }\"\n        >\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ action.label | i18n }}\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.PryDialogRef }, { type: undefined, decorators: [{

package/esm2022/lib/core/components/overlay/dialog.service.mjs

@@ -61,10 +61,10 @@ export class PryDialogService {
         });
         return overlay;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDialogService, deps: [{ token: i0.Injector }, { token: i1.Overlay }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDialogService, deps: [{ token: i0.Injector }, { token: i1.Overlay }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.Overlay }, { type: i2.Store }] });

package/esm2022/lib/core/components/overlay/overlay.directive.mjs

@@ -99,10 +99,10 @@ export class PryOverlayDirective {
                 break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryOverlayDirective, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: PryOverlayDirective, selector: "[pryOverlay]", inputs: { pryOverlay: "pryOverlay", styleReversed: "styleReversed", pryOverlaySticky: "pryOverlaySticky", pryOverlayNoPadding: "pryOverlayNoPadding", pryOverlayPosition: "pryOverlayPosition", overlayOpen: "overlayOpen", hasBackdrop: "hasBackdrop" }, outputs: { overlayOpenChange: "overlayOpenChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryOverlayDirective, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: PryOverlayDirective, selector: "[pryOverlay]", inputs: { pryOverlay: "pryOverlay", styleReversed: "styleReversed", pryOverlaySticky: "pryOverlaySticky", pryOverlayNoPadding: "pryOverlayNoPadding", pryOverlayPosition: "pryOverlayPosition", overlayOpen: "overlayOpen", hasBackdrop: "hasBackdrop" }, outputs: { overlayOpenChange: "overlayOpenChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryOverlayDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[pryOverlay]' }]
         }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }], propDecorators: { pryOverlay: [{

package/esm2022/lib/core/components/overlay/overlay.module.mjs

@@ -8,11 +8,11 @@ import { PryOverlayDirective } from './overlay.directive';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export class PryOverlayModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryOverlayModule, declarations: [PryOverlayDirective, PryDialogConfirmComponent], imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule], exports: [PryOverlayDirective, PryDialogConfirmComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryOverlayModule, imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryOverlayModule, declarations: [PryOverlayDirective, PryDialogConfirmComponent], imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule], exports: [PryOverlayDirective, PryDialogConfirmComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryOverlayModule, imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryOverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryOverlayModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PryOverlayDirective, PryDialogConfirmComponent],