@vendure/admin-ui 1.6.4 → 1.6.5

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

@@ -7426,7 +7426,8 @@
      * @docsPage default-inputs
      */
     var SelectFormInputComponent = /** @class */ (function () {
-        function SelectFormInputComponent() {
+        function SelectFormInputComponent(dataService) {
+            this.dataService = dataService;
         }
         Object.defineProperty(SelectFormInputComponent.prototype, "options", {
             get: function () {
@@ -7436,17 +7437,29 @@
             enumerable: false,
             configurable: true
         });
+        SelectFormInputComponent.prototype.ngOnInit = function () {
+            this.uiLanguage$ = this.dataService.client.uiState().mapStream(function (_b) {
+                var uiState = _b.uiState;
+                return uiState.language;
+            });
+        };
+        SelectFormInputComponent.prototype.trackByFn = function (index, item) {
+            return item.value;
+        };
         return SelectFormInputComponent;
     }());
     SelectFormInputComponent.id = 'select-form-input';
     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\" [ngValue]=\"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;trackBy:trackByFn\" [ngValue]=\"option.value\">\r\n        {{ (option | customFieldLabel:(uiLanguage$ | async)) || option.label || option.value }}\r\n    </option>\r\n</select>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: ["select{width:100%}\n"]
                 },] }
     ];
+    SelectFormInputComponent.ctorParameters = function () { return [
+        { type: DataService }
+    ]; };
     SelectFormInputComponent.propDecorators = {
         readonly: [{ type: i0.Input }]
     };
@@ -9075,6 +9088,14 @@
             this.readonly = false;
             this.hasCustomControl = false;
         }
+        CustomFieldControlComponent.prototype.ngOnInit = function () {
+            this.uiLanguage$ = this.dataService.client
+                .uiState()
+                .stream$.pipe(operators.map(function (_a) {
+                var uiState = _a.uiState;
+                return uiState.language;
+            }));
+        };
         CustomFieldControlComponent.prototype.getFieldDefinition = function () {
             var config = Object.assign({}, this.customField);
             var id = this.customFieldComponentService.customFieldComponentExists(this.entityName, this.customField.name);
@@ -9097,7 +9118,7 @@
     CustomFieldControlComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-custom-field-control',
-                    template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\r\n    <label for=\"basic\" class=\"clr-control-label\">{{ customField | customFieldLabel }}</label>\r\n    <div class=\"clr-control-container\">\r\n        <div class=\"clr-input-wrapper\">\r\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<vdr-form-field [label]=\"customField | customFieldLabel\" [for]=\"customField.name\" *ngIf=\"!compact\">\r\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n</vdr-form-field>\r\n\r\n<ng-template #inputs>\r\n    <ng-container [formGroup]=\"formGroup\">\r\n        <vdr-dynamic-form-input\r\n            [formControlName]=\"customField.name\"\r\n            [readonly]=\"readonly || customField.readonly\"\r\n            [control]=\"formGroup.get(customField.name)\"\r\n            [def]=\"getFieldDefinition()\"\r\n        >\r\n        </vdr-dynamic-form-input>\r\n    </ng-container>\r\n</ng-template>\r\n",
+                    template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\r\n    <label for=\"basic\" class=\"clr-control-label\">{{ customField | customFieldLabel:(uiLanguage$ | async) }}</label>\r\n    <div class=\"clr-control-container\">\r\n        <div class=\"clr-input-wrapper\">\r\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<vdr-form-field [label]=\"customField | customFieldLabel:(uiLanguage$ | async)\" [for]=\"customField.name\" *ngIf=\"!compact\">\r\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n</vdr-form-field>\r\n\r\n<ng-template #inputs>\r\n    <ng-container [formGroup]=\"formGroup\">\r\n        <vdr-dynamic-form-input\r\n            [formControlName]=\"customField.name\"\r\n            [readonly]=\"readonly || customField.readonly\"\r\n            [control]=\"formGroup.get(customField.name)\"\r\n            [def]=\"getFieldDefinition()\"\r\n        >\r\n        </vdr-dynamic-form-input>\r\n    </ng-container>\r\n</ng-template>\r\n",
                     styles: [":host{display:block;width:100%}:host .toggle-switch{margin-top:0;margin-bottom:0}\n"]
                 },] }
     ];
@@ -13087,33 +13108,22 @@
      * name/value if none are defined.
      */
     var CustomFieldLabelPipe = /** @class */ (function () {
-        function CustomFieldLabelPipe(dataService) {
-            var _this = this;
-            this.dataService = dataService;
-            this.subscription = dataService.client.uiState().stream$.subscribe(function (val) {
-                _this.uiLanguageCode = val.uiState.language;
-            });
+        function CustomFieldLabelPipe() {
         }
-        CustomFieldLabelPipe.prototype.transform = function (value) {
-            var _this = this;
+        CustomFieldLabelPipe.prototype.transform = function (value, uiLanguageCode) {
             if (!value) {
                 return value;
             }
             var label = value.label;
             var name = this.isCustomFieldConfig(value) ? value.name : value.value;
             if (label) {
-                var match = label.find(function (l) { return l.languageCode === _this.uiLanguageCode; });
+                var match = label.find(function (l) { return l.languageCode === uiLanguageCode; });
                 return match ? match.value : label[0].value;
             }
             else {
                 return name;
             }
         };
-        CustomFieldLabelPipe.prototype.ngOnDestroy = function () {
-            if (this.subscription) {
-                this.subscription.unsubscribe();
-            }
-        };
         CustomFieldLabelPipe.prototype.isCustomFieldConfig = function (input) {
             return input.hasOwnProperty('name');
         };
@@ -13122,12 +13132,9 @@
     CustomFieldLabelPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'customFieldLabel',
-                    pure: false,
+                    pure: true,
                 },] }
-    ];
-    CustomFieldLabelPipe.ctorParameters = function () { return [
-        { type: DataService }
-    ]; };
+    ];
 
     /**
      * @description
@@ -14583,7 +14590,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.6.4';
+    var ADMIN_UI_VERSION = '1.6.5';
 
     /**
      * Responsible for registering dashboard widget components and querying for layouts.