@c8y/ngx-components 1023.53.0 → 1023.57.0

package/fesm2022/c8y-ngx-components.mjs

@@ -4258,7 +4258,7 @@ class AssetTypesRealtimeService {
      */
     getIcon$(type) {
         const assetType = this.getAssetTypeByName$(type);
-        return assetType.pipe(map(assetType => assetType?.c8y_IsAssetType?.icon?.name || this.DEFAULT_ASSET_ICON));
+        return assetType.pipe(map(assetType => assetType?.icon?.name || assetType?.c8y_IsAssetType?.icon?.name || this.DEFAULT_ASSET_ICON));
     }
     /**
      * Refreshes the asset types cache
@@ -4276,8 +4276,12 @@ class AssetTypesRealtimeService {
      */
     async getAssetTypes() {
         const assetTypesCache = {};
-        const { data } = await this.inventory.list({
-            fragmentType: 'c8y_IsAssetType',
+        const query = {
+            __filter: {
+                __or: [{ type: 'c8y_AssetDefinition' }, { __has: 'c8y_IsAssetType' }]
+            }
+        };
+        const { data } = await this.inventory.listQuery(query, {
             withChildren: false,
             pageSize: 2000
         });
@@ -4376,8 +4380,8 @@ class GroupService {
         this.dataBrokerSourceFragmentInactive = `_${GroupFragment.dataBrokerSourceFragment}`;
     }
     /**
-     * Finds an icon based on the contents of a managed object.
-     * It takes into account factors such as type, and specific fragments.
+     * Finds an icon based on the asset type; if none is found, it looks for an asset-specific icon,
+     * and if that is also unavailable, it uses the default icon.
      * @param mo Managed object to be checked.
      * @param open Determines whether the method should return an alternative icon showing the open state.
      * @param fallbackIcon If no icon is found, this icon is returned.
@@ -4385,8 +4389,13 @@ class GroupService {
      */
     async getIcon(mo, open = false, fallbackIcon) {
         const genericMoType = this.determineMoType(mo);
+        const defaultIcon = 'c8y-enterprise';
         if (genericMoType === 'asset') {
-            return await this.getAssetCustomIcon(mo.type);
+            const icon = await this.getAssetCustomIcon(mo.type);
+            if (icon === defaultIcon && mo.icon && mo.icon.name !== '') {
+                return mo.icon.name;
+            }
+            return icon;
         }
         if (fallbackIcon && genericMoType === 'other') {
             return fallbackIcon;
@@ -15305,6 +15314,8 @@ class ConfirmModalComponent {
     constructor(modal) {
         this.modal = modal;
         this.status = Status.INFO;
+        this.requireCodeVerification = false;
+        this.confirmString = '';
         this._labels = {
             ok: 'OK',
             cancel: 'Cancel'
@@ -15315,6 +15326,9 @@ class ConfirmModalComponent {
                 this.modal.hide();
             };
             this.close = () => {
+                if (this.requireCodeVerification && !this.canConfirmWithCode()) {
+                    return;
+                }
                 resolve(isEmpty(this.confirmOptions)
                     ? true
                     : {
@@ -15325,6 +15339,11 @@ class ConfirmModalComponent {
             };
         });
     }
+    ngOnInit() {
+        if (this.requireCodeVerification) {
+            this.code = this.generateRandomCode();
+        }
+    }
     get classIcon() {
         return `dlt-c8y-icon-${statusIcons[this.status]}`;
     }
@@ -15338,12 +15357,26 @@ class ConfirmModalComponent {
         const doc = new DOMParser().parseFromString(str, 'text/html');
         return Array.from(doc.body.childNodes).some(node => node.nodeType === Node.ELEMENT_NODE);
     }
+    canConfirmWithCode() {
+        return this.confirmString === this.code;
+    }
+    get isOkButtonDisabled() {
+        if (this.requireCodeVerification) {
+            return !this.canConfirmWithCode();
+        }
+        return false;
+    }
+    generateRandomCode() {
+        // no l, I, 0, O chars to prevent confusion:
+        const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefhijkmnoprstuvwxyz123456789';
+        return Array.from({ length: 5 }, () => chars.charAt(Math.floor(Math.random() * chars.length))).join('');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfirmModalComponent, deps: [{ token: i1$7.BsModalRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ConfirmModalComponent, isStandalone: true, selector: "c8y-confirm-modal", inputs: { title: "title", body: "body", confirmOptions: "confirmOptions", status: "status", labels: "labels" }, ngImport: i0, template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ShowIfFilterPipe, name: "showIfFilter" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ConfirmModalComponent, isStandalone: true, selector: "c8y-confirm-modal", inputs: { title: "title", body: "body", confirmOptions: "confirmOptions", status: "status", requireCodeVerification: "requireCodeVerification", labels: "labels" }, ngImport: i0, template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    @if (requireCodeVerification) {\n      <p class=\"text-break-word m-b-16\">\n        <code>{{ code }}</code>\n      </p>\n      <form (submit)=\"$event.preventDefault()\">\n        <div class=\"form-group\">\n          <label for=\"confirmString\">\n            {{ 'Confirm:' | translate }}\n          </label>\n          <input\n            class=\"form-control\"\n            id=\"confirmString\"\n            placeholder=\"{{ 'Type here' | translate }}\"\n            name=\"confirmString\"\n            type=\"text\"\n            autocomplete=\"off\"\n            [(ngModel)]=\"confirmString\"\n          />\n        </div>\n      </form>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n      [disabled]=\"isOkButtonDisabled\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$8.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ShowIfFilterPipe, name: "showIfFilter" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfirmModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-confirm-modal', standalone: true, imports: [NgClass, C8yTranslatePipe, AsyncPipe, KeyValuePipe, ShowIfFilterPipe], template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'c8y-confirm-modal', standalone: true, imports: [NgClass, C8yTranslatePipe, AsyncPipe, KeyValuePipe, ShowIfFilterPipe, FormsModule$1], template: "<div\n  class=\"c8y-prompt alert\"\n  [ngClass]=\"[classAlert]\"\n  data-cy=\"prompt-alert\"\n>\n  @if (title) {\n    <h3 class=\"m-b-16 d-flex a-i-center\">\n      <i\n        class=\"dlt-c8y-icon\"\n        [ngClass]=\"[classIcon]\"\n      ></i>\n      <span id=\"modal-title\">{{ title | translate }}</span>\n    </h3>\n  }\n  <div id=\"modal-body\">\n    @if (!isHtml(body)) {\n      <p class=\"text-break-word m-b-16\">\n        {{ body | translate }}\n      </p>\n    }\n    @if (isHtml(body)) {\n      <div\n        class=\"text-break-word m-b-16\"\n        [innerHTML]=\"body | translate\"\n      ></div>\n    }\n    @for (co of confirmOptions | showIfFilter | async | keyvalue; track co) {\n      <div class=\"c8y-checkbox plain m-b-8\">\n        <label\n          class=\"c8y-checkbox\"\n          [title]=\"co.value.text | translate\"\n        >\n          <input\n            type=\"checkbox\"\n            [checked]=\"co.value.checked\"\n            (change)=\"co.value.checked = !co.value.checked\"\n            [disabled]=\"confirmOptions[co.value.disabledByKey]?.checked\"\n          />\n          <span></span>\n          <span>{{ co.value.text | translate }}</span>\n        </label>\n      </div>\n    }\n    @if (requireCodeVerification) {\n      <p class=\"text-break-word m-b-16\">\n        <code>{{ code }}</code>\n      </p>\n      <form (submit)=\"$event.preventDefault()\">\n        <div class=\"form-group\">\n          <label for=\"confirmString\">\n            {{ 'Confirm:' | translate }}\n          </label>\n          <input\n            class=\"form-control\"\n            id=\"confirmString\"\n            placeholder=\"{{ 'Type here' | translate }}\"\n            name=\"confirmString\"\n            type=\"text\"\n            autocomplete=\"off\"\n            [(ngModel)]=\"confirmString\"\n          />\n        </div>\n      </form>\n    }\n    <ng-content></ng-content>\n  </div>\n  <div class=\"alert-footer\">\n    @if (labels.cancel !== null) {\n      <button\n        class=\"btn btn-default\"\n        title=\"{{ labels.cancel | translate }}\"\n        type=\"button\"\n        (click)=\"dismiss()\"\n        data-cy=\"c8y-confirm-modal--cancel\"\n      >\n        {{ labels.cancel | translate }}\n      </button>\n    }\n    <button\n      class=\"btn btn-primary m-t-xs-8\"\n      title=\"{{ labels.ok | translate }}\"\n      type=\"button\"\n      (click)=\"close()\"\n      data-cy=\"c8y-confirm-modal--ok\"\n      [disabled]=\"isOkButtonDisabled\"\n    >\n      {{ labels.ok | translate }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$7.BsModalRef }], propDecorators: { title: [{
                 type: Input
             }], body: [{
@@ -15352,6 +15385,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], status: [{
                 type: Input
+            }], requireCodeVerification: [{
+                type: Input
             }], labels: [{
                 type: Input
             }] } });
@@ -15389,7 +15424,7 @@ class CookieBannerPreferencesModalComponent {
         return this.cookieBannerService.getCookieDescription(cookieType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CookieBannerPreferencesModalComponent, deps: [{ token: CookieBannerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CookieBannerPreferencesModalComponent, isStandalone: true, selector: "c8y-cookie-banner-preferences-modal", viewQueries: [{ propertyName: "modalRef", first: true, predicate: ["modalRef"], descendants: true }], ngImport: i0, template: "<c8y-confirm-modal [title]=\"title\" [status]=\"status\" [labels]=\"labels\" #modalRef>\n\n  <div *ngFor=\"let item of configCookiePreferencesList\" class=\"row p-t-8 p-b-8 separator-top\">\n    <div class=\"col-xs-2\">\n      <div class=\"text-center\">\n        <label class=\"c8y-switch\">\n          <input\n            name=\"{{ item.name }}\"\n            type=\"checkbox\"\n            [(ngModel)]=\"item.value\"\n            [disabled]=\"item.isReadonly\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </div>\n    <div class=\"col-xs-10\">\n      <h4 class=\"text-medium\">\n        {{ item.name | translate | humanize }}\n      </h4>\n      <p>\n        {{ getCookieDescription(item.name) | translate }}\n      </p>\n    </div>\n  </div>\n</c8y-confirm-modal>\n", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "c8y-confirm-modal", inputs: ["title", "body", "confirmOptions", "status", "labels"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizePipe, name: "humanize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CookieBannerPreferencesModalComponent, isStandalone: true, selector: "c8y-cookie-banner-preferences-modal", viewQueries: [{ propertyName: "modalRef", first: true, predicate: ["modalRef"], descendants: true }], ngImport: i0, template: "<c8y-confirm-modal [title]=\"title\" [status]=\"status\" [labels]=\"labels\" #modalRef>\n\n  <div *ngFor=\"let item of configCookiePreferencesList\" class=\"row p-t-8 p-b-8 separator-top\">\n    <div class=\"col-xs-2\">\n      <div class=\"text-center\">\n        <label class=\"c8y-switch\">\n          <input\n            name=\"{{ item.name }}\"\n            type=\"checkbox\"\n            [(ngModel)]=\"item.value\"\n            [disabled]=\"item.isReadonly\"\n          />\n          <span></span>\n        </label>\n      </div>\n    </div>\n    <div class=\"col-xs-10\">\n      <h4 class=\"text-medium\">\n        {{ item.name | translate | humanize }}\n      </h4>\n      <p>\n        {{ getCookieDescription(item.name) | translate }}\n      </p>\n    </div>\n  </div>\n</c8y-confirm-modal>\n", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "c8y-confirm-modal", inputs: ["title", "body", "confirmOptions", "status", "requireCodeVerification", "labels"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: HumanizePipe, name: "humanize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CookieBannerPreferencesModalComponent, decorators: [{
             type: Component,
@@ -16219,6 +16254,7 @@ class ModalModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalModule, imports: [ModalModule$1.forRoot(),
             CommonModule,
             PopoverModule.forRoot(),
+            ConfirmModalComponent,
             PopoverConfirmComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalModule, decorators: [{
@@ -16399,6 +16435,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: ['message']
             }] } });
 
+class RequiredInputPlaceholderDirective {
+    constructor(el, renderer, translationService, ngControl) {
+        this.el = el;
+        this.renderer = renderer;
+        this.translationService = translationService;
+        this.ngControl = ngControl;
+        this.shouldSkipRequiredHint = false;
+        this.shouldSkipRequiredHint = !!this.el.nativeElement.closest('[placeholder-no-required-hint]');
+    }
+    ngAfterViewChecked() {
+        if (this.el?.nativeElement?.required !== undefined || this.ngControl?.control) {
+            const isRequired = this.el?.nativeElement?.required ||
+                this.ngControl?.control?.hasValidator(Validators.required);
+            const willSetRequiredHint = isRequired && !this.shouldSkipRequiredHint;
+            const placeholder = this.el.nativeElement.placeholder;
+            if (this.placeholder !== placeholder || this.req !== willSetRequiredHint) {
+                this.updatePlaceholder(this.getTextForPlaceholder(placeholder, willSetRequiredHint));
+            }
+        }
+    }
+    getTextForPlaceholder(placeholder = '', required = false) {
+        this.req = required;
+        const requiredText = `(${this.translationService.instant(gettext$1('required'))})`;
+        const requiredTextIndex = placeholder.lastIndexOf(requiredText);
+        if (requiredTextIndex > 0) {
+            placeholder = placeholder.slice(0, requiredTextIndex - 1);
+        }
+        if (requiredTextIndex === 0) {
+            placeholder = '';
+        }
+        if (!required) {
+            return placeholder;
+        }
+        return placeholder.trim() ? `${placeholder} ${requiredText}` : requiredText;
+    }
+    updatePlaceholder(placeholder) {
+        this.renderer.setAttribute(this.el.nativeElement, 'placeholder', placeholder);
+        this.placeholder = placeholder;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RequiredInputPlaceholderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.TranslateService }, { token: i1$8.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: RequiredInputPlaceholderDirective, isStandalone: true, selector: "input[required], input[formControlName]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RequiredInputPlaceholderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[required], input[formControlName]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.TranslateService }, { type: i1$8.NgControl, decorators: [{
+                    type: Optional
+                }] }] });
+
 /**
  * Actions are functions that can be executed on the
  * current list item. They are displayed next to the
@@ -16745,6 +16833,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: [ListItemCollapseComponent, { static: false }]
             }] } });
 
+/**
+ * Allows to display a timeline. Should be used with
+ * content projection.
+ *
+ * ```html
+ * <c8y-list-group>
+ *   <c8y-li-timeline>
+ *     24.April 2020
+ *     <c8y-li>
+ *       Hello
+ *     </c8y-li>
+ *   </c8y-li-timeline>
+ * </c8y-list-group>
+ * ```
+ */
+class ListItemTimelineComponent {
+    get expanded() {
+        return !this.listItemComponent?.collapsed;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListItemTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ListItemTimelineComponent, isStandalone: true, selector: "c8y-list-item-timeline, c8y-li-timeline", host: { properties: { "class.expanded": "this.expanded" }, classAttribute: "c8y-list--timeline__item" }, queries: [{ propertyName: "listItemComponent", first: true, predicate: ListItemComponent, descendants: true }], ngImport: i0, template: "<small class=\"c8y-list--timeline__item__date\">\n  <ng-content></ng-content>\n</small>\n<ng-content select=\"c8y-li, c8y-list-item\"></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListItemTimelineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-list-item-timeline, c8y-li-timeline', host: {
+                        class: 'c8y-list--timeline__item'
+                    }, standalone: true, template: "<small class=\"c8y-list--timeline__item__date\">\n  <ng-content></ng-content>\n</small>\n<ng-content select=\"c8y-li, c8y-list-item\"></ng-content>\n" }]
+        }], propDecorators: { listItemComponent: [{
+                type: ContentChild,
+                args: [ListItemComponent, { static: false }]
+            }], expanded: [{
+                type: HostBinding,
+                args: ['class.expanded']
+            }] } });
+
+/**
+ * List groups are flexible and powerful components for displaying
+ * both simple lists of elements and complex ones with custom content.
+ *
+ * ```html
+ * <c8y-list-group>
+ *   <c8y-li>
+ *     Plain <strong>Text</strong>
+ *   </c8y-li>
+ *   <c8y-li>
+ *     <c8y-li-icon [icon]="'rocket'"></c8y-li-icon>
+ *     Icon
+ *   </c8y-li>
+ *   <c8y-li>
+ *     <c8y-li-radio></c8y-li-radio>
+ *     Radio
+ *   </c8y-li>
+ *   <c8y-li>
+ *     <c8y-li-checkbox></c8y-li-checkbox>
+ *     Checkbox
+ *   </c8y-li>
+ *   <c8y-li>
+ *     Content
+ *     <c8y-li-footer>
+ *       Footer
+ *     </c8y-li-footer>
+ *   </c8y-li>
+ *   <c8y-li>
+ *     Content
+ *     <c8y-li-action icon="rocket">
+ *       Launch
+ *     </c8y-li-action>
+ *   </c8y-li>
+ *   <c8y-li>
+ *     Content
+ *     <c8y-li-collapse>
+ *       Collapsed content
+ *     </c8y-li-collapse>
+ *   </c8y-li>
+ * </c8y-list-group>
+ * ```
+ */
+class ListGroupComponent {
+    constructor() {
+        /**
+         * @ignore
+         */
+        this.timeline = false;
+    }
+    /**
+     * @ignore
+     */
+    ngAfterContentChecked() {
+        this.timeline = !!this.timelineComponent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ListGroupComponent, isStandalone: true, selector: "c8y-list-group", host: { properties: { "class.c8y-list--timeline": "this.timeline" }, classAttribute: "c8y-list__group" }, queries: [{ propertyName: "timelineComponent", first: true, predicate: ListItemTimelineComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-list-group', host: {
+                        class: 'c8y-list__group'
+                    }, standalone: true, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { timeline: [{
+                type: HostBinding,
+                args: ['class.c8y-list--timeline']
+            }], timelineComponent: [{
+                type: ContentChild,
+                args: [ListItemTimelineComponent, { static: false }]
+            }] } });
+
 /**
  * This service provides keyboard navigation for dropdowns.
  *
@@ -16927,164 +17121,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
-class RequiredInputPlaceholderDirective {
-    constructor(el, renderer, translationService, ngControl) {
-        this.el = el;
-        this.renderer = renderer;
-        this.translationService = translationService;
-        this.ngControl = ngControl;
-        this.shouldSkipRequiredHint = false;
-        this.shouldSkipRequiredHint = !!this.el.nativeElement.closest('[placeholder-no-required-hint]');
-    }
-    ngAfterViewChecked() {
-        if (this.el?.nativeElement?.required !== undefined || this.ngControl?.control) {
-            const isRequired = this.el?.nativeElement?.required ||
-                this.ngControl?.control?.hasValidator(Validators.required);
-            const willSetRequiredHint = isRequired && !this.shouldSkipRequiredHint;
-            const placeholder = this.el.nativeElement.placeholder;
-            if (this.placeholder !== placeholder || this.req !== willSetRequiredHint) {
-                this.updatePlaceholder(this.getTextForPlaceholder(placeholder, willSetRequiredHint));
-            }
-        }
-    }
-    getTextForPlaceholder(placeholder = '', required = false) {
-        this.req = required;
-        const requiredText = `(${this.translationService.instant(gettext$1('required'))})`;
-        const requiredTextIndex = placeholder.lastIndexOf(requiredText);
-        if (requiredTextIndex > 0) {
-            placeholder = placeholder.slice(0, requiredTextIndex - 1);
-        }
-        if (requiredTextIndex === 0) {
-            placeholder = '';
-        }
-        if (!required) {
-            return placeholder;
-        }
-        return placeholder.trim() ? `${placeholder} ${requiredText}` : requiredText;
-    }
-    updatePlaceholder(placeholder) {
-        this.renderer.setAttribute(this.el.nativeElement, 'placeholder', placeholder);
-        this.placeholder = placeholder;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RequiredInputPlaceholderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.TranslateService }, { token: i1$8.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: RequiredInputPlaceholderDirective, isStandalone: true, selector: "input[required], input[formControlName]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RequiredInputPlaceholderDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[required], input[formControlName]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.TranslateService }, { type: i1$8.NgControl, decorators: [{
-                    type: Optional
-                }] }] });
-
-/**
- * Allows to display a timeline. Should be used with
- * content projection.
- *
- * ```html
- * <c8y-list-group>
- *   <c8y-li-timeline>
- *     24.April 2020
- *     <c8y-li>
- *       Hello
- *     </c8y-li>
- *   </c8y-li-timeline>
- * </c8y-list-group>
- * ```
- */
-class ListItemTimelineComponent {
-    get expanded() {
-        return !this.listItemComponent?.collapsed;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListItemTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ListItemTimelineComponent, isStandalone: true, selector: "c8y-list-item-timeline, c8y-li-timeline", host: { properties: { "class.expanded": "this.expanded" }, classAttribute: "c8y-list--timeline__item" }, queries: [{ propertyName: "listItemComponent", first: true, predicate: ListItemComponent, descendants: true }], ngImport: i0, template: "<small class=\"c8y-list--timeline__item__date\">\n  <ng-content></ng-content>\n</small>\n<ng-content select=\"c8y-li, c8y-list-item\"></ng-content>\n" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListItemTimelineComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-list-item-timeline, c8y-li-timeline', host: {
-                        class: 'c8y-list--timeline__item'
-                    }, standalone: true, template: "<small class=\"c8y-list--timeline__item__date\">\n  <ng-content></ng-content>\n</small>\n<ng-content select=\"c8y-li, c8y-list-item\"></ng-content>\n" }]
-        }], propDecorators: { listItemComponent: [{
-                type: ContentChild,
-                args: [ListItemComponent, { static: false }]
-            }], expanded: [{
-                type: HostBinding,
-                args: ['class.expanded']
-            }] } });
-
-/**
- * List groups are flexible and powerful components for displaying
- * both simple lists of elements and complex ones with custom content.
- *
- * ```html
- * <c8y-list-group>
- *   <c8y-li>
- *     Plain <strong>Text</strong>
- *   </c8y-li>
- *   <c8y-li>
- *     <c8y-li-icon [icon]="'rocket'"></c8y-li-icon>
- *     Icon
- *   </c8y-li>
- *   <c8y-li>
- *     <c8y-li-radio></c8y-li-radio>
- *     Radio
- *   </c8y-li>
- *   <c8y-li>
- *     <c8y-li-checkbox></c8y-li-checkbox>
- *     Checkbox
- *   </c8y-li>
- *   <c8y-li>
- *     Content
- *     <c8y-li-footer>
- *       Footer
- *     </c8y-li-footer>
- *   </c8y-li>
- *   <c8y-li>
- *     Content
- *     <c8y-li-action icon="rocket">
- *       Launch
- *     </c8y-li-action>
- *   </c8y-li>
- *   <c8y-li>
- *     Content
- *     <c8y-li-collapse>
- *       Collapsed content
- *     </c8y-li-collapse>
- *   </c8y-li>
- * </c8y-list-group>
- * ```
- */
-class ListGroupComponent {
-    constructor() {
-        /**
-         * @ignore
-         */
-        this.timeline = false;
-    }
-    /**
-     * @ignore
-     */
-    ngAfterContentChecked() {
-        this.timeline = !!this.timelineComponent;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ListGroupComponent, isStandalone: true, selector: "c8y-list-group", host: { properties: { "class.c8y-list--timeline": "this.timeline" }, classAttribute: "c8y-list__group" }, queries: [{ propertyName: "timelineComponent", first: true, predicate: ListItemTimelineComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListGroupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-list-group', host: {
-                        class: 'c8y-list__group'
-                    }, standalone: true, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { timeline: [{
-                type: HostBinding,
-                args: ['class.c8y-list--timeline']
-            }], timelineComponent: [{
-                type: ContentChild,
-                args: [ListItemTimelineComponent, { static: false }]
-            }] } });
-
 class TypeaheadComponent {
     constructor(selectKeyboardService) {
         this.selectKeyboardService = selectKeyboardService;
@@ -17151,6 +17187,10 @@ class TypeaheadComponent {
         fromEvent(this.searchControl.nativeElement, 'keydown')
             .pipe(debounceTime(200), distinctUntilChanged(), takeUntil(this.destroyed$))
             .subscribe((event) => {
+            // ignore OS/browser shortcuts (Cmd/Ctrl/Alt combos, e.g. Cmd+A, Shift+Cmd+4)
+            if (event.metaKey || event.ctrlKey || event.altKey) {
+                return;
+            }
             if (this.selectKeyboardService.isSelectionEvent(event)) {
                 return;
             }
@@ -17192,7 +17232,7 @@ class TypeaheadComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TypeaheadComponent, deps: [{ token: SelectKeyboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TypeaheadComponent, isStandalone: true, selector: "c8y-typeahead", inputs: { required: "required", maxlength: "maxlength", disabled: "disabled", allowFreeEntries: "allowFreeEntries", placeholder: "placeholder", displayProperty: "displayProperty", icon: "icon", name: "name", autoClose: "autoClose", hideNew: "hideNew", container: "container", selected: "selected", title: "title", highlightFirstItem: "highlightFirstItem" }, outputs: { onSearch: "onSearch", onIconClick: "onIconClick" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TypeaheadComponent, isStandalone: true, selector: "c8y-typeahead", inputs: { required: "required", maxlength: "maxlength", disabled: "disabled", allowFreeEntries: "allowFreeEntries", placeholder: "placeholder", displayProperty: "displayProperty", icon: "icon", name: "name", autoClose: "autoClose", hideNew: "hideNew", container: "container", selected: "selected", title: "title", highlightFirstItem: "highlightFirstItem" }, outputs: { onSearch: "onSearch", onIconClick: "onIconClick" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -17204,7 +17244,7 @@ class TypeaheadComponent {
                 multi: true
             },
             SelectKeyboardService
-        ], queries: [{ propertyName: "list", predicate: ListItemComponent }], viewQueries: [{ propertyName: "searchControl", first: true, predicate: ["searchControl"], descendants: true }, { propertyName: "searchControlModel", first: true, predicate: ["searchControlModel"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div\n  class=\"c8y-search-dropdown dropdown fit-w\"\n  placement=\"bottom left\"\n  dropdown\n  [container]=\"container\"\n  #dropdown=\"bs-dropdown\"\n  [autoClose]=\"true\"\n  (onShown)=\"onShown()\"\n  [isDisabled]=\"disabled\"\n  dropdownToggle\n>\n  <div\n    class=\"input-group input-group-dropdown \"\n    role=\"button\"\n  >\n    <input\n      class=\"form-control text-truncate\"\n      type=\"text\"\n      #searchControl\n      #searchControlModel=\"ngModel\"\n      [ngClass]=\"{\n        'p-r-80':\n          !hideNew &&\n          (selected\n            ? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries\n            : false),\n        'p-r-40': hideNew || getDisplayProperty()?.length === 0\n      }\"\n      [required]=\"required\"\n      [ngModel]=\"selected ? getDisplayProperty() : ''\"\n      [placeholder]=\"placeholder | translate\"\n      (blur)=\"doBlur()\"\n      [name]=\"name\"\n      [maxlength]=\"maxlength\"\n      [disabled]=\"disabled\"\n    />\n    <span\n      class=\"label label-info p-absolute\"\n      style=\"top: 10px; right: 40px; z-index: 10\"\n      *ngIf=\"\n        !hideNew &&\n        (selected\n          ? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries\n          : false)\n      \"\n    >\n      {{ 'New' | translate }}\n    </span>\n\n    <span class=\"input-group-btn\">\n      <button\n        class=\"btn btn-dot\"\n        [title]=\"title\"\n        type=\"button\"\n        [disabled]=\"disabled\"\n        (click)=\"onIconClick.emit({ icon, $event })\"\n        data-cy=\"typeahead-button\"\n      >\n        <i\n          class=\"text-primary\"\n          [c8yIcon]=\"icon\"\n        ></i>\n      </button>\n    </span>\n  </div>\n  <c8y-list-group\n    class=\"dropdown-menu dropdown-menu--modal\"\n    [style.width]=\"container === 'body' ? searchControl.clientWidth + 'px' : undefined\"\n    role=\"menu\"\n    data-cy=\"typeahead--dropdown-menu\"\n    *dropdownMenu\n  >\n    <ng-content select=\"div, c8y-li, c8y-list-item, button, a\"></ng-content>\n  </c8y-list-group>\n</div>\n", dependencies: [{ kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i1$3.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i1$3.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i1$3.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$8.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+        ], queries: [{ propertyName: "list", predicate: ListItemComponent }], viewQueries: [{ propertyName: "searchControl", first: true, predicate: ["searchControl"], descendants: true }, { propertyName: "searchControlModel", first: true, predicate: ["searchControlModel"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div\n  class=\"c8y-search-dropdown dropdown fit-w\"\n  placement=\"bottom left\"\n  dropdown\n  [container]=\"container\"\n  #dropdown=\"bs-dropdown\"\n  [autoClose]=\"true\"\n  (onShown)=\"onShown()\"\n  [isDisabled]=\"disabled\"\n  dropdownToggle\n>\n  <div\n    class=\"input-group input-group-dropdown\"\n    role=\"button\"\n  >\n    <input\n      class=\"form-control text-truncate\"\n      type=\"text\"\n      #searchControl\n      #searchControlModel=\"ngModel\"\n      [ngClass]=\"{\n        'p-r-80':\n          !hideNew &&\n          (selected\n            ? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries\n            : false),\n        'p-r-40': hideNew || getDisplayProperty()?.length === 0\n      }\"\n      [required]=\"required\"\n      [ngModel]=\"selected ? getDisplayProperty() : ''\"\n      [placeholder]=\"placeholder | translate\"\n      (blur)=\"doBlur()\"\n      [name]=\"name\"\n      [maxlength]=\"maxlength\"\n      [disabled]=\"disabled\"\n    />\n    @if (\n      !hideNew &&\n      selected &&\n      selected.id === null &&\n      getDisplayProperty()?.length > 0 &&\n      allowFreeEntries\n    ) {\n      <span\n        class=\"label label-info p-absolute\"\n        style=\"top: 10px; right: 40px; z-index: 10\"\n      >\n        {{ 'New' | translate }}\n      </span>\n    }\n\n    <span class=\"input-group-btn\">\n      <button\n        class=\"btn btn-dot\"\n        [title]=\"title\"\n        type=\"button\"\n        [disabled]=\"disabled\"\n        (click)=\"onIconClick.emit({ icon, $event })\"\n        data-cy=\"typeahead-button\"\n      >\n        <i\n          class=\"text-primary\"\n          [c8yIcon]=\"icon\"\n        ></i>\n      </button>\n    </span>\n  </div>\n  <c8y-list-group\n    class=\"dropdown-menu dropdown-menu--modal\"\n    [style.width]=\"container === 'body' ? searchControl.clientWidth + 'px' : undefined\"\n    role=\"menu\"\n    data-cy=\"typeahead--dropdown-menu\"\n    *dropdownMenu\n  >\n    <ng-content select=\"div, c8y-li, c8y-list-item, button, a\"></ng-content>\n  </c8y-list-group>\n</div>\n", dependencies: [{ kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i1$3.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i1$3.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i1$3.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$8.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: ListGroupComponent, selector: "c8y-list-group" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TypeaheadComponent, decorators: [{
             type: Component,
@@ -17225,11 +17265,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         RequiredInputPlaceholderDirective,
                         FormsModule$1,
                         NgClass,
-                        NgIf,
                         IconDirective,
                         ListGroupComponent,
                         C8yTranslatePipe
-                    ], template: "<div\n  class=\"c8y-search-dropdown dropdown fit-w\"\n  placement=\"bottom left\"\n  dropdown\n  [container]=\"container\"\n  #dropdown=\"bs-dropdown\"\n  [autoClose]=\"true\"\n  (onShown)=\"onShown()\"\n  [isDisabled]=\"disabled\"\n  dropdownToggle\n>\n  <div\n    class=\"input-group input-group-dropdown \"\n    role=\"button\"\n  >\n    <input\n      class=\"form-control text-truncate\"\n      type=\"text\"\n      #searchControl\n      #searchControlModel=\"ngModel\"\n      [ngClass]=\"{\n        'p-r-80':\n          !hideNew &&\n          (selected\n            ? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries\n            : false),\n        'p-r-40': hideNew || getDisplayProperty()?.length === 0\n      }\"\n      [required]=\"required\"\n      [ngModel]=\"selected ? getDisplayProperty() : ''\"\n      [placeholder]=\"placeholder | translate\"\n      (blur)=\"doBlur()\"\n      [name]=\"name\"\n      [maxlength]=\"maxlength\"\n      [disabled]=\"disabled\"\n    />\n    <span\n      class=\"label label-info p-absolute\"\n      style=\"top: 10px; right: 40px; z-index: 10\"\n      *ngIf=\"\n        !hideNew &&\n        (selected\n          ? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries\n          : false)\n      \"\n    >\n      {{ 'New' | translate }}\n    </span>\n\n    <span class=\"input-group-btn\">\n      <button\n        class=\"btn btn-dot\"\n        [title]=\"title\"\n        type=\"button\"\n        [disabled]=\"disabled\"\n        (click)=\"onIconClick.emit({ icon, $event })\"\n        data-cy=\"typeahead-button\"\n      >\n        <i\n          class=\"text-primary\"\n          [c8yIcon]=\"icon\"\n        ></i>\n      </button>\n    </span>\n  </div>\n  <c8y-list-group\n    class=\"dropdown-menu dropdown-menu--modal\"\n    [style.width]=\"container === 'body' ? searchControl.clientWidth + 'px' : undefined\"\n    role=\"menu\"\n    data-cy=\"typeahead--dropdown-menu\"\n    *dropdownMenu\n  >\n    <ng-content select=\"div, c8y-li, c8y-list-item, button, a\"></ng-content>\n  </c8y-list-group>\n</div>\n" }]
+                    ], template: "<div\n  class=\"c8y-search-dropdown dropdown fit-w\"\n  placement=\"bottom left\"\n  dropdown\n  [container]=\"container\"\n  #dropdown=\"bs-dropdown\"\n  [autoClose]=\"true\"\n  (onShown)=\"onShown()\"\n  [isDisabled]=\"disabled\"\n  dropdownToggle\n>\n  <div\n    class=\"input-group input-group-dropdown\"\n    role=\"button\"\n  >\n    <input\n      class=\"form-control text-truncate\"\n      type=\"text\"\n      #searchControl\n      #searchControlModel=\"ngModel\"\n      [ngClass]=\"{\n        'p-r-80':\n          !hideNew &&\n          (selected\n            ? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries\n            : false),\n        'p-r-40': hideNew || getDisplayProperty()?.length === 0\n      }\"\n      [required]=\"required\"\n      [ngModel]=\"selected ? getDisplayProperty() : ''\"\n      [placeholder]=\"placeholder | translate\"\n      (blur)=\"doBlur()\"\n      [name]=\"name\"\n      [maxlength]=\"maxlength\"\n      [disabled]=\"disabled\"\n    />\n    @if (\n      !hideNew &&\n      selected &&\n      selected.id === null &&\n      getDisplayProperty()?.length > 0 &&\n      allowFreeEntries\n    ) {\n      <span\n        class=\"label label-info p-absolute\"\n        style=\"top: 10px; right: 40px; z-index: 10\"\n      >\n        {{ 'New' | translate }}\n      </span>\n    }\n\n    <span class=\"input-group-btn\">\n      <button\n        class=\"btn btn-dot\"\n        [title]=\"title\"\n        type=\"button\"\n        [disabled]=\"disabled\"\n        (click)=\"onIconClick.emit({ icon, $event })\"\n        data-cy=\"typeahead-button\"\n      >\n        <i\n          class=\"text-primary\"\n          [c8yIcon]=\"icon\"\n        ></i>\n      </button>\n    </span>\n  </div>\n  <c8y-list-group\n    class=\"dropdown-menu dropdown-menu--modal\"\n    [style.width]=\"container === 'body' ? searchControl.clientWidth + 'px' : undefined\"\n    role=\"menu\"\n    data-cy=\"typeahead--dropdown-menu\"\n    *dropdownMenu\n  >\n    <ng-content select=\"div, c8y-li, c8y-list-item, button, a\"></ng-content>\n  </c8y-list-group>\n</div>\n" }]
         }], ctorParameters: () => [{ type: SelectKeyboardService }], propDecorators: { searchControl: [{
                 type: ViewChild,
                 args: ['searchControl', { static: false }]
@@ -18444,7 +18483,8 @@ class ValidationPattern {
         maxlength: gettext$1('Should have at most {{ requiredLength }} characters.'),
         pattern: gettext$1('Does not match pattern {{ requiredPattern }}.'),
         opcuaBrowsePath: gettext$1('Invalid OPC UA URI.'),
-        password: gettext$1('Password must have at least 8 characters and no more than 32 and can only contain letters, numbers and following symbols: `~!@#$%^&*()_|+-=?;:\'",.<>{}[]\\/'),
+        password: gettext$1('Password must have at least {{ minLength }} characters and no more than {{ maxLength }} and can only contain letters, numbers and following symbols: {{ allowedCharactersList }}'),
+        passwordSimple: gettext$1('Password must have at least {{ minLength }} characters and no more than {{ maxLength }}.'),
         passwordConfirm: gettext$1('Passwords do not match.'),
         passwordStrength: gettext$1('Password is not strong enough, use a stronger password.'),
         passwordStrengthChecklist: gettext$1('Password is not strong enough, use a stronger password. Check the requirements listed on the right.'),
@@ -18488,6 +18528,8 @@ class ValidationPattern {
             pattern: /^(opc.tcp|http|https):\/\/[^ "]+$/
         },
         password: {
+            // Note: min length {8} is a fallback default. Actual password validation uses
+            // PasswordValidationService with dynamically configured min length.
             pattern: /^[a-zA-Z0-9`~!@#$%^&*()_|+\-=?;:'",.<>{}[\]\\/]{8,32}$/
         },
         tenantId: {
@@ -18700,6 +18742,7 @@ class MessagesComponent {
         this.defaults = ValidationPattern.messages;
         this.helpMessage = '';
         this.messages = [];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.messageMap = {};
     }
     ngAfterContentInit() {
@@ -18724,7 +18767,10 @@ class MessagesComponent {
         }
     }
     toMessage(key, value) {
-        let message = this.messageMap[key];
+        // First check customMessages directly for the most up-to-date text
+        // (handles async binding updates that occur after ngAfterContentInit)
+        const customMessage = this.customMessages?.find(({ name }) => name === key);
+        let message = customMessage?.text || this.messageMap[key];
         if ((!message || message === ValidationPattern.messages.pattern) &&
             key === 'pattern' &&
             typeof value?.requiredPattern === 'string') {
@@ -18732,7 +18778,8 @@ class MessagesComponent {
             const foundPattern = Object.keys(ValidationPattern.rules).find(tmp => ValidationPattern.rules[tmp].pattern?.source === pattern);
             if (foundPattern) {
                 key = foundPattern;
-                message = this.messageMap[key];
+                const foundCustomMessage = this.customMessages?.find(({ name }) => name === key);
+                message = foundCustomMessage?.text || this.messageMap[key];
             }
         }
         if (!message) {
@@ -18741,11 +18788,11 @@ class MessagesComponent {
         return this.translateService.instant(message, value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MessagesComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: MessagesComponent, isStandalone: true, selector: "c8y-messages", inputs: { show: "show", defaults: "defaults", helpMessage: "helpMessage" }, queries: [{ propertyName: "customMessages", predicate: MessageDirective }], usesOnChanges: true, ngImport: i0, template: "<small class=\"form-control-feedback-message\">\n  <div\n    class=\"d-block\"\n    *ngFor=\"let msg of messages\"\n  >\n    {{ msg | translate }}\n  </div>\n  <div\n    class=\"help-block\"\n    *ngIf=\"!messages.length && helpMessage\"\n  >\n    {{ helpMessage | translate }}\n  </div>\n  <ng-content></ng-content>\n</small>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: MessagesComponent, isStandalone: true, selector: "c8y-messages", inputs: { show: "show", defaults: "defaults", helpMessage: "helpMessage" }, queries: [{ propertyName: "customMessages", predicate: MessageDirective }], usesOnChanges: true, ngImport: i0, template: "<small class=\"form-control-feedback-message\">\n  @for (msg of messages; track msg) {\n    <div class=\"d-block\">\n      {{ msg | translate }}\n    </div>\n  }\n  @if (!messages.length && helpMessage) {\n    <div class=\"help-block\">\n      {{ helpMessage | translate }}\n    </div>\n  }\n  <ng-content></ng-content>\n</small>\n", dependencies: [{ kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MessagesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-messages', standalone: true, imports: [NgIf, NgFor, C8yTranslatePipe], template: "<small class=\"form-control-feedback-message\">\n  <div\n    class=\"d-block\"\n    *ngFor=\"let msg of messages\"\n  >\n    {{ msg | translate }}\n  </div>\n  <div\n    class=\"help-block\"\n    *ngIf=\"!messages.length && helpMessage\"\n  >\n    {{ helpMessage | translate }}\n  </div>\n  <ng-content></ng-content>\n</small>\n" }]
+            args: [{ selector: 'c8y-messages', standalone: true, imports: [C8yTranslatePipe], template: "<small class=\"form-control-feedback-message\">\n  @for (msg of messages; track msg) {\n    <div class=\"d-block\">\n      {{ msg | translate }}\n    </div>\n  }\n  @if (!messages.length && helpMessage) {\n    <div class=\"help-block\">\n      {{ helpMessage | translate }}\n    </div>\n  }\n  <ng-content></ng-content>\n</small>\n" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { show: [{
                 type: Input
             }], defaults: [{
@@ -20370,14 +20417,22 @@ class ModalService {
      * @param labels The labels to use. Default: { ok: 'Confirm', cancel: 'Cancel'}
      * @param confirmOptions Selection options to display as checkbox list.
      * @param productExperienceEvent Additional data to attach to custom product experience events.
+     * @param requireCodeVerification Whether to require user to retype a random code for confirmation.
      */
-    async confirm(title, body, status = Status.INFO, labels = {}, confirmOptions = {}, productExperienceEvent = { eventName: 'confirmModal' }) {
+    async confirm(title, body, status = Status.INFO, labels = {}, confirmOptions = {}, productExperienceEvent = { eventName: 'confirmModal' }, requireCodeVerification = false) {
         const modalLabels = {
             ok: labels.ok || gettext$1('Confirm'),
             cancel: labels.cancel || gettext$1('Cancel')
         };
         const modalRef = this.modalService.show(ConfirmModalComponent, {
-            initialState: { title, body, labels: modalLabels, status, confirmOptions },
+            initialState: {
+                title,
+                body,
+                labels: modalLabels,
+                status,
+                confirmOptions,
+                requireCodeVerification
+            },
             ariaDescribedby: 'modal-body',
             ariaLabelledBy: 'modal-title',
             ignoreBackdropClick: true
@@ -20818,7 +20873,9 @@ class PasswordService {
         return password.search(/[0-9]/) !== -1;
     }
     hasSpecialChars(password) {
-        return password.search(/[^0-9a-zA-Z]+/) !== -1;
+        // Only match ALLOWED symbols, not any non-alphanumeric character
+        // Allowed: `~!@#$%^&*()_|+-=?;:'",.<>{}[]\\/
+        return password.search(/[`~!@#$%^&*()_|+\-=?;:'",.<>{}\[\]\\/]/) !== -1;
     }
     getStrengthColor(password) {
         const passwordStrength = filter$2([
@@ -21059,6 +21116,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Shared password validation service for Angular and AngularJS.
+ *
+ * Validation logic:
+ * - Invalid characters → error with full message (allowed symbols)
+ * - Too long (>32) → error
+ * - Too short when NOT enforced → simple error (length only)
+ * - Too short when enforced → valid (checklist handles it)
+ */
+class PasswordValidationService {
+    constructor() {
+        this.DEFAULT_MIN_LENGTH = 8;
+        this.MAX_LENGTH = 32;
+        this.ALLOWED_SYMBOLS = '`~!@#$%^&*()_|+-=?;:\'",.<>{}[]\\/';
+        this.VALID_CHARS_PATTERN = /^[a-zA-Z0-9`~!@#$%^&*()_|+\-=?;:'",.<>{}[\]\\/]*$/;
+    }
+    /**
+     * @param password The password to validate.
+     * @param strengthEnforced Whether password strength enforcement is enabled.
+     * @param minGreenLength Minimum length to be considered strong/green.
+     *   When strength is enforced, this is the green minimum from tenant settings.
+     *   Defaults to DEFAULT_MIN_LENGTH.
+     */
+    validate(password, strengthEnforced, minGreenLength) {
+        const min = minGreenLength ?? this.DEFAULT_MIN_LENGTH;
+        if (!password) {
+            return { valid: true, errorKey: null };
+        }
+        // Invalid characters - always show full message with allowed symbols
+        if (!this.hasValidCharsOnly(password)) {
+            return { valid: false, errorKey: 'password' };
+        }
+        // Too long - always validate
+        if (password.length > this.MAX_LENGTH) {
+            return { valid: false, errorKey: strengthEnforced ? 'password' : 'passwordSimple' };
+        }
+        // Shorter than absolute minimum - always invalid regardless of enforcement
+        if (password.length < this.DEFAULT_MIN_LENGTH) {
+            return { valid: false, errorKey: 'passwordSimple' };
+        }
+        // Too short for configured min - only validate when strength is NOT enforced (checklist handles it otherwise)
+        if (!strengthEnforced && password.length < min) {
+            return { valid: false, errorKey: 'passwordSimple' };
+        }
+        return { valid: true, errorKey: null };
+    }
+    hasValidCharsOnly(password) {
+        return this.VALID_CHARS_PATTERN.test(password);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordValidationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordValidationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Password validation directive using shared PasswordValidationService.
+ *
+ * Returns `{ password: { minLength, maxLength, allowedCharactersList } }` for full message (with allowed symbols)
+ * or `{ passwordSimple: { minLength, maxLength, allowedCharactersList } }` for simple message (length only).
+ */
+class PasswordValidationDirective {
+    constructor() {
+        this.validationService = inject(PasswordValidationService);
+    }
+    validate(control) {
+        const password = control.value;
+        if (!password) {
+            return null;
+        }
+        const strengthEnforced = this.passwordStrengthEnforced === true;
+        const min = strengthEnforced
+            ? (this.minLength ?? this.validationService.DEFAULT_MIN_LENGTH)
+            : this.validationService.DEFAULT_MIN_LENGTH;
+        const result = this.validationService.validate(password, strengthEnforced, min);
+        if (result.valid) {
+            return null;
+        }
+        return {
+            [result.errorKey]: {
+                minLength: min,
+                maxLength: this.validationService.MAX_LENGTH,
+                allowedCharactersList: this.validationService.ALLOWED_SYMBOLS
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordValidationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: PasswordValidationDirective, isStandalone: true, selector: "[c8yPasswordValidation]", inputs: { passwordStrengthEnforced: "passwordStrengthEnforced", minLength: "minLength" }, providers: [{ provide: NG_VALIDATORS, useExisting: PasswordValidationDirective, multi: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordValidationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[c8yPasswordValidation]',
+                    providers: [{ provide: NG_VALIDATORS, useExisting: PasswordValidationDirective, multi: true }],
+                    standalone: true
+                }]
+        }], propDecorators: { passwordStrengthEnforced: [{
+                type: Input
+            }], minLength: [{
+                type: Input
+            }] } });
+
 class PasswordConfirm {
     constructor(passwordConfirm) {
         this.passwordConfirm = passwordConfirm;
@@ -21109,7 +21270,7 @@ class PasswordStrengthService {
         };
     }
     /**
-     * Gets the minimal number of characters that a password should have to be considered a “green” strong one.
+     * Gets the minimal number of characters that a password should have to be considered a "green" strong one.
      * @return The min length for password or default value.
      */
     async getGreenMinLength() {
@@ -21193,43 +21354,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], ctorParameters: () => [{ type: AppStateService }] });
 
 class PasswordCheckListComponent {
-    set password(password) {
-        if (typeof password === 'string') {
-            this.onPasswordChange(password);
-        }
-    }
-    constructor(passwordStrength, passwordStrengthChecker, passwordService) {
+    constructor(passwordStrength, passwordService) {
         this.passwordStrength = passwordStrength;
-        this.passwordStrengthChecker = passwordStrengthChecker;
         this.passwordService = passwordService;
         this.strengthEnforced = false;
+        this.password = '';
         this.onRequirementsFulfilled = new EventEmitter();
         this.minGreenLength = 8;
         this.enhancedStrengthCheckList = [
             {
                 label: gettext$1('Include lowercase characters (for example, abcdef)'),
-                check: this.passwordStrengthChecker.hasLowerCase,
+                check: this.passwordService.hasLowerCase,
                 icon: '',
                 contextualColor: '',
                 textColor: ''
             },
             {
                 label: gettext$1('Include uppercase characters (for example, ABCDEF)'),
-                check: this.passwordStrengthChecker.hasUpperCase,
+                check: this.passwordService.hasUpperCase,
                 icon: '',
                 contextualColor: '',
                 textColor: ''
             },
             {
                 label: gettext$1('Include numbers (for example, 123456)'),
-                check: this.passwordStrengthChecker.hasNumbers,
+                check: this.passwordService.hasNumbers,
                 icon: '',
                 contextualColor: '',
                 textColor: ''
             },
             {
                 label: gettext$1('Include symbols (for example, !@#$%^)'),
-                check: this.passwordStrengthChecker.hasSpecialChars,
+                check: this.passwordService.hasSpecialChars,
                 icon: '',
                 contextualColor: '',
                 textColor: ''
@@ -21238,7 +21394,7 @@ class PasswordCheckListComponent {
         this.basicChecklist = [
             {
                 label: gettext$1('Must have at least {{length}} characters'),
-                check: password => password.length >= this.minGreenLength,
+                check: (password) => password.length >= this.minGreenLength,
                 icon: '',
                 contextualColor: '',
                 textColor: ''
@@ -21247,15 +21403,26 @@ class PasswordCheckListComponent {
         this.combinedChecklist = [];
     }
     async ngOnInit() {
-        this.minGreenLength = await this.passwordStrength.getGreenMinLength();
-        if (!this.minGreenLength) {
-            this.minGreenLength = this.passwordService.getDefaultPasswordMinLength();
+        this.defaultMinLength = this.passwordService.getDefaultPasswordMinLength();
+        if (!this.greenMinLength) {
+            this.greenMinLength = await this.passwordStrength.getGreenMinLength();
+        }
+        this.updateMinGreenLength();
+        this.onPasswordChange(this.password);
+    }
+    ngOnChanges(changes) {
+        if ((changes.strengthEnforced && !changes.strengthEnforced.firstChange) ||
+            (changes.greenMinLength && !changes.greenMinLength.firstChange)) {
+            this.updateMinGreenLength();
+        }
+        if (changes.password || changes.strengthEnforced || changes.greenMinLength) {
+            this.onPasswordChange(this.password);
         }
-        this.onPasswordChange('');
     }
     get translateParams() {
         return {
-            length: this.minGreenLength
+            length: this.minGreenLength,
+            recommendedLength: this.recommendedMinLength
         };
     }
     checkRequirement(requirement, password) {
@@ -21268,12 +21435,16 @@ class PasswordCheckListComponent {
         return requirement;
     }
     onPasswordChange(password) {
+        const pwd = typeof password === 'string' ? password : '';
         this.basicChecklist.forEach(requirement => {
-            this.checkRequirement(requirement, password);
+            this.checkRequirement(requirement, pwd);
         });
         this.enhancedStrengthCheckList.forEach(requirement => {
-            this.checkRequirement(requirement, password);
+            this.checkRequirement(requirement, pwd);
         });
+        if (this.recommendedMinLengthCheck) {
+            this.checkRequirement(this.recommendedMinLengthCheck, pwd);
+        }
         this.combinedChecklist = [...this.basicChecklist, ...this.enhancedStrengthCheckList];
         this.onRequirementsFulfilled.emit(this.isPasswordValid());
     }
@@ -21281,30 +21452,61 @@ class PasswordCheckListComponent {
         const checklist = this.strengthEnforced ? this.combinedChecklist : this.basicChecklist;
         return checklist.every(requirement => requirement.icon !== 'radio-button-unchecked');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordCheckListComponent, deps: [{ token: PasswordStrengthService }, { token: PasswordService }, { token: PasswordService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: PasswordCheckListComponent, isStandalone: true, selector: "c8y-password-check-list", inputs: { strengthEnforced: "strengthEnforced", password: "password" }, outputs: { onRequirementsFulfilled: "onRequirementsFulfilled" }, ngImport: i0, template: "<div *ngIf=\"strengthEnforced\">\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    <li\n      class=\"small d-flex\"\n      *ngFor=\"let requirement of combinedChecklist\"\n    >\n      <i\n        class=\"{{ requirement.contextualColor }}\"\n        [c8yIcon]=\"requirement.icon\"\n      ></i>\n      <span\n        class=\"m-l-4 small {{ requirement.textColor }}\"\n        [translate]=\"requirement.label\"\n        [translateParams]=\"this.translateParams\"\n      ></span>\n    </li>\n  </ul>\n</div>\n\n<div *ngIf=\"!strengthEnforced\">\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    <li\n      class=\"small d-flex\"\n      *ngFor=\"let requirement of basicChecklist\"\n    >\n      <i\n        class=\"{{ requirement.contextualColor }}\"\n        [c8yIcon]=\"requirement.icon\"\n      ></i>\n      <span\n        class=\"m-l-4 small {{ requirement.textColor }}\"\n        [translate]=\"requirement.label\"\n        [translateParams]=\"this.translateParams\"\n      ></span>\n    </li>\n  </ul>\n\n  <div class=\"m-b-8\">\n    {{ 'We recommend you to meet these conditions for a stronger password:' | translate }}\n  </div>\n  <ul class=\"list-unstyled\">\n    <li\n      class=\"small d-flex\"\n      *ngFor=\"let requirement of enhancedStrengthCheckList\"\n    >\n      <i\n        class=\"{{ requirement.contextualColor }}\"\n        [c8yIcon]=\"requirement.icon\"\n      ></i>\n      <span\n        class=\"m-l-4 small {{ requirement.textColor }}\"\n        [translate]=\"requirement.label\"\n        [translateParams]=\"this.translateParams\"\n      ></span>\n    </li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    updateMinGreenLength() {
+        this.minGreenLength = this.strengthEnforced
+            ? this.greenMinLength || this.defaultMinLength
+            : this.defaultMinLength;
+        if (!this.strengthEnforced && this.greenMinLength > this.defaultMinLength) {
+            this.recommendedMinLength = this.greenMinLength;
+            this.recommendedMinLengthCheck = {
+                label: gettext$1('Have at least {{recommendedLength}} characters'),
+                check: (password) => password.length >= this.recommendedMinLength,
+                icon: '',
+                contextualColor: '',
+                textColor: ''
+            };
+        }
+        else {
+            this.recommendedMinLength = undefined;
+            this.recommendedMinLengthCheck = undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordCheckListComponent, deps: [{ token: PasswordStrengthService }, { token: PasswordService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PasswordCheckListComponent, isStandalone: true, selector: "c8y-password-check-list", inputs: { strengthEnforced: "strengthEnforced", password: "password", greenMinLength: "greenMinLength" }, outputs: { onRequirementsFulfilled: "onRequirementsFulfilled" }, usesOnChanges: true, ngImport: i0, template: "@if (strengthEnforced) {\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    @for (requirement of combinedChecklist; track requirement.label) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ requirement.contextualColor }}\"\n          [c8yIcon]=\"requirement.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ requirement.textColor }}\"\n          [translate]=\"requirement.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n  </ul>\n} @else {\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    @for (requirement of basicChecklist; track requirement.label) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ requirement.contextualColor }}\"\n          [c8yIcon]=\"requirement.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ requirement.textColor }}\"\n          [translate]=\"requirement.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n  </ul>\n\n  <div class=\"m-b-8\">\n    {{ 'We recommend you to meet these conditions for a stronger password:' | translate }}\n  </div>\n  <ul class=\"list-unstyled\">\n    @if (recommendedMinLengthCheck) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ recommendedMinLengthCheck.contextualColor }}\"\n          [c8yIcon]=\"recommendedMinLengthCheck.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ recommendedMinLengthCheck.textColor }}\"\n          [translate]=\"recommendedMinLengthCheck.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n    @for (requirement of enhancedStrengthCheckList; track requirement.label) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ requirement.contextualColor }}\"\n          [c8yIcon]=\"requirement.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ requirement.textColor }}\"\n          [translate]=\"requirement.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n  </ul>\n}\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PasswordCheckListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-password-check-list', standalone: true, imports: [NgIf, NgFor, IconDirective, C8yTranslateDirective, C8yTranslatePipe], template: "<div *ngIf=\"strengthEnforced\">\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    <li\n      class=\"small d-flex\"\n      *ngFor=\"let requirement of combinedChecklist\"\n    >\n      <i\n        class=\"{{ requirement.contextualColor }}\"\n        [c8yIcon]=\"requirement.icon\"\n      ></i>\n      <span\n        class=\"m-l-4 small {{ requirement.textColor }}\"\n        [translate]=\"requirement.label\"\n        [translateParams]=\"this.translateParams\"\n      ></span>\n    </li>\n  </ul>\n</div>\n\n<div *ngIf=\"!strengthEnforced\">\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    <li\n      class=\"small d-flex\"\n      *ngFor=\"let requirement of basicChecklist\"\n    >\n      <i\n        class=\"{{ requirement.contextualColor }}\"\n        [c8yIcon]=\"requirement.icon\"\n      ></i>\n      <span\n        class=\"m-l-4 small {{ requirement.textColor }}\"\n        [translate]=\"requirement.label\"\n        [translateParams]=\"this.translateParams\"\n      ></span>\n    </li>\n  </ul>\n\n  <div class=\"m-b-8\">\n    {{ 'We recommend you to meet these conditions for a stronger password:' | translate }}\n  </div>\n  <ul class=\"list-unstyled\">\n    <li\n      class=\"small d-flex\"\n      *ngFor=\"let requirement of enhancedStrengthCheckList\"\n    >\n      <i\n        class=\"{{ requirement.contextualColor }}\"\n        [c8yIcon]=\"requirement.icon\"\n      ></i>\n      <span\n        class=\"m-l-4 small {{ requirement.textColor }}\"\n        [translate]=\"requirement.label\"\n        [translateParams]=\"this.translateParams\"\n      ></span>\n    </li>\n  </ul>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: PasswordStrengthService }, { type: PasswordService }, { type: PasswordService }], propDecorators: { strengthEnforced: [{
+            args: [{ selector: 'c8y-password-check-list', standalone: true, imports: [IconDirective, C8yTranslateDirective, C8yTranslatePipe], template: "@if (strengthEnforced) {\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    @for (requirement of combinedChecklist; track requirement.label) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ requirement.contextualColor }}\"\n          [c8yIcon]=\"requirement.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ requirement.textColor }}\"\n          [translate]=\"requirement.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n  </ul>\n} @else {\n  <div class=\"m-b-8\">{{ 'Password must meet the requirements below:' | translate }}</div>\n  <ul class=\"list-unstyled\">\n    @for (requirement of basicChecklist; track requirement.label) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ requirement.contextualColor }}\"\n          [c8yIcon]=\"requirement.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ requirement.textColor }}\"\n          [translate]=\"requirement.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n  </ul>\n\n  <div class=\"m-b-8\">\n    {{ 'We recommend you to meet these conditions for a stronger password:' | translate }}\n  </div>\n  <ul class=\"list-unstyled\">\n    @if (recommendedMinLengthCheck) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ recommendedMinLengthCheck.contextualColor }}\"\n          [c8yIcon]=\"recommendedMinLengthCheck.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ recommendedMinLengthCheck.textColor }}\"\n          [translate]=\"recommendedMinLengthCheck.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n    @for (requirement of enhancedStrengthCheckList; track requirement.label) {\n      <li class=\"small d-flex\">\n        <i\n          class=\"{{ requirement.contextualColor }}\"\n          [c8yIcon]=\"requirement.icon\"\n        ></i>\n        <span\n          class=\"m-l-4 small {{ requirement.textColor }}\"\n          [translate]=\"requirement.label\"\n          [translateParams]=\"this.translateParams\"\n        ></span>\n      </li>\n    }\n  </ul>\n}\n" }]
+        }], ctorParameters: () => [{ type: PasswordStrengthService }, { type: PasswordService }], propDecorators: { strengthEnforced: [{
                 type: Input
             }], password: [{
-                type: Input,
-                args: ['password']
+                type: Input
+            }], greenMinLength: [{
+                type: Input
             }], onRequirementsFulfilled: [{
                 type: Output
             }] } });
 
 class NewPasswordComponent {
+    /**
+     * Returns effective min length for validation:
+     * - When enforceStrength=true: use greenMinLength (or default 8)
+     * - When enforceStrength=false: always use default 8
+     */
+    get effectiveMinLength() {
+        return this.passwordEnforced
+            ? this.minlength || this.DEFAULT_MIN_LENGTH
+            : this.DEFAULT_MIN_LENGTH;
+    }
     set _newPasswordModel(ngModel) {
         if (ngModel) {
             this.newPasswordModel = ngModel;
             ngModel.control.addValidators(this.passwordChecklistValidator);
         }
     }
-    constructor(passwordStrength, cdRef, elementRef) {
+    constructor(passwordStrength, passwordValidation, cdRef, elementRef) {
         this.passwordStrength = passwordStrength;
+        this.passwordValidation = passwordValidation;
         this.cdRef = cdRef;
         this.elementRef = elementRef;
         this.password = new EventEmitter();
@@ -21312,13 +21514,22 @@ class NewPasswordComponent {
         this.model = {};
         this.changePassword = false;
         this.passwordEnforced = false;
-        this.passwordChecklistValidator = () => this.requirementsFulfilled ? null : { passwordStrengthChecklist: true };
+        this.DEFAULT_MIN_LENGTH = 8;
+        // Only enforce checklist validation when password strength is enforced.
+        // When not enforced, checklist is just informational/recommendations.
+        this.passwordChecklistValidator = control => !this.passwordEnforced || this.requirementsFulfilled || !control.value
+            ? null
+            : { passwordStrengthChecklist: true };
     }
-    ngOnInit() {
-        this.loadPasswordStrengthSettings();
-        this.passwordStrength.getGreenMinLength().then(value => {
-            this.minlength = value;
-        });
+    async ngOnInit() {
+        try {
+            await this.loadPasswordStrengthSettings();
+            this.minlength = await this.passwordStrength.getGreenMinLength();
+        }
+        catch (e) {
+            this.passwordEnforced = false;
+            this.minlength = this.DEFAULT_MIN_LENGTH;
+        }
     }
     async ngOnChanges(changes) {
         if (changes.showChangePasswordButton) {
@@ -21337,12 +21548,29 @@ class NewPasswordComponent {
     updateValidity(requirementsFulfilled) {
         this.requirementsFulfilled = requirementsFulfilled;
         this.cdRef.detectChanges();
+        if (!this.newPasswordModel) {
+            return;
+        }
         this.newPasswordModel.control.updateValueAndValidity();
-        // There are two validators checking password validity, but we only want to show one of these errors at a time,
-        // where checklist validator takes priority.
-        if (!this.requirementsFulfilled) {
-            delete this.newPasswordModel.control.errors['password'];
+        const errors = this.newPasswordModel.control.errors;
+        if (!errors || !this.passwordEnforced) {
+            return;
+        }
+        // Check if password has invalid characters (pattern error should take priority)
+        const password = this.model.newPassword || '';
+        const hasInvalidChars = password && !this.passwordValidation.hasValidCharsOnly(password);
+        const filteredErrors = { ...errors };
+        if (!this.requirementsFulfilled && !hasInvalidChars) {
+            // Checklist not fulfilled AND no invalid chars - show checklist error, hide pattern errors
+            delete filteredErrors['password'];
+            delete filteredErrors['passwordSimple'];
         }
+        else if (filteredErrors['password'] || filteredErrors['passwordSimple']) {
+            // Pattern error (invalid chars or checklist fulfilled) - show pattern error, hide checklist
+            delete filteredErrors['passwordStrengthChecklist'];
+        }
+        const remaining = Object.keys(filteredErrors).length ? filteredErrors : null;
+        this.newPasswordModel.control.setErrors(remaining);
     }
     async loadPasswordStrengthSettings() {
         if (this.requireStrongPassword) {
@@ -21362,23 +21590,22 @@ class NewPasswordComponent {
             this.model = {};
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NewPasswordComponent, deps: [{ token: PasswordStrengthService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NewPasswordComponent, isStandalone: true, selector: "c8y-new-password", inputs: { showChangePasswordButton: "showChangePasswordButton", requireStrongPassword: "requireStrongPassword" }, outputs: { password: "password" }, viewQueries: [{ propertyName: "_newPasswordModel", first: true, predicate: ["newPassword"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showChangePasswordButton\" class=\"form-group\">\n  <button\n    class=\"btn btn-default\"\n    type=\"button\"\n    (click)=\"toggleChangePassword()\"\n    data-cy=\"c8y-new-password--change-button\"\n  >\n    <ng-container *ngIf=\"!changePassword\">\n      {{ 'Change password' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"changePassword\">\n      {{ 'Cancel password change' | translate }}\n    </ng-container>\n  </button>\n</div>\n\n<div\n  class=\"row content-flex-50\"\n  *ngIf=\"changePassword\"\n>\n  <div class=\"col-6\">\n    <c8y-form-group>\n      <label\n        for=\"newPassword\"\n        translate\n      >\n        Password\n      </label>\n      <c8y-password-input\n        name=\"newPassword\"\n        required\n        [id]=\"'newPassword'\"\n        #newPassword=\"ngModel\"\n        [(ngModel)]=\"model.newPassword\"\n        (change)=\"newPasswordChanged()\"\n        (input)=\"newPasswordConfirm.control.updateValueAndValidity()\"\n        c8yDefaultValidation=\"password\"\n        [autocomplete]=\"'new-password'\"\n      ></c8y-password-input>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"newConfirmPassword\"\n        translate\n      >\n        Confirm password\n      </label>\n      <c8y-password-input\n        name=\"newPasswordConfirm\"\n        required\n        [id]=\"'newConfirmPassword'\"\n        #newPasswordConfirm=\"ngModel\"\n        [(ngModel)]=\"model.newPasswordConfirm\"\n        passwordConfirm=\"newPassword\"\n        [autocomplete]=\"'new-password'\"\n      ></c8y-password-input>\n    </c8y-form-group>\n  </div>\n  <div class=\"col-6\">\n    <c8y-password-check-list\n      [password]=\"model.newPassword\"\n      [strengthEnforced]=\"passwordEnforced\"\n      (onRequirementsFulfilled)=\"updateValidity($event)\"\n    ></c8y-password-check-list>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: PasswordInputComponent, selector: "c8y-password-input", inputs: ["id", "autocomplete", "large"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: DefaultValidationDirective, selector: "[c8yDefaultValidation]", inputs: ["c8yDefaultValidation"] }, { kind: "directive", type: PasswordConfirm, selector: "[passwordConfirm]" }, { kind: "component", type: PasswordCheckListComponent, selector: "c8y-password-check-list", inputs: ["strengthEnforced", "password"], outputs: ["onRequirementsFulfilled"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NewPasswordComponent, deps: [{ token: PasswordStrengthService }, { token: PasswordValidationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: NewPasswordComponent, isStandalone: true, selector: "c8y-new-password", inputs: { showChangePasswordButton: "showChangePasswordButton", requireStrongPassword: "requireStrongPassword" }, outputs: { password: "password" }, viewQueries: [{ propertyName: "_newPasswordModel", first: true, predicate: ["newPassword"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (showChangePasswordButton) {\n  <div class=\"form-group\">\n    <button\n      class=\"btn btn-default\"\n      type=\"button\"\n      (click)=\"toggleChangePassword()\"\n      data-cy=\"c8y-new-password--change-button\"\n    >\n      @if (!changePassword) {\n        {{ 'Change password' | translate }}\n      } @else {\n        {{ 'Cancel password change' | translate }}\n      }\n    </button>\n  </div>\n}\n\n@if (changePassword) {\n  <div class=\"row content-flex-50\">\n    <div class=\"col-6\">\n      <c8y-form-group>\n        <label\n          for=\"newPassword\"\n          translate\n        >\n          Password\n        </label>\n        <c8y-password-input\n          name=\"newPassword\"\n          required\n          [id]=\"'newPassword'\"\n          #newPassword=\"ngModel\"\n          [(ngModel)]=\"model.newPassword\"\n          (change)=\"newPasswordChanged()\"\n          (input)=\"newPasswordConfirm.control.updateValueAndValidity()\"\n          c8yPasswordValidation\n          [passwordStrengthEnforced]=\"passwordEnforced\"\n          [minLength]=\"effectiveMinLength\"\n          [autocomplete]=\"'new-password'\"\n        ></c8y-password-input>\n      </c8y-form-group>\n\n      <c8y-form-group>\n        <label\n          for=\"newConfirmPassword\"\n          translate\n        >\n          Confirm password\n        </label>\n        <c8y-password-input\n          name=\"newPasswordConfirm\"\n          required\n          [id]=\"'newConfirmPassword'\"\n          #newPasswordConfirm=\"ngModel\"\n          [(ngModel)]=\"model.newPasswordConfirm\"\n          passwordConfirm=\"newPassword\"\n          [autocomplete]=\"'new-password'\"\n        ></c8y-password-input>\n      </c8y-form-group>\n    </div>\n    <div class=\"col-6\">\n      <c8y-password-check-list\n        [password]=\"model.newPassword\"\n        [strengthEnforced]=\"passwordEnforced\"\n        (onRequirementsFulfilled)=\"updateValidity($event)\"\n      ></c8y-password-check-list>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "component", type: PasswordInputComponent, selector: "c8y-password-input", inputs: ["id", "autocomplete", "large"] }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: PasswordValidationDirective, selector: "[c8yPasswordValidation]", inputs: ["passwordStrengthEnforced", "minLength"] }, { kind: "directive", type: PasswordConfirm, selector: "[passwordConfirm]" }, { kind: "component", type: PasswordCheckListComponent, selector: "c8y-password-check-list", inputs: ["strengthEnforced", "password", "greenMinLength"], outputs: ["onRequirementsFulfilled"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NewPasswordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-new-password', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], standalone: true, imports: [
-                        NgIf,
                         FormGroupComponent,
                         C8yTranslateDirective,
                         PasswordInputComponent,
                         FormsModule$1,
-                        DefaultValidationDirective,
+                        PasswordValidationDirective,
                         PasswordConfirm,
                         PasswordCheckListComponent,
                         C8yTranslatePipe
-                    ], template: "<div *ngIf=\"showChangePasswordButton\" class=\"form-group\">\n  <button\n    class=\"btn btn-default\"\n    type=\"button\"\n    (click)=\"toggleChangePassword()\"\n    data-cy=\"c8y-new-password--change-button\"\n  >\n    <ng-container *ngIf=\"!changePassword\">\n      {{ 'Change password' | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"changePassword\">\n      {{ 'Cancel password change' | translate }}\n    </ng-container>\n  </button>\n</div>\n\n<div\n  class=\"row content-flex-50\"\n  *ngIf=\"changePassword\"\n>\n  <div class=\"col-6\">\n    <c8y-form-group>\n      <label\n        for=\"newPassword\"\n        translate\n      >\n        Password\n      </label>\n      <c8y-password-input\n        name=\"newPassword\"\n        required\n        [id]=\"'newPassword'\"\n        #newPassword=\"ngModel\"\n        [(ngModel)]=\"model.newPassword\"\n        (change)=\"newPasswordChanged()\"\n        (input)=\"newPasswordConfirm.control.updateValueAndValidity()\"\n        c8yDefaultValidation=\"password\"\n        [autocomplete]=\"'new-password'\"\n      ></c8y-password-input>\n    </c8y-form-group>\n\n    <c8y-form-group>\n      <label\n        for=\"newConfirmPassword\"\n        translate\n      >\n        Confirm password\n      </label>\n      <c8y-password-input\n        name=\"newPasswordConfirm\"\n        required\n        [id]=\"'newConfirmPassword'\"\n        #newPasswordConfirm=\"ngModel\"\n        [(ngModel)]=\"model.newPasswordConfirm\"\n        passwordConfirm=\"newPassword\"\n        [autocomplete]=\"'new-password'\"\n      ></c8y-password-input>\n    </c8y-form-group>\n  </div>\n  <div class=\"col-6\">\n    <c8y-password-check-list\n      [password]=\"model.newPassword\"\n      [strengthEnforced]=\"passwordEnforced\"\n      (onRequirementsFulfilled)=\"updateValidity($event)\"\n    ></c8y-password-check-list>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: PasswordStrengthService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { password: [{
+                    ], template: "@if (showChangePasswordButton) {\n  <div class=\"form-group\">\n    <button\n      class=\"btn btn-default\"\n      type=\"button\"\n      (click)=\"toggleChangePassword()\"\n      data-cy=\"c8y-new-password--change-button\"\n    >\n      @if (!changePassword) {\n        {{ 'Change password' | translate }}\n      } @else {\n        {{ 'Cancel password change' | translate }}\n      }\n    </button>\n  </div>\n}\n\n@if (changePassword) {\n  <div class=\"row content-flex-50\">\n    <div class=\"col-6\">\n      <c8y-form-group>\n        <label\n          for=\"newPassword\"\n          translate\n        >\n          Password\n        </label>\n        <c8y-password-input\n          name=\"newPassword\"\n          required\n          [id]=\"'newPassword'\"\n          #newPassword=\"ngModel\"\n          [(ngModel)]=\"model.newPassword\"\n          (change)=\"newPasswordChanged()\"\n          (input)=\"newPasswordConfirm.control.updateValueAndValidity()\"\n          c8yPasswordValidation\n          [passwordStrengthEnforced]=\"passwordEnforced\"\n          [minLength]=\"effectiveMinLength\"\n          [autocomplete]=\"'new-password'\"\n        ></c8y-password-input>\n      </c8y-form-group>\n\n      <c8y-form-group>\n        <label\n          for=\"newConfirmPassword\"\n          translate\n        >\n          Confirm password\n        </label>\n        <c8y-password-input\n          name=\"newPasswordConfirm\"\n          required\n          [id]=\"'newConfirmPassword'\"\n          #newPasswordConfirm=\"ngModel\"\n          [(ngModel)]=\"model.newPasswordConfirm\"\n          passwordConfirm=\"newPassword\"\n          [autocomplete]=\"'new-password'\"\n        ></c8y-password-input>\n      </c8y-form-group>\n    </div>\n    <div class=\"col-6\">\n      <c8y-password-check-list\n        [password]=\"model.newPassword\"\n        [strengthEnforced]=\"passwordEnforced\"\n        (onRequirementsFulfilled)=\"updateValidity($event)\"\n      ></c8y-password-check-list>\n    </div>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [{ type: PasswordStrengthService }, { type: PasswordValidationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { password: [{
                 type: Output
             }], showChangePasswordButton: [{
                 type: Input
@@ -23861,7 +24088,9 @@ class PasswordStrengthCheckerService {
         return password.search(/[0-9]/) !== -1;
     }
     hasSpecialChars(password) {
-        return password.search(/[^0-9a-zA-Z]+/) !== -1;
+        // Only match ALLOWED symbols, not any non-alphanumeric character
+        // Allowed: `~!@#$%^&*()_|+-=?;:'",.<>{}[]\\/
+        return password.search(/[`~!@#$%^&*()_|+\-=?;:'",.<>{}\[\]\\/]/) !== -1;
     }
     getStrengthColor(password) {
         const passwordStrength = filter$2([
@@ -38611,7 +38840,7 @@ class AssetTypesService {
      */
     getIcon(type) {
         const assetType = this.getAssetTypeByName(type);
-        return assetType?.c8y_IsAssetType?.icon?.name || this.DEFAULT_ASSET_ICON;
+        return (assetType?.c8y_IsAssetType?.icon?.name || assetType?.icon?.name || this.DEFAULT_ASSET_ICON);
     }
     /**
      * Add an asset type to the local cache.
@@ -39647,5 +39876,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_STEPPER, AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, ARRAY_VALIDATION_PREFIX, ASSET_PATH, AbstractConfigurationStrategy, ActionBarComponent, ActionBarItemComponent, ActionBarModule, ActionBarService, ActionComponent, ActionControlsExtensionService, ActionModule, ActionOutletComponent, ActionService, AggregationPickerComponent, AggregationService, AlarmRealtimeService, AlarmWithChildrenRealtimeService, AlertComponent, AlertDetailsComponent, AlertModule, AlertOutletBase, AlertOutletComponent, AlertService, AlertTextComponent, AppHrefPipe, AppIconComponent, AppStateService, AppSwitcherComponent, AppSwitcherInlineComponent, AppSwitcherService, ApplicationModule, ApplicationPluginStatus, AssetHierarchyService, AssetLinkPipe, AssetPropertyService, AssetTypesRealtimeService, AssetTypesService, AuditLogComponent, AuditLogModule, AuthenticationModule, BackendVersionFactory, BaseColumn, BaseFilteringFormRendererComponent, BooleanFilterMapper, BootstrapComponent, BootstrapModule, BottomDrawerComponent, BottomDrawerRef, BottomDrawerService, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbOutletComponent, BreadcrumbService, BuiltInActionType, BytesPipe, C8Y_PLUGIN_CONTEXT_PATH, C8Y_PLUGIN_NAME, C8yComponentOutlet, C8yJSONSchema, C8yStepper, C8yStepperButtons, C8yStepperIcon, C8yStepperProgress, C8yTranslateDirective, C8yTranslateModule, C8yTranslatePipe, C8yTranslationCache, C8yTranslationLoader, C8yValidators, CUSTOM, CachedLocaleDictionaryService, CellRendererComponent, CellRendererContext, CellRendererDefDirective, ChangeCurrentUserPasswordService, ChangeIconComponent, ClipboardModule, ClipboardService, ColorInputComponent, ColorService, ColumnDirective, CommonModule, ConditionalTabsOutletComponent, ConfigureCustomColumnComponent, ConfirmModalComponent, ContextRouteComponent, ContextRouteGuard, ContextRouteService, CookieBannerComponent, CopyDashboardDisabledReason, CoreModule, CoreSearchModule, CountdownIntervalComponent, CountdownIntervalModule, CurrentPasswordModalComponent, CustomColumn, CustomTranslateService, CustomTranslateStore, DATA_GRID_CONFIGURATION_CONTEXT, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, DATA_GRID_CONFIGURATION_STRATEGY, DEFAULT_INTERVAL_STATE, DEFAULT_INTERVAL_VALUE, DEFAULT_INTERVAL_VALUES, DRAWER_ANIMATION_TIME, DashboardChildActionComponent, DashboardChildChange, DashboardChildComponent, DashboardChildTitleComponent, DashboardComponent, DashboardModule, DataGridComponent, DataGridModule, DataGridService, DatapointLibraryValidationErrors, DatapointSyncService, DateContextQueryParamNames, DateFilterMapper, DateFormatService, DatePickerComponent, DatePickerModule, DatePipe, DateTimePickerComponent, DateTimePickerModule, DefaultValidationDirective, DeviceBootstrapRealtimeService, DeviceService, DeviceStatusComponent, DeviceStatusModule, DismissAlertStrategy, DocsModule, DocsService, DrawerModule, DrawerOutletComponent, DrawerService, DropAreaComponent, DropAreaModule, DropdownDirectionDirective, DropdownFocusTrapDirective, DynamicBulkDetailsResolver, DynamicBulkIIdentifiedResolver, DynamicComponentAlert, DynamicComponentAlertAggregator, DynamicComponentAlertsComponent, DynamicComponentComponent, DynamicComponentErrorStrategy, DynamicComponentModule, DynamicComponentService, DynamicDatapointsResolver, DynamicFormsModule, DynamicManagedObjectResolver, DynamicResolverService, ES_MAX_TIME_MILLISECONDS, EmailsValidatorDirective, EmptyComponent, EmptyStateComponent, EmptyStateContextDirective, EventRealtimeService, ExpandableRowDirective, ExtensionPointForPlugins, ExtensionPointWithoutStateForPlugins, ExtractArrayValidationErrorsPipe, FeatureCacheService, FeedbackFormComponent, FilePickerComponent, FilePickerFormControlComponent, FilePickerFormControlModule, FilePickerModule, FilesService, FilterByPipe, FilterInputComponent, FilterMapperFactory, FilterMapperModule, FilterMapperPipe, FilterMapperService, FilterNonArrayValidationErrorsPipe, FilteringActionType, FilteringFormRendererComponent, FilteringFormRendererContext, FilteringFormRendererDefDirective, ForOfDirective, FormGroupComponent, FormsModule, GENERIC_FILE_TYPE, GLOBAL_CONTEXT_AUTO_REFRESH, GainsightService, GenericFileIconPipe, GeoService, GetGroupIconPipe, GlobalConfigService, GridDataSource, GroupFragment, GroupService, GroupedFilterChips, GuideDocsComponent, GuideHrefDirective, HOOK_ACTION, HOOK_ACTION_BAR, HOOK_BREADCRUMB, HOOK_COMPONENTS, HOOK_CURRENT_APPLICATION, HOOK_CURRENT_TENANT, HOOK_CURRENT_USER, HOOK_DOCS, HOOK_DYNAMIC_PROVIDER_CONFIG, HOOK_NAVIGATOR_NODES, HOOK_OPTIONS, HOOK_PATTERN_MESSAGES, HOOK_PLUGIN, HOOK_PREVIEW, HOOK_QUERY_PARAM, HOOK_QUERY_PARAM_BOTTOM_DRAWER, HOOK_QUERY_PARAM_MODAL, HOOK_ROUTE, HOOK_SEARCH, HOOK_STEPPER, HOOK_TABS, HOOK_VERSION, HOOK_WIZARD, HeaderBarComponent, HeaderCellRendererDefDirective, HeaderModule, HeaderService, HelpComponent, HelpModule, HighlightComponent, HookProviderTypes, HumanizeAppNamePipe, HumanizePipe, HumanizeValidationMessagePipe, I18nModule, INTERVAL_OPTIONS, IconDirective, IconPanelComponent, IfAllowedDirective, InjectionType, InputGroupListComponent, InputGroupListContainerDirective, InterAppService, IntervalBasedReload, InventorySearchService, IpRangeInputListComponent, JsonValidationPrettifierDirective, LANGUAGES, LAST_DAY, LAST_HOUR, LAST_MINUTE, LAST_MONTH, LAST_WEEK, LOCALE_PATH, LegacyGridConfigMapperService, LegendFieldWrapper, ListDisplaySwitchComponent, ListDisplaySwitchModule, ListGroupComponent, ListGroupModule, ListItemActionComponent, ListItemBodyComponent, ListItemCheckboxComponent, ListItemCollapseComponent, ListItemComponent, ListItemDragHandleComponent, ListItemFooterComponent, ListItemIconComponent, ListItemRadioComponent, ListItemTimelineComponent, LoadMoreComponent, LoadingComponent, MAX_PAGE_SIZE, MESSAGES_CORE_I18N, MOChunkLoaderService, ManagedObjectRealtimeService, ManagedObjectType, MapFunctionPipe, MarkdownToHtmlPipe, MaxValidationDirective, MeasurementRealtimeService, MessageBannerService, MessageDirective, MessagesComponent, MinValidationDirective, MissingTranslationCustomHandler, MoNamePipe, ModalComponent, ModalModule, ModalSelectionMode, ModalService, NEEDED_ROLE_FOR_SETUP, NEW_DASHBOARD_ROUTER_STATE_PROP, NULL_VALUE_PLACEHOLDER, NUMBER_FORMAT_REGEXP, NameTransformPipe, NavigatorBottomModule, NavigatorIconComponent, NavigatorModule, NavigatorNode, NavigatorNodeComponent, NavigatorNodeRoot, NavigatorOutletComponent, NavigatorService, NavigatorTopModule, NewPasswordComponent, NumberPipe, OperationBulkRealtimeService, OperationRealtimeService, OperationResultComponent, OptionsService, OutletDirective, PREVIEW_FEATURE_PROVIDERS, PRODUCT_EXPERIENCE_EVENT_SOURCE, PX_ACTIONS, PX_EVENT_NAME, PackageType, PasswordCheckListComponent, PasswordConfirm, PasswordConfirmModalComponent, PasswordInputComponent, PasswordService, PasswordStrengthCheckerService, PasswordStrengthComponent, PasswordStrengthService, PatternMessagesService, Permissions, PhoneValidationDirective, PlatformDetailsService, PluginLoadedPipe, PluginsExportScopes, PluginsLoaderService, PluginsModule, PluginsResolveService, PluginsService, PopoverConfirmComponent, PreviewFeatureButtonComponent, PreviewFeatureShowNotification, PreviewService, ProductExperienceDirective, ProductExperienceModule, ProgressBarComponent, PropertiesListComponent, PropertiesListModule, PropertyValueTransformService, ProviderConfigurationComponent, ProviderConfigurationModule, ProviderConfigurationNodeFactory, ProviderConfigurationRouteFactory, ProviderConfigurationService, ProviderDefinitionsService, PushStatus, PushStatusLabels, QUERY_PARAM_HANDLER_PROVIDERS, QueryParamBottomDrawerFactory, QueryParamBottomDrawerStateService, QueryParamHandlerService, QueryParamModalFactory, QueryParamModalStateService, QuickLinkComponent, QuickLinkModule, RESOLVING_COMPONENT_WAIT_TIME, RadioFilterMapper, RangeComponent, RangeDirective, RangeDisplayComponent, RangeDisplayModule, RealtimeButtonComponent, RealtimeControlComponent, RealtimeMessage, RealtimeModule, RealtimeService, RealtimeSubjectService, RelativeTimePipe, RequiredInputPlaceholderDirective, ResizableGridComponent, ResolverServerError, RouterModule, RouterService, RouterTabsResolver, SETUP_FINISHED_STEP_ID, SHOW_PREVIEW_FEATURES, SearchComponent, SearchFilters, SearchInputComponent, SearchOutletComponent, SearchResultEmptyComponent, SearchService, SelectComponent, SelectFilterMapper, SelectItemDirective, SelectKeyboardService, SelectLegacyComponent, SelectModalComponent, SelectModalFilterPipe, SelectModalModule, SelectModule, SelectedItemsComponent, SelectedItemsDirective, SendStatus, SendStatusLabels, ServiceRegistry, SetupCompletedComponent, SetupComponent, SetupModule, SetupService, SetupState, SetupStepperFactory, ShortenUserNamePipe, ShouldShowMoPipe, ShowIfFilterPipe, SimpleJsonPathValidatorDirective, SimplifiedAuthService, SkipLinkDirective, SplitViewAlertsComponent, SplitViewComponent, SplitViewDetailsActionsComponent, SplitViewDetailsComponent, SplitViewExtraHeaderComponent, SplitViewFooterComponent, SplitViewHeaderActionsComponent, SplitViewListComponent, SplitViewListItemDirective, SplitViewSelectionService, StateService, Status, StepperModule, StepperOutletComponent, StepperService, Steppers, StringFilterMapper, StringifyObjectPipe, StripHtmlPipe, SupportedApps, TabComponent, TabsModule, TabsOutletComponent, TabsService, TabsetAriaDirective, TenantUiService, TextAreaRowHeightDirective, TextareaAutoresizeDirective, ThemeSwitcherService, TimeIntervalComponent, TimePickerComponent, TimePickerModule, TitleComponent, TitleOutletComponent, TotpChallengeComponent, TotpSetupComponent, TranslateService, TreeNodeCellRendererComponent, TreeNodeColumn, TreeNodeHeaderCellRendererComponent, TypeaheadComponent, TypeaheadFilterMapper, UiSettingsComponent, UiSettingsModule, UniqueInCollectionByPathValidationDirective, UserEditComponent, UserEditModalComponent, UserEngagementsService, UserMenuItemComponent, UserMenuOutletComponent, UserMenuService, UserModule, UserNameInitialsPipe, UserPreferencesConfigurationStrategy, UserPreferencesService, UserPreferencesStorageInventory, UserPreferencesStorageLocal, UserTotpRevokeComponent, UserTotpSetupComponent, VERSION_MODULE_CONFIG, ValidationPattern, VersionListComponent, VersionModule, VersionService, ViewContext, ViewContextServices, VirtualScrollWindowDirective, VirtualScrollWindowStrategy, VirtualScrollerWrapperComponent, VisibleControlsPipe, WIDGET_CONFIGURATION_GRID_SIZE, WIDGET_TYPE_VALUES, WILDCARD_SEARCH_FEATURE_KEY, WebSDKVersionFactory, WidgetActionWrapperComponent, WidgetGlobalAutoRefreshService, WidgetTimeContextActionBarPriority, WidgetTimeContextComponent, WidgetTimeContextDateRangeService, WidgetTimeContextMediatorService, WidgetsDashboardComponent, WidgetsDashboardEventService, WizardBodyComponent, WizardComponent, WizardFooterComponent, WizardHeaderComponent, WizardModalService, WizardModule, WizardOutletComponent, WizardService, ZipService, _virtualScrollWindowStrategyFactory, alertOnError, allEntriesAreEqual, asyncValidateArrayElements, colorValidator, deviceAvailabilityIconMap, extraRoutes, fromFactories, fromTrigger, fromTriggerOnce, getActivatedRoute, getAngularLocalesLanguageString, getBasicInputArrayFormFieldConfig, getDictionaryWithTrimmedKeys, getInjectedHooks, gettext, globalAutoRefreshLoading, hookAction, hookActionBar, hookBreadcrumb, hookComponent, hookCurrentApplication, hookCurrentTenant, hookCurrentUser, hookDataGridActionControls, hookDocs, hookDrawer, hookDynamicProviderConfig, hookFilterMapper, hookGeneric, hookNavigator, hookOptions, hookPatternMessages, hookPlugin, hookPreview, hookQueryParam, hookQueryParamBottomDrawer, hookQueryParamModal, hookRoute, hookSearch, hookService, hookStepper, hookTab, hookUserMenu, hookVersion, hookWidget, hookWizard, internalApps, isEagerDynamicComponents, isExtensionFactory, isLazyDynamicComponents, isPromise, languagesFactory, loadLocale, localeId, localePathFactory, memoize, minColumnGridTrackSize, operationStatusClasses, operationStatusIcons, provideBootstrapMetadata, provideCommonPipes, provideCommonServices, provideDefaultOptionsAppInitializer, provideI18n, provideLanguageSelectorAppInitializer, providePluginsLoaderServiceAppInitializer, provideTranslationServiceInstance, ratiosByColumnTypes, removeContextIndicators, removeDuplicatesIds, resolveInjectedFactories, retryWithDelay, simpleJsonPathValidator, sortByPriority, stateToFactory, statusAlert, statusClasses, statusIcons, throttle, toObservable, toObservableOfArrays, tooltips, trimTranslationKey, uniqueInCollectionByPathValidator, validateArrayElements, validateInternationalPhoneNumber, viewContextRoutes, wrapperLegendFieldConfig };
+export { ACTIONS_STEPPER, AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, ARRAY_VALIDATION_PREFIX, ASSET_PATH, AbstractConfigurationStrategy, ActionBarComponent, ActionBarItemComponent, ActionBarModule, ActionBarService, ActionComponent, ActionControlsExtensionService, ActionModule, ActionOutletComponent, ActionService, AggregationPickerComponent, AggregationService, AlarmRealtimeService, AlarmWithChildrenRealtimeService, AlertComponent, AlertDetailsComponent, AlertModule, AlertOutletBase, AlertOutletComponent, AlertService, AlertTextComponent, AppHrefPipe, AppIconComponent, AppStateService, AppSwitcherComponent, AppSwitcherInlineComponent, AppSwitcherService, ApplicationModule, ApplicationPluginStatus, AssetHierarchyService, AssetLinkPipe, AssetPropertyService, AssetTypesRealtimeService, AssetTypesService, AuditLogComponent, AuditLogModule, AuthenticationModule, BackendVersionFactory, BaseColumn, BaseFilteringFormRendererComponent, BooleanFilterMapper, BootstrapComponent, BootstrapModule, BottomDrawerComponent, BottomDrawerRef, BottomDrawerService, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbOutletComponent, BreadcrumbService, BuiltInActionType, BytesPipe, C8Y_PLUGIN_CONTEXT_PATH, C8Y_PLUGIN_NAME, C8yComponentOutlet, C8yJSONSchema, C8yStepper, C8yStepperButtons, C8yStepperIcon, C8yStepperProgress, C8yTranslateDirective, C8yTranslateModule, C8yTranslatePipe, C8yTranslationCache, C8yTranslationLoader, C8yValidators, CUSTOM, CachedLocaleDictionaryService, CellRendererComponent, CellRendererContext, CellRendererDefDirective, ChangeCurrentUserPasswordService, ChangeIconComponent, ClipboardModule, ClipboardService, ColorInputComponent, ColorService, ColumnDirective, CommonModule, ConditionalTabsOutletComponent, ConfigureCustomColumnComponent, ConfirmModalComponent, ContextRouteComponent, ContextRouteGuard, ContextRouteService, CookieBannerComponent, CopyDashboardDisabledReason, CoreModule, CoreSearchModule, CountdownIntervalComponent, CountdownIntervalModule, CurrentPasswordModalComponent, CustomColumn, CustomTranslateService, CustomTranslateStore, DATA_GRID_CONFIGURATION_CONTEXT, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, DATA_GRID_CONFIGURATION_STRATEGY, DEFAULT_INTERVAL_STATE, DEFAULT_INTERVAL_VALUE, DEFAULT_INTERVAL_VALUES, DRAWER_ANIMATION_TIME, DashboardChildActionComponent, DashboardChildChange, DashboardChildComponent, DashboardChildTitleComponent, DashboardComponent, DashboardModule, DataGridComponent, DataGridModule, DataGridService, DatapointLibraryValidationErrors, DatapointSyncService, DateContextQueryParamNames, DateFilterMapper, DateFormatService, DatePickerComponent, DatePickerModule, DatePipe, DateTimePickerComponent, DateTimePickerModule, DefaultValidationDirective, DeviceBootstrapRealtimeService, DeviceService, DeviceStatusComponent, DeviceStatusModule, DismissAlertStrategy, DocsModule, DocsService, DrawerModule, DrawerOutletComponent, DrawerService, DropAreaComponent, DropAreaModule, DropdownDirectionDirective, DropdownFocusTrapDirective, DynamicBulkDetailsResolver, DynamicBulkIIdentifiedResolver, DynamicComponentAlert, DynamicComponentAlertAggregator, DynamicComponentAlertsComponent, DynamicComponentComponent, DynamicComponentErrorStrategy, DynamicComponentModule, DynamicComponentService, DynamicDatapointsResolver, DynamicFormsModule, DynamicManagedObjectResolver, DynamicResolverService, ES_MAX_TIME_MILLISECONDS, EmailsValidatorDirective, EmptyComponent, EmptyStateComponent, EmptyStateContextDirective, EventRealtimeService, ExpandableRowDirective, ExtensionPointForPlugins, ExtensionPointWithoutStateForPlugins, ExtractArrayValidationErrorsPipe, FeatureCacheService, FeedbackFormComponent, FilePickerComponent, FilePickerFormControlComponent, FilePickerFormControlModule, FilePickerModule, FilesService, FilterByPipe, FilterInputComponent, FilterMapperFactory, FilterMapperModule, FilterMapperPipe, FilterMapperService, FilterNonArrayValidationErrorsPipe, FilteringActionType, FilteringFormRendererComponent, FilteringFormRendererContext, FilteringFormRendererDefDirective, ForOfDirective, FormGroupComponent, FormsModule, GENERIC_FILE_TYPE, GLOBAL_CONTEXT_AUTO_REFRESH, GainsightService, GenericFileIconPipe, GeoService, GetGroupIconPipe, GlobalConfigService, GridDataSource, GroupFragment, GroupService, GroupedFilterChips, GuideDocsComponent, GuideHrefDirective, HOOK_ACTION, HOOK_ACTION_BAR, HOOK_BREADCRUMB, HOOK_COMPONENTS, HOOK_CURRENT_APPLICATION, HOOK_CURRENT_TENANT, HOOK_CURRENT_USER, HOOK_DOCS, HOOK_DYNAMIC_PROVIDER_CONFIG, HOOK_NAVIGATOR_NODES, HOOK_OPTIONS, HOOK_PATTERN_MESSAGES, HOOK_PLUGIN, HOOK_PREVIEW, HOOK_QUERY_PARAM, HOOK_QUERY_PARAM_BOTTOM_DRAWER, HOOK_QUERY_PARAM_MODAL, HOOK_ROUTE, HOOK_SEARCH, HOOK_STEPPER, HOOK_TABS, HOOK_VERSION, HOOK_WIZARD, HeaderBarComponent, HeaderCellRendererDefDirective, HeaderModule, HeaderService, HelpComponent, HelpModule, HighlightComponent, HookProviderTypes, HumanizeAppNamePipe, HumanizePipe, HumanizeValidationMessagePipe, I18nModule, INTERVAL_OPTIONS, IconDirective, IconPanelComponent, IfAllowedDirective, InjectionType, InputGroupListComponent, InputGroupListContainerDirective, InterAppService, IntervalBasedReload, InventorySearchService, IpRangeInputListComponent, JsonValidationPrettifierDirective, LANGUAGES, LAST_DAY, LAST_HOUR, LAST_MINUTE, LAST_MONTH, LAST_WEEK, LOCALE_PATH, LegacyGridConfigMapperService, LegendFieldWrapper, ListDisplaySwitchComponent, ListDisplaySwitchModule, ListGroupComponent, ListGroupModule, ListItemActionComponent, ListItemBodyComponent, ListItemCheckboxComponent, ListItemCollapseComponent, ListItemComponent, ListItemDragHandleComponent, ListItemFooterComponent, ListItemIconComponent, ListItemRadioComponent, ListItemTimelineComponent, LoadMoreComponent, LoadingComponent, MAX_PAGE_SIZE, MESSAGES_CORE_I18N, MOChunkLoaderService, ManagedObjectRealtimeService, ManagedObjectType, MapFunctionPipe, MarkdownToHtmlPipe, MaxValidationDirective, MeasurementRealtimeService, MessageBannerService, MessageDirective, MessagesComponent, MinValidationDirective, MissingTranslationCustomHandler, MoNamePipe, ModalComponent, ModalModule, ModalSelectionMode, ModalService, NEEDED_ROLE_FOR_SETUP, NEW_DASHBOARD_ROUTER_STATE_PROP, NULL_VALUE_PLACEHOLDER, NUMBER_FORMAT_REGEXP, NameTransformPipe, NavigatorBottomModule, NavigatorIconComponent, NavigatorModule, NavigatorNode, NavigatorNodeComponent, NavigatorNodeRoot, NavigatorOutletComponent, NavigatorService, NavigatorTopModule, NewPasswordComponent, NumberPipe, OperationBulkRealtimeService, OperationRealtimeService, OperationResultComponent, OptionsService, OutletDirective, PREVIEW_FEATURE_PROVIDERS, PRODUCT_EXPERIENCE_EVENT_SOURCE, PX_ACTIONS, PX_EVENT_NAME, PackageType, PasswordCheckListComponent, PasswordConfirm, PasswordConfirmModalComponent, PasswordInputComponent, PasswordService, PasswordStrengthCheckerService, PasswordStrengthComponent, PasswordStrengthService, PasswordValidationDirective, PasswordValidationService, PatternMessagesService, Permissions, PhoneValidationDirective, PlatformDetailsService, PluginLoadedPipe, PluginsExportScopes, PluginsLoaderService, PluginsModule, PluginsResolveService, PluginsService, PopoverConfirmComponent, PreviewFeatureButtonComponent, PreviewFeatureShowNotification, PreviewService, ProductExperienceDirective, ProductExperienceModule, ProgressBarComponent, PropertiesListComponent, PropertiesListModule, PropertyValueTransformService, ProviderConfigurationComponent, ProviderConfigurationModule, ProviderConfigurationNodeFactory, ProviderConfigurationRouteFactory, ProviderConfigurationService, ProviderDefinitionsService, PushStatus, PushStatusLabels, QUERY_PARAM_HANDLER_PROVIDERS, QueryParamBottomDrawerFactory, QueryParamBottomDrawerStateService, QueryParamHandlerService, QueryParamModalFactory, QueryParamModalStateService, QuickLinkComponent, QuickLinkModule, RESOLVING_COMPONENT_WAIT_TIME, RadioFilterMapper, RangeComponent, RangeDirective, RangeDisplayComponent, RangeDisplayModule, RealtimeButtonComponent, RealtimeControlComponent, RealtimeMessage, RealtimeModule, RealtimeService, RealtimeSubjectService, RelativeTimePipe, RequiredInputPlaceholderDirective, ResizableGridComponent, ResolverServerError, RouterModule, RouterService, RouterTabsResolver, SETUP_FINISHED_STEP_ID, SHOW_PREVIEW_FEATURES, SearchComponent, SearchFilters, SearchInputComponent, SearchOutletComponent, SearchResultEmptyComponent, SearchService, SelectComponent, SelectFilterMapper, SelectItemDirective, SelectKeyboardService, SelectLegacyComponent, SelectModalComponent, SelectModalFilterPipe, SelectModalModule, SelectModule, SelectedItemsComponent, SelectedItemsDirective, SendStatus, SendStatusLabels, ServiceRegistry, SetupCompletedComponent, SetupComponent, SetupModule, SetupService, SetupState, SetupStepperFactory, ShortenUserNamePipe, ShouldShowMoPipe, ShowIfFilterPipe, SimpleJsonPathValidatorDirective, SimplifiedAuthService, SkipLinkDirective, SplitViewAlertsComponent, SplitViewComponent, SplitViewDetailsActionsComponent, SplitViewDetailsComponent, SplitViewExtraHeaderComponent, SplitViewFooterComponent, SplitViewHeaderActionsComponent, SplitViewListComponent, SplitViewListItemDirective, SplitViewSelectionService, StateService, Status, StepperModule, StepperOutletComponent, StepperService, Steppers, StringFilterMapper, StringifyObjectPipe, StripHtmlPipe, SupportedApps, TabComponent, TabsModule, TabsOutletComponent, TabsService, TabsetAriaDirective, TenantUiService, TextAreaRowHeightDirective, TextareaAutoresizeDirective, ThemeSwitcherService, TimeIntervalComponent, TimePickerComponent, TimePickerModule, TitleComponent, TitleOutletComponent, TotpChallengeComponent, TotpSetupComponent, TranslateService, TreeNodeCellRendererComponent, TreeNodeColumn, TreeNodeHeaderCellRendererComponent, TypeaheadComponent, TypeaheadFilterMapper, UiSettingsComponent, UiSettingsModule, UniqueInCollectionByPathValidationDirective, UserEditComponent, UserEditModalComponent, UserEngagementsService, UserMenuItemComponent, UserMenuOutletComponent, UserMenuService, UserModule, UserNameInitialsPipe, UserPreferencesConfigurationStrategy, UserPreferencesService, UserPreferencesStorageInventory, UserPreferencesStorageLocal, UserTotpRevokeComponent, UserTotpSetupComponent, VERSION_MODULE_CONFIG, ValidationPattern, VersionListComponent, VersionModule, VersionService, ViewContext, ViewContextServices, VirtualScrollWindowDirective, VirtualScrollWindowStrategy, VirtualScrollerWrapperComponent, VisibleControlsPipe, WIDGET_CONFIGURATION_GRID_SIZE, WIDGET_TYPE_VALUES, WILDCARD_SEARCH_FEATURE_KEY, WebSDKVersionFactory, WidgetActionWrapperComponent, WidgetGlobalAutoRefreshService, WidgetTimeContextActionBarPriority, WidgetTimeContextComponent, WidgetTimeContextDateRangeService, WidgetTimeContextMediatorService, WidgetsDashboardComponent, WidgetsDashboardEventService, WizardBodyComponent, WizardComponent, WizardFooterComponent, WizardHeaderComponent, WizardModalService, WizardModule, WizardOutletComponent, WizardService, ZipService, _virtualScrollWindowStrategyFactory, alertOnError, allEntriesAreEqual, asyncValidateArrayElements, colorValidator, deviceAvailabilityIconMap, extraRoutes, fromFactories, fromTrigger, fromTriggerOnce, getActivatedRoute, getAngularLocalesLanguageString, getBasicInputArrayFormFieldConfig, getDictionaryWithTrimmedKeys, getInjectedHooks, gettext, globalAutoRefreshLoading, hookAction, hookActionBar, hookBreadcrumb, hookComponent, hookCurrentApplication, hookCurrentTenant, hookCurrentUser, hookDataGridActionControls, hookDocs, hookDrawer, hookDynamicProviderConfig, hookFilterMapper, hookGeneric, hookNavigator, hookOptions, hookPatternMessages, hookPlugin, hookPreview, hookQueryParam, hookQueryParamBottomDrawer, hookQueryParamModal, hookRoute, hookSearch, hookService, hookStepper, hookTab, hookUserMenu, hookVersion, hookWidget, hookWizard, internalApps, isEagerDynamicComponents, isExtensionFactory, isLazyDynamicComponents, isPromise, languagesFactory, loadLocale, localeId, localePathFactory, memoize, minColumnGridTrackSize, operationStatusClasses, operationStatusIcons, provideBootstrapMetadata, provideCommonPipes, provideCommonServices, provideDefaultOptionsAppInitializer, provideI18n, provideLanguageSelectorAppInitializer, providePluginsLoaderServiceAppInitializer, provideTranslationServiceInstance, ratiosByColumnTypes, removeContextIndicators, removeDuplicatesIds, resolveInjectedFactories, retryWithDelay, simpleJsonPathValidator, sortByPriority, stateToFactory, statusAlert, statusClasses, statusIcons, throttle, toObservable, toObservableOfArrays, tooltips, trimTranslationKey, uniqueInCollectionByPathValidator, validateArrayElements, validateInternationalPhoneNumber, viewContextRoutes, wrapperLegendFieldConfig };
 //# sourceMappingURL=c8y-ngx-components.mjs.map