@vendure/admin-ui 1.4.5 → 1.4.6

package/bundles/vendure-admin-ui-core.umd.js

@@ -3506,9 +3506,11 @@
         { type: ServerConfigService }
     ]; };
 
+    /** @dynamic */
     var I18nService = /** @class */ (function () {
-        function I18nService(ngxTranslate) {
+        function I18nService(ngxTranslate, document) {
             this.ngxTranslate = ngxTranslate;
+            this.document = document;
             this._availableLanguages = [];
         }
         Object.defineProperty(I18nService.prototype, "availableLanguages", {
@@ -3528,7 +3530,11 @@
          * Set the UI language
          */
         I18nService.prototype.setLanguage = function (language) {
+            var _a;
             this.ngxTranslate.use(language);
+            if ((_a = this.document) === null || _a === void 0 ? void 0 : _a.documentElement) {
+                this.document.documentElement.lang = language;
+            }
         };
         /**
          * Set the available UI languages
@@ -3544,14 +3550,15 @@
         };
         return I18nService;
     }());
-    I18nService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function I18nService_Factory() { return new I18nService(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: I18nService, providedIn: "root" });
+    I18nService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function I18nService_Factory() { return new I18nService(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(i1__namespace.DOCUMENT)); }, token: I18nService, providedIn: "root" });
     I18nService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
     I18nService.ctorParameters = function () { return [
-        { type: i1$2.TranslateService }
+        { type: i1$2.TranslateService },
+        { type: Document, decorators: [{ type: i0.Inject, args: [i1.DOCUMENT,] }] }
     ]; };
 
     /**
@@ -5025,8 +5032,8 @@
     MainNavComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-main-nav',
-                    template: "<nav class=\"sidenav\" [clr-nav-level]=\"2\">\r\n    <section class=\"sidenav-content\">\r\n        <ng-container *ngFor=\"let section of navBuilderService.navMenuConfig$ | async\">\r\n            <section\r\n                class=\"nav-group\"\r\n                [attr.data-section-id]=\"section.id\"\r\n                [class.collapsible]=\"section.collapsible\"\r\n                *ngIf=\"shouldDisplayLink(section)\"\r\n            >\r\n                <vdr-ui-extension-point [locationId]=\"section.id\" api=\"navMenu\" [topPx]=\"-6\" [leftPx]=\"8\">\r\n                    <ng-container *ngIf=\"navBuilderService.sectionBadges[section.id] | async as sectionBadge\">\r\n                        <vdr-status-badge\r\n                            *ngIf=\"sectionBadge !== 'none'\"\r\n                            [type]=\"sectionBadge\"\r\n                        ></vdr-status-badge>\r\n                    </ng-container>\r\n                    <input [id]=\"section.id\" type=\"checkbox\" [checked]=\"section.collapsedByDefault\" />\r\n                    <label [for]=\"section.id\">{{ section.label | translate }}</label>\r\n                    <ul class=\"nav-list\">\r\n                        <ng-container *ngFor=\"let item of section.items\">\r\n                            <li *ngIf=\"shouldDisplayLink(item)\">\r\n                                <a\r\n                                    class=\"nav-link\"\r\n                                    [attr.data-item-id]=\"section.id\"\r\n                                    [routerLink]=\"getRouterLink(item)\"\r\n                                    routerLinkActive=\"active\"\r\n                                >\r\n                                    <ng-container *ngIf=\"item.statusBadge | async as itemBadge\">\r\n                                        <vdr-status-badge\r\n                                            *ngIf=\"itemBadge.type !== 'none'\"\r\n                                            [type]=\"itemBadge.type\"\r\n                                        ></vdr-status-badge>\r\n                                    </ng-container>\r\n                                    <clr-icon [attr.shape]=\"item.icon || 'block'\" size=\"20\"></clr-icon>\r\n                                    {{ item.label | translate }}\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </vdr-ui-extension-point>\r\n            </section>\r\n        </ng-container>\r\n    </section>\r\n</nav>\r\n",
-                    styles: [":host{order:-1;background-color:var(--clr-nav-background-color)}nav.sidenav{height:100%;width:10.8rem;border-right-color:var(--clr-sidenav-border-color)}.nav-list clr-icon{margin-right:12px}.nav-group,.nav-link{position:relative}.nav-group vdr-status-badge{left:10px;top:6px}.nav-link vdr-status-badge{left:25px;top:3px}\n"]
+                    template: "<nav class=\"sidenav\" [clr-nav-level]=\"2\">\r\n    <section class=\"sidenav-content\">\r\n        <ng-container *ngFor=\"let section of navBuilderService.navMenuConfig$ | async\">\r\n            <section\r\n                class=\"nav-group\"\r\n                [attr.data-section-id]=\"section.id\"\r\n                [class.collapsible]=\"section.collapsible\"\r\n                *ngIf=\"shouldDisplayLink(section)\"\r\n            >\r\n                <vdr-ui-extension-point [locationId]=\"section.id\" api=\"navMenu\" [topPx]=\"-6\" [leftPx]=\"8\">\r\n                    <ng-container *ngIf=\"navBuilderService.sectionBadges[section.id] | async as sectionBadge\">\r\n                        <vdr-status-badge\r\n                            *ngIf=\"sectionBadge !== 'none'\"\r\n                            [type]=\"sectionBadge\"\r\n                        ></vdr-status-badge>\r\n                    </ng-container>\r\n                    <input [id]=\"section.id\" type=\"checkbox\" [checked]=\"section.collapsedByDefault\" />\r\n                    <label class=\"nav-group-header\" [for]=\"section.id\">{{ section.label | translate }}</label>\r\n                    <ul class=\"nav-list\">\r\n                        <ng-container *ngFor=\"let item of section.items\">\r\n                            <li *ngIf=\"shouldDisplayLink(item)\">\r\n                                <a\r\n                                    class=\"nav-link\"\r\n                                    [attr.data-item-id]=\"section.id\"\r\n                                    [routerLink]=\"getRouterLink(item)\"\r\n                                    routerLinkActive=\"active\"\r\n                                >\r\n                                    <ng-container *ngIf=\"item.statusBadge | async as itemBadge\">\r\n                                        <vdr-status-badge\r\n                                            *ngIf=\"itemBadge.type !== 'none'\"\r\n                                            [type]=\"itemBadge.type\"\r\n                                        ></vdr-status-badge>\r\n                                    </ng-container>\r\n                                    <clr-icon [attr.shape]=\"item.icon || 'block'\" size=\"20\"></clr-icon>\r\n                                    {{ item.label | translate }}\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </vdr-ui-extension-point>\r\n            </section>\r\n        </ng-container>\r\n    </section>\r\n</nav>\r\n",
+                    styles: [":host{order:-1;background-color:var(--clr-nav-background-color)}nav.sidenav{height:100%;width:10.8rem;border-right-color:var(--clr-sidenav-border-color)}.sidenav .nav-group .nav-list{margin:0}.sidenav .nav-group .nav-group-header{margin:0;line-height:1.2}.sidenav .nav-group .nav-link{display:inline-flex;line-height:1rem;padding-right:.6rem}.nav-list clr-icon{flex-shrink:0;margin-right:12px}.nav-group{-webkit-hyphens:auto;hyphens:auto}.nav-group,.nav-link{position:relative}.nav-group vdr-status-badge{left:10px;top:6px}.nav-link vdr-status-badge{left:25px;top:3px}\n"]
                 },] }
     ];
     MainNavComponent.ctorParameters = function () { return [
@@ -11106,7 +11113,7 @@
         };
         ProsemirrorService.prototype.getStateFromText = function (text) {
             var div = document.createElement('div');
-            div.innerHTML = text;
+            div.innerHTML = text !== null && text !== void 0 ? text : '';
             return prosemirrorState.EditorState.create({
                 doc: prosemirrorModel.DOMParser.fromSchema(this.mySchema).parse(div),
                 plugins: this.configurePlugins({ schema: this.mySchema, floatingMenu: false }),
@@ -12468,7 +12475,7 @@
             if (!asset) {
                 return '';
             }
-            if (!asset.preview || typeof asset.preview !== 'string') {
+            if (asset.preview == null || typeof asset.preview !== 'string') {
                 throw new Error("Expected an Asset, got " + JSON.stringify(asset));
             }
             var fp = asset.focalPoint ? "&fpx=" + asset.focalPoint.x + "&fpy=" + asset.focalPoint.y : '';
@@ -13619,8 +13626,8 @@
             this.availableLanguages$ = this.serverConfigService.getAvailableLanguages();
             rxjs.combineLatest(this.entity$, this.languageCode$)
                 .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (_c) {
-                var _d = __read(_c, 2), entity = _d[0], languageCode = _d[1];
+                .subscribe(function (_d) {
+                var _e = __read(_d, 2), entity = _e[0], languageCode = _e[1];
                 _this.setFormValues(entity, languageCode);
                 _this.detailForm.markAsPristine();
             });
@@ -13637,15 +13644,15 @@
             return this.detailForm && this.detailForm.pristine;
         };
         BaseDetailComponent.prototype.setCustomFieldFormValues = function (customFields, formGroup, entity, currentTranslation) {
-            var e_1, _c;
-            var _a, _b;
+            var e_1, _d;
+            var _a, _b, _c;
             try {
                 for (var customFields_1 = __values(customFields), customFields_1_1 = customFields_1.next(); !customFields_1_1.done; customFields_1_1 = customFields_1.next()) {
                     var fieldDef = customFields_1_1.value;
                     var key = fieldDef.name;
                     var value = fieldDef.type === 'localeString'
-                        ? (_a = currentTranslation.customFields) === null || _a === void 0 ? void 0 : _a[key]
-                        : (_b = entity.customFields) === null || _b === void 0 ? void 0 : _b[key];
+                        ? (_b = (_a = currentTranslation) === null || _a === void 0 ? void 0 : _a.customFields) === null || _b === void 0 ? void 0 : _b[key]
+                        : (_c = entity.customFields) === null || _c === void 0 ? void 0 : _c[key];
                     var control = formGroup === null || formGroup === void 0 ? void 0 : formGroup.get(key);
                     if (control) {
                         control.patchValue(value);
@@ -13655,7 +13662,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (customFields_1_1 && !customFields_1_1.done && (_c = customFields_1.return)) _c.call(customFields_1);
+                    if (customFields_1_1 && !customFields_1_1.done && (_d = customFields_1.return)) _d.call(customFields_1);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -13664,10 +13671,10 @@
             return this.serverConfigService.getCustomFieldsFor(key);
         };
         BaseDetailComponent.prototype.setQueryParam = function (key, value) {
-            var _c;
+            var _d;
             this.router.navigate([
                 './',
-                Object.assign(Object.assign({}, this.route.snapshot.params), (_c = {}, _c[key] = value, _c)),
+                Object.assign(Object.assign({}, this.route.snapshot.params), (_d = {}, _d[key] = value, _d)),
             ], {
                 relativeTo: this.route,
                 queryParamsHandling: 'merge',
@@ -14005,7 +14012,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.4.5';
+    var ADMIN_UI_VERSION = '1.4.6';
 
     /**
      * Responsible for registering dashboard widget components and querying for layouts.