@deenruv/admin-ui 1.0.0

package/esm2022/core/components/notification/notification.component.mjs

@@ -0,0 +1,85 @@
+import { Component, HostListener, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../providers/localization/localization.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@clr/angular";
+import * as i4 from "@angular/cdk/bidi";
+import * as i5 from "@ngx-translate/core";
+export class NotificationComponent {
+    /**
+     *
+     */
+    constructor(localizationService) {
+        this.localizationService = localizationService;
+        this.offsetTop = 0;
+        this.message = '';
+        this.translationVars = {};
+        this.type = 'info';
+        this.isVisible = true;
+        this.onClickFn = () => {
+            /* */
+        };
+    }
+    ngOnInit() {
+        this.direction$ = this.localizationService.direction$;
+    }
+    registerOnClickFn(fn) {
+        this.onClickFn = fn;
+    }
+    onClick() {
+        if (this.isVisible) {
+            this.onClickFn();
+        }
+    }
+    /**
+     * Fade out the toast. When promise resolves, toast is invisible and
+     * can be removed.
+     */
+    fadeOut() {
+        this.isVisible = false;
+        return new Promise(resolve => setTimeout(resolve, 1000));
+    }
+    /**
+     * Returns the height of the toast element in px.
+     */
+    getHeight() {
+        if (!this.wrapper) {
+            return 0;
+        }
+        const el = this.wrapper.nativeElement;
+        return el.getBoundingClientRect().height;
+    }
+    getIcon() {
+        switch (this.type) {
+            case 'info':
+                return 'info-circle';
+            case 'success':
+                return 'check-circle';
+            case 'error':
+                return 'exclamation-circle';
+            case 'warning':
+                return 'exclamation-triangle';
+        }
+    }
+    stringifyMessage(message) {
+        if (typeof message === 'string') {
+            return message;
+        }
+        else {
+            return JSON.stringify(message, null, 2);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationComponent, selector: "vdr-notification", host: { listeners: { "click": "onClick()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, static: true }], ngImport: i0, template: "<div [dir]=\"direction$ | async\" class=\"notification-wrapper\" #wrapper [style.top.px]=\"offsetTop\" [ngClass]=\"{\n            visible: isVisible,\n            info: type === 'info',\n            success: type === 'success',\n            error: type === 'error',\n            warning: type === 'warning'\n        }\">\n    <clr-icon [attr.shape]=\"getIcon()\" size=\"24\"></clr-icon>\n    {{ stringifyMessage(message) | translate: translationVars }}\n</div>", styles: ["@keyframes fadeIn{0%{opacity:0}to{opacity:.95}}:host{position:relative;z-index:1050}:host>.notification-wrapper{display:block;position:fixed;z-index:1001;top:0;right:10px;border-radius:3px;max-width:98vw;word-wrap:break-word;padding:10px;background-color:var(--color-grey-500);color:#fff;transition:opacity 1s,top .3s;opacity:0;white-space:pre-line}:host>.notification-wrapper.success{background-color:var(--color-success-800)}:host>.notification-wrapper.error{background-color:var(--color-error-800)}:host>.notification-wrapper.warning{background-color:var(--color-warning-800)}:host>.notification-wrapper.info{background-color:var(--color-weight-500)}:host>.notification-wrapper.visible{opacity:.95;animation:fadeIn .3s .3s backwards}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-notification', template: "<div [dir]=\"direction$ | async\" class=\"notification-wrapper\" #wrapper [style.top.px]=\"offsetTop\" [ngClass]=\"{\n            visible: isVisible,\n            info: type === 'info',\n            success: type === 'success',\n            error: type === 'error',\n            warning: type === 'warning'\n        }\">\n    <clr-icon [attr.shape]=\"getIcon()\" size=\"24\"></clr-icon>\n    {{ stringifyMessage(message) | translate: translationVars }}\n</div>", styles: ["@keyframes fadeIn{0%{opacity:0}to{opacity:.95}}:host{position:relative;z-index:1050}:host>.notification-wrapper{display:block;position:fixed;z-index:1001;top:0;right:10px;border-radius:3px;max-width:98vw;word-wrap:break-word;padding:10px;background-color:var(--color-grey-500);color:#fff;transition:opacity 1s,top .3s;opacity:0;white-space:pre-line}:host>.notification-wrapper.success{background-color:var(--color-success-800)}:host>.notification-wrapper.error{background-color:var(--color-error-800)}:host>.notification-wrapper.warning{background-color:var(--color-warning-800)}:host>.notification-wrapper.info{background-color:var(--color-weight-500)}:host>.notification-wrapper.visible{opacity:.95;animation:fadeIn .3s .3s backwards}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { wrapper: [{
+                type: ViewChild,
+                args: ['wrapper', { static: true }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQWN2RixNQUFNLE9BQU8scUJBQXFCO0lBYTlCOztPQUVHO0lBQ0gsWUFBb0IsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFaNUQsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUNkLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixvQkFBZSxHQUF1QyxFQUFFLENBQUM7UUFDekQsU0FBSSxHQUFxQixNQUFNLENBQUM7UUFDaEMsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNULGNBQVMsR0FBZSxHQUFHLEVBQUU7WUFDakMsS0FBSztRQUNULENBQUMsQ0FBQztJQUs2RCxDQUFDO0lBRWhFLFFBQVE7UUFDSixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUM7SUFDMUQsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUdELE9BQU87UUFDSCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNMLENBQUM7SUFFRDs7O09BR0c7SUFDSCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxTQUFTO1FBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNoQixPQUFPLENBQUMsQ0FBQztRQUNiLENBQUM7UUFDRCxNQUFNLEVBQUUsR0FBZ0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFDbkQsT0FBTyxFQUFFLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxNQUFNLENBQUM7SUFDN0MsQ0FBQztJQUVELE9BQU87UUFDSCxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNoQixLQUFLLE1BQU07Z0JBQ1AsT0FBTyxhQUFhLENBQUM7WUFDekIsS0FBSyxTQUFTO2dCQUNWLE9BQU8sY0FBYyxDQUFDO1lBQzFCLEtBQUssT0FBTztnQkFDUixPQUFPLG9CQUFvQixDQUFDO1lBQ2hDLEtBQUssU0FBUztnQkFDVixPQUFPLHNCQUFzQixDQUFDO1FBQ3RDLENBQUM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsT0FBZ0I7UUFDN0IsSUFBSSxPQUFPLE9BQU8sS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM5QixPQUFPLE9BQU8sQ0FBQztRQUNuQixDQUFDO2FBQU0sQ0FBQztZQUNKLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzVDLENBQUM7SUFDTCxDQUFDOytHQXhFUSxxQkFBcUI7bUdBQXJCLHFCQUFxQix5TkNkbEMsOGNBU007OzRGREtPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDSSxrQkFBa0I7d0ZBT1ksT0FBTztzQkFBOUMsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQXdCdEMsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuXG5pbXBvcnQge1xuICAgIExvY2FsaXphdGlvbkRpcmVjdGlvblR5cGUsXG4gICAgTG9jYWxpemF0aW9uU2VydmljZSxcbn0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL2xvY2FsaXphdGlvbi9sb2NhbGl6YXRpb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLW5vdGlmaWNhdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgZGlyZWN0aW9uJDogTG9jYWxpemF0aW9uRGlyZWN0aW9uVHlwZTtcblxuICAgIEBWaWV3Q2hpbGQoJ3dyYXBwZXInLCB7IHN0YXRpYzogdHJ1ZSB9KSB3cmFwcGVyOiBFbGVtZW50UmVmO1xuICAgIG9mZnNldFRvcCA9IDA7XG4gICAgbWVzc2FnZSA9ICcnO1xuICAgIHRyYW5zbGF0aW9uVmFyczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfCBudW1iZXIgfSA9IHt9O1xuICAgIHR5cGU6IE5vdGlmaWNhdGlvblR5cGUgPSAnaW5mbyc7XG4gICAgaXNWaXNpYmxlID0gdHJ1ZTtcbiAgICBwcml2YXRlIG9uQ2xpY2tGbjogKCkgPT4gdm9pZCA9ICgpID0+IHtcbiAgICAgICAgLyogKi9cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICpcbiAgICAgKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGxvY2FsaXphdGlvblNlcnZpY2U6IExvY2FsaXphdGlvblNlcnZpY2UpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXJlY3Rpb24kID0gdGhpcy5sb2NhbGl6YXRpb25TZXJ2aWNlLmRpcmVjdGlvbiQ7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNsaWNrRm4oZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNsaWNrRm4gPSBmbjtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgb25DbGljaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaXNWaXNpYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9uQ2xpY2tGbigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogRmFkZSBvdXQgdGhlIHRvYXN0LiBXaGVuIHByb21pc2UgcmVzb2x2ZXMsIHRvYXN0IGlzIGludmlzaWJsZSBhbmRcbiAgICAgKiBjYW4gYmUgcmVtb3ZlZC5cbiAgICAgKi9cbiAgICBmYWRlT3V0KCk6IFByb21pc2U8YW55PiB7XG4gICAgICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHNldFRpbWVvdXQocmVzb2x2ZSwgMTAwMCkpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJldHVybnMgdGhlIGhlaWdodCBvZiB0aGUgdG9hc3QgZWxlbWVudCBpbiBweC5cbiAgICAgKi9cbiAgICBnZXRIZWlnaHQoKTogbnVtYmVyIHtcbiAgICAgICAgaWYgKCF0aGlzLndyYXBwZXIpIHtcbiAgICAgICAgICAgIHJldHVybiAwO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGVsOiBIVE1MRWxlbWVudCA9IHRoaXMud3JhcHBlci5uYXRpdmVFbGVtZW50O1xuICAgICAgICByZXR1cm4gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuaGVpZ2h0O1xuICAgIH1cblxuICAgIGdldEljb24oKTogc3RyaW5nIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLnR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgJ2luZm8nOlxuICAgICAgICAgICAgICAgIHJldHVybiAnaW5mby1jaXJjbGUnO1xuICAgICAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdjaGVjay1jaXJjbGUnO1xuICAgICAgICAgICAgY2FzZSAnZXJyb3InOlxuICAgICAgICAgICAgICAgIHJldHVybiAnZXhjbGFtYXRpb24tY2lyY2xlJztcbiAgICAgICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnZXhjbGFtYXRpb24tdHJpYW5nbGUnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgc3RyaW5naWZ5TWVzc2FnZShtZXNzYWdlOiB1bmtub3duKSB7XG4gICAgICAgIGlmICh0eXBlb2YgbWVzc2FnZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgIHJldHVybiBtZXNzYWdlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIEpTT04uc3RyaW5naWZ5KG1lc3NhZ2UsIG51bGwsIDIpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBbZGlyXT1cImRpcmVjdGlvbiQgfCBhc3luY1wiIGNsYXNzPVwibm90aWZpY2F0aW9uLXdyYXBwZXJcIiAjd3JhcHBlciBbc3R5bGUudG9wLnB4XT1cIm9mZnNldFRvcFwiIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIHZpc2libGU6IGlzVmlzaWJsZSxcbiAgICAgICAgICAgIGluZm86IHR5cGUgPT09ICdpbmZvJyxcbiAgICAgICAgICAgIHN1Y2Nlc3M6IHR5cGUgPT09ICdzdWNjZXNzJyxcbiAgICAgICAgICAgIGVycm9yOiB0eXBlID09PSAnZXJyb3InLFxuICAgICAgICAgICAgd2FybmluZzogdHlwZSA9PT0gJ3dhcm5pbmcnXG4gICAgICAgIH1cIj5cbiAgICA8Y2xyLWljb24gW2F0dHIuc2hhcGVdPVwiZ2V0SWNvbigpXCIgc2l6ZT1cIjI0XCI+PC9jbHItaWNvbj5cbiAgICB7eyBzdHJpbmdpZnlNZXNzYWdlKG1lc3NhZ2UpIHwgdHJhbnNsYXRlOiB0cmFuc2xhdGlvblZhcnMgfX1cbjwvZGl2PiJdfQ==

package/esm2022/core/components/overlay-host/overlay-host.component.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../providers/overlay-host/overlay-host.service";
+/**
+ * The OverlayHostComponent is a placeholder component which provides a location in the DOM into which overlay
+ * elements (modals, notify notifications etc) may be injected dynamically.
+ */
+export class OverlayHostComponent {
+    constructor(viewContainerRef, overlayHostService) {
+        overlayHostService.registerHostView(viewContainerRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayHostComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.OverlayHostService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverlayHostComponent, selector: "vdr-overlay-host", ngImport: i0, template: '<!-- -->', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vdr-overlay-host',
+                    template: '<!-- -->',
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i1.OverlayHostService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1ob3N0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9vdmVybGF5LWhvc3Qvb3ZlcmxheS1ob3N0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7O0FBSTVEOzs7R0FHRztBQUtILE1BQU0sT0FBTyxvQkFBb0I7SUFDN0IsWUFBWSxnQkFBa0MsRUFBRSxrQkFBc0M7UUFDbEYsa0JBQWtCLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMxRCxDQUFDOytHQUhRLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdEQUZuQixVQUFVOzs0RkFFWCxvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLFVBQVU7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE92ZXJsYXlIb3N0U2VydmljZSB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9vdmVybGF5LWhvc3Qvb3ZlcmxheS1ob3N0LnNlcnZpY2UnO1xuXG4vKipcbiAqIFRoZSBPdmVybGF5SG9zdENvbXBvbmVudCBpcyBhIHBsYWNlaG9sZGVyIGNvbXBvbmVudCB3aGljaCBwcm92aWRlcyBhIGxvY2F0aW9uIGluIHRoZSBET00gaW50byB3aGljaCBvdmVybGF5XG4gKiBlbGVtZW50cyAobW9kYWxzLCBub3RpZnkgbm90aWZpY2F0aW9ucyBldGMpIG1heSBiZSBpbmplY3RlZCBkeW5hbWljYWxseS5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItb3ZlcmxheS1ob3N0JyxcbiAgICB0ZW1wbGF0ZTogJzwhLS0gLS0+Jyxcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmxheUhvc3RDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsIG92ZXJsYXlIb3N0U2VydmljZTogT3ZlcmxheUhvc3RTZXJ2aWNlKSB7XG4gICAgICAgIG92ZXJsYXlIb3N0U2VydmljZS5yZWdpc3Rlckhvc3RWaWV3KHZpZXdDb250YWluZXJSZWYpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/core/components/settings-nav/settings-nav.component.mjs

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { map } from 'rxjs/operators';
+import { BaseNavComponent } from '../base-nav/base-nav.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/router";
+import * as i4 from "../../shared/components/dropdown/dropdown.component";
+import * as i5 from "../../shared/components/dropdown/dropdown-menu.component";
+import * as i6 from "../../shared/components/dropdown/dropdown-trigger.directive";
+import * as i7 from "../../shared/components/dropdown/dropdown-item.directive";
+import * as i8 from "../../shared/components/status-badge/status-badge.component";
+import * as i9 from "../../shared/components/ui-extension-point/ui-extension-point.component";
+import * as i10 from "@ngx-translate/core";
+export class SettingsNavComponent extends BaseNavComponent {
+    ngOnInit() {
+        super.ngOnInit();
+        this.settingsMenuConfig$ = this.navBuilderService.menuConfig$.pipe(map(sections => sections.filter(s => s.displayMode === 'settings')));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SettingsNavComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SettingsNavComponent, selector: "vdr-settings-nav", usesInheritance: true, ngImport: i0, template: "<nav>\n    <section class=\"settings-nav-content\">\n        <ng-container *ngFor=\"let section of settingsMenuConfig$ | async\">\n            <vdr-ui-extension-point\n                [locationId]=\"section.id\"\n                api=\"navMenu\"\n                [topPx]=\"-6\"\n                [leftPx]=\"8\"\n                display=\"block\"\n            >\n                <vdr-dropdown>\n                    <button class=\"setting-link\" vdrDropdownTrigger>\n                        <div>\n                            <ng-container\n                                *ngIf=\"navBuilderService.sectionBadges[section.id] | async as sectionBadge\"\n                            >\n                                <vdr-status-badge\n                                    *ngIf=\"sectionBadge !== 'none'\"\n                                    [type]=\"sectionBadge\"\n                                ></vdr-status-badge>\n                            </ng-container>\n                            <clr-icon\n                                *ngIf=\"section.icon\"\n                                [attr.shape]=\"section.icon || 'block'\"\n                                size=\"20\"\n                            ></clr-icon>\n                            <label class=\"md:hidden\" [for]=\"section.id\">{{ section.label | translate }}</label>\n                        </div>\n                        <clr-icon class=\"md:hidden\" shape=\"caret right\"></clr-icon>\n                    </button>\n                    <vdr-dropdown-menu vdrPosition=\"top-right\">\n                        <ng-container *ngFor=\"let item of section.items\">\n                            <div *ngIf=\"shouldDisplayLink(item)\" class=\"menu-link\">\n                                <a\n                                    vdrDropdownItem\n                                    [attr.data-item-id]=\"section.id\"\n                                    [routerLink]=\"getRouterLink(item)\"\n                                    routerLinkActive=\"active\"\n                                    (click)=\"item.onClick && item.onClick($event)\"\n                                >\n                                    <ng-container *ngIf=\"item.statusBadge | async as itemBadge\">\n                                        <vdr-status-badge\n                                            *ngIf=\"itemBadge.type !== 'none'\"\n                                            [type]=\"itemBadge.type\"\n                                        ></vdr-status-badge>\n                                    </ng-container>\n                                    <clr-icon [attr.shape]=\"item.icon || 'block'\" size=\"20\"></clr-icon>\n                                    <div class=\"\">{{ item.label | translate }}</div>\n                                </a>\n                            </div>\n                        </ng-container>\n                    </vdr-dropdown-menu>\n                </vdr-dropdown>\n            </vdr-ui-extension-point>\n        </ng-container>\n    </section>\n</nav>\n", styles: [".setting-link{width:100%;border:none;display:flex;justify-content:space-between;font-size:var(--font-size-xs);align-items:center;cursor:pointer;background-color:transparent;padding:var(--space-unit);color:var(--color-left-nav-text)}.setting-link:hover{color:var(--color-left-nav-text-hover)}.setting-link clr-icon{margin-inline-end:6px}.menu-link{position:relative}.menu-link vdr-status-badge{left:20px;top:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.ClrLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { kind: "component", type: i5.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { kind: "directive", type: i6.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { kind: "directive", type: i7.DropdownItemDirective, selector: "[vdrDropdownItem]" }, { kind: "component", type: i8.StatusBadgeComponent, selector: "vdr-status-badge", inputs: ["type"] }, { kind: "component", type: i9.UiExtensionPointComponent, selector: "vdr-ui-extension-point", inputs: ["locationId", "metadata", "topPx", "leftPx", "display", "api"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SettingsNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-settings-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav>\n    <section class=\"settings-nav-content\">\n        <ng-container *ngFor=\"let section of settingsMenuConfig$ | async\">\n            <vdr-ui-extension-point\n                [locationId]=\"section.id\"\n                api=\"navMenu\"\n                [topPx]=\"-6\"\n                [leftPx]=\"8\"\n                display=\"block\"\n            >\n                <vdr-dropdown>\n                    <button class=\"setting-link\" vdrDropdownTrigger>\n                        <div>\n                            <ng-container\n                                *ngIf=\"navBuilderService.sectionBadges[section.id] | async as sectionBadge\"\n                            >\n                                <vdr-status-badge\n                                    *ngIf=\"sectionBadge !== 'none'\"\n                                    [type]=\"sectionBadge\"\n                                ></vdr-status-badge>\n                            </ng-container>\n                            <clr-icon\n                                *ngIf=\"section.icon\"\n                                [attr.shape]=\"section.icon || 'block'\"\n                                size=\"20\"\n                            ></clr-icon>\n                            <label class=\"md:hidden\" [for]=\"section.id\">{{ section.label | translate }}</label>\n                        </div>\n                        <clr-icon class=\"md:hidden\" shape=\"caret right\"></clr-icon>\n                    </button>\n                    <vdr-dropdown-menu vdrPosition=\"top-right\">\n                        <ng-container *ngFor=\"let item of section.items\">\n                            <div *ngIf=\"shouldDisplayLink(item)\" class=\"menu-link\">\n                                <a\n                                    vdrDropdownItem\n                                    [attr.data-item-id]=\"section.id\"\n                                    [routerLink]=\"getRouterLink(item)\"\n                                    routerLinkActive=\"active\"\n                                    (click)=\"item.onClick && item.onClick($event)\"\n                                >\n                                    <ng-container *ngIf=\"item.statusBadge | async as itemBadge\">\n                                        <vdr-status-badge\n                                            *ngIf=\"itemBadge.type !== 'none'\"\n                                            [type]=\"itemBadge.type\"\n                                        ></vdr-status-badge>\n                                    </ng-container>\n                                    <clr-icon [attr.shape]=\"item.icon || 'block'\" size=\"20\"></clr-icon>\n                                    <div class=\"\">{{ item.label | translate }}</div>\n                                </a>\n                            </div>\n                        </ng-container>\n                    </vdr-dropdown-menu>\n                </vdr-dropdown>\n            </vdr-ui-extension-point>\n        </ng-container>\n    </section>\n</nav>\n", styles: [".setting-link{width:100%;border:none;display:flex;justify-content:space-between;font-size:var(--font-size-xs);align-items:center;cursor:pointer;background-color:transparent;padding:var(--space-unit);color:var(--color-left-nav-text)}.setting-link:hover{color:var(--color-left-nav-text-hover)}.setting-link clr-icon{margin-inline-end:6px}.menu-link{position:relative}.menu-link vdr-status-badge{left:20px;top:3px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MtbmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9zZXR0aW5ncy1uYXYvc2V0dGluZ3MtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9zZXR0aW5ncy1uYXYvc2V0dGluZ3MtbmF2LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7Ozs7Ozs7QUFRbEUsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGdCQUFnQjtJQUc3QyxRQUFRO1FBQ2IsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRWpCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FDOUQsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FDdEUsQ0FBQztJQUNOLENBQUM7K0dBVFEsb0JBQW9CO21HQUFwQixvQkFBb0IsK0VDWmpDLG8rRkF5REE7OzRGRDdDYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IE5hdk1lbnVTZWN0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL25hdi1idWlsZGVyL25hdi1idWlsZGVyLXR5cGVzJztcbmltcG9ydCB7IEJhc2VOYXZDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLW5hdi9iYXNlLW5hdi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1zZXR0aW5ncy1uYXYnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5ncy1uYXYuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NldHRpbmdzLW5hdi5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTZXR0aW5nc05hdkNvbXBvbmVudCBleHRlbmRzIEJhc2VOYXZDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHNldHRpbmdzTWVudUNvbmZpZyQ6IE9ic2VydmFibGU8TmF2TWVudVNlY3Rpb25bXT47XG5cbiAgICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgICAgICB0aGlzLnNldHRpbmdzTWVudUNvbmZpZyQgPSB0aGlzLm5hdkJ1aWxkZXJTZXJ2aWNlLm1lbnVDb25maWckLnBpcGUoXG4gICAgICAgICAgICBtYXAoc2VjdGlvbnMgPT4gc2VjdGlvbnMuZmlsdGVyKHMgPT4gcy5kaXNwbGF5TW9kZSA9PT0gJ3NldHRpbmdzJykpLFxuICAgICAgICApO1xuICAgIH1cbn1cbiIsIjxuYXY+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJzZXR0aW5ncy1uYXYtY29udGVudFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzZWN0aW9uIG9mIHNldHRpbmdzTWVudUNvbmZpZyQgfCBhc3luY1wiPlxuICAgICAgICAgICAgPHZkci11aS1leHRlbnNpb24tcG9pbnRcbiAgICAgICAgICAgICAgICBbbG9jYXRpb25JZF09XCJzZWN0aW9uLmlkXCJcbiAgICAgICAgICAgICAgICBhcGk9XCJuYXZNZW51XCJcbiAgICAgICAgICAgICAgICBbdG9wUHhdPVwiLTZcIlxuICAgICAgICAgICAgICAgIFtsZWZ0UHhdPVwiOFwiXG4gICAgICAgICAgICAgICAgZGlzcGxheT1cImJsb2NrXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8dmRyLWRyb3Bkb3duPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwic2V0dGluZy1saW5rXCIgdmRyRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwibmF2QnVpbGRlclNlcnZpY2Uuc2VjdGlvbkJhZGdlc1tzZWN0aW9uLmlkXSB8IGFzeW5jIGFzIHNlY3Rpb25CYWRnZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dmRyLXN0YXR1cy1iYWRnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJzZWN0aW9uQmFkZ2UgIT09ICdub25lJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJzZWN0aW9uQmFkZ2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC92ZHItc3RhdHVzLWJhZGdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjbHItaWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInNlY3Rpb24uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLnNoYXBlXT1cInNlY3Rpb24uaWNvbiB8fCAnYmxvY2snXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cIjIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9jbHItaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJtZDpoaWRkZW5cIiBbZm9yXT1cInNlY3Rpb24uaWRcIj57eyBzZWN0aW9uLmxhYmVsIHwgdHJhbnNsYXRlIH19PC9sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGNsci1pY29uIGNsYXNzPVwibWQ6aGlkZGVuXCIgc2hhcGU9XCJjYXJldCByaWdodFwiPjwvY2xyLWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8dmRyLWRyb3Bkb3duLW1lbnUgdmRyUG9zaXRpb249XCJ0b3AtcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2VjdGlvbi5pdGVtc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzaG91bGREaXNwbGF5TGluayhpdGVtKVwiIGNsYXNzPVwibWVudS1saW5rXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2ZHJEcm9wZG93bkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmRhdGEtaXRlbS1pZF09XCJzZWN0aW9uLmlkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cImdldFJvdXRlckxpbmsoaXRlbSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcm91dGVyTGlua0FjdGl2ZT1cImFjdGl2ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiaXRlbS5vbkNsaWNrICYmIGl0ZW0ub25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0uc3RhdHVzQmFkZ2UgfCBhc3luYyBhcyBpdGVtQmFkZ2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dmRyLXN0YXR1cy1iYWRnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW1CYWRnZS50eXBlICE9PSAnbm9uZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJpdGVtQmFkZ2UudHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdmRyLXN0YXR1cy1iYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNsci1pY29uIFthdHRyLnNoYXBlXT1cIml0ZW0uaWNvbiB8fCAnYmxvY2snXCIgc2l6ZT1cIjIwXCI+PC9jbHItaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJcIj57eyBpdGVtLmxhYmVsIHwgdHJhbnNsYXRlIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L3Zkci1kcm9wZG93bi1tZW51PlxuICAgICAgICAgICAgICAgIDwvdmRyLWRyb3Bkb3duPlxuICAgICAgICAgICAgPC92ZHItdWktZXh0ZW5zaW9uLXBvaW50PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L3NlY3Rpb24+XG48L25hdj5cbiJdfQ==

package/esm2022/core/components/theme-switcher/theme-switcher.component.mjs

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, HostListener } from '@angular/core';
+import { take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../data/providers/data.service";
+import * as i2 from "../../providers/local-storage/local-storage.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@clr/angular";
+import * as i5 from "@ngx-translate/core";
+export class ThemeSwitcherComponent {
+    constructor(dataService, localStorageService) {
+        this.dataService = dataService;
+        this.localStorageService = localStorageService;
+    }
+    ngOnInit() {
+        this.activeTheme$ = this.dataService.client.uiState().mapStream(data => data.uiState.theme);
+    }
+    onHostClick() {
+        this.activeTheme$.pipe(take(1)).subscribe(current => this.toggleTheme(current));
+    }
+    toggleTheme(current) {
+        const newTheme = current === 'default' ? 'dark' : 'default';
+        this.dataService.client.setUiTheme(newTheme).subscribe(() => {
+            this.localStorageService.set('activeTheme', newTheme);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ThemeSwitcherComponent, deps: [{ token: i1.DataService }, { token: i2.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ThemeSwitcherComponent, selector: "vdr-theme-switcher", host: { listeners: { "click": "onHostClick($event)", "keydown.enter": "onHostClick($event)" } }, ngImport: i0, template: "<button *ngIf=\"activeTheme$ | async as activeTheme\" class=\"theme-toggle\">\n    <span>{{ 'common.theme' | translate }}</span>\n    <div class=\"theme-icon default\" [class.active]=\"activeTheme === 'default'\">\n        <clr-icon shape=\"sun\" class=\"is-solid\"></clr-icon>\n    </div>\n    <div class=\"theme-icon dark\" [class.active]=\"activeTheme === 'dark'\">\n        <clr-icon shape=\"moon\" class=\"is-solid\"></clr-icon>\n    </div>\n</button>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}button.theme-toggle{position:relative;padding-inline-start:20px;border:none;background:transparent;color:var(--color-text-200);cursor:pointer}.theme-icon{position:absolute;top:0;left:4px;z-index:0;opacity:.2;color:var(--color-text-300);transition:opacity .3s,left .3s}.theme-icon.active{z-index:1;left:-2px;opacity:1}.theme-icon.default.active{color:#d6ae3f}.theme-icon.dark.active{color:#ffdf3a}:host-context([dir=rtl]) .theme-icon{left:auto;right:6px}:host-context([dir=rtl]) .theme-icon.active{left:auto;right:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ClrIconCustomTag, selector: "clr-icon" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ThemeSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-theme-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button *ngIf=\"activeTheme$ | async as activeTheme\" class=\"theme-toggle\">\n    <span>{{ 'common.theme' | translate }}</span>\n    <div class=\"theme-icon default\" [class.active]=\"activeTheme === 'default'\">\n        <clr-icon shape=\"sun\" class=\"is-solid\"></clr-icon>\n    </div>\n    <div class=\"theme-icon dark\" [class.active]=\"activeTheme === 'dark'\">\n        <clr-icon shape=\"moon\" class=\"is-solid\"></clr-icon>\n    </div>\n</button>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}button.theme-toggle{position:relative;padding-inline-start:20px;border:none;background:transparent;color:var(--color-text-200);cursor:pointer}.theme-icon{position:absolute;top:0;left:4px;z-index:0;opacity:.2;color:var(--color-text-300);transition:opacity .3s,left .3s}.theme-icon.active{z-index:1;left:-2px;opacity:1}.theme-icon.default.active{color:#d6ae3f}.theme-icon.dark.active{color:#ffdf3a}:host-context([dir=rtl]) .theme-icon{left:auto;right:6px}:host-context([dir=rtl]) .theme-icon.active{left:auto;right:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DataService }, { type: i2.LocalStorageService }], propDecorators: { onHostClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtc3dpdGNoZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9jb21wb25lbnRzL3RoZW1lLXN3aXRjaGVyL3RoZW1lLXN3aXRjaGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy90aGVtZS1zd2l0Y2hlci90aGVtZS1zd2l0Y2hlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBV3RDLE1BQU0sT0FBTyxzQkFBc0I7SUFHL0IsWUFBb0IsV0FBd0IsRUFBVSxtQkFBd0M7UUFBMUUsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFBVSx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO0lBQUcsQ0FBQztJQUVsRyxRQUFRO1FBQ0osSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hHLENBQUM7SUFJRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3BGLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBZTtRQUN2QixNQUFNLFFBQVEsR0FBRyxPQUFPLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUM1RCxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUN4RCxJQUFJLENBQUMsbUJBQW1CLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUMxRCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7K0dBcEJRLHNCQUFzQjttR0FBdEIsc0JBQXNCLDJKQ2JuQyw0Y0FTQTs7NEZESWEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNO2tIQWEvQyxXQUFXO3NCQUZWLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDOztzQkFDaEMsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2UgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IERhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vZGF0YS9wcm92aWRlcnMvZGF0YS5zZXJ2aWNlJztcbmltcG9ydCB7IExvY2FsU3RvcmFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvbG9jYWwtc3RvcmFnZS9sb2NhbC1zdG9yYWdlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci10aGVtZS1zd2l0Y2hlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RoZW1lLXN3aXRjaGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90aGVtZS1zd2l0Y2hlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUaGVtZVN3aXRjaGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBhY3RpdmVUaGVtZSQ6IE9ic2VydmFibGU8c3RyaW5nPjtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGF0YVNlcnZpY2U6IERhdGFTZXJ2aWNlLCBwcml2YXRlIGxvY2FsU3RvcmFnZVNlcnZpY2U6IExvY2FsU3RvcmFnZVNlcnZpY2UpIHt9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5hY3RpdmVUaGVtZSQgPSB0aGlzLmRhdGFTZXJ2aWNlLmNsaWVudC51aVN0YXRlKCkubWFwU3RyZWFtKGRhdGEgPT4gZGF0YS51aVN0YXRlLnRoZW1lKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lbnRlcicsIFsnJGV2ZW50J10pXG4gICAgb25Ib3N0Q2xpY2soKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlVGhlbWUkLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKGN1cnJlbnQgPT4gdGhpcy50b2dnbGVUaGVtZShjdXJyZW50KSk7XG4gICAgfVxuXG4gICAgdG9nZ2xlVGhlbWUoY3VycmVudDogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IG5ld1RoZW1lID0gY3VycmVudCA9PT0gJ2RlZmF1bHQnID8gJ2RhcmsnIDogJ2RlZmF1bHQnO1xuICAgICAgICB0aGlzLmRhdGFTZXJ2aWNlLmNsaWVudC5zZXRVaVRoZW1lKG5ld1RoZW1lKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2VTZXJ2aWNlLnNldCgnYWN0aXZlVGhlbWUnLCBuZXdUaGVtZSk7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxidXR0b24gKm5nSWY9XCJhY3RpdmVUaGVtZSQgfCBhc3luYyBhcyBhY3RpdmVUaGVtZVwiIGNsYXNzPVwidGhlbWUtdG9nZ2xlXCI+XG4gICAgPHNwYW4+e3sgJ2NvbW1vbi50aGVtZScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cInRoZW1lLWljb24gZGVmYXVsdFwiIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlVGhlbWUgPT09ICdkZWZhdWx0J1wiPlxuICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJzdW5cIiBjbGFzcz1cImlzLXNvbGlkXCI+PC9jbHItaWNvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidGhlbWUtaWNvbiBkYXJrXCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVUaGVtZSA9PT0gJ2RhcmsnXCI+XG4gICAgICAgIDxjbHItaWNvbiBzaGFwZT1cIm1vb25cIiBjbGFzcz1cImlzLXNvbGlkXCI+PC9jbHItaWNvbj5cbiAgICA8L2Rpdj5cbjwvYnV0dG9uPlxuIl19

package/esm2022/core/components/ui-language-switcher-dialog/ui-language-switcher-dialog.component.mjs

@@ -0,0 +1,75 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { Subject, finalize, take, takeUntil } from 'rxjs';
+import { CurrencyCode } from '../../common/generated-types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../data/providers/data.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@ng-select/ng-select";
+import * as i5 from "../../shared/components/form-field/form-field.component";
+import * as i6 from "../../shared/components/form-field/form-field-control.directive";
+import * as i7 from "../../shared/components/modal-dialog/dialog-buttons.directive";
+import * as i8 from "../../shared/components/modal-dialog/dialog-title.directive";
+import * as i9 from "../../shared/components/labeled-data/labeled-data.component";
+import * as i10 from "@ngx-translate/core";
+import * as i11 from "../../shared/pipes/locale-currency-name.pipe";
+import * as i12 from "../../shared/pipes/sort.pipe";
+import * as i13 from "../../shared/pipes/locale-date.pipe";
+import * as i14 from "../../shared/pipes/locale-currency.pipe";
+import * as i15 from "../../shared/pipes/locale-language-name.pipe";
+import * as i16 from "../../shared/pipes/locale-region-name.pipe";
+export class UiLanguageSwitcherDialogComponent {
+    constructor(dataService, changeDetector) {
+        this.dataService = dataService;
+        this.changeDetector = changeDetector;
+        this.isLoading = true;
+        this.destroy$ = new Subject();
+        this.availableLanguages = [];
+        this.availableLocales = [];
+        this.availableCurrencyCodes = Object.values(CurrencyCode);
+        this.now = new Date().toISOString();
+        const browserLanguage = navigator.language.split('-');
+        this.browserDefaultLocale = browserLanguage.length === 1 ? undefined : browserLanguage[1];
+    }
+    ngOnInit() {
+        this.updatePreviewLocale();
+        this.dataService.settings
+            .getActiveChannel()
+            .mapStream(data => data.activeChannel.defaultCurrencyCode)
+            .pipe(take(1), takeUntil(this.destroy$), finalize(() => {
+            this.isLoading = false;
+            this.changeDetector.markForCheck();
+        }))
+            .subscribe(x => {
+            this.selectedCurrencyCode = x;
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    updatePreviewLocale() {
+        if (!this.currentLocale || this.currentLocale.length === 0 || this.currentLocale.length === 2) {
+            this.previewLocale = this.createLocaleString(this.currentLanguage, this.currentLocale);
+        }
+    }
+    setLanguage() {
+        this.resolveWith([this.currentLanguage, this.currentLocale?.toUpperCase()]);
+    }
+    cancel() {
+        this.resolveWith();
+    }
+    createLocaleString(languageCode, region) {
+        if (!region) {
+            return languageCode;
+        }
+        return [languageCode, region.toUpperCase()].join('-');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UiLanguageSwitcherDialogComponent, deps: [{ token: i1.DataService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UiLanguageSwitcherDialogComponent, selector: "vdr-ui-language-switcher", ngImport: i0, template: "<ng-template vdrDialogTitle>{{ 'common.select-display-language' | translate }}</ng-template>\n\n<ng-container *ngIf=\"isLoading\">\n    <div class=\"progress loop\"></div>\n</ng-container>\n\n<ng-container *ngIf=\"!isLoading\">\n    <div class=\"clr-row\">\n        <div class=\"flex pl-2 mb-2\">\n            <vdr-form-field [label]=\"'common.language' | translate\" class=\"mr-2\">\n                <select name=\"options\" [(ngModel)]=\"currentLanguage\" (ngModelChange)=\"updatePreviewLocale()\">\n                    <option *ngFor=\"let code of availableLanguages | sort\" [value]=\"code\">\n                        {{ code | uppercase }} ({{ code | localeLanguageName }})\n                    </option>\n                </select>\n            </vdr-form-field>\n            <vdr-form-field [label]=\"'common.locale' | translate\">\n                <ng-select appendTo=\"body\" [items]=\"availableLocales\" [(ngModel)]=\"currentLocale\"\n                    (ngModelChange)=\"updatePreviewLocale()\" [placeholder]=\"'common.browser-default' | translate\">\n                    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n                        {{ item }} ({{ item | localeRegionName }})\n                    </ng-template>\n                    <ng-template ng-option-tmp let-item=\"item\">\n                        {{ item }} ({{ item | localeRegionName }})\n                    </ng-template>\n                </ng-select>\n            </vdr-form-field>\n        </div>\n    </div>\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <span class=\"pr-1\">{{ 'common.sample-formatting' | translate }}:</span><strong>{{ previewLocale |\n                localeLanguageName : previewLocale }}</strong>\n        </div>\n        <div class=\"card-block\">\n            <div class=\"clr-row\">\n                <div class=\"clr-col-sm-4\">\n                    <vdr-labeled-data [label]=\"'common.medium-date' | translate\">\n                        {{ now | localeDate : 'medium' : previewLocale }}\n                    </vdr-labeled-data>\n                    <vdr-labeled-data [label]=\"'common.short-date' | translate\">\n                        {{ now | localeDate : 'short' : previewLocale }}\n                    </vdr-labeled-data>\n                </div>\n                <div class=\"clr-col-sm-4\">\n                    <select name=\"currency\" class=\"currency\" [(ngModel)]=\"selectedCurrencyCode\">\n                        <option *ngFor=\"let code of availableCurrencyCodes | sort\" [value]=\"code\">\n                            {{ code | uppercase }} ({{ code | localeCurrencyName : 'full' : previewLocale }})\n                        </option>\n                    </select>\n                </div>\n                <div class=\"clr-col-sm-4\">\n                    <vdr-labeled-data [label]=\"'common.price' | translate\">\n                        {{ 12345 | localeCurrency : selectedCurrencyCode : previewLocale }}\n                    </vdr-labeled-data>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template vdrDialogButtons>\n    <button type=\"button\" class=\"btn\" (click)=\"cancel()\">{{ 'common.cancel' | translate }}</button>\n    <button type=\"submit\" (click)=\"setLanguage()\" class=\"btn btn-primary\">\n        {{ 'common.set-language' | translate }}\n    </button>\n</ng-template>", styles: ["select.currency{max-width:200px}input.locale{text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i4.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "component", type: i5.FormFieldComponent, selector: "vdr-form-field", inputs: ["label", "for", "tooltip", "errors", "readOnlyToggle"], outputs: ["readOnlyToggleChange"] }, { kind: "directive", type: i6.FormFieldControlDirective, selector: "input, textarea, select, vdr-currency-input" }, { kind: "directive", type: i7.DialogButtonsDirective, selector: "[vdrDialogButtons]" }, { kind: "directive", type: i8.DialogTitleDirective, selector: "[vdrDialogTitle]" }, { kind: "component", type: i9.LabeledDataComponent, selector: "vdr-labeled-data", inputs: ["label"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.LocaleCurrencyNamePipe, name: "localeCurrencyName" }, { kind: "pipe", type: i12.SortPipe, name: "sort" }, { kind: "pipe", type: i13.LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: i14.LocaleCurrencyPipe, name: "localeCurrency" }, { kind: "pipe", type: i15.LocaleLanguageNamePipe, name: "localeLanguageName" }, { kind: "pipe", type: i16.LocaleRegionNamePipe, name: "localeRegionName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UiLanguageSwitcherDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-ui-language-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template vdrDialogTitle>{{ 'common.select-display-language' | translate }}</ng-template>\n\n<ng-container *ngIf=\"isLoading\">\n    <div class=\"progress loop\"></div>\n</ng-container>\n\n<ng-container *ngIf=\"!isLoading\">\n    <div class=\"clr-row\">\n        <div class=\"flex pl-2 mb-2\">\n            <vdr-form-field [label]=\"'common.language' | translate\" class=\"mr-2\">\n                <select name=\"options\" [(ngModel)]=\"currentLanguage\" (ngModelChange)=\"updatePreviewLocale()\">\n                    <option *ngFor=\"let code of availableLanguages | sort\" [value]=\"code\">\n                        {{ code | uppercase }} ({{ code | localeLanguageName }})\n                    </option>\n                </select>\n            </vdr-form-field>\n            <vdr-form-field [label]=\"'common.locale' | translate\">\n                <ng-select appendTo=\"body\" [items]=\"availableLocales\" [(ngModel)]=\"currentLocale\"\n                    (ngModelChange)=\"updatePreviewLocale()\" [placeholder]=\"'common.browser-default' | translate\">\n                    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n                        {{ item }} ({{ item | localeRegionName }})\n                    </ng-template>\n                    <ng-template ng-option-tmp let-item=\"item\">\n                        {{ item }} ({{ item | localeRegionName }})\n                    </ng-template>\n                </ng-select>\n            </vdr-form-field>\n        </div>\n    </div>\n    <div class=\"card\">\n        <div class=\"card-header\">\n            <span class=\"pr-1\">{{ 'common.sample-formatting' | translate }}:</span><strong>{{ previewLocale |\n                localeLanguageName : previewLocale }}</strong>\n        </div>\n        <div class=\"card-block\">\n            <div class=\"clr-row\">\n                <div class=\"clr-col-sm-4\">\n                    <vdr-labeled-data [label]=\"'common.medium-date' | translate\">\n                        {{ now | localeDate : 'medium' : previewLocale }}\n                    </vdr-labeled-data>\n                    <vdr-labeled-data [label]=\"'common.short-date' | translate\">\n                        {{ now | localeDate : 'short' : previewLocale }}\n                    </vdr-labeled-data>\n                </div>\n                <div class=\"clr-col-sm-4\">\n                    <select name=\"currency\" class=\"currency\" [(ngModel)]=\"selectedCurrencyCode\">\n                        <option *ngFor=\"let code of availableCurrencyCodes | sort\" [value]=\"code\">\n                            {{ code | uppercase }} ({{ code | localeCurrencyName : 'full' : previewLocale }})\n                        </option>\n                    </select>\n                </div>\n                <div class=\"clr-col-sm-4\">\n                    <vdr-labeled-data [label]=\"'common.price' | translate\">\n                        {{ 12345 | localeCurrency : selectedCurrencyCode : previewLocale }}\n                    </vdr-labeled-data>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-template vdrDialogButtons>\n    <button type=\"button\" class=\"btn\" (click)=\"cancel()\">{{ 'common.cancel' | translate }}</button>\n    <button type=\"submit\" (click)=\"setLanguage()\" class=\"btn btn-primary\">\n        {{ 'common.set-language' | translate }}\n    </button>\n</ng-template>", styles: ["select.currency{max-width:200px}input.locale{text-transform:uppercase}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DataService }, { type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91aS1sYW5ndWFnZS1zd2l0Y2hlci1kaWFsb2cvdWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91aS1sYW5ndWFnZS1zd2l0Y2hlci1kaWFsb2cvdWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUV6RyxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQWdCLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQVcxRSxNQUFNLE9BQU8saUNBQWlDO0lBZ0IxQyxZQUFvQixXQUF3QixFQUFVLGNBQWlDO1FBQW5FLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQVUsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBYnZGLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDVCxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUd2Qyx1QkFBa0IsR0FBbUIsRUFBRSxDQUFDO1FBRXhDLHFCQUFnQixHQUFhLEVBQUUsQ0FBQztRQUNoQywyQkFBc0IsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBSTVDLFFBQUcsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBR3BDLE1BQU0sZUFBZSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RELElBQUksQ0FBQyxvQkFBb0IsR0FBRyxlQUFlLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUYsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUUzQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVE7YUFDcEIsZ0JBQWdCLEVBQUU7YUFDbEIsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQzthQUN6RCxJQUFJLENBQ0QsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUNQLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQ3hCLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3ZDLENBQUMsQ0FBQyxDQUNMO2FBQ0EsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ1gsSUFBSSxDQUFDLG9CQUFvQixHQUFHLENBQUMsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxtQkFBbUI7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDNUYsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDM0YsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEYsQ0FBQztJQUVELE1BQU07UUFDRixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVPLGtCQUFrQixDQUFDLFlBQTBCLEVBQUUsTUFBc0I7UUFDekUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ1YsT0FBTyxZQUFZLENBQUM7UUFDeEIsQ0FBQztRQUNELE9BQU8sQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFELENBQUM7K0dBaEVRLGlDQUFpQzttR0FBakMsaUNBQWlDLGdFQ2Q5QywwMUdBa0VjOzs0RkRwREQsaUNBQWlDO2tCQU43QyxTQUFTOytCQUNJLDBCQUEwQixtQkFHbkIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTdWJqZWN0LCBmaW5hbGl6ZSwgdGFrZSwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDdXJyZW5jeUNvZGUsIExhbmd1YWdlQ29kZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9nZW5lcmF0ZWQtdHlwZXMnO1xuaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL21vZGFsL21vZGFsLnR5cGVzJztcbmltcG9ydCB7IERhdGFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vZGF0YS9wcm92aWRlcnMvZGF0YS5zZXJ2aWNlJztcbmltcG9ydCB7IGdldEFwcENvbmZpZyB9IGZyb20gJy4uLy4uL2FwcC5jb25maWcnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci11aS1sYW5ndWFnZS1zd2l0Y2hlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VpLWxhbmd1YWdlLXN3aXRjaGVyLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFVpTGFuZ3VhZ2VTd2l0Y2hlckRpYWxvZ0NvbXBvbmVudFxuICAgIGltcGxlbWVudHMgRGlhbG9nPFtMYW5ndWFnZUNvZGUsIHN0cmluZyB8IHVuZGVmaW5lZF0+LCBPbkluaXQsIE9uRGVzdHJveVxue1xuICAgIGlzTG9hZGluZyA9IHRydWU7XG4gICAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gICAgcmVzb2x2ZVdpdGg6IChyZXN1bHQ/OiBbTGFuZ3VhZ2VDb2RlLCBzdHJpbmcgfCB1bmRlZmluZWRdKSA9PiB2b2lkO1xuICAgIGN1cnJlbnRMYW5ndWFnZTogTGFuZ3VhZ2VDb2RlO1xuICAgIGF2YWlsYWJsZUxhbmd1YWdlczogTGFuZ3VhZ2VDb2RlW10gPSBbXTtcbiAgICBjdXJyZW50TG9jYWxlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgYXZhaWxhYmxlTG9jYWxlczogc3RyaW5nW10gPSBbXTtcbiAgICBhdmFpbGFibGVDdXJyZW5jeUNvZGVzID0gT2JqZWN0LnZhbHVlcyhDdXJyZW5jeUNvZGUpO1xuICAgIHNlbGVjdGVkQ3VycmVuY3lDb2RlOiBzdHJpbmc7XG4gICAgcHJldmlld0xvY2FsZTogc3RyaW5nO1xuICAgIHJlYWRvbmx5IGJyb3dzZXJEZWZhdWx0TG9jYWxlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgcmVhZG9ubHkgbm93ID0gbmV3IERhdGUoKS50b0lTT1N0cmluZygpO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBkYXRhU2VydmljZTogRGF0YVNlcnZpY2UsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgICAgIGNvbnN0IGJyb3dzZXJMYW5ndWFnZSA9IG5hdmlnYXRvci5sYW5ndWFnZS5zcGxpdCgnLScpO1xuICAgICAgICB0aGlzLmJyb3dzZXJEZWZhdWx0TG9jYWxlID0gYnJvd3Nlckxhbmd1YWdlLmxlbmd0aCA9PT0gMSA/IHVuZGVmaW5lZCA6IGJyb3dzZXJMYW5ndWFnZVsxXTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy51cGRhdGVQcmV2aWV3TG9jYWxlKCk7XG5cbiAgICAgICAgdGhpcy5kYXRhU2VydmljZS5zZXR0aW5nc1xuICAgICAgICAgICAgLmdldEFjdGl2ZUNoYW5uZWwoKVxuICAgICAgICAgICAgLm1hcFN0cmVhbShkYXRhID0+IGRhdGEuYWN0aXZlQ2hhbm5lbC5kZWZhdWx0Q3VycmVuY3lDb2RlKVxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgdGFrZSgxKSxcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JCksXG4gICAgICAgICAgICAgICAgZmluYWxpemUoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSh4ID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkQ3VycmVuY3lDb2RlID0geDtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHVwZGF0ZVByZXZpZXdMb2NhbGUoKSB7XG4gICAgICAgIGlmICghdGhpcy5jdXJyZW50TG9jYWxlIHx8IHRoaXMuY3VycmVudExvY2FsZS5sZW5ndGggPT09IDAgfHwgdGhpcy5jdXJyZW50TG9jYWxlLmxlbmd0aCA9PT0gMikge1xuICAgICAgICAgICAgdGhpcy5wcmV2aWV3TG9jYWxlID0gdGhpcy5jcmVhdGVMb2NhbGVTdHJpbmcodGhpcy5jdXJyZW50TGFuZ3VhZ2UsIHRoaXMuY3VycmVudExvY2FsZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBzZXRMYW5ndWFnZSgpIHtcbiAgICAgICAgdGhpcy5yZXNvbHZlV2l0aChbdGhpcy5jdXJyZW50TGFuZ3VhZ2UsIHRoaXMuY3VycmVudExvY2FsZT8udG9VcHBlckNhc2UoKV0pO1xuICAgIH1cblxuICAgIGNhbmNlbCgpIHtcbiAgICAgICAgdGhpcy5yZXNvbHZlV2l0aCgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY3JlYXRlTG9jYWxlU3RyaW5nKGxhbmd1YWdlQ29kZTogTGFuZ3VhZ2VDb2RlLCByZWdpb24/OiBzdHJpbmcgfCBudWxsKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKCFyZWdpb24pIHtcbiAgICAgICAgICAgIHJldHVybiBsYW5ndWFnZUNvZGU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFtsYW5ndWFnZUNvZGUsIHJlZ2lvbi50b1VwcGVyQ2FzZSgpXS5qb2luKCctJyk7XG4gICAgfVxufVxuIiwiPG5nLXRlbXBsYXRlIHZkckRpYWxvZ1RpdGxlPnt7ICdjb21tb24uc2VsZWN0LWRpc3BsYXktbGFuZ3VhZ2UnIHwgdHJhbnNsYXRlIH19PC9uZy10ZW1wbGF0ZT5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzTG9hZGluZ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcyBsb29wXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc0xvYWRpbmdcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2xyLXJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBwbC0yIG1iLTJcIj5cbiAgICAgICAgICAgIDx2ZHItZm9ybS1maWVsZCBbbGFiZWxdPVwiJ2NvbW1vbi5sYW5ndWFnZScgfCB0cmFuc2xhdGVcIiBjbGFzcz1cIm1yLTJcIj5cbiAgICAgICAgICAgICAgICA8c2VsZWN0IG5hbWU9XCJvcHRpb25zXCIgWyhuZ01vZGVsKV09XCJjdXJyZW50TGFuZ3VhZ2VcIiAobmdNb2RlbENoYW5nZSk9XCJ1cGRhdGVQcmV2aWV3TG9jYWxlKClcIj5cbiAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgY29kZSBvZiBhdmFpbGFibGVMYW5ndWFnZXMgfCBzb3J0XCIgW3ZhbHVlXT1cImNvZGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGNvZGUgfCB1cHBlcmNhc2UgfX0gKHt7IGNvZGUgfCBsb2NhbGVMYW5ndWFnZU5hbWUgfX0pXG4gICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgICAgPC92ZHItZm9ybS1maWVsZD5cbiAgICAgICAgICAgIDx2ZHItZm9ybS1maWVsZCBbbGFiZWxdPVwiJ2NvbW1vbi5sb2NhbGUnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgPG5nLXNlbGVjdCBhcHBlbmRUbz1cImJvZHlcIiBbaXRlbXNdPVwiYXZhaWxhYmxlTG9jYWxlc1wiIFsobmdNb2RlbCldPVwiY3VycmVudExvY2FsZVwiXG4gICAgICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInVwZGF0ZVByZXZpZXdMb2NhbGUoKVwiIFtwbGFjZWhvbGRlcl09XCInY29tbW9uLmJyb3dzZXItZGVmYXVsdCcgfCB0cmFuc2xhdGVcIj5cbiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nLWxhYmVsLXRtcCBsZXQtaXRlbT1cIml0ZW1cIiBsZXQtY2xlYXI9XCJjbGVhclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbSB9fSAoe3sgaXRlbSB8IGxvY2FsZVJlZ2lvbk5hbWUgfX0pXG4gICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbSB9fSAoe3sgaXRlbSB8IGxvY2FsZVJlZ2lvbk5hbWUgfX0pXG4gICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPC9uZy1zZWxlY3Q+XG4gICAgICAgICAgICA8L3Zkci1mb3JtLWZpZWxkPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FyZFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicHItMVwiPnt7ICdjb21tb24uc2FtcGxlLWZvcm1hdHRpbmcnIHwgdHJhbnNsYXRlIH19Ojwvc3Bhbj48c3Ryb25nPnt7IHByZXZpZXdMb2NhbGUgfFxuICAgICAgICAgICAgICAgIGxvY2FsZUxhbmd1YWdlTmFtZSA6IHByZXZpZXdMb2NhbGUgfX08L3N0cm9uZz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJsb2NrXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2xyLXJvd1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjbHItY29sLXNtLTRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHZkci1sYWJlbGVkLWRhdGEgW2xhYmVsXT1cIidjb21tb24ubWVkaXVtLWRhdGUnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBub3cgfCBsb2NhbGVEYXRlIDogJ21lZGl1bScgOiBwcmV2aWV3TG9jYWxlIH19XG4gICAgICAgICAgICAgICAgICAgIDwvdmRyLWxhYmVsZWQtZGF0YT5cbiAgICAgICAgICAgICAgICAgICAgPHZkci1sYWJlbGVkLWRhdGEgW2xhYmVsXT1cIidjb21tb24uc2hvcnQtZGF0ZScgfCB0cmFuc2xhdGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IG5vdyB8IGxvY2FsZURhdGUgOiAnc2hvcnQnIDogcHJldmlld0xvY2FsZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L3Zkci1sYWJlbGVkLWRhdGE+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNsci1jb2wtc20tNFwiPlxuICAgICAgICAgICAgICAgICAgICA8c2VsZWN0IG5hbWU9XCJjdXJyZW5jeVwiIGNsYXNzPVwiY3VycmVuY3lcIiBbKG5nTW9kZWwpXT1cInNlbGVjdGVkQ3VycmVuY3lDb2RlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBjb2RlIG9mIGF2YWlsYWJsZUN1cnJlbmN5Q29kZXMgfCBzb3J0XCIgW3ZhbHVlXT1cImNvZGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBjb2RlIHwgdXBwZXJjYXNlIH19ICh7eyBjb2RlIHwgbG9jYWxlQ3VycmVuY3lOYW1lIDogJ2Z1bGwnIDogcHJldmlld0xvY2FsZSB9fSlcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICA8L3NlbGVjdD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2xyLWNvbC1zbS00XCI+XG4gICAgICAgICAgICAgICAgICAgIDx2ZHItbGFiZWxlZC1kYXRhIFtsYWJlbF09XCInY29tbW9uLnByaWNlJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgMTIzNDUgfCBsb2NhbGVDdXJyZW5jeSA6IHNlbGVjdGVkQ3VycmVuY3lDb2RlIDogcHJldmlld0xvY2FsZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L3Zkci1sYWJlbGVkLWRhdGE+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlIHZkckRpYWxvZ0J1dHRvbnM+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG5cIiAoY2xpY2spPVwiY2FuY2VsKClcIj57eyAnY29tbW9uLmNhbmNlbCcgfCB0cmFuc2xhdGUgfX08L2J1dHRvbj5cbiAgICA8YnV0dG9uIHR5cGU9XCJzdWJtaXRcIiAoY2xpY2spPVwic2V0TGFuZ3VhZ2UoKVwiIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCI+XG4gICAgICAgIHt7ICdjb21tb24uc2V0LWxhbmd1YWdlJyB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2022/core/components/user-menu/user-menu.component.mjs

@@ -0,0 +1,37 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/router";
+import * as i4 from "../../shared/components/dropdown/dropdown.component";
+import * as i5 from "../../shared/components/dropdown/dropdown-menu.component";
+import * as i6 from "../../shared/components/dropdown/dropdown-trigger.directive";
+import * as i7 from "../../shared/components/dropdown/dropdown-item.directive";
+import * as i8 from "../theme-switcher/theme-switcher.component";
+import * as i9 from "@ngx-translate/core";
+import * as i10 from "../../shared/pipes/locale-language-name.pipe";
+export class UserMenuComponent {
+    constructor() {
+        this.userName = '';
+        this.availableLanguages = [];
+        this.logOut = new EventEmitter();
+        this.selectUiLanguage = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UserMenuComponent, selector: "vdr-user-menu", inputs: { userName: "userName", availableLanguages: "availableLanguages", uiLanguageAndLocale: "uiLanguageAndLocale" }, outputs: { logOut: "logOut", selectUiLanguage: "selectUiLanguage" }, ngImport: i0, template: "<vdr-dropdown>\n    <button class=\"trigger user-menu-btn\" vdrDropdownTrigger>\n        <div class=\"user-circle\">\n            <clr-icon shape=\"user\" size=\"16\"></clr-icon>\n        </div>\n        <span class=\"user-name\">{{ userName }}</span>\n        <clr-icon class=\"md:hidden\" shape=\"caret down\"></clr-icon>\n    </button>\n    <vdr-dropdown-menu vdrPosition=\"bottom-right\">\n        <a [routerLink]=\"['/settings', 'profile']\" vdrDropdownItem tabindex=\"0\">\n            <clr-icon shape=\"user\" class=\"is-solid\"></clr-icon> {{ 'settings.profile' | translate }}\n        </a>\n        <ng-container *ngIf=\"1 < availableLanguages.length\">\n            <button\n                type=\"button\"\n                vdrDropdownItem\n                (click)=\"selectUiLanguage.emit()\"\n                [title]=\"'common.select-display-language' | translate\"\n            >\n                <clr-icon shape=\"language\"></clr-icon> {{ uiLanguageAndLocale?.[0] | localeLanguageName }}\n            </button>\n        </ng-container>\n        <vdr-theme-switcher vdrDropdownItem tabindex=\"0\"></vdr-theme-switcher>\n        <div class=\"dropdown-divider\"></div>\n        <button type=\"button\" vdrDropdownItem (click)=\"logOut.emit()\">\n            <clr-icon shape=\"logout\"></clr-icon> {{ 'common.log-out' | translate }}\n        </button>\n    </vdr-dropdown-menu>\n</vdr-dropdown>\n", styles: [":host{display:flex;align-items:center;height:2.5rem;width:100%;padding:var(--space-unit);padding-inline-start:0}@media screen and (max-width: 992px){:host{margin:0}}:host vdr-dropdown{width:100%}.user-menu-btn{display:flex;align-items:center;justify-content:space-between;border:none;font-size:var(--font-size-sm);width:100%;line-height:100%;height:40px;color:var(--color-text-100);background-color:var(--color-page-header-item-bg);border-radius:var(--border-radius-lg);cursor:pointer}.user-menu-btn:hover{color:var(--color-text-200)}@media screen and (min-width: 992px){.user-menu-btn{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 1.5)}}.user-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background-color:var(--color-primary-600);background-image:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);width:24px;height:24px;margin-inline-end:6px}@media screen and (max-width: 992px){.user-circle{margin-inline-end:0}}.user-circle clr-icon{color:var(--color-text-inverse)}.user-name{margin-inline-end:var(--space-unit);overflow:hidden;max-width:100px;text-overflow:ellipsis}@media screen and (max-width: 992px){.user-name{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { kind: "component", type: i5.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { kind: "directive", type: i6.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { kind: "directive", type: i7.DropdownItemDirective, selector: "[vdrDropdownItem]" }, { kind: "component", type: i8.ThemeSwitcherComponent, selector: "vdr-theme-switcher" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }, { kind: "pipe", type: i10.LocaleLanguageNamePipe, name: "localeLanguageName" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-user-menu', template: "<vdr-dropdown>\n    <button class=\"trigger user-menu-btn\" vdrDropdownTrigger>\n        <div class=\"user-circle\">\n            <clr-icon shape=\"user\" size=\"16\"></clr-icon>\n        </div>\n        <span class=\"user-name\">{{ userName }}</span>\n        <clr-icon class=\"md:hidden\" shape=\"caret down\"></clr-icon>\n    </button>\n    <vdr-dropdown-menu vdrPosition=\"bottom-right\">\n        <a [routerLink]=\"['/settings', 'profile']\" vdrDropdownItem tabindex=\"0\">\n            <clr-icon shape=\"user\" class=\"is-solid\"></clr-icon> {{ 'settings.profile' | translate }}\n        </a>\n        <ng-container *ngIf=\"1 < availableLanguages.length\">\n            <button\n                type=\"button\"\n                vdrDropdownItem\n                (click)=\"selectUiLanguage.emit()\"\n                [title]=\"'common.select-display-language' | translate\"\n            >\n                <clr-icon shape=\"language\"></clr-icon> {{ uiLanguageAndLocale?.[0] | localeLanguageName }}\n            </button>\n        </ng-container>\n        <vdr-theme-switcher vdrDropdownItem tabindex=\"0\"></vdr-theme-switcher>\n        <div class=\"dropdown-divider\"></div>\n        <button type=\"button\" vdrDropdownItem (click)=\"logOut.emit()\">\n            <clr-icon shape=\"logout\"></clr-icon> {{ 'common.log-out' | translate }}\n        </button>\n    </vdr-dropdown-menu>\n</vdr-dropdown>\n", styles: [":host{display:flex;align-items:center;height:2.5rem;width:100%;padding:var(--space-unit);padding-inline-start:0}@media screen and (max-width: 992px){:host{margin:0}}:host vdr-dropdown{width:100%}.user-menu-btn{display:flex;align-items:center;justify-content:space-between;border:none;font-size:var(--font-size-sm);width:100%;line-height:100%;height:40px;color:var(--color-text-100);background-color:var(--color-page-header-item-bg);border-radius:var(--border-radius-lg);cursor:pointer}.user-menu-btn:hover{color:var(--color-text-200)}@media screen and (min-width: 992px){.user-menu-btn{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 1.5)}}.user-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background-color:var(--color-primary-600);background-image:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);width:24px;height:24px;margin-inline-end:6px}@media screen and (max-width: 992px){.user-circle{margin-inline-end:0}}.user-circle clr-icon{color:var(--color-text-inverse)}.user-name{margin-inline-end:var(--space-unit);overflow:hidden;max-width:100px;text-overflow:ellipsis}@media screen and (max-width: 992px){.user-name{display:none}}\n"] }]
+        }], propDecorators: { userName: [{
+                type: Input
+            }], availableLanguages: [{
+                type: Input
+            }], uiLanguageAndLocale: [{
+                type: Input
+            }], logOut: [{
+                type: Output
+            }], selectUiLanguage: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91c2VyLW1lbnUvdXNlci1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91c2VyLW1lbnUvdXNlci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7OztBQVN2RSxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTWEsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLHVCQUFrQixHQUFtQixFQUFFLENBQUM7UUFFdkMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQUN6RDsrR0FOWSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrUENUOUIsZzRDQTZCQTs7NEZEcEJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDSSxlQUFlOzhCQUtoQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IExhbmd1YWdlQ29kZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9nZW5lcmF0ZWQtdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci11c2VyLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VzZXItbWVudS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBVc2VyTWVudUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdXNlck5hbWUgPSAnJztcbiAgICBASW5wdXQoKSBhdmFpbGFibGVMYW5ndWFnZXM6IExhbmd1YWdlQ29kZVtdID0gW107XG4gICAgQElucHV0KCkgdWlMYW5ndWFnZUFuZExvY2FsZTogW0xhbmd1YWdlQ29kZSwgc3RyaW5nIHwgdW5kZWZpbmVkXTtcbiAgICBAT3V0cHV0KCkgbG9nT3V0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBzZWxlY3RVaUxhbmd1YWdlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xufVxuIiwiPHZkci1kcm9wZG93bj5cbiAgICA8YnV0dG9uIGNsYXNzPVwidHJpZ2dlciB1c2VyLW1lbnUtYnRuXCIgdmRyRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidXNlci1jaXJjbGVcIj5cbiAgICAgICAgICAgIDxjbHItaWNvbiBzaGFwZT1cInVzZXJcIiBzaXplPVwiMTZcIj48L2Nsci1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ1c2VyLW5hbWVcIj57eyB1c2VyTmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgPGNsci1pY29uIGNsYXNzPVwibWQ6aGlkZGVuXCIgc2hhcGU9XCJjYXJldCBkb3duXCI+PC9jbHItaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8dmRyLWRyb3Bkb3duLW1lbnUgdmRyUG9zaXRpb249XCJib3R0b20tcmlnaHRcIj5cbiAgICAgICAgPGEgW3JvdXRlckxpbmtdPVwiWycvc2V0dGluZ3MnLCAncHJvZmlsZSddXCIgdmRyRHJvcGRvd25JdGVtIHRhYmluZGV4PVwiMFwiPlxuICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwidXNlclwiIGNsYXNzPVwiaXMtc29saWRcIj48L2Nsci1pY29uPiB7eyAnc2V0dGluZ3MucHJvZmlsZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiMSA8IGF2YWlsYWJsZUxhbmd1YWdlcy5sZW5ndGhcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB2ZHJEcm9wZG93bkl0ZW1cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0VWlMYW5ndWFnZS5lbWl0KClcIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCInY29tbW9uLnNlbGVjdC1kaXNwbGF5LWxhbmd1YWdlJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwibGFuZ3VhZ2VcIj48L2Nsci1pY29uPiB7eyB1aUxhbmd1YWdlQW5kTG9jYWxlPy5bMF0gfCBsb2NhbGVMYW5ndWFnZU5hbWUgfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPHZkci10aGVtZS1zd2l0Y2hlciB2ZHJEcm9wZG93bkl0ZW0gdGFiaW5kZXg9XCIwXCI+PC92ZHItdGhlbWUtc3dpdGNoZXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1kaXZpZGVyXCI+PC9kaXY+XG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHZkckRyb3Bkb3duSXRlbSAoY2xpY2spPVwibG9nT3V0LmVtaXQoKVwiPlxuICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwibG9nb3V0XCI+PC9jbHItaWNvbj4ge3sgJ2NvbW1vbi5sb2ctb3V0JyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L3Zkci1kcm9wZG93bi1tZW51PlxuPC92ZHItZHJvcGRvd24+XG4iXX0=