@vendure/admin-ui 1.4.7 → 2.0.0-next.0

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

@@ -0,0 +1,76 @@
+import { Component, HostListener, ViewChild } 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 "@ngx-translate/core";
+export class NotificationComponent {
+    constructor() {
+        this.offsetTop = 0;
+        this.message = '';
+        this.translationVars = {};
+        this.type = 'info';
+        this.isVisible = true;
+        this.onClickFn = () => {
+            /* */
+        };
+    }
+    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);
+        }
+    }
+}
+NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: NotificationComponent, selector: "vdr-notification", host: { listeners: { "click": "onClick()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, static: true }], ngImport: i0, template: "<div\r\n    class=\"notification-wrapper\"\r\n    #wrapper\r\n    [style.top.px]=\"offsetTop\"\r\n    [ngClass]=\"{\r\n        visible: isVisible,\r\n        info: type === 'info',\r\n        success: type === 'success',\r\n        error: type === 'error',\r\n        warning: type === 'warning'\r\n    }\"\r\n>\r\n    <clr-icon [attr.shape]=\"getIcon()\" size=\"24\"></clr-icon>\r\n    {{ stringifyMessage(message) | translate: translationVars }}\r\n</div>\r\n", 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-500)}:host>.notification-wrapper.error{background-color:var(--color-error-500)}:host>.notification-wrapper.warning{background-color:var(--color-warning-500)}:host>.notification-wrapper.info{background-color:var(--color-secondary-500)}:host>.notification-wrapper.visible{opacity:.95;animation:fadeIn .3s .3s backwards}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.ClrIconCustomTag, selector: "clr-icon" }], pipes: { "translate": i3.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-notification', template: "<div\r\n    class=\"notification-wrapper\"\r\n    #wrapper\r\n    [style.top.px]=\"offsetTop\"\r\n    [ngClass]=\"{\r\n        visible: isVisible,\r\n        info: type === 'info',\r\n        success: type === 'success',\r\n        error: type === 'error',\r\n        warning: type === 'warning'\r\n    }\"\r\n>\r\n    <clr-icon [attr.shape]=\"getIcon()\" size=\"24\"></clr-icon>\r\n    {{ stringifyMessage(message) | translate: translationVars }}\r\n</div>\r\n", 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-500)}:host>.notification-wrapper.error{background-color:var(--color-error-500)}:host>.notification-wrapper.warning{background-color:var(--color-warning-500)}:host>.notification-wrapper.info{background-color:var(--color-secondary-500)}:host>.notification-wrapper.visible{opacity:.95;animation:fadeIn .3s .3s backwards}\n"] }]
+        }], propDecorators: { wrapper: [{
+                type: ViewChild,
+                args: ['wrapper', { static: true }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTL0UsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU9JLGNBQVMsR0FBRyxDQUFDLENBQUM7UUFDZCxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2Isb0JBQWUsR0FBdUMsRUFBRSxDQUFDO1FBQ3pELFNBQUksR0FBcUIsTUFBTSxDQUFDO1FBQ2hDLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDVCxjQUFTLEdBQWUsR0FBRyxFQUFFO1lBQ2pDLEtBQUs7UUFDVCxDQUFDLENBQUE7S0FxREo7SUFuREcsaUJBQWlCLENBQUMsRUFBYztRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBR0QsT0FBTztRQUNILElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDcEI7SUFDTCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsT0FBTztRQUNILElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLE9BQU8sSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVEOztPQUVHO0lBQ0gsU0FBUztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2YsT0FBTyxDQUFDLENBQUM7U0FDWjtRQUNELE1BQU0sRUFBRSxHQUFnQixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQztRQUNuRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLE1BQU0sQ0FBQztJQUM3QyxDQUFDO0lBRUQsT0FBTztRQUNILFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNmLEtBQUssTUFBTTtnQkFDUCxPQUFPLGFBQWEsQ0FBQztZQUN6QixLQUFLLFNBQVM7Z0JBQ1YsT0FBTyxjQUFjLENBQUM7WUFDMUIsS0FBSyxPQUFPO2dCQUNSLE9BQU8sb0JBQW9CLENBQUM7WUFDaEMsS0FBSyxTQUFTO2dCQUNWLE9BQU8sc0JBQXNCLENBQUM7U0FDckM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsT0FBZ0I7UUFDN0IsSUFBSSxPQUFPLE9BQU8sS0FBSyxRQUFRLEVBQUU7WUFDN0IsT0FBTyxPQUFPLENBQUM7U0FDbEI7YUFBTTtZQUNILE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQzNDO0lBQ0wsQ0FBQzs7a0hBN0RRLHFCQUFxQjtzR0FBckIscUJBQXFCLHlOQ1RsQywrY0FlQTsyRkROYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksa0JBQWtCOzhCQUtZLE9BQU87c0JBQTlDLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFldEMsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBOb3RpZmljYXRpb25UeXBlIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndmRyLW5vdGlmaWNhdGlvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uQ29tcG9uZW50IHtcclxuICAgIEBWaWV3Q2hpbGQoJ3dyYXBwZXInLCB7IHN0YXRpYzogdHJ1ZSB9KSB3cmFwcGVyOiBFbGVtZW50UmVmO1xyXG4gICAgb2Zmc2V0VG9wID0gMDtcclxuICAgIG1lc3NhZ2UgPSAnJztcclxuICAgIHRyYW5zbGF0aW9uVmFyczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfCBudW1iZXIgfSA9IHt9O1xyXG4gICAgdHlwZTogTm90aWZpY2F0aW9uVHlwZSA9ICdpbmZvJztcclxuICAgIGlzVmlzaWJsZSA9IHRydWU7XHJcbiAgICBwcml2YXRlIG9uQ2xpY2tGbjogKCkgPT4gdm9pZCA9ICgpID0+IHtcclxuICAgICAgICAvKiAqL1xyXG4gICAgfVxyXG5cclxuICAgIHJlZ2lzdGVyT25DbGlja0ZuKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5vbkNsaWNrRm4gPSBmbjtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgICBvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmlzVmlzaWJsZSkge1xyXG4gICAgICAgICAgICB0aGlzLm9uQ2xpY2tGbigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIEZhZGUgb3V0IHRoZSB0b2FzdC4gV2hlbiBwcm9taXNlIHJlc29sdmVzLCB0b2FzdCBpcyBpbnZpc2libGUgYW5kXHJcbiAgICAgKiBjYW4gYmUgcmVtb3ZlZC5cclxuICAgICAqL1xyXG4gICAgZmFkZU91dCgpOiBQcm9taXNlPGFueT4ge1xyXG4gICAgICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKHJlc29sdmUgPT4gc2V0VGltZW91dChyZXNvbHZlLCAxMDAwKSk7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBSZXR1cm5zIHRoZSBoZWlnaHQgb2YgdGhlIHRvYXN0IGVsZW1lbnQgaW4gcHguXHJcbiAgICAgKi9cclxuICAgIGdldEhlaWdodCgpOiBudW1iZXIge1xyXG4gICAgICAgIGlmICghdGhpcy53cmFwcGVyKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAwO1xyXG4gICAgICAgIH1cclxuICAgICAgICBjb25zdCBlbDogSFRNTEVsZW1lbnQgPSB0aGlzLndyYXBwZXIubmF0aXZlRWxlbWVudDtcclxuICAgICAgICByZXR1cm4gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuaGVpZ2h0O1xyXG4gICAgfVxyXG5cclxuICAgIGdldEljb24oKTogc3RyaW5nIHtcclxuICAgICAgICBzd2l0Y2ggKHRoaXMudHlwZSkge1xyXG4gICAgICAgICAgICBjYXNlICdpbmZvJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAnaW5mby1jaXJjbGUnO1xyXG4gICAgICAgICAgICBjYXNlICdzdWNjZXNzJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAnY2hlY2stY2lyY2xlJztcclxuICAgICAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuICdleGNsYW1hdGlvbi1jaXJjbGUnO1xyXG4gICAgICAgICAgICBjYXNlICd3YXJuaW5nJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAnZXhjbGFtYXRpb24tdHJpYW5nbGUnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBzdHJpbmdpZnlNZXNzYWdlKG1lc3NhZ2U6IHVua25vd24pIHtcclxuICAgICAgICBpZiAodHlwZW9mIG1lc3NhZ2UgPT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBtZXNzYWdlO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHJldHVybiBKU09OLnN0cmluZ2lmeShtZXNzYWdlLCBudWxsLCAyKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gICAgY2xhc3M9XCJub3RpZmljYXRpb24td3JhcHBlclwiXHJcbiAgICAjd3JhcHBlclxyXG4gICAgW3N0eWxlLnRvcC5weF09XCJvZmZzZXRUb3BcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgIHZpc2libGU6IGlzVmlzaWJsZSxcclxuICAgICAgICBpbmZvOiB0eXBlID09PSAnaW5mbycsXHJcbiAgICAgICAgc3VjY2VzczogdHlwZSA9PT0gJ3N1Y2Nlc3MnLFxyXG4gICAgICAgIGVycm9yOiB0eXBlID09PSAnZXJyb3InLFxyXG4gICAgICAgIHdhcm5pbmc6IHR5cGUgPT09ICd3YXJuaW5nJ1xyXG4gICAgfVwiXHJcbj5cclxuICAgIDxjbHItaWNvbiBbYXR0ci5zaGFwZV09XCJnZXRJY29uKClcIiBzaXplPVwiMjRcIj48L2Nsci1pY29uPlxyXG4gICAge3sgc3RyaW5naWZ5TWVzc2FnZShtZXNzYWdlKSB8IHRyYW5zbGF0ZTogdHJhbnNsYXRpb25WYXJzIH19XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/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);
+    }
+}
+OverlayHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OverlayHostComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.OverlayHostService }], target: i0.ɵɵFactoryTarget.Component });
+OverlayHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: OverlayHostComponent, selector: "vdr-overlay-host", ngImport: i0, template: '<!-- -->', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OverlayHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vdr-overlay-host',
+                    template: '<!-- -->',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.OverlayHostService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1ob3N0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy9vdmVybGF5LWhvc3Qvb3ZlcmxheS1ob3N0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7O0FBSTVEOzs7R0FHRztBQUtILE1BQU0sT0FBTyxvQkFBb0I7SUFDN0IsWUFBWSxnQkFBa0MsRUFBRSxrQkFBc0M7UUFDbEYsa0JBQWtCLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMxRCxDQUFDOztpSEFIUSxvQkFBb0I7cUdBQXBCLG9CQUFvQix3REFGbkIsVUFBVTsyRkFFWCxvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLFVBQVU7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBPdmVybGF5SG9zdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvb3ZlcmxheS1ob3N0L292ZXJsYXktaG9zdC5zZXJ2aWNlJztcclxuXHJcbi8qKlxyXG4gKiBUaGUgT3ZlcmxheUhvc3RDb21wb25lbnQgaXMgYSBwbGFjZWhvbGRlciBjb21wb25lbnQgd2hpY2ggcHJvdmlkZXMgYSBsb2NhdGlvbiBpbiB0aGUgRE9NIGludG8gd2hpY2ggb3ZlcmxheVxyXG4gKiBlbGVtZW50cyAobW9kYWxzLCBub3RpZnkgbm90aWZpY2F0aW9ucyBldGMpIG1heSBiZSBpbmplY3RlZCBkeW5hbWljYWxseS5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd2ZHItb3ZlcmxheS1ob3N0JyxcclxuICAgIHRlbXBsYXRlOiAnPCEtLSAtLT4nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgT3ZlcmxheUhvc3RDb21wb25lbnQge1xyXG4gICAgY29uc3RydWN0b3Iodmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZiwgb3ZlcmxheUhvc3RTZXJ2aWNlOiBPdmVybGF5SG9zdFNlcnZpY2UpIHtcclxuICAgICAgICBvdmVybGF5SG9zdFNlcnZpY2UucmVnaXN0ZXJIb3N0Vmlldyh2aWV3Q29udGFpbmVyUmVmKTtcclxuICAgIH1cclxufVxyXG4iXX0=

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

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+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);
+    }
+    toggleTheme(current) {
+        const newTheme = current === 'default' ? 'dark' : 'default';
+        this.dataService.client.setUiTheme(newTheme).subscribe(() => {
+            this.localStorageService.set('activeTheme', newTheme);
+        });
+    }
+}
+ThemeSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ThemeSwitcherComponent, deps: [{ token: i1.DataService }, { token: i2.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component });
+ThemeSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: ThemeSwitcherComponent, selector: "vdr-theme-switcher", ngImport: i0, template: "<button *ngIf=\"activeTheme$ | async as activeTheme\" class=\"theme-toggle\" (click)=\"toggleTheme(activeTheme)\">\r\n    <span>{{ 'common.theme' | translate }}</span>\r\n    <div class=\"theme-icon default\" [class.active]=\"activeTheme === 'default'\">\r\n        <clr-icon shape=\"sun\" class=\"is-solid\"></clr-icon>\r\n    </div>\r\n    <div class=\"theme-icon dark\" [class.active]=\"activeTheme === 'dark'\">\r\n        <clr-icon shape=\"moon\" class=\"is-solid\"></clr-icon>\r\n    </div>\r\n</button>\r\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center}button.theme-toggle{position:relative;padding-left:20px;border:none;background:transparent;color:var(--clr-dropdown-item-color);cursor:pointer}.theme-icon{position:absolute;top:0px;left:6px;z-index:0;opacity:.2;color:var(--color-text-300);transition:opacity .3s,left .3s}.theme-icon.active{z-index:1;left:0px;opacity:1}.theme-icon.default.active{color:#d6ae3f}.theme-icon.dark.active{color:#ffdf3a}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.ClrIconCustomTag, selector: "clr-icon" }], pipes: { "async": i3.AsyncPipe, "translate": i5.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", 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\" (click)=\"toggleTheme(activeTheme)\">\r\n    <span>{{ 'common.theme' | translate }}</span>\r\n    <div class=\"theme-icon default\" [class.active]=\"activeTheme === 'default'\">\r\n        <clr-icon shape=\"sun\" class=\"is-solid\"></clr-icon>\r\n    </div>\r\n    <div class=\"theme-icon dark\" [class.active]=\"activeTheme === 'dark'\">\r\n        <clr-icon shape=\"moon\" class=\"is-solid\"></clr-icon>\r\n    </div>\r\n</button>\r\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center}button.theme-toggle{position:relative;padding-left:20px;border:none;background:transparent;color:var(--clr-dropdown-item-color);cursor:pointer}.theme-icon{position:absolute;top:0px;left:6px;z-index:0;opacity:.2;color:var(--color-text-300);transition:opacity .3s,left .3s}.theme-icon.active{z-index:1;left:0px;opacity:1}.theme-icon.default.active{color:#d6ae3f}.theme-icon.dark.active{color:#ffdf3a}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DataService }, { type: i2.LocalStorageService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtc3dpdGNoZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9jb21wb25lbnRzL3RoZW1lLXN3aXRjaGVyL3RoZW1lLXN3aXRjaGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy90aGVtZS1zd2l0Y2hlci90aGVtZS1zd2l0Y2hlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVlsRixNQUFNLE9BQU8sc0JBQXNCO0lBRy9CLFlBQW9CLFdBQXdCLEVBQVUsbUJBQXdDO1FBQTFFLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQVUsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUFHLENBQUM7SUFFbEcsUUFBUTtRQUNKLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQWU7UUFDdkIsTUFBTSxRQUFRLEdBQUcsT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDNUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDeEQsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDMUQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzttSEFkUSxzQkFBc0I7dUdBQXRCLHNCQUFzQiwwRENabkMsbWdCQVNBOzJGREdhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDSSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuaW1wb3J0IHsgRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9kYXRhL3Byb3ZpZGVycy9kYXRhLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBMb2NhbFN0b3JhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL2xvY2FsLXN0b3JhZ2UvbG9jYWwtc3RvcmFnZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd2ZHItdGhlbWUtc3dpdGNoZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RoZW1lLXN3aXRjaGVyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3RoZW1lLXN3aXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRoZW1lU3dpdGNoZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgYWN0aXZlVGhlbWUkOiBPYnNlcnZhYmxlPHN0cmluZz47XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBkYXRhU2VydmljZTogRGF0YVNlcnZpY2UsIHByaXZhdGUgbG9jYWxTdG9yYWdlU2VydmljZTogTG9jYWxTdG9yYWdlU2VydmljZSkge31cclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICB0aGlzLmFjdGl2ZVRoZW1lJCA9IHRoaXMuZGF0YVNlcnZpY2UuY2xpZW50LnVpU3RhdGUoKS5tYXBTdHJlYW0oZGF0YSA9PiBkYXRhLnVpU3RhdGUudGhlbWUpO1xyXG4gICAgfVxyXG5cclxuICAgIHRvZ2dsZVRoZW1lKGN1cnJlbnQ6IHN0cmluZykge1xyXG4gICAgICAgIGNvbnN0IG5ld1RoZW1lID0gY3VycmVudCA9PT0gJ2RlZmF1bHQnID8gJ2RhcmsnIDogJ2RlZmF1bHQnO1xyXG4gICAgICAgIHRoaXMuZGF0YVNlcnZpY2UuY2xpZW50LnNldFVpVGhlbWUobmV3VGhlbWUpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMubG9jYWxTdG9yYWdlU2VydmljZS5zZXQoJ2FjdGl2ZVRoZW1lJywgbmV3VGhlbWUpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG59XHJcbiIsIjxidXR0b24gKm5nSWY9XCJhY3RpdmVUaGVtZSQgfCBhc3luYyBhcyBhY3RpdmVUaGVtZVwiIGNsYXNzPVwidGhlbWUtdG9nZ2xlXCIgKGNsaWNrKT1cInRvZ2dsZVRoZW1lKGFjdGl2ZVRoZW1lKVwiPlxyXG4gICAgPHNwYW4+e3sgJ2NvbW1vbi50aGVtZScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGhlbWUtaWNvbiBkZWZhdWx0XCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVUaGVtZSA9PT0gJ2RlZmF1bHQnXCI+XHJcbiAgICAgICAgPGNsci1pY29uIHNoYXBlPVwic3VuXCIgY2xhc3M9XCJpcy1zb2xpZFwiPjwvY2xyLWljb24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0aGVtZS1pY29uIGRhcmtcIiBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVRoZW1lID09PSAnZGFyaydcIj5cclxuICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJtb29uXCIgY2xhc3M9XCJpcy1zb2xpZFwiPjwvY2xyLWljb24+XHJcbiAgICA8L2Rpdj5cclxuPC9idXR0b24+XHJcbiJdfQ==

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

@@ -0,0 +1,305 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { CurrencyCode } from '../../common/generated-types';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "../../shared/components/labeled-data/labeled-data.component";
+import * as i3 from "../../shared/components/modal-dialog/dialog-title.directive";
+import * as i4 from "../../shared/components/form-field/form-field-control.directive";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/common";
+import * as i7 from "../../shared/components/modal-dialog/dialog-buttons.directive";
+import * as i8 from "@ngx-translate/core";
+import * as i9 from "../../shared/pipes/sort.pipe";
+import * as i10 from "../../shared/pipes/locale-language-name.pipe";
+import * as i11 from "../../shared/pipes/locale-region-name.pipe";
+import * as i12 from "../../shared/pipes/locale-date.pipe";
+import * as i13 from "../../shared/pipes/locale-currency-name.pipe";
+import * as i14 from "../../shared/pipes/locale-currency.pipe";
+export class UiLanguageSwitcherDialogComponent {
+    constructor() {
+        this.availableLanguages = [];
+        this.availableLocales = [
+            'AF',
+            'AL',
+            'DZ',
+            'AS',
+            'AD',
+            'AO',
+            'AI',
+            'AQ',
+            'AG',
+            'AR',
+            'AM',
+            'AW',
+            'AU',
+            'AT',
+            'AZ',
+            'BS',
+            'BH',
+            'BD',
+            'BB',
+            'BY',
+            'BE',
+            'BZ',
+            'BJ',
+            'BM',
+            'BT',
+            'BO',
+            'BQ',
+            'BA',
+            'BW',
+            'BV',
+            'BR',
+            'IO',
+            'BN',
+            'BG',
+            'BF',
+            'BI',
+            'CV',
+            'KH',
+            'CM',
+            'CA',
+            'KY',
+            'CF',
+            'TD',
+            'CL',
+            'CN',
+            'CX',
+            'CC',
+            'CO',
+            'KM',
+            'CD',
+            'CG',
+            'CK',
+            'CR',
+            'HR',
+            'CU',
+            'CW',
+            'CY',
+            'CZ',
+            'CI',
+            'DK',
+            'DJ',
+            'DM',
+            'DO',
+            'EC',
+            'EG',
+            'SV',
+            'GQ',
+            'ER',
+            'EE',
+            'SZ',
+            'ET',
+            'FK',
+            'FO',
+            'FJ',
+            'FI',
+            'FR',
+            'GF',
+            'PF',
+            'TF',
+            'GA',
+            'GM',
+            'GE',
+            'DE',
+            'GH',
+            'GI',
+            'GR',
+            'GL',
+            'GD',
+            'GP',
+            'GU',
+            'GT',
+            'GG',
+            'GN',
+            'GW',
+            'GY',
+            'HT',
+            'HM',
+            'VA',
+            'HN',
+            'HK',
+            'HU',
+            'IS',
+            'IN',
+            'ID',
+            'IR',
+            'IQ',
+            'IE',
+            'IM',
+            'IL',
+            'IT',
+            'JM',
+            'JP',
+            'JE',
+            'JO',
+            'KZ',
+            'KE',
+            'KI',
+            'KP',
+            'KR',
+            'KW',
+            'KG',
+            'LA',
+            'LV',
+            'LB',
+            'LS',
+            'LR',
+            'LY',
+            'LI',
+            'LT',
+            'LU',
+            'MO',
+            'MG',
+            'MW',
+            'MY',
+            'MV',
+            'ML',
+            'MT',
+            'MH',
+            'MQ',
+            'MR',
+            'MU',
+            'YT',
+            'MX',
+            'FM',
+            'MD',
+            'MC',
+            'MN',
+            'ME',
+            'MS',
+            'MA',
+            'MZ',
+            'MM',
+            'NA',
+            'NR',
+            'NP',
+            'NL',
+            'NC',
+            'NZ',
+            'NI',
+            'NE',
+            'NG',
+            'NU',
+            'NF',
+            'MK',
+            'MP',
+            'NO',
+            'OM',
+            'PK',
+            'PW',
+            'PS',
+            'PA',
+            'PG',
+            'PY',
+            'PE',
+            'PH',
+            'PN',
+            'PL',
+            'PT',
+            'PR',
+            'QA',
+            'RO',
+            'RU',
+            'RW',
+            'RE',
+            'BL',
+            'SH',
+            'KN',
+            'LC',
+            'MF',
+            'PM',
+            'VC',
+            'WS',
+            'SM',
+            'ST',
+            'SA',
+            'SN',
+            'RS',
+            'SC',
+            'SL',
+            'SG',
+            'SX',
+            'SK',
+            'SI',
+            'SB',
+            'SO',
+            'ZA',
+            'GS',
+            'SS',
+            'ES',
+            'LK',
+            'SD',
+            'SR',
+            'SJ',
+            'SE',
+            'CH',
+            'SY',
+            'TW',
+            'TJ',
+            'TZ',
+            'TH',
+            'TL',
+            'TG',
+            'TK',
+            'TO',
+            'TT',
+            'TN',
+            'TR',
+            'TM',
+            'TC',
+            'TV',
+            'UG',
+            'UA',
+            'AE',
+            'GB',
+            'UM',
+            'US',
+            'UY',
+            'UZ',
+            'VU',
+            'VE',
+            'VN',
+            'VG',
+            'VI',
+            'WF',
+            'EH',
+            'YE',
+            'ZM',
+            'ZW',
+            'AX',
+        ];
+        this.availableCurrencyCodes = Object.values(CurrencyCode);
+        this.selectedCurrencyCode = 'USD';
+        this.now = new Date().toISOString();
+        const browserLanguage = navigator.language.split('-');
+        this.browserDefaultLocale = browserLanguage.length === 1 ? undefined : browserLanguage[1];
+    }
+    ngOnInit() {
+        this.updatePreviewLocale();
+    }
+    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('-');
+    }
+}
+UiLanguageSwitcherDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UiLanguageSwitcherDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UiLanguageSwitcherDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: UiLanguageSwitcherDialogComponent, selector: "vdr-ui-language-switcher", ngImport: i0, template: "<ng-template vdrDialogTitle>{{ 'common.select-display-language' | translate }}</ng-template>\r\n<div class=\"clr-row\">\r\n    <div class=\"clr-col-md-6\">\r\n        <clr-select-container>\r\n            <label>{{ 'common.language' | translate }}</label>\r\n            <select\r\n                clrSelect\r\n                name=\"options\"\r\n                [(ngModel)]=\"currentLanguage\"\r\n                (ngModelChange)=\"updatePreviewLocale()\"\r\n            >\r\n                <option *ngFor=\"let code of availableLanguages | sort\" [value]=\"code\">\r\n                    {{ code | uppercase }} ({{ code | localeLanguageName }})\r\n                </option>\r\n            </select>\r\n        </clr-select-container>\r\n    </div>\r\n    <div class=\"clr-col-md-6\">\r\n        <clr-datalist-container>\r\n            <label>{{ 'common.locale' | translate }}</label>\r\n            <input\r\n                clrDatalistInput\r\n                [(ngModel)]=\"currentLocale\"\r\n                (ngModelChange)=\"updatePreviewLocale()\"\r\n                [placeholder]=\"'common.browser-default' | translate\"\r\n                class=\"locale\"\r\n                name=\"Locale\"\r\n            />\r\n            <datalist>\r\n                <option *ngFor=\"let locale of availableLocales\" [value]=\"locale\">\r\n                    {{ locale }} ({{ locale | localeRegionName }})\r\n                </option>\r\n            </datalist>\r\n        </clr-datalist-container>\r\n    </div>\r\n</div>\r\n<div class=\"card\">\r\n    <div class=\"card-header\">\r\n        <span class=\"p2\">{{ 'common.sample-formatting' | translate }}:</span><strong>{{ previewLocale | localeLanguageName:previewLocale }}</strong>\r\n    </div>\r\n    <div class=\"card-block\">\r\n        <div class=\"clr-row\">\r\n            <div class=\"clr-col-sm-4\">\r\n                <vdr-labeled-data [label]=\"'common.medium-date' | translate\">\r\n                    {{ now | localeDate: 'medium':previewLocale }}\r\n                </vdr-labeled-data>\r\n                <vdr-labeled-data [label]=\"'common.short-date' | translate\">\r\n                    {{ now | localeDate: 'short':previewLocale }}\r\n                </vdr-labeled-data>\r\n            </div>\r\n            <div class=\"clr-col-sm-4\">\r\n                <select clrSelect name=\"currency\" class=\"currency\" [(ngModel)]=\"selectedCurrencyCode\">\r\n                    <option *ngFor=\"let code of availableCurrencyCodes | sort\" [value]=\"code\">\r\n                        {{ code | uppercase }} ({{ code | localeCurrencyName: 'full':previewLocale }})\r\n                    </option>\r\n                </select>\r\n            </div>\r\n            <div class=\"clr-col-sm-4\">\r\n                <vdr-labeled-data [label]=\"'common.price' | translate\">\r\n                    {{ 12345 | localeCurrency: selectedCurrencyCode:previewLocale }}\r\n                </vdr-labeled-data>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"button\" class=\"btn\" (click)=\"cancel()\">{{ 'common.cancel' | translate }}</button>\r\n    <button\r\n        type=\"submit\"\r\n        (click)=\"setLanguage()\"\r\n        class=\"btn btn-primary\"\r\n    >\r\n        {{ 'common.set-language' | translate }}\r\n    </button>\r\n</ng-template>\r\n", styles: ["select.currency{max-width:200px}input.locale{text-transform:uppercase}\n"], components: [{ type: i1.ClrSelectContainer, selector: "clr-select-container" }, { type: i1.ClrDatalistContainer, selector: "clr-datalist-container" }, { type: i2.LabeledDataComponent, selector: "vdr-labeled-data", inputs: ["label"] }], directives: [{ type: i3.DialogTitleDirective, selector: "[vdrDialogTitle]" }, { type: i1.ClrLabel, selector: "label", inputs: ["for"] }, { type: i4.FormFieldControlDirective, selector: "input, textarea, select" }, { type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1.ClrSelect, selector: "[clrSelect]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.ClrDatalistInput, selector: "[clrDatalistInput]" }, { type: i1.ClrDatalist, selector: "datalist", inputs: ["id"] }, { type: i7.DialogButtonsDirective, selector: "[vdrDialogButtons]" }], pipes: { "translate": i8.TranslatePipe, "sort": i9.SortPipe, "uppercase": i6.UpperCasePipe, "localeLanguageName": i10.LocaleLanguageNamePipe, "localeRegionName": i11.LocaleRegionNamePipe, "localeDate": i12.LocaleDatePipe, "localeCurrencyName": i13.LocaleCurrencyNamePipe, "localeCurrency": i14.LocaleCurrencyPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", 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>\r\n<div class=\"clr-row\">\r\n    <div class=\"clr-col-md-6\">\r\n        <clr-select-container>\r\n            <label>{{ 'common.language' | translate }}</label>\r\n            <select\r\n                clrSelect\r\n                name=\"options\"\r\n                [(ngModel)]=\"currentLanguage\"\r\n                (ngModelChange)=\"updatePreviewLocale()\"\r\n            >\r\n                <option *ngFor=\"let code of availableLanguages | sort\" [value]=\"code\">\r\n                    {{ code | uppercase }} ({{ code | localeLanguageName }})\r\n                </option>\r\n            </select>\r\n        </clr-select-container>\r\n    </div>\r\n    <div class=\"clr-col-md-6\">\r\n        <clr-datalist-container>\r\n            <label>{{ 'common.locale' | translate }}</label>\r\n            <input\r\n                clrDatalistInput\r\n                [(ngModel)]=\"currentLocale\"\r\n                (ngModelChange)=\"updatePreviewLocale()\"\r\n                [placeholder]=\"'common.browser-default' | translate\"\r\n                class=\"locale\"\r\n                name=\"Locale\"\r\n            />\r\n            <datalist>\r\n                <option *ngFor=\"let locale of availableLocales\" [value]=\"locale\">\r\n                    {{ locale }} ({{ locale | localeRegionName }})\r\n                </option>\r\n            </datalist>\r\n        </clr-datalist-container>\r\n    </div>\r\n</div>\r\n<div class=\"card\">\r\n    <div class=\"card-header\">\r\n        <span class=\"p2\">{{ 'common.sample-formatting' | translate }}:</span><strong>{{ previewLocale | localeLanguageName:previewLocale }}</strong>\r\n    </div>\r\n    <div class=\"card-block\">\r\n        <div class=\"clr-row\">\r\n            <div class=\"clr-col-sm-4\">\r\n                <vdr-labeled-data [label]=\"'common.medium-date' | translate\">\r\n                    {{ now | localeDate: 'medium':previewLocale }}\r\n                </vdr-labeled-data>\r\n                <vdr-labeled-data [label]=\"'common.short-date' | translate\">\r\n                    {{ now | localeDate: 'short':previewLocale }}\r\n                </vdr-labeled-data>\r\n            </div>\r\n            <div class=\"clr-col-sm-4\">\r\n                <select clrSelect name=\"currency\" class=\"currency\" [(ngModel)]=\"selectedCurrencyCode\">\r\n                    <option *ngFor=\"let code of availableCurrencyCodes | sort\" [value]=\"code\">\r\n                        {{ code | uppercase }} ({{ code | localeCurrencyName: 'full':previewLocale }})\r\n                    </option>\r\n                </select>\r\n            </div>\r\n            <div class=\"clr-col-sm-4\">\r\n                <vdr-labeled-data [label]=\"'common.price' | translate\">\r\n                    {{ 12345 | localeCurrency: selectedCurrencyCode:previewLocale }}\r\n                </vdr-labeled-data>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"button\" class=\"btn\" (click)=\"cancel()\">{{ 'common.cancel' | translate }}</button>\r\n    <button\r\n        type=\"submit\"\r\n        (click)=\"setLanguage()\"\r\n        class=\"btn btn-primary\"\r\n    >\r\n        {{ 'common.set-language' | translate }}\r\n    </button>\r\n</ng-template>\r\n", styles: ["select.currency{max-width:200px}input.locale{text-transform:uppercase}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91aS1sYW5ndWFnZS1zd2l0Y2hlci1kaWFsb2cvdWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91aS1sYW5ndWFnZS1zd2l0Y2hlci1kaWFsb2cvdWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLFlBQVksRUFBZ0IsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztBQVMxRSxNQUFNLE9BQU8saUNBQWlDO0lBc1ExQztRQW5RQSx1QkFBa0IsR0FBbUIsRUFBRSxDQUFDO1FBRXhDLHFCQUFnQixHQUFhO1lBQ3pCLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtZQUNKLElBQUk7WUFDSixJQUFJO1lBQ0osSUFBSTtTQUNQLENBQUM7UUFDRiwyQkFBc0IsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3JELHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUdwQixRQUFHLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUdwQyxNQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsZUFBZSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlGLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELG1CQUFtQjtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDM0YsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDMUY7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxZQUEwQixFQUFFLE1BQWU7UUFDbEUsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNULE9BQU8sWUFBWSxDQUFDO1NBQ3ZCO1FBQ0QsT0FBTyxDQUFDLFlBQVksRUFBRSxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUQsQ0FBQzs7OEhBbFNRLGlDQUFpQztrSEFBakMsaUNBQWlDLGdFQ1g5QyxzekdBMkVBOzJGRGhFYSxpQ0FBaUM7a0JBTjdDLFNBQVM7K0JBQ0ksMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDdXJyZW5jeUNvZGUsIExhbmd1YWdlQ29kZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9nZW5lcmF0ZWQtdHlwZXMnO1xyXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvbW9kYWwvbW9kYWwudHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Zkci11aS1sYW5ndWFnZS1zd2l0Y2hlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktbGFuZ3VhZ2Utc3dpdGNoZXItZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3VpLWxhbmd1YWdlLXN3aXRjaGVyLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaUxhbmd1YWdlU3dpdGNoZXJEaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBEaWFsb2c8W0xhbmd1YWdlQ29kZSwgc3RyaW5nIHwgdW5kZWZpbmVkXT4sIE9uSW5pdCB7XHJcbiAgICByZXNvbHZlV2l0aDogKHJlc3VsdD86IFtMYW5ndWFnZUNvZGUsIHN0cmluZyB8IHVuZGVmaW5lZF0pID0+IHZvaWQ7XHJcbiAgICBjdXJyZW50TGFuZ3VhZ2U6IExhbmd1YWdlQ29kZTtcclxuICAgIGF2YWlsYWJsZUxhbmd1YWdlczogTGFuZ3VhZ2VDb2RlW10gPSBbXTtcclxuICAgIGN1cnJlbnRMb2NhbGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICAgIGF2YWlsYWJsZUxvY2FsZXM6IHN0cmluZ1tdID0gW1xyXG4gICAgICAgICdBRicsXHJcbiAgICAgICAgJ0FMJyxcclxuICAgICAgICAnRFonLFxyXG4gICAgICAgICdBUycsXHJcbiAgICAgICAgJ0FEJyxcclxuICAgICAgICAnQU8nLFxyXG4gICAgICAgICdBSScsXHJcbiAgICAgICAgJ0FRJyxcclxuICAgICAgICAnQUcnLFxyXG4gICAgICAgICdBUicsXHJcbiAgICAgICAgJ0FNJyxcclxuICAgICAgICAnQVcnLFxyXG4gICAgICAgICdBVScsXHJcbiAgICAgICAgJ0FUJyxcclxuICAgICAgICAnQVonLFxyXG4gICAgICAgICdCUycsXHJcbiAgICAgICAgJ0JIJyxcclxuICAgICAgICAnQkQnLFxyXG4gICAgICAgICdCQicsXHJcbiAgICAgICAgJ0JZJyxcclxuICAgICAgICAnQkUnLFxyXG4gICAgICAgICdCWicsXHJcbiAgICAgICAgJ0JKJyxcclxuICAgICAgICAnQk0nLFxyXG4gICAgICAgICdCVCcsXHJcbiAgICAgICAgJ0JPJyxcclxuICAgICAgICAnQlEnLFxyXG4gICAgICAgICdCQScsXHJcbiAgICAgICAgJ0JXJyxcclxuICAgICAgICAnQlYnLFxyXG4gICAgICAgICdCUicsXHJcbiAgICAgICAgJ0lPJyxcclxuICAgICAgICAnQk4nLFxyXG4gICAgICAgICdCRycsXHJcbiAgICAgICAgJ0JGJyxcclxuICAgICAgICAnQkknLFxyXG4gICAgICAgICdDVicsXHJcbiAgICAgICAgJ0tIJyxcclxuICAgICAgICAnQ00nLFxyXG4gICAgICAgICdDQScsXHJcbiAgICAgICAgJ0tZJyxcclxuICAgICAgICAnQ0YnLFxyXG4gICAgICAgICdURCcsXHJcbiAgICAgICAgJ0NMJyxcclxuICAgICAgICAnQ04nLFxyXG4gICAgICAgICdDWCcsXHJcbiAgICAgICAgJ0NDJyxcclxuICAgICAgICAnQ08nLFxyXG4gICAgICAgICdLTScsXHJcbiAgICAgICAgJ0NEJyxcclxuICAgICAgICAnQ0cnLFxyXG4gICAgICAgICdDSycsXHJcbiAgICAgICAgJ0NSJyxcclxuICAgICAgICAnSFInLFxyXG4gICAgICAgICdDVScsXHJcbiAgICAgICAgJ0NXJyxcclxuICAgICAgICAnQ1knLFxyXG4gICAgICAgICdDWicsXHJcbiAgICAgICAgJ0NJJyxcclxuICAgICAgICAnREsnLFxyXG4gICAgICAgICdESicsXHJcbiAgICAgICAgJ0RNJyxcclxuICAgICAgICAnRE8nLFxyXG4gICAgICAgICdFQycsXHJcbiAgICAgICAgJ0VHJyxcclxuICAgICAgICAnU1YnLFxyXG4gICAgICAgICdHUScsXHJcbiAgICAgICAgJ0VSJyxcclxuICAgICAgICAnRUUnLFxyXG4gICAgICAgICdTWicsXHJcbiAgICAgICAgJ0VUJyxcclxuICAgICAgICAnRksnLFxyXG4gICAgICAgICdGTycsXHJcbiAgICAgICAgJ0ZKJyxcclxuICAgICAgICAnRkknLFxyXG4gICAgICAgICdGUicsXHJcbiAgICAgICAgJ0dGJyxcclxuICAgICAgICAnUEYnLFxyXG4gICAgICAgICdURicsXHJcbiAgICAgICAgJ0dBJyxcclxuICAgICAgICAnR00nLFxyXG4gICAgICAgICdHRScsXHJcbiAgICAgICAgJ0RFJyxcclxuICAgICAgICAnR0gnLFxyXG4gICAgICAgICdHSScsXHJcbiAgICAgICAgJ0dSJyxcclxuICAgICAgICAnR0wnLFxyXG4gICAgICAgICdHRCcsXHJcbiAgICAgICAgJ0dQJyxcclxuICAgICAgICAnR1UnLFxyXG4gICAgICAgICdHVCcsXHJcbiAgICAgICAgJ0dHJyxcclxuICAgICAgICAnR04nLFxyXG4gICAgICAgICdHVycsXHJcbiAgICAgICAgJ0dZJyxcclxuICAgICAgICAnSFQnLFxyXG4gICAgICAgICdITScsXHJcbiAgICAgICAgJ1ZBJyxcclxuICAgICAgICAnSE4nLFxyXG4gICAgICAgICdISycsXHJcbiAgICAgICAgJ0hVJyxcclxuICAgICAgICAnSVMnLFxyXG4gICAgICAgICdJTicsXHJcbiAgICAgICAgJ0lEJyxcclxuICAgICAgICAnSVInLFxyXG4gICAgICAgICdJUScsXHJcbiAgICAgICAgJ0lFJyxcclxuICAgICAgICAnSU0nLFxyXG4gICAgICAgICdJTCcsXHJcbiAgICAgICAgJ0lUJyxcclxuICAgICAgICAnSk0nLFxyXG4gICAgICAgICdKUCcsXHJcbiAgICAgICAgJ0pFJyxcclxuICAgICAgICAnSk8nLFxyXG4gICAgICAgICdLWicsXHJcbiAgICAgICAgJ0tFJyxcclxuICAgICAgICAnS0knLFxyXG4gICAgICAgICdLUCcsXHJcbiAgICAgICAgJ0tSJyxcclxuICAgICAgICAnS1cnLFxyXG4gICAgICAgICdLRycsXHJcbiAgICAgICAgJ0xBJyxcclxuICAgICAgICAnTFYnLFxyXG4gICAgICAgICdMQicsXHJcbiAgICAgICAgJ0xTJyxcclxuICAgICAgICAnTFInLFxyXG4gICAgICAgICdMWScsXHJcbiAgICAgICAgJ0xJJyxcclxuICAgICAgICAnTFQnLFxyXG4gICAgICAgICdMVScsXHJcbiAgICAgICAgJ01PJyxcclxuICAgICAgICAnTUcnLFxyXG4gICAgICAgICdNVycsXHJcbiAgICAgICAgJ01ZJyxcclxuICAgICAgICAnTVYnLFxyXG4gICAgICAgICdNTCcsXHJcbiAgICAgICAgJ01UJyxcclxuICAgICAgICAnTUgnLFxyXG4gICAgICAgICdNUScsXHJcbiAgICAgICAgJ01SJyxcclxuICAgICAgICAnTVUnLFxyXG4gICAgICAgICdZVCcsXHJcbiAgICAgICAgJ01YJyxcclxuICAgICAgICAnRk0nLFxyXG4gICAgICAgICdNRCcsXHJcbiAgICAgICAgJ01DJyxcclxuICAgICAgICAnTU4nLFxyXG4gICAgICAgICdNRScsXHJcbiAgICAgICAgJ01TJyxcclxuICAgICAgICAnTUEnLFxyXG4gICAgICAgICdNWicsXHJcbiAgICAgICAgJ01NJyxcclxuICAgICAgICAnTkEnLFxyXG4gICAgICAgICdOUicsXHJcbiAgICAgICAgJ05QJyxcclxuICAgICAgICAnTkwnLFxyXG4gICAgICAgICdOQycsXHJcbiAgICAgICAgJ05aJyxcclxuICAgICAgICAnTkknLFxyXG4gICAgICAgICdORScsXHJcbiAgICAgICAgJ05HJyxcclxuICAgICAgICAnTlUnLFxyXG4gICAgICAgICdORicsXHJcbiAgICAgICAgJ01LJyxcclxuICAgICAgICAnTVAnLFxyXG4gICAgICAgICdOTycsXHJcbiAgICAgICAgJ09NJyxcclxuICAgICAgICAnUEsnLFxyXG4gICAgICAgICdQVycsXHJcbiAgICAgICAgJ1BTJyxcclxuICAgICAgICAnUEEnLFxyXG4gICAgICAgICdQRycsXHJcbiAgICAgICAgJ1BZJyxcclxuICAgICAgICAnUEUnLFxyXG4gICAgICAgICdQSCcsXHJcbiAgICAgICAgJ1BOJyxcclxuICAgICAgICAnUEwnLFxyXG4gICAgICAgICdQVCcsXHJcbiAgICAgICAgJ1BSJyxcclxuICAgICAgICAnUUEnLFxyXG4gICAgICAgICdSTycsXHJcbiAgICAgICAgJ1JVJyxcclxuICAgICAgICAnUlcnLFxyXG4gICAgICAgICdSRScsXHJcbiAgICAgICAgJ0JMJyxcclxuICAgICAgICAnU0gnLFxyXG4gICAgICAgICdLTicsXHJcbiAgICAgICAgJ0xDJyxcclxuICAgICAgICAnTUYnLFxyXG4gICAgICAgICdQTScsXHJcbiAgICAgICAgJ1ZDJyxcclxuICAgICAgICAnV1MnLFxyXG4gICAgICAgICdTTScsXHJcbiAgICAgICAgJ1NUJyxcclxuICAgICAgICAnU0EnLFxyXG4gICAgICAgICdTTicsXHJcbiAgICAgICAgJ1JTJyxcclxuICAgICAgICAnU0MnLFxyXG4gICAgICAgICdTTCcsXHJcbiAgICAgICAgJ1NHJyxcclxuICAgICAgICAnU1gnLFxyXG4gICAgICAgICdTSycsXHJcbiAgICAgICAgJ1NJJyxcclxuICAgICAgICAnU0InLFxyXG4gICAgICAgICdTTycsXHJcbiAgICAgICAgJ1pBJyxcclxuICAgICAgICAnR1MnLFxyXG4gICAgICAgICdTUycsXHJcbiAgICAgICAgJ0VTJyxcclxuICAgICAgICAnTEsnLFxyXG4gICAgICAgICdTRCcsXHJcbiAgICAgICAgJ1NSJyxcclxuICAgICAgICAnU0onLFxyXG4gICAgICAgICdTRScsXHJcbiAgICAgICAgJ0NIJyxcclxuICAgICAgICAnU1knLFxyXG4gICAgICAgICdUVycsXHJcbiAgICAgICAgJ1RKJyxcclxuICAgICAgICAnVFonLFxyXG4gICAgICAgICdUSCcsXHJcbiAgICAgICAgJ1RMJyxcclxuICAgICAgICAnVEcnLFxyXG4gICAgICAgICdUSycsXHJcbiAgICAgICAgJ1RPJyxcclxuICAgICAgICAnVFQnLFxyXG4gICAgICAgICdUTicsXHJcbiAgICAgICAgJ1RSJyxcclxuICAgICAgICAnVE0nLFxyXG4gICAgICAgICdUQycsXHJcbiAgICAgICAgJ1RWJyxcclxuICAgICAgICAnVUcnLFxyXG4gICAgICAgICdVQScsXHJcbiAgICAgICAgJ0FFJyxcclxuICAgICAgICAnR0InLFxyXG4gICAgICAgICdVTScsXHJcbiAgICAgICAgJ1VTJyxcclxuICAgICAgICAnVVknLFxyXG4gICAgICAgICdVWicsXHJcbiAgICAgICAgJ1ZVJyxcclxuICAgICAgICAnVkUnLFxyXG4gICAgICAgICdWTicsXHJcbiAgICAgICAgJ1ZHJyxcclxuICAgICAgICAnVkknLFxyXG4gICAgICAgICdXRicsXHJcbiAgICAgICAgJ0VIJyxcclxuICAgICAgICAnWUUnLFxyXG4gICAgICAgICdaTScsXHJcbiAgICAgICAgJ1pXJyxcclxuICAgICAgICAnQVgnLFxyXG4gICAgXTtcclxuICAgIGF2YWlsYWJsZUN1cnJlbmN5Q29kZXMgPSBPYmplY3QudmFsdWVzKEN1cnJlbmN5Q29kZSk7XHJcbiAgICBzZWxlY3RlZEN1cnJlbmN5Q29kZSA9ICdVU0QnO1xyXG4gICAgcHJldmlld0xvY2FsZTogc3RyaW5nO1xyXG4gICAgcmVhZG9ubHkgYnJvd3NlckRlZmF1bHRMb2NhbGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICAgIHJlYWRvbmx5IG5vdyA9IG5ldyBEYXRlKCkudG9JU09TdHJpbmcoKTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgICAgICBjb25zdCBicm93c2VyTGFuZ3VhZ2UgPSBuYXZpZ2F0b3IubGFuZ3VhZ2Uuc3BsaXQoJy0nKTtcclxuICAgICAgICB0aGlzLmJyb3dzZXJEZWZhdWx0TG9jYWxlID0gYnJvd3Nlckxhbmd1YWdlLmxlbmd0aCA9PT0gMSA/IHVuZGVmaW5lZCA6IGJyb3dzZXJMYW5ndWFnZVsxXTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICB0aGlzLnVwZGF0ZVByZXZpZXdMb2NhbGUoKTtcclxuICAgIH1cclxuXHJcbiAgICB1cGRhdGVQcmV2aWV3TG9jYWxlKCkge1xyXG4gICAgICAgIGlmICghdGhpcy5jdXJyZW50TG9jYWxlIHx8IHRoaXMuY3VycmVudExvY2FsZS5sZW5ndGggPT09IDAgfHwgdGhpcy5jdXJyZW50TG9jYWxlLmxlbmd0aCA9PT0gMikge1xyXG4gICAgICAgICAgICB0aGlzLnByZXZpZXdMb2NhbGUgPSB0aGlzLmNyZWF0ZUxvY2FsZVN0cmluZyh0aGlzLmN1cnJlbnRMYW5ndWFnZSwgdGhpcy5jdXJyZW50TG9jYWxlKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgc2V0TGFuZ3VhZ2UoKSB7XHJcbiAgICAgICAgdGhpcy5yZXNvbHZlV2l0aChbdGhpcy5jdXJyZW50TGFuZ3VhZ2UsIHRoaXMuY3VycmVudExvY2FsZT8udG9VcHBlckNhc2UoKV0pO1xyXG4gICAgfVxyXG5cclxuICAgIGNhbmNlbCgpIHtcclxuICAgICAgICB0aGlzLnJlc29sdmVXaXRoKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBjcmVhdGVMb2NhbGVTdHJpbmcobGFuZ3VhZ2VDb2RlOiBMYW5ndWFnZUNvZGUsIHJlZ2lvbj86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICAgICAgaWYgKCFyZWdpb24pIHtcclxuICAgICAgICAgICAgcmV0dXJuIGxhbmd1YWdlQ29kZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIFtsYW5ndWFnZUNvZGUsIHJlZ2lvbi50b1VwcGVyQ2FzZSgpXS5qb2luKCctJyk7XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlIHZkckRpYWxvZ1RpdGxlPnt7ICdjb21tb24uc2VsZWN0LWRpc3BsYXktbGFuZ3VhZ2UnIHwgdHJhbnNsYXRlIH19PC9uZy10ZW1wbGF0ZT5cclxuPGRpdiBjbGFzcz1cImNsci1yb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjbHItY29sLW1kLTZcIj5cclxuICAgICAgICA8Y2xyLXNlbGVjdC1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxsYWJlbD57eyAnY29tbW9uLmxhbmd1YWdlJyB8IHRyYW5zbGF0ZSB9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgIDxzZWxlY3RcclxuICAgICAgICAgICAgICAgIGNsclNlbGVjdFxyXG4gICAgICAgICAgICAgICAgbmFtZT1cIm9wdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjdXJyZW50TGFuZ3VhZ2VcIlxyXG4gICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlUHJldmlld0xvY2FsZSgpXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgY29kZSBvZiBhdmFpbGFibGVMYW5ndWFnZXMgfCBzb3J0XCIgW3ZhbHVlXT1cImNvZGVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBjb2RlIHwgdXBwZXJjYXNlIH19ICh7eyBjb2RlIHwgbG9jYWxlTGFuZ3VhZ2VOYW1lIH19KVxyXG4gICAgICAgICAgICAgICAgPC9vcHRpb24+XHJcbiAgICAgICAgICAgIDwvc2VsZWN0PlxyXG4gICAgICAgIDwvY2xyLXNlbGVjdC1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjbHItY29sLW1kLTZcIj5cclxuICAgICAgICA8Y2xyLWRhdGFsaXN0LWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPGxhYmVsPnt7ICdjb21tb24ubG9jYWxlJyB8IHRyYW5zbGF0ZSB9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgY2xyRGF0YWxpc3RJbnB1dFxyXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjdXJyZW50TG9jYWxlXCJcclxuICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInVwZGF0ZVByZXZpZXdMb2NhbGUoKVwiXHJcbiAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ2NvbW1vbi5icm93c2VyLWRlZmF1bHQnIHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibG9jYWxlXCJcclxuICAgICAgICAgICAgICAgIG5hbWU9XCJMb2NhbGVcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICA8ZGF0YWxpc3Q+XHJcbiAgICAgICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBsb2NhbGUgb2YgYXZhaWxhYmxlTG9jYWxlc1wiIFt2YWx1ZV09XCJsb2NhbGVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBsb2NhbGUgfX0gKHt7IGxvY2FsZSB8IGxvY2FsZVJlZ2lvbk5hbWUgfX0pXHJcbiAgICAgICAgICAgICAgICA8L29wdGlvbj5cclxuICAgICAgICAgICAgPC9kYXRhbGlzdD5cclxuICAgICAgICA8L2Nsci1kYXRhbGlzdC1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJjYXJkXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXJcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInAyXCI+e3sgJ2NvbW1vbi5zYW1wbGUtZm9ybWF0dGluZycgfCB0cmFuc2xhdGUgfX06PC9zcGFuPjxzdHJvbmc+e3sgcHJldmlld0xvY2FsZSB8IGxvY2FsZUxhbmd1YWdlTmFtZTpwcmV2aWV3TG9jYWxlIH19PC9zdHJvbmc+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJsb2NrXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNsci1yb3dcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNsci1jb2wtc20tNFwiPlxyXG4gICAgICAgICAgICAgICAgPHZkci1sYWJlbGVkLWRhdGEgW2xhYmVsXT1cIidjb21tb24ubWVkaXVtLWRhdGUnIHwgdHJhbnNsYXRlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgbm93IHwgbG9jYWxlRGF0ZTogJ21lZGl1bSc6cHJldmlld0xvY2FsZSB9fVxyXG4gICAgICAgICAgICAgICAgPC92ZHItbGFiZWxlZC1kYXRhPlxyXG4gICAgICAgICAgICAgICAgPHZkci1sYWJlbGVkLWRhdGEgW2xhYmVsXT1cIidjb21tb24uc2hvcnQtZGF0ZScgfCB0cmFuc2xhdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBub3cgfCBsb2NhbGVEYXRlOiAnc2hvcnQnOnByZXZpZXdMb2NhbGUgfX1cclxuICAgICAgICAgICAgICAgIDwvdmRyLWxhYmVsZWQtZGF0YT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjbHItY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgICAgIDxzZWxlY3QgY2xyU2VsZWN0IG5hbWU9XCJjdXJyZW5jeVwiIGNsYXNzPVwiY3VycmVuY3lcIiBbKG5nTW9kZWwpXT1cInNlbGVjdGVkQ3VycmVuY3lDb2RlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgY29kZSBvZiBhdmFpbGFibGVDdXJyZW5jeUNvZGVzIHwgc29ydFwiIFt2YWx1ZV09XCJjb2RlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGNvZGUgfCB1cHBlcmNhc2UgfX0gKHt7IGNvZGUgfCBsb2NhbGVDdXJyZW5jeU5hbWU6ICdmdWxsJzpwcmV2aWV3TG9jYWxlIH19KVxyXG4gICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxyXG4gICAgICAgICAgICAgICAgPC9zZWxlY3Q+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2xyLWNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgICAgICA8dmRyLWxhYmVsZWQtZGF0YSBbbGFiZWxdPVwiJ2NvbW1vbi5wcmljZScgfCB0cmFuc2xhdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyAxMjM0NSB8IGxvY2FsZUN1cnJlbmN5OiBzZWxlY3RlZEN1cnJlbmN5Q29kZTpwcmV2aWV3TG9jYWxlIH19XHJcbiAgICAgICAgICAgICAgICA8L3Zkci1sYWJlbGVkLWRhdGE+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG48bmctdGVtcGxhdGUgdmRyRGlhbG9nQnV0dG9ucz5cclxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiYnRuXCIgKGNsaWNrKT1cImNhbmNlbCgpXCI+e3sgJ2NvbW1vbi5jYW5jZWwnIHwgdHJhbnNsYXRlIH19PC9idXR0b24+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgICAgdHlwZT1cInN1Ym1pdFwiXHJcbiAgICAgICAgKGNsaWNrKT1cInNldExhbmd1YWdlKClcIlxyXG4gICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCJcclxuICAgID5cclxuICAgICAgICB7eyAnY29tbW9uLnNldC1sYW5ndWFnZScgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvYnV0dG9uPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/esm2020/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 "../../shared/components/dropdown/dropdown.component";
+import * as i2 from "../../shared/components/dropdown/dropdown-menu.component";
+import * as i3 from "../theme-switcher/theme-switcher.component";
+import * as i4 from "../../shared/components/dropdown/dropdown-trigger.directive";
+import * as i5 from "@clr/angular";
+import * as i6 from "@angular/router";
+import * as i7 from "../../shared/components/dropdown/dropdown-item.directive";
+import * as i8 from "@angular/common";
+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();
+    }
+}
+UserMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UserMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: UserMenuComponent, selector: "vdr-user-menu", inputs: { userName: "userName", availableLanguages: "availableLanguages", uiLanguageAndLocale: "uiLanguageAndLocale" }, outputs: { logOut: "logOut", selectUiLanguage: "selectUiLanguage" }, ngImport: i0, template: "<vdr-dropdown>\r\n    <button class=\"btn btn-link trigger\" vdrDropdownTrigger>\r\n        <span class=\"user-name\">{{ userName }}</span>\r\n        <clr-icon shape=\"user\" size=\"24\"></clr-icon>\r\n        <clr-icon shape=\"caret down\"></clr-icon>\r\n    </button>\r\n    <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n        <a [routerLink]=\"['/settings', 'profile']\" vdrDropdownItem>\r\n            <clr-icon shape=\"user\" class=\"is-solid\"></clr-icon> {{ 'settings.profile' | translate }}\r\n        </a>\r\n        <ng-container *ngIf=\"1 < availableLanguages.length\">\r\n            <button\r\n                type=\"button\"\r\n                vdrDropdownItem\r\n                (click)=\"selectUiLanguage.emit()\"\r\n                [title]=\"'common.select-display-language' | translate\"\r\n            >\r\n                <clr-icon shape=\"language\"></clr-icon> {{ uiLanguageAndLocale?.[0] | localeLanguageName }}\r\n            </button>\r\n        </ng-container>\r\n        <div class=\"dropdown-item\">\r\n            <vdr-theme-switcher></vdr-theme-switcher>\r\n        </div>\r\n        <div class=\"dropdown-divider\"></div>\r\n        <button type=\"button\" vdrDropdownItem (click)=\"logOut.emit()\">\r\n            <clr-icon shape=\"logout\"></clr-icon> {{ 'common.log-out' | translate }}\r\n        </button>\r\n    </vdr-dropdown-menu>\r\n</vdr-dropdown>\r\n", styles: [":host{display:flex;align-items:center;margin:0 .5rem;height:2.5rem}.user-name{color:var(--color-grey-200);margin-right:12px}@media screen and (max-width: 768px){.user-name{display:none}}.trigger clr-icon{color:#fff}\n"], components: [{ type: i1.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { type: i2.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition"] }, { type: i3.ThemeSwitcherComponent, selector: "vdr-theme-switcher" }], directives: [{ type: i4.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { type: i5.ClrIconCustomTag, selector: "clr-icon" }, { type: i6.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i7.DropdownItemDirective, selector: "[vdrDropdownItem]" }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i9.TranslatePipe, "localeLanguageName": i10.LocaleLanguageNamePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UserMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-user-menu', template: "<vdr-dropdown>\r\n    <button class=\"btn btn-link trigger\" vdrDropdownTrigger>\r\n        <span class=\"user-name\">{{ userName }}</span>\r\n        <clr-icon shape=\"user\" size=\"24\"></clr-icon>\r\n        <clr-icon shape=\"caret down\"></clr-icon>\r\n    </button>\r\n    <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n        <a [routerLink]=\"['/settings', 'profile']\" vdrDropdownItem>\r\n            <clr-icon shape=\"user\" class=\"is-solid\"></clr-icon> {{ 'settings.profile' | translate }}\r\n        </a>\r\n        <ng-container *ngIf=\"1 < availableLanguages.length\">\r\n            <button\r\n                type=\"button\"\r\n                vdrDropdownItem\r\n                (click)=\"selectUiLanguage.emit()\"\r\n                [title]=\"'common.select-display-language' | translate\"\r\n            >\r\n                <clr-icon shape=\"language\"></clr-icon> {{ uiLanguageAndLocale?.[0] | localeLanguageName }}\r\n            </button>\r\n        </ng-container>\r\n        <div class=\"dropdown-item\">\r\n            <vdr-theme-switcher></vdr-theme-switcher>\r\n        </div>\r\n        <div class=\"dropdown-divider\"></div>\r\n        <button type=\"button\" vdrDropdownItem (click)=\"logOut.emit()\">\r\n            <clr-icon shape=\"logout\"></clr-icon> {{ 'common.log-out' | translate }}\r\n        </button>\r\n    </vdr-dropdown-menu>\r\n</vdr-dropdown>\r\n", styles: [":host{display:flex;align-items:center;margin:0 .5rem;height:2.5rem}.user-name{color:var(--color-grey-200);margin-right:12px}@media screen and (max-width: 768px){.user-name{display:none}}.trigger clr-icon{color:#fff}\n"] }]
+        }], propDecorators: { userName: [{
+                type: Input
+            }], availableLanguages: [{
+                type: Input
+            }], uiLanguageAndLocale: [{
+                type: Input
+            }], logOut: [{
+                type: Output
+            }], selectUiLanguage: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91c2VyLW1lbnUvdXNlci1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvY29tcG9uZW50cy91c2VyLW1lbnUvdXNlci1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7OztBQVN2RSxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTWEsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLHVCQUFrQixHQUFtQixFQUFFLENBQUM7UUFFdkMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQUN6RDs7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsa1BDVDlCLHkzQ0E2QkE7MkZEcEJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDSSxlQUFlOzhCQUtoQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBMYW5ndWFnZUNvZGUgfSBmcm9tICcuLi8uLi9jb21tb24vZ2VuZXJhdGVkLXR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd2ZHItdXNlci1tZW51JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vdXNlci1tZW51LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVc2VyTWVudUNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB1c2VyTmFtZSA9ICcnO1xyXG4gICAgQElucHV0KCkgYXZhaWxhYmxlTGFuZ3VhZ2VzOiBMYW5ndWFnZUNvZGVbXSA9IFtdO1xyXG4gICAgQElucHV0KCkgdWlMYW5ndWFnZUFuZExvY2FsZTogW0xhbmd1YWdlQ29kZSwgc3RyaW5nIHwgdW5kZWZpbmVkXTtcclxuICAgIEBPdXRwdXQoKSBsb2dPdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgICBAT3V0cHV0KCkgc2VsZWN0VWlMYW5ndWFnZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxufVxyXG4iLCI8dmRyLWRyb3Bkb3duPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tbGluayB0cmlnZ2VyXCIgdmRyRHJvcGRvd25UcmlnZ2VyPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidXNlci1uYW1lXCI+e3sgdXNlck5hbWUgfX08L3NwYW4+XHJcbiAgICAgICAgPGNsci1pY29uIHNoYXBlPVwidXNlclwiIHNpemU9XCIyNFwiPjwvY2xyLWljb24+XHJcbiAgICAgICAgPGNsci1pY29uIHNoYXBlPVwiY2FyZXQgZG93blwiPjwvY2xyLWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIDx2ZHItZHJvcGRvd24tbWVudSB2ZHJQb3NpdGlvbj1cImJvdHRvbS1yaWdodFwiPlxyXG4gICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cIlsnL3NldHRpbmdzJywgJ3Byb2ZpbGUnXVwiIHZkckRyb3Bkb3duSXRlbT5cclxuICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwidXNlclwiIGNsYXNzPVwiaXMtc29saWRcIj48L2Nsci1pY29uPiB7eyAnc2V0dGluZ3MucHJvZmlsZScgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L2E+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIjEgPCBhdmFpbGFibGVMYW5ndWFnZXMubGVuZ3RoXCI+XHJcbiAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgdmRyRHJvcGRvd25JdGVtXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0VWlMYW5ndWFnZS5lbWl0KClcIlxyXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cIidjb21tb24uc2VsZWN0LWRpc3BsYXktbGFuZ3VhZ2UnIHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwibGFuZ3VhZ2VcIj48L2Nsci1pY29uPiB7eyB1aUxhbmd1YWdlQW5kTG9jYWxlPy5bMF0gfCBsb2NhbGVMYW5ndWFnZU5hbWUgfX1cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLWl0ZW1cIj5cclxuICAgICAgICAgICAgPHZkci10aGVtZS1zd2l0Y2hlcj48L3Zkci10aGVtZS1zd2l0Y2hlcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tZGl2aWRlclwiPjwvZGl2PlxyXG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHZkckRyb3Bkb3duSXRlbSAoY2xpY2spPVwibG9nT3V0LmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJsb2dvdXRcIj48L2Nsci1pY29uPiB7eyAnY29tbW9uLmxvZy1vdXQnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L3Zkci1kcm9wZG93bi1tZW51PlxyXG48L3Zkci1kcm9wZG93bj5cclxuIl19