npm - @wlcm/angular - Versions diffs - 18.2.26 → 18.2.29 - Mend

@wlcm/angular 18.2.26 → 18.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (110) hide show

package/button/esm2022/lib/button.module.mjs CHANGED Viewed

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { WlcmButtonComponent } from './components/button/button.component';
 import * as i0 from "@angular/core";
 export class WlcmButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [WlcmButtonComponent],

package/button/esm2022/lib/components/button/button.component.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class WlcmButtonComponent {
             return;
         this.clicked.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: "type", size: "size", isDisabled: "isDisabled", isLoading: "isLoading" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: "type", size: "size", isDisabled: "isDisabled", isLoading: "isLoading" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-button', standalone: true, imports: [CommonModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n" }]
         }], propDecorators: { type: [{

package/button/fesm2022/wlcm-angular-button.mjs CHANGED Viewed

@@ -18,10 +18,10 @@ class WlcmButtonComponent {
             return;
         this.clicked.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: "type", size: "size", isDisabled: "isDisabled", isLoading: "isLoading" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: "type", size: "size", isDisabled: "isDisabled", isLoading: "isLoading" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-button', standalone: true, imports: [CommonModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n" }]
         }], propDecorators: { type: [{
@@ -37,11 +37,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
             }] } });
 class WlcmButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [WlcmButtonComponent],

package/core/esm2022/lib/components/default-loader/default-loader.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class WlcmDefaultLoaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmDefaultLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmDefaultLoaderComponent, isStandalone: true, selector: "wlcm-default-loader", host: { classAttribute: "wlcm-default-loader" }, ngImport: i0, template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmDefaultLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmDefaultLoaderComponent, isStandalone: true, selector: "wlcm-default-loader", host: { classAttribute: "wlcm-default-loader" }, ngImport: i0, template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmDefaultLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmDefaultLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-default-loader', host: { class: 'wlcm-default-loader' }, standalone: true, imports: [CommonModule], template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n" }]
         }] });

package/core/esm2022/lib/components/icons/calendar-icon/calendar-icon.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class CalendarIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: CalendarIconComponent, isStandalone: true, selector: "wlcm-calendar-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CalendarIconComponent, isStandalone: true, selector: "wlcm-calendar-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CalendarIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CalendarIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-calendar-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"] }]
         }] });

package/core/esm2022/lib/components/icons/chevron-down-icon/chevron-down-icon.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class ChevronDownIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ChevronDownIconComponent, isStandalone: true, selector: "wlcm-chevron-down-icon", ngImport: i0, template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ChevronDownIconComponent, isStandalone: true, selector: "wlcm-chevron-down-icon", ngImport: i0, template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-chevron-down-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"] }]
         }] });

package/core/esm2022/lib/components/icons/close-icon/close-icon.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class CloseIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: CloseIconComponent, isStandalone: true, selector: "wlcm-close-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CloseIconComponent, isStandalone: true, selector: "wlcm-close-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CloseIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CloseIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-close-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n" }]
         }] });

package/core/esm2022/lib/components/icons/search-icon/search-icon.component.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class SearchIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SearchIconComponent, isStandalone: true, selector: "wlcm-search-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SearchIconComponent, isStandalone: true, selector: "wlcm-search-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SearchIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-search-icon', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"] }]
         }] });

package/core/esm2022/lib/components/loader/loader.component.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ export class WlcmLoaderComponent {
             this.container().createComponent(this.loaderComponent);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmLoaderComponent, deps: [{ token: WLCM_LOADER_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.6", type: WlcmLoaderComponent, isStandalone: true, selector: "wlcm-loader", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wlcm-loader-hidden": "this.isHidden" }, classAttribute: "wlcm-loader" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmLoaderComponent, deps: [{ token: WLCM_LOADER_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.5", type: WlcmLoaderComponent, isStandalone: true, selector: "wlcm-loader", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wlcm-loader-hidden": "this.isHidden" }, classAttribute: "wlcm-loader" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-loader', host: { class: 'wlcm-loader' }, standalone: true, imports: [CommonModule], template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Type, decorators: [{

package/core/esm2022/lib/directives/icon.directive.mjs CHANGED Viewed

@@ -28,15 +28,15 @@ let WlcmIconDirective = class WlcmIconDirective {
             this.handleClick(ref);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmIconDirective, deps: [{ token: WLCM_ICONS }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.6", type: WlcmIconDirective, isStandalone: true, selector: "[wlcmIcon]", inputs: { name: { classPropertyName: "name", publicName: "wlcmIcon", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "wlcmIconStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "wlcmIconClicked" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmIconDirective, deps: [{ token: WLCM_ICONS }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.5", type: WlcmIconDirective, isStandalone: true, selector: "[wlcmIcon]", inputs: { name: { classPropertyName: "name", publicName: "wlcmIcon", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "wlcmIconStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "wlcmIconClicked" }, ngImport: i0 }); }
 };
 WlcmIconDirective = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [Object, ViewContainerRef])
 ], WlcmIconDirective);
 export { WlcmIconDirective };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wlcmIcon]',

package/core/esm2022/lib/services/scroll-detection.api.mjs CHANGED Viewed

@@ -1,27 +1,39 @@
-import { Injectable } from '@angular/core';
-import { filter, fromEvent } from 'rxjs';
+import { Injectable, NgZone } from '@angular/core';
+import { Observable, filter, fromEvent, Subject, takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
 export class ScrollDetectionApi {
-    onScrolledDown(element) {
-        let scrollHeight = 0;
-        let scrollHeightChanged = false;
-        return fromEvent(element, 'scroll').pipe(filter(() => {
-            if (scrollHeight !== element.scrollHeight) {
-                scrollHeight = element.scrollHeight;
-                scrollHeightChanged = true;
-            }
-            if (element.scrollHeight * 0.8 <= element.scrollTop + element.clientHeight && scrollHeightChanged) {
-                scrollHeightChanged = false;
-                return true;
-            }
-            return false;
-        }));
+    constructor(zone) {
+        this.zone = zone;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, providedIn: 'root' }); }
+    onScrolledDown(element, threshold = 0.8) {
+        let lastScrollHeight = 0, scrollHeightChanged = false;
+        return new Observable((subscriber) => {
+            const destroy$ = new Subject();
+            this.zone.runOutsideAngular(() => {
+                fromEvent(element, 'scroll')
+                    .pipe(takeUntil(destroy$), filter(() => {
+                    const currentScrollHeight = element.scrollHeight;
+                    if (currentScrollHeight !== lastScrollHeight) {
+                        lastScrollHeight = currentScrollHeight;
+                        scrollHeightChanged = true;
+                    }
+                    const scrolledRatio = (element.scrollTop + element.clientHeight) / currentScrollHeight;
+                    if (scrollHeightChanged && scrolledRatio >= threshold) {
+                        scrollHeightChanged = false;
+                        return true;
+                    }
+                    return false;
+                }))
+                    .subscribe((event) => this.zone.run(() => subscriber.next(event)));
+            });
+            return () => destroy$.next();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLWRldGVjdGlvbi5hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb3JlL3NyYy9saWIvc2VydmljZXMvc2Nyb2xsLWRldGVjdGlvbi5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQWMsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHckQsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixjQUFjLENBQUMsT0FBb0I7UUFDakMsSUFBSSxZQUFZLEdBQVcsQ0FBQyxDQUFDO1FBRTdCLElBQUksbUJBQW1CLEdBQVksS0FBSyxDQUFDO1FBRXpDLE9BQU8sU0FBUyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQ3RDLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLFlBQVksS0FBSyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQzFDLFlBQVksR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDO2dCQUVwQyxtQkFBbUIsR0FBRyxJQUFJLENBQUM7WUFDN0IsQ0FBQztZQUVELElBQUksT0FBTyxDQUFDLFlBQVksR0FBRyxHQUFHLElBQUksT0FBTyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUMsWUFBWSxJQUFJLG1CQUFtQixFQUFFLENBQUM7Z0JBQ2xHLG1CQUFtQixHQUFHLEtBQUssQ0FBQztnQkFFNUIsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1lBRUQsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQzs4R0F2QlUsa0JBQWtCO2tIQUFsQixrQkFBa0IsY0FETCxNQUFNOzsyRkFDbkIsa0JBQWtCO2tCQUQ5QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZpbHRlciwgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsRGV0ZWN0aW9uQXBpIHtcbiAgb25TY3JvbGxlZERvd24oZWxlbWVudDogSFRNTEVsZW1lbnQpOiBPYnNlcnZhYmxlPEV2ZW50PiB7XG4gICAgbGV0IHNjcm9sbEhlaWdodDogbnVtYmVyID0gMDtcblxuICAgIGxldCBzY3JvbGxIZWlnaHRDaGFuZ2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICByZXR1cm4gZnJvbUV2ZW50KGVsZW1lbnQsICdzY3JvbGwnKS5waXBlKFxuICAgICAgZmlsdGVyKCgpID0+IHtcbiAgICAgICAgaWYgKHNjcm9sbEhlaWdodCAhPT0gZWxlbWVudC5zY3JvbGxIZWlnaHQpIHtcbiAgICAgICAgICBzY3JvbGxIZWlnaHQgPSBlbGVtZW50LnNjcm9sbEhlaWdodDtcblxuICAgICAgICAgIHNjcm9sbEhlaWdodENoYW5nZWQgPSB0cnVlO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGVsZW1lbnQuc2Nyb2xsSGVpZ2h0ICogMC44IDw9IGVsZW1lbnQuc2Nyb2xsVG9wICsgZWxlbWVudC5jbGllbnRIZWlnaHQgJiYgc2Nyb2xsSGVpZ2h0Q2hhbmdlZCkge1xuICAgICAgICAgIHNjcm9sbEhlaWdodENoYW5nZWQgPSBmYWxzZTtcblxuICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgfSksXG4gICAgKTtcbiAgfVxufVxuIl19
+        }], ctorParameters: () => [{ type: i0.NgZone }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLWRldGVjdGlvbi5hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb3JlL3NyYy9saWIvc2VydmljZXMvc2Nyb2xsLWRldGVjdGlvbi5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxNQUFNLENBQUM7O0FBR3JGLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBb0IsSUFBWTtRQUFaLFNBQUksR0FBSixJQUFJLENBQVE7SUFBRyxDQUFDO0lBRXBDLGNBQWMsQ0FBQyxPQUFvQixFQUFFLFNBQVMsR0FBRyxHQUFHO1FBQ2xELElBQUksZ0JBQWdCLEdBQUcsQ0FBQyxFQUN0QixtQkFBbUIsR0FBRyxLQUFLLENBQUM7UUFFOUIsT0FBTyxJQUFJLFVBQVUsQ0FBUSxDQUFDLFVBQTZCLEVBQUUsRUFBRTtZQUM3RCxNQUFNLFFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1lBRXJDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO2dCQUMvQixTQUFTLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQztxQkFDekIsSUFBSSxDQUNILFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFDbkIsTUFBTSxDQUFDLEdBQUcsRUFBRTtvQkFDVixNQUFNLG1CQUFtQixHQUFXLE9BQU8sQ0FBQyxZQUFZLENBQUM7b0JBRXpELElBQUksbUJBQW1CLEtBQUssZ0JBQWdCLEVBQUUsQ0FBQzt3QkFDN0MsZ0JBQWdCLEdBQUcsbUJBQW1CLENBQUM7d0JBRXZDLG1CQUFtQixHQUFHLElBQUksQ0FBQztvQkFDN0IsQ0FBQztvQkFFRCxNQUFNLGFBQWEsR0FBVyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxHQUFHLG1CQUFtQixDQUFDO29CQUUvRixJQUFJLG1CQUFtQixJQUFJLGFBQWEsSUFBSSxTQUFTLEVBQUUsQ0FBQzt3QkFDdEQsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO3dCQUU1QixPQUFPLElBQUksQ0FBQztvQkFDZCxDQUFDO29CQUVELE9BQU8sS0FBSyxDQUFDO2dCQUNmLENBQUMsQ0FBQyxDQUNIO3FCQUNBLFNBQVMsQ0FBQyxDQUFDLEtBQVksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUUsQ0FBQyxDQUFDLENBQUM7WUFFSCxPQUFPLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBdkNVLGtCQUFrQjtrSEFBbEIsa0JBQWtCLGNBREwsTUFBTTs7MkZBQ25CLGtCQUFrQjtrQkFEOUIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZpbHRlciwgZnJvbUV2ZW50LCBTdWJqZWN0LCB0YWtlVW50aWwsIFN1YnNjcmliZXIgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxEZXRlY3Rpb25BcGkge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHpvbmU6IE5nWm9uZSkge31cblxuICBvblNjcm9sbGVkRG93bihlbGVtZW50OiBIVE1MRWxlbWVudCwgdGhyZXNob2xkID0gMC44KTogT2JzZXJ2YWJsZTxFdmVudD4ge1xuICAgIGxldCBsYXN0U2Nyb2xsSGVpZ2h0ID0gMCxcbiAgICAgIHNjcm9sbEhlaWdodENoYW5nZWQgPSBmYWxzZTtcblxuICAgIHJldHVybiBuZXcgT2JzZXJ2YWJsZTxFdmVudD4oKHN1YnNjcmliZXI6IFN1YnNjcmliZXI8RXZlbnQ+KSA9PiB7XG4gICAgICBjb25zdCBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICAgIHRoaXMuem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgIGZyb21FdmVudChlbGVtZW50LCAnc2Nyb2xsJylcbiAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgIHRha2VVbnRpbChkZXN0cm95JCksXG4gICAgICAgICAgICBmaWx0ZXIoKCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBjdXJyZW50U2Nyb2xsSGVpZ2h0OiBudW1iZXIgPSBlbGVtZW50LnNjcm9sbEhlaWdodDtcblxuICAgICAgICAgICAgICBpZiAoY3VycmVudFNjcm9sbEhlaWdodCAhPT0gbGFzdFNjcm9sbEhlaWdodCkge1xuICAgICAgICAgICAgICAgIGxhc3RTY3JvbGxIZWlnaHQgPSBjdXJyZW50U2Nyb2xsSGVpZ2h0O1xuXG4gICAgICAgICAgICAgICAgc2Nyb2xsSGVpZ2h0Q2hhbmdlZCA9IHRydWU7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCBzY3JvbGxlZFJhdGlvOiBudW1iZXIgPSAoZWxlbWVudC5zY3JvbGxUb3AgKyBlbGVtZW50LmNsaWVudEhlaWdodCkgLyBjdXJyZW50U2Nyb2xsSGVpZ2h0O1xuXG4gICAgICAgICAgICAgIGlmIChzY3JvbGxIZWlnaHRDaGFuZ2VkICYmIHNjcm9sbGVkUmF0aW8gPj0gdGhyZXNob2xkKSB7XG4gICAgICAgICAgICAgICAgc2Nyb2xsSGVpZ2h0Q2hhbmdlZCA9IGZhbHNlO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICApXG4gICAgICAgICAgLnN1YnNjcmliZSgoZXZlbnQ6IEV2ZW50KSA9PiB0aGlzLnpvbmUucnVuKCgpID0+IHN1YnNjcmliZXIubmV4dChldmVudCkpKTtcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4gZGVzdHJveSQubmV4dCgpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=

package/core/fesm2022/wlcm-angular-core.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { finalize, Observable, of, fromEvent, filter } from 'rxjs';
+import { finalize, Observable, of, Subject, fromEvent, takeUntil, filter } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, InjectionToken, Injectable, input, output, ViewContainerRef, Directive, Inject, viewChild, effect, HostBinding } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -70,28 +70,28 @@ const DEFAULT_QUERY_PARAMS = {
 };
 class ChevronDownIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ChevronDownIconComponent, isStandalone: true, selector: "wlcm-chevron-down-icon", ngImport: i0, template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ChevronDownIconComponent, isStandalone: true, selector: "wlcm-chevron-down-icon", ngImport: i0, template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-chevron-down-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"] }]
         }] });
 class CalendarIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: CalendarIconComponent, isStandalone: true, selector: "wlcm-calendar-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CalendarIconComponent, isStandalone: true, selector: "wlcm-calendar-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CalendarIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CalendarIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-calendar-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"] }]
         }] });
 class SearchIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SearchIconComponent, isStandalone: true, selector: "wlcm-search-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SearchIconComponent, isStandalone: true, selector: "wlcm-search-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SearchIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-search-icon', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"] }]
         }] });
@@ -107,28 +107,40 @@ const WLCM_ICONS = new InjectionToken('WLCM_ICONS', {
 });
 class ScrollDetectionApi {
-    onScrolledDown(element) {
-        let scrollHeight = 0;
-        let scrollHeightChanged = false;
-        return fromEvent(element, 'scroll').pipe(filter(() => {
-            if (scrollHeight !== element.scrollHeight) {
-                scrollHeight = element.scrollHeight;
-                scrollHeightChanged = true;
-            }
-            if (element.scrollHeight * 0.8 <= element.scrollTop + element.clientHeight && scrollHeightChanged) {
-                scrollHeightChanged = false;
-                return true;
-            }
-            return false;
-        }));
+    constructor(zone) {
+        this.zone = zone;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, providedIn: 'root' }); }
+    onScrolledDown(element, threshold = 0.8) {
+        let lastScrollHeight = 0, scrollHeightChanged = false;
+        return new Observable((subscriber) => {
+            const destroy$ = new Subject();
+            this.zone.runOutsideAngular(() => {
+                fromEvent(element, 'scroll')
+                    .pipe(takeUntil(destroy$), filter(() => {
+                    const currentScrollHeight = element.scrollHeight;
+                    if (currentScrollHeight !== lastScrollHeight) {
+                        lastScrollHeight = currentScrollHeight;
+                        scrollHeightChanged = true;
+                    }
+                    const scrolledRatio = (element.scrollTop + element.clientHeight) / currentScrollHeight;
+                    if (scrollHeightChanged && scrolledRatio >= threshold) {
+                        scrollHeightChanged = false;
+                        return true;
+                    }
+                    return false;
+                }))
+                    .subscribe((event) => this.zone.run(() => subscriber.next(event)));
+            });
+            return () => destroy$.next();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [{ type: i0.NgZone }] });
 let WlcmIconDirective = class WlcmIconDirective {
     constructor(icons, viewContainer) {
@@ -154,14 +166,14 @@ let WlcmIconDirective = class WlcmIconDirective {
             this.handleClick(ref);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmIconDirective, deps: [{ token: WLCM_ICONS }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.6", type: WlcmIconDirective, isStandalone: true, selector: "[wlcmIcon]", inputs: { name: { classPropertyName: "name", publicName: "wlcmIcon", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "wlcmIconStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "wlcmIconClicked" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmIconDirective, deps: [{ token: WLCM_ICONS }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.5", type: WlcmIconDirective, isStandalone: true, selector: "[wlcmIcon]", inputs: { name: { classPropertyName: "name", publicName: "wlcmIcon", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "wlcmIconStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "wlcmIconClicked" }, ngImport: i0 }); }
 };
 WlcmIconDirective = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [Object, ViewContainerRef])
 ], WlcmIconDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wlcmIcon]',
@@ -173,19 +185,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 }] }, { type: i0.ViewContainerRef }] });
 class CloseIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: CloseIconComponent, isStandalone: true, selector: "wlcm-close-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CloseIconComponent, isStandalone: true, selector: "wlcm-close-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CloseIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CloseIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-close-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n" }]
         }] });
 class WlcmDefaultLoaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmDefaultLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmDefaultLoaderComponent, isStandalone: true, selector: "wlcm-default-loader", host: { classAttribute: "wlcm-default-loader" }, ngImport: i0, template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmDefaultLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmDefaultLoaderComponent, isStandalone: true, selector: "wlcm-default-loader", host: { classAttribute: "wlcm-default-loader" }, ngImport: i0, template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmDefaultLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmDefaultLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-default-loader', host: { class: 'wlcm-default-loader' }, standalone: true, imports: [CommonModule], template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n" }]
         }] });
@@ -209,10 +221,10 @@ class WlcmLoaderComponent {
             this.container().createComponent(this.loaderComponent);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmLoaderComponent, deps: [{ token: WLCM_LOADER_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.6", type: WlcmLoaderComponent, isStandalone: true, selector: "wlcm-loader", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wlcm-loader-hidden": "this.isHidden" }, classAttribute: "wlcm-loader" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmLoaderComponent, deps: [{ token: WLCM_LOADER_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.5", type: WlcmLoaderComponent, isStandalone: true, selector: "wlcm-loader", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wlcm-loader-hidden": "this.isHidden" }, classAttribute: "wlcm-loader" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-loader', host: { class: 'wlcm-loader' }, standalone: true, imports: [CommonModule], template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Type, decorators: [{