@vendure/admin-ui 1.3.0 → 1.3.4

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

@@ -7092,7 +7092,15 @@
             this.channels$ = this.dataService.client.userStatus().single$.pipe(operators.map(function (_b) {
                 var userStatus = _b.userStatus;
                 return userStatus.channels.filter(function (c) { return _this.includeDefaultChannel ? true : c.code !== sharedConstants.DEFAULT_CHANNEL_CODE; });
-            }), operators.tap(function (channels) { return (_this.channels = channels); }));
+            }), operators.tap(function (channels) {
+                if (!_this.channels) {
+                    _this.channels = channels;
+                    _this.mapIncomingValueToChannels(_this.lastIncomingValue);
+                }
+                else {
+                    _this.channels = channels;
+                }
+            }));
         };
         ChannelAssignmentControlComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
@@ -7104,27 +7112,8 @@
             this.disabled = isDisabled;
         };
         ChannelAssignmentControlComponent.prototype.writeValue = function (obj) {
-            var _this = this;
-            var _a;
-            if (Array.isArray(obj)) {
-                if (typeof obj[0] === 'string') {
-                    this.value = obj.map(function (id) { var _a; return (_a = _this.channels) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.id === id; }); }).filter(sharedUtils.notNullOrUndefined);
-                }
-                else {
-                    this.value = obj;
-                }
-            }
-            else {
-                if (typeof obj === 'string') {
-                    var channel = (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.id === obj; });
-                    if (channel) {
-                        this.value = [channel];
-                    }
-                }
-                else if (obj && obj.id) {
-                    this.value = [obj];
-                }
-            }
+            this.lastIncomingValue = obj;
+            this.mapIncomingValueToChannels(obj);
         };
         ChannelAssignmentControlComponent.prototype.focussed = function () {
             if (this.onTouched) {
@@ -7147,6 +7136,31 @@
             var c2id = typeof c2 === 'string' ? c2 : c2.id;
             return c1id === c2id;
         };
+        ChannelAssignmentControlComponent.prototype.mapIncomingValueToChannels = function (value) {
+            var _this = this;
+            var _a;
+            if (Array.isArray(value)) {
+                if (typeof value[0] === 'string') {
+                    this.value = value
+                        .map(function (id) { var _a; return (_a = _this.channels) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.id === id; }); })
+                        .filter(sharedUtils.notNullOrUndefined);
+                }
+                else {
+                    this.value = value;
+                }
+            }
+            else {
+                if (typeof value === 'string') {
+                    var channel = (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.id === value; });
+                    if (channel) {
+                        this.value = [channel];
+                    }
+                }
+                else if (value && value.id) {
+                    this.value = [value];
+                }
+            }
+        };
         return ChannelAssignmentControlComponent;
     }());
     ChannelAssignmentControlComponent.decorators = [
@@ -7497,6 +7511,7 @@
             this.readonly = false;
             this.currencyCode = '';
             this.valueChange = new i0.EventEmitter();
+            this.hasFractionPart = true;
             this.currencyCode$ = new rxjs.BehaviorSubject('');
         }
         CurrencyInputComponent.prototype.ngOnInit = function () {
@@ -7524,6 +7539,20 @@
             }));
             this.prefix$ = shouldPrefix$.pipe(operators.map(function (shouldPrefix) { return (shouldPrefix ? _this.currencyCode : ''); }));
             this.suffix$ = shouldPrefix$.pipe(operators.map(function (shouldPrefix) { return (shouldPrefix ? '' : _this.currencyCode); }));
+            this.subscription = rxjs.combineLatest(languageCode$, this.currencyCode$).subscribe(function (_c) {
+                var _d = __read(_c, 2), languageCode = _d[0], currencyCode = _d[1];
+                if (!currencyCode) {
+                    return '';
+                }
+                var locale = languageCode.replace(/_/g, '-');
+                var parts = new Intl.NumberFormat(locale, {
+                    style: 'currency',
+                    currency: currencyCode,
+                    currencyDisplay: 'symbol',
+                }).formatToParts(123.45);
+                _this.hasFractionPart = !!parts.find(function (p) { return p.type === 'fraction'; });
+                _this._inputValue = _this.toNumericString(_this._inputValue);
+            });
         };
         CurrencyInputComponent.prototype.ngOnChanges = function (changes) {
             if ('value' in changes) {
@@ -7533,6 +7562,11 @@
                 this.currencyCode$.next(this.currencyCode);
             }
         };
+        CurrencyInputComponent.prototype.ngOnDestroy = function () {
+            if (this.subscription) {
+                this.subscription.unsubscribe();
+            }
+        };
         CurrencyInputComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
         };
@@ -7548,12 +7582,12 @@
                 this.onChange(integerValue);
             }
             this.valueChange.emit(integerValue);
-            var delta = Math.abs(Number(this._decimalValue) - Number(value));
+            var delta = Math.abs(Number(this._inputValue) - Number(value));
             if (0.009 < delta && delta < 0.011) {
-                this._decimalValue = this.toNumericString(value);
+                this._inputValue = this.toNumericString(value);
             }
             else {
-                this._decimalValue = value;
+                this._inputValue = value;
             }
         };
         CurrencyInputComponent.prototype.onFocus = function () {
@@ -7564,18 +7598,18 @@
         CurrencyInputComponent.prototype.writeValue = function (value) {
             var numericValue = +value;
             if (!Number.isNaN(numericValue)) {
-                this._decimalValue = this.toNumericString(Math.floor(value) / 100);
+                this._inputValue = this.toNumericString(Math.floor(value) / 100);
             }
         };
         CurrencyInputComponent.prototype.toNumericString = function (value) {
-            return Number(value).toFixed(2);
+            return this.hasFractionPart ? Number(value).toFixed(2) : Number(value).toFixed(0);
         };
         return CurrencyInputComponent;
     }());
     CurrencyInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-currency-input',
-                    template: "<vdr-affixed-input\r\n    [prefix]=\"prefix$ | async | localeCurrencyName: 'symbol'\"\r\n    [suffix]=\"suffix$ | async | localeCurrencyName: 'symbol'\"\r\n>\r\n    <input\r\n        type=\"number\"\r\n        step=\"0.01\"\r\n        [value]=\"_decimalValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        (input)=\"onInput($event.target.value)\"\r\n        (focus)=\"onFocus()\"\r\n    />\r\n</vdr-affixed-input>\r\n",
+                    template: "<vdr-affixed-input\r\n    [prefix]=\"prefix$ | async | localeCurrencyName: 'symbol'\"\r\n    [suffix]=\"suffix$ | async | localeCurrencyName: 'symbol'\"\r\n>\r\n    <input\r\n        type=\"number\"\r\n        [step]=\"hasFractionPart ? 0.01 : 1\"\r\n        [value]=\"_inputValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        (input)=\"onInput($event.target.value)\"\r\n        (focus)=\"onFocus()\"\r\n    />\r\n</vdr-affixed-input>\r\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -9117,7 +9151,7 @@
             return typeof value === 'object' && value !== null;
         };
         ObjectTreeComponent.prototype.getEntries = function (inputValue) {
-            if (typeof inputValue === 'string') {
+            if (!this.isObject(inputValue)) {
                 return [{ key: '', value: inputValue }];
             }
             return Object.entries(inputValue).map(function (_a) {
@@ -9130,7 +9164,7 @@
     ObjectTreeComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-object-tree',
-                    template: "<button class=\"icon-button\" (click)=\"expanded = !expanded\" *ngIf=\"depth !== 0 && !isArrayItem\">\r\n    <clr-icon shape=\"caret\" size=\"12\" [dir]=\"expanded ? 'down' : 'right'\"></clr-icon>\r\n</button>\r\n<ul\r\n    class=\"object-tree-node\"\r\n    [ngClass]=\"'depth-' + depth\"\r\n    [class.array-value]=\"valueIsArray\"\r\n    [class.array-item]=\"isArrayItem\"\r\n    [class.expanded]=\"expanded\"\r\n>\r\n    <li *ngFor=\"let entry of entries\">\r\n        <span class=\"key\" *ngIf=\"entry.key\">{{ entry.key }}:</span>\r\n        <ng-container *ngIf=\"isObject(entry.value)\">\r\n            <vdr-object-tree [value]=\"entry.value\" [isArrayItem]=\"valueIsArray\"></vdr-object-tree>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!isObject(entry.value)\">\r\n            {{ entry.value }}\r\n        </ng-container>\r\n    </li>\r\n</ul>\r\n",
+                    template: "<button class=\"icon-button\" (click)=\"expanded = !expanded\" *ngIf=\"depth !== 0 && !isArrayItem\">\r\n    <clr-icon shape=\"caret\" size=\"12\" [dir]=\"expanded ? 'down' : 'right'\"></clr-icon>\r\n</button>\r\n<ul\r\n    class=\"object-tree-node\"\r\n    [ngClass]=\"'depth-' + depth\"\r\n    [class.array-value]=\"valueIsArray\"\r\n    [class.array-item]=\"isArrayItem\"\r\n    [class.expanded]=\"expanded\"\r\n>\r\n    <li *ngFor=\"let entry of entries\">\r\n        <span class=\"key\" *ngIf=\"entry.key\">{{ entry.key }}:</span>\r\n        <ng-container *ngIf=\"isObject(entry.value); else primitive\">\r\n            <vdr-object-tree [value]=\"entry.value\" [isArrayItem]=\"valueIsArray\"></vdr-object-tree>\r\n        </ng-container>\r\n        <ng-template #primitive>\r\n            {{ entry.value }}\r\n        </ng-template>\r\n    </li>\r\n</ul>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [".object-tree-node{list-style-type:none;line-height:16px;font-size:12px;overflow:hidden;max-height:0}.object-tree-node.depth-0{margin-left:0;margin-top:8px}.object-tree-node.depth-1{margin-left:6px}.object-tree-node.depth-2{margin-left:6px}.object-tree-node.depth-3{margin-left:6px}.object-tree-node.depth-4{margin-left:6px}.object-tree-node.depth-5{margin-left:6px}.object-tree-node.depth-6{margin-left:6px}.object-tree-node.expanded{max-height:5000px}.object-tree-node.array-item{margin-top:-16px;margin-left:16px}.object-tree-node.array-value.expanded>li+li{margin-top:6px}.key{color:var(--color-text-300)}\n"]
                 },] }
@@ -12349,7 +12383,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.3.0';
+    var ADMIN_UI_VERSION = '1.3.4';
 
     /**
      * Responsible for registering dashboard widget components and querying for layouts.