@vendure/admin-ui 1.3.0 → 1.3.4

package/fesm2015/vendure-admin-ui-core.js

@@ -9042,7 +9042,15 @@ class ChannelAssignmentControlComponent {
         this.disabled = false;
     }
     ngOnInit() {
-        this.channels$ = this.dataService.client.userStatus().single$.pipe(map(({ userStatus }) => userStatus.channels.filter(c => this.includeDefaultChannel ? true : c.code !== DEFAULT_CHANNEL_CODE)), tap(channels => (this.channels = channels)));
+        this.channels$ = this.dataService.client.userStatus().single$.pipe(map(({ userStatus }) => userStatus.channels.filter(c => this.includeDefaultChannel ? true : c.code !== DEFAULT_CHANNEL_CODE)), tap(channels => {
+            if (!this.channels) {
+                this.channels = channels;
+                this.mapIncomingValueToChannels(this.lastIncomingValue);
+            }
+            else {
+                this.channels = channels;
+            }
+        }));
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -9054,26 +9062,8 @@ class ChannelAssignmentControlComponent {
         this.disabled = isDisabled;
     }
     writeValue(obj) {
-        var _a;
-        if (Array.isArray(obj)) {
-            if (typeof obj[0] === 'string') {
-                this.value = obj.map(id => { var _a; return (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(c => c.id === id); }).filter(notNullOrUndefined);
-            }
-            else {
-                this.value = obj;
-            }
-        }
-        else {
-            if (typeof obj === 'string') {
-                const channel = (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(c => c.id === obj);
-                if (channel) {
-                    this.value = [channel];
-                }
-            }
-            else if (obj && obj.id) {
-                this.value = [obj];
-            }
-        }
+        this.lastIncomingValue = obj;
+        this.mapIncomingValueToChannels(obj);
     }
     focussed() {
         if (this.onTouched) {
@@ -9096,6 +9086,30 @@ class ChannelAssignmentControlComponent {
         const c2id = typeof c2 === 'string' ? c2 : c2.id;
         return c1id === c2id;
     }
+    mapIncomingValueToChannels(value) {
+        var _a;
+        if (Array.isArray(value)) {
+            if (typeof value[0] === 'string') {
+                this.value = value
+                    .map(id => { var _a; return (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(c => c.id === id); })
+                    .filter(notNullOrUndefined);
+            }
+            else {
+                this.value = value;
+            }
+        }
+        else {
+            if (typeof value === 'string') {
+                const channel = (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(c => c.id === value);
+                if (channel) {
+                    this.value = [channel];
+                }
+            }
+            else if (value && value.id) {
+                this.value = [value];
+            }
+        }
+    }
 }
 ChannelAssignmentControlComponent.decorators = [
     { type: Component, args: [{
@@ -9409,6 +9423,7 @@ class CurrencyInputComponent {
         this.readonly = false;
         this.currencyCode = '';
         this.valueChange = new EventEmitter();
+        this.hasFractionPart = true;
         this.currencyCode$ = new BehaviorSubject('');
     }
     ngOnInit() {
@@ -9434,6 +9449,19 @@ class CurrencyInputComponent {
         }));
         this.prefix$ = shouldPrefix$.pipe(map(shouldPrefix => (shouldPrefix ? this.currencyCode : '')));
         this.suffix$ = shouldPrefix$.pipe(map(shouldPrefix => (shouldPrefix ? '' : this.currencyCode)));
+        this.subscription = combineLatest(languageCode$, this.currencyCode$).subscribe(([languageCode, currencyCode]) => {
+            if (!currencyCode) {
+                return '';
+            }
+            const locale = languageCode.replace(/_/g, '-');
+            const parts = new Intl.NumberFormat(locale, {
+                style: 'currency',
+                currency: currencyCode,
+                currencyDisplay: 'symbol',
+            }).formatToParts(123.45);
+            this.hasFractionPart = !!parts.find(p => p.type === 'fraction');
+            this._inputValue = this.toNumericString(this._inputValue);
+        });
     }
     ngOnChanges(changes) {
         if ('value' in changes) {
@@ -9443,6 +9471,11 @@ class CurrencyInputComponent {
             this.currencyCode$.next(this.currencyCode);
         }
     }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -9458,12 +9491,12 @@ class CurrencyInputComponent {
             this.onChange(integerValue);
         }
         this.valueChange.emit(integerValue);
-        const delta = Math.abs(Number(this._decimalValue) - Number(value));
+        const 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;
         }
     }
     onFocus() {
@@ -9474,17 +9507,17 @@ class CurrencyInputComponent {
     writeValue(value) {
         const numericValue = +value;
         if (!Number.isNaN(numericValue)) {
-            this._decimalValue = this.toNumericString(Math.floor(value) / 100);
+            this._inputValue = this.toNumericString(Math.floor(value) / 100);
         }
     }
     toNumericString(value) {
-        return Number(value).toFixed(2);
+        return this.hasFractionPart ? Number(value).toFixed(2) : Number(value).toFixed(0);
     }
 }
 CurrencyInputComponent.decorators = [
     { type: 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: NG_VALUE_ACCESSOR,
@@ -10936,7 +10969,7 @@ class ObjectTreeComponent {
         return typeof value === 'object' && value !== null;
     }
     getEntries(inputValue) {
-        if (typeof inputValue === 'string') {
+        if (!this.isObject(inputValue)) {
             return [{ key: '', value: inputValue }];
         }
         return Object.entries(inputValue).map(([key, value]) => ({ key, value }));
@@ -10945,7 +10978,7 @@ class ObjectTreeComponent {
 ObjectTreeComponent.decorators = [
     { type: 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: 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"]
             },] }
@@ -13936,7 +13969,7 @@ function patchObject(obj, patch) {
 }
 
 // Auto-generated by the set-version.js script.
-const ADMIN_UI_VERSION = '1.3.0';
+const ADMIN_UI_VERSION = '1.3.4';
 
 /**
  * Responsible for registering dashboard widget components and querying for layouts.