@vendure/admin-ui 1.4.2 → 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 [
@@ -6769,7 +6776,7 @@
     SelectFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-select-form-input',
-                    template: "<select clrSelect [formControl]=\"formControl\" [vdrDisabled]=\"readonly\">\r\n    <option *ngIf=\"config.nullable\" [ngValue]=\"null\"></option>\r\n    <option *ngFor=\"let option of options\" [value]=\"option.value\">\r\n        {{ (option | customFieldLabel) || option.label || option.value }}\r\n    </option>\r\n</select>\r\n",
+                    template: "<select clrSelect [formControl]=\"formControl\" [vdrDisabled]=\"readonly\">\r\n    <option *ngIf=\"config.nullable\" [ngValue]=\"null\"></option>\r\n    <option *ngFor=\"let option of options\" [ngValue]=\"option.value\">\r\n        {{ (option | customFieldLabel) || option.label || option.value }}\r\n    </option>\r\n</select>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: ["select{width:100%}\n"]
                 },] }
@@ -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 : '';
@@ -12736,8 +12743,8 @@
                 this.subscription = dataService.client
                     .uiState()
                     .mapStream(function (data) { return data.uiState; })
-                    .subscribe(function (_a) {
-                    var language = _a.language, locale = _a.locale;
+                    .subscribe(function (_b) {
+                    var language = _b.language, locale = _b.locale;
                     _this.locale = language.replace(/_/g, '-');
                     if (locale) {
                         _this.locale += "-" + locale;
@@ -12751,6 +12758,28 @@
                 this.subscription.unsubscribe();
             }
         };
+        /**
+         * Returns the active locale after attempting to ensure that the locale string
+         * is valid for the Intl API.
+         */
+        LocaleBasePipe.prototype.getActiveLocale = function (localeOverride) {
+            var _a;
+            var locale = typeof localeOverride === 'string' ? localeOverride : (_a = this.locale) !== null && _a !== void 0 ? _a : 'en';
+            var hyphenated = locale === null || locale === void 0 ? void 0 : locale.replace(/_/g, '-');
+            // Check for a double-region string, containing 2 region codes like
+            // pt-BR-BR, which is invalid. In this case, the second region is used
+            // and the first region discarded. This would only ever be an issue for
+            // those languages where the translation file itself encodes the region,
+            // as in pt_BR & pt_PT.
+            var matches = hyphenated === null || hyphenated === void 0 ? void 0 : hyphenated.match(/^([a-zA-Z_-]+)(-[A-Z][A-Z])(-[A-Z][A-z])$/);
+            if (matches === null || matches === void 0 ? void 0 : matches.length) {
+                var overriddenLocale = matches[1] + matches[3];
+                return overriddenLocale;
+            }
+            else {
+                return hyphenated;
+            }
+        };
         return LocaleBasePipe;
     }());
     LocaleBasePipe.decorators = [
@@ -12779,7 +12808,7 @@
         }
         LocaleCurrencyNamePipe.prototype.transform = function (value, display, locale) {
             if (display === void 0) { display = 'full'; }
-            var _a, _b;
+            var _a;
             if (value == null || value === '') {
                 return '';
             }
@@ -12788,7 +12817,7 @@
             }
             var name = '';
             var symbol = '';
-            var activeLocale = typeof locale === 'string' ? locale : (_a = this.locale) !== null && _a !== void 0 ? _a : 'en';
+            var activeLocale = this.getActiveLocale(locale);
             // Awaiting TS types for this API: https://github.com/microsoft/TypeScript/pull/44022/files
             var DisplayNames = Intl.DisplayNames;
             if (display === 'full' || display === 'name') {
@@ -12802,7 +12831,7 @@
                     currency: value,
                     currencyDisplay: 'symbol',
                 }).formatToParts();
-                symbol = ((_b = parts.find(function (p) { return p.type === 'currency'; })) === null || _b === void 0 ? void 0 : _b.value) || value;
+                symbol = ((_a = parts.find(function (p) { return p.type === 'currency'; })) === null || _a === void 0 ? void 0 : _a.value) || value;
             }
             return display === 'full' ? name + " (" + symbol + ")" : display === 'name' ? name : symbol;
         };
@@ -12843,7 +12872,7 @@
             }
             var _a = __read(args, 2), currencyCode = _a[0], locale = _a[1];
             if (typeof value === 'number' && typeof currencyCode === 'string') {
-                var activeLocale = typeof locale === 'string' ? locale : this.locale;
+                var activeLocale = this.getActiveLocale(locale);
                 var majorUnits = value / 100;
                 return new Intl.NumberFormat(activeLocale, { style: 'currency', currency: currencyCode }).format(majorUnits);
             }
@@ -12886,7 +12915,7 @@
             }
             var _a = __read(args, 2), format = _a[0], locale = _a[1];
             if (this.locale || typeof locale === 'string') {
-                var activeLocale = typeof locale === 'string' ? locale : this.locale;
+                var activeLocale = this.getActiveLocale(locale);
                 var date = value instanceof Date ? value : typeof value === 'string' ? new Date(value) : undefined;
                 if (date) {
                     var options = this.getOptionsForFormat(typeof format === 'string' ? format : 'medium');
@@ -12962,14 +12991,13 @@
             return _super.call(this, dataService, changeDetectorRef) || this;
         }
         LocaleLanguageNamePipe.prototype.transform = function (value, locale) {
-            var _a;
             if (value == null || value === '') {
                 return '';
             }
             if (typeof value !== 'string') {
                 return "Invalid language code \"" + value + "\"";
             }
-            var activeLocale = typeof locale === 'string' ? locale : (_a = this.locale) !== null && _a !== void 0 ? _a : 'en';
+            var activeLocale = this.getActiveLocale(locale);
             // Awaiting TS types for this API: https://github.com/microsoft/TypeScript/pull/44022/files
             var DisplayNames = Intl.DisplayNames;
             try {
@@ -13009,14 +13037,13 @@
             return _super.call(this, dataService, changeDetectorRef) || this;
         }
         LocaleRegionNamePipe.prototype.transform = function (value, locale) {
-            var _a;
             if (value == null || value === '') {
                 return '';
             }
             if (typeof value !== 'string') {
                 return "Invalid region code \"" + value + "\"";
             }
-            var activeLocale = typeof locale === 'string' ? locale : (_a = this.locale) !== null && _a !== void 0 ? _a : 'en';
+            var activeLocale = this.getActiveLocale(locale);
             // Awaiting TS types for this API: https://github.com/microsoft/TypeScript/pull/44022/files
             var DisplayNames = Intl.DisplayNames;
             try {
@@ -13599,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();
             });
@@ -13617,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);
@@ -13635,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; }
             }
@@ -13644,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',
@@ -13985,7 +14012,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.4.2';
+    var ADMIN_UI_VERSION = '1.4.6';
 
     /**
      * Responsible for registering dashboard widget components and querying for layouts.