@vendure/admin-ui 2.0.0-next.2 → 2.0.0-next.21

package/fesm2020/vendure-admin-ui-system.mjs

@@ -20,10 +20,10 @@ class HealthCheckComponent {
     }
 }
 HealthCheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HealthCheckComponent, deps: [{ token: i1.HealthCheckService }], target: i0.ɵɵFactoryTarget.Component });
-HealthCheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: HealthCheckComponent, selector: "vdr-health-check", ngImport: i0, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <div class=\"system-status-header\" *ngIf=\"healthCheckService.status$ | async as status\">\r\n            <div class=\"status-icon\">\r\n                <clr-icon\r\n                    [attr.shape]=\"status === 'ok' ? 'check-circle' : 'exclamation-circle'\"\r\n                    [ngClass]=\"{ 'is-success': status === 'ok', 'is-danger': status !== 'ok' }\"\r\n                    size=\"48\"\r\n                ></clr-icon>\r\n            </div>\r\n            <div class=\"status-detail\">\r\n                <ng-container *ngIf=\"status === 'ok'; else error\">\r\n                    {{ 'system.health-all-systems-up' | translate }}\r\n                </ng-container>\r\n                <ng-template #error>\r\n                    {{ 'system.health-error' | translate }}\r\n                </ng-template>\r\n                <div class=\"last-checked\">\r\n                    {{ 'system.health-last-checked' | translate }}:\r\n                    {{ healthCheckService.lastCheck$ | async | localeDate: 'mediumTime' }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <vdr-action-bar-items locationId=\"system-status\"></vdr-action-bar-items>\r\n        <button class=\"btn btn-secondary\" (click)=\"healthCheckService.refresh()\">\r\n            <clr-icon shape=\"refresh\"></clr-icon> {{ 'system.health-refresh' | translate }}\r\n        </button>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<table class=\"table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"left\">\r\n                {{ 'common.name' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-status' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-message' | translate }}\r\n            </th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let row of healthCheckService.details$ | async\">\r\n            <td class=\"align-middle left\">{{ row.key }}</td>\r\n            <td class=\"align-middle left\">\r\n                <vdr-chip [colorType]=\"row.result.status === 'up' ? 'success' : 'error'\">\r\n                    <ng-container *ngIf=\"row.result.status === 'up'; else down\">\r\n                        <clr-icon shape=\"check-circle\"></clr-icon>\r\n                        {{ 'system.health-status-up' | translate }}\r\n                    </ng-container>\r\n                    <ng-template #down>\r\n                        <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                        {{ 'system.health-status-down' | translate }}\r\n                    </ng-template>\r\n                </vdr-chip>\r\n            </td>\r\n            <td class=\"align-middle left\">{{ row.result.message }}</td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n", styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:700}.system-status-header .last-checked{font-weight:400;color:var(--color-grey-500)}\n"], components: [{ type: i1.ActionBarComponent, selector: "vdr-action-bar" }, { type: i1.ActionBarLeftComponent, selector: "vdr-ab-left", inputs: ["grow"] }, { type: i1.ActionBarRightComponent, selector: "vdr-ab-right", inputs: ["grow"] }, { type: i1.ActionBarItemsComponent, selector: "vdr-action-bar-items", inputs: ["locationId"] }, { type: i1.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ClrIconCustomTag, selector: "clr-icon" }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "translate": i4.TranslatePipe, "localeDate": i1.LocaleDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+HealthCheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: HealthCheckComponent, selector: "vdr-health-check", ngImport: i0, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <div class=\"system-status-header\" *ngIf=\"healthCheckService.status$ | async as status\">\r\n            <div class=\"status-icon\">\r\n                <clr-icon\r\n                    [attr.shape]=\"status === 'ok' ? 'check-circle' : 'exclamation-circle'\"\r\n                    [ngClass]=\"{ 'is-success': status === 'ok', 'is-danger': status !== 'ok' }\"\r\n                    size=\"48\"\r\n                ></clr-icon>\r\n            </div>\r\n            <div class=\"status-detail\">\r\n                <ng-container *ngIf=\"status === 'ok'; else error\">\r\n                    {{ 'system.health-all-systems-up' | translate }}\r\n                </ng-container>\r\n                <ng-template #error>\r\n                    {{ 'system.health-error' | translate }}\r\n                </ng-template>\r\n                <div class=\"last-checked\">\r\n                    {{ 'system.health-last-checked' | translate }}:\r\n                    {{ healthCheckService.lastCheck$ | async | localeDate: 'mediumTime' }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <vdr-action-bar-items locationId=\"system-status\"></vdr-action-bar-items>\r\n        <button class=\"btn btn-secondary\" (click)=\"healthCheckService.refresh()\">\r\n            <clr-icon shape=\"refresh\"></clr-icon> {{ 'system.health-refresh' | translate }}\r\n        </button>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<table class=\"table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"left\">\r\n                {{ 'common.name' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-status' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-message' | translate }}\r\n            </th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let row of healthCheckService.details$ | async\">\r\n            <td class=\"align-middle left\">{{ row.key }}</td>\r\n            <td class=\"align-middle left\">\r\n                <vdr-chip [colorType]=\"row.result.status === 'up' ? 'success' : 'error'\">\r\n                    <ng-container *ngIf=\"row.result.status === 'up'; else down\">\r\n                        <clr-icon shape=\"check-circle\"></clr-icon>\r\n                        {{ 'system.health-status-up' | translate }}\r\n                    </ng-container>\r\n                    <ng-template #down>\r\n                        <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                        {{ 'system.health-status-down' | translate }}\r\n                    </ng-template>\r\n                </vdr-chip>\r\n            </td>\r\n            <td class=\"align-middle left\">{{ row.result.message }}</td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n", styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:700;margin-right:6px}.system-status-header .last-checked{font-weight:400;color:var(--color-grey-500)}\n"], components: [{ type: i1.ActionBarComponent, selector: "vdr-action-bar" }, { type: i1.ActionBarLeftComponent, selector: "vdr-ab-left", inputs: ["grow"] }, { type: i1.ActionBarRightComponent, selector: "vdr-ab-right", inputs: ["grow"] }, { type: i1.ActionBarItemsComponent, selector: "vdr-action-bar-items", inputs: ["locationId"] }, { type: i1.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ClrIconCustomTag, selector: "clr-icon" }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "translate": i4.TranslatePipe, "localeDate": i1.LocaleDatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HealthCheckComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vdr-health-check', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <div class=\"system-status-header\" *ngIf=\"healthCheckService.status$ | async as status\">\r\n            <div class=\"status-icon\">\r\n                <clr-icon\r\n                    [attr.shape]=\"status === 'ok' ? 'check-circle' : 'exclamation-circle'\"\r\n                    [ngClass]=\"{ 'is-success': status === 'ok', 'is-danger': status !== 'ok' }\"\r\n                    size=\"48\"\r\n                ></clr-icon>\r\n            </div>\r\n            <div class=\"status-detail\">\r\n                <ng-container *ngIf=\"status === 'ok'; else error\">\r\n                    {{ 'system.health-all-systems-up' | translate }}\r\n                </ng-container>\r\n                <ng-template #error>\r\n                    {{ 'system.health-error' | translate }}\r\n                </ng-template>\r\n                <div class=\"last-checked\">\r\n                    {{ 'system.health-last-checked' | translate }}:\r\n                    {{ healthCheckService.lastCheck$ | async | localeDate: 'mediumTime' }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <vdr-action-bar-items locationId=\"system-status\"></vdr-action-bar-items>\r\n        <button class=\"btn btn-secondary\" (click)=\"healthCheckService.refresh()\">\r\n            <clr-icon shape=\"refresh\"></clr-icon> {{ 'system.health-refresh' | translate }}\r\n        </button>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<table class=\"table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"left\">\r\n                {{ 'common.name' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-status' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-message' | translate }}\r\n            </th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let row of healthCheckService.details$ | async\">\r\n            <td class=\"align-middle left\">{{ row.key }}</td>\r\n            <td class=\"align-middle left\">\r\n                <vdr-chip [colorType]=\"row.result.status === 'up' ? 'success' : 'error'\">\r\n                    <ng-container *ngIf=\"row.result.status === 'up'; else down\">\r\n                        <clr-icon shape=\"check-circle\"></clr-icon>\r\n                        {{ 'system.health-status-up' | translate }}\r\n                    </ng-container>\r\n                    <ng-template #down>\r\n                        <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                        {{ 'system.health-status-down' | translate }}\r\n                    </ng-template>\r\n                </vdr-chip>\r\n            </td>\r\n            <td class=\"align-middle left\">{{ row.result.message }}</td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n", styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:700}.system-status-header .last-checked{font-weight:400;color:var(--color-grey-500)}\n"] }]
+            args: [{ selector: 'vdr-health-check', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <div class=\"system-status-header\" *ngIf=\"healthCheckService.status$ | async as status\">\r\n            <div class=\"status-icon\">\r\n                <clr-icon\r\n                    [attr.shape]=\"status === 'ok' ? 'check-circle' : 'exclamation-circle'\"\r\n                    [ngClass]=\"{ 'is-success': status === 'ok', 'is-danger': status !== 'ok' }\"\r\n                    size=\"48\"\r\n                ></clr-icon>\r\n            </div>\r\n            <div class=\"status-detail\">\r\n                <ng-container *ngIf=\"status === 'ok'; else error\">\r\n                    {{ 'system.health-all-systems-up' | translate }}\r\n                </ng-container>\r\n                <ng-template #error>\r\n                    {{ 'system.health-error' | translate }}\r\n                </ng-template>\r\n                <div class=\"last-checked\">\r\n                    {{ 'system.health-last-checked' | translate }}:\r\n                    {{ healthCheckService.lastCheck$ | async | localeDate: 'mediumTime' }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <vdr-action-bar-items locationId=\"system-status\"></vdr-action-bar-items>\r\n        <button class=\"btn btn-secondary\" (click)=\"healthCheckService.refresh()\">\r\n            <clr-icon shape=\"refresh\"></clr-icon> {{ 'system.health-refresh' | translate }}\r\n        </button>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<table class=\"table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"left\">\r\n                {{ 'common.name' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-status' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-message' | translate }}\r\n            </th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let row of healthCheckService.details$ | async\">\r\n            <td class=\"align-middle left\">{{ row.key }}</td>\r\n            <td class=\"align-middle left\">\r\n                <vdr-chip [colorType]=\"row.result.status === 'up' ? 'success' : 'error'\">\r\n                    <ng-container *ngIf=\"row.result.status === 'up'; else down\">\r\n                        <clr-icon shape=\"check-circle\"></clr-icon>\r\n                        {{ 'system.health-status-up' | translate }}\r\n                    </ng-container>\r\n                    <ng-template #down>\r\n                        <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                        {{ 'system.health-status-down' | translate }}\r\n                    </ng-template>\r\n                </vdr-chip>\r\n            </td>\r\n            <td class=\"align-middle left\">{{ row.result.message }}</td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n", styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:700;margin-right:6px}.system-status-header .last-checked{font-weight:400;color:var(--color-grey-500)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.HealthCheckService }]; } });
 
 class JobStateLabelComponent {
@@ -122,7 +122,7 @@ class JobListComponent extends BaseListComponent {
     }
 }
 JobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: JobListComponent, deps: [{ token: i1.DataService }, { token: i1.ModalService }, { token: i1.NotificationService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-JobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: JobListComponent, selector: "vdr-job-list", usesInheritance: true, ngImport: i0, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <clr-checkbox-container>\r\n            <clr-checkbox-wrapper>\r\n                <input type=\"checkbox\" clrCheckbox [formControl]=\"liveUpdate\" name=\"live-update\"/>\r\n                <label>{{ 'common.live-update' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n            <clr-checkbox-wrapper>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    clrCheckbox\r\n                    [formControl]=\"hideSettled\"\r\n                    name=\"hide-settled\"\r\n                    (change)=\"refresh()\"\r\n                />\r\n                <label>{{ 'system.hide-settled-jobs' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n        </clr-checkbox-container>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <ng-select\r\n            [addTag]=\"false\"\r\n            [items]=\"queues$ | async\"\r\n            [hideSelected]=\"true\"\r\n            [multiple]=\"false\"\r\n            [markFirst]=\"false\"\r\n            [clearable]=\"false\"\r\n            [searchable]=\"false\"\r\n            bindValue=\"name\"\r\n            [formControl]=\"queueFilter\"\r\n            (change)=\"refresh()\"\r\n        >\r\n            <ng-template ng-label-tmp ng-option-tmp let-item=\"item\">\r\n                <ng-container *ngIf=\"item.name === 'all'; else others\">\r\n                    {{ 'system.all-job-queues' | translate }}\r\n                </ng-container>\r\n                <ng-template #others>\r\n                    <vdr-chip [colorFrom]=\"item.name\">{{ item.name }}</vdr-chip>\r\n                </ng-template>\r\n            </ng-template>\r\n        </ng-select>\r\n        <vdr-action-bar-items locationId=\"job-list\"></vdr-action-bar-items>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<vdr-data-table\r\n    [items]=\"items$ | async\"\r\n    [itemsPerPage]=\"itemsPerPage$ | async\"\r\n    [totalItems]=\"totalItems$ | async\"\r\n    [currentPage]=\"currentPage$ | async\"\r\n    (pageChange)=\"setPageNumber($event)\"\r\n    (itemsPerPageChange)=\"setItemsPerPage($event)\"\r\n>\r\n    <vdr-dt-column></vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-queue-name' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'common.created-at' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-state' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-duration' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-result' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column></vdr-dt-column>\r\n    <ng-template let-job=\"item\">\r\n        <td class=\"left align-middle\">\r\n            <vdr-entity-info [entity]=\"job\"></vdr-entity-info>\r\n        </td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-dropdown *ngIf=\"job.data\">\r\n                <button\r\n                    class=\"btn btn-link btn-icon\"\r\n                    vdrDropdownTrigger\r\n                    [title]=\"'system.job-data' | translate\"\r\n                >\r\n                    <clr-icon shape=\"details\"></clr-icon>\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        <vdr-object-tree [value]=\"job.data\"></vdr-object-tree>\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n            <vdr-chip [colorFrom]=\"job.queueName\">{{ job.queueName }}</vdr-chip>\r\n        </td>\r\n\r\n        <td class=\"left align-middle\">{{ job.createdAt | timeAgo }}</td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-job-state-label [job]=\"job\"></vdr-job-state-label>\r\n            <div *ngIf=\"job.state === 'FAILED'\" class=\"retry-info\">\r\n                after {{ job.attempts }} attempts\r\n            </div>\r\n            <div *ngIf=\"job.state === 'RUNNING' || job.state === 'RETRYING'\"  class=\"retry-info\">\r\n                attempting {{ job.attempts + 1 }} of {{ job.retries }}\r\n            </div>\r\n        </td>\r\n        <td class=\"left align-middle\">{{ job.duration | duration }}</td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-dropdown *ngIf=\"hasResult(job)\">\r\n                <button class=\"btn btn-link btn-sm details-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"details\"></clr-icon>\r\n                    {{ 'system.job-result' | translate }}\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        <vdr-object-tree [value]=\"job.result\"></vdr-object-tree>\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n            <vdr-dropdown *ngIf=\"job.error\">\r\n                <button class=\"btn btn-link btn-sm details-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                    {{ 'system.job-error' | translate }}\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        {{ job.error }}\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n        </td>\r\n        <td class=\"right align-middle\">\r\n            <vdr-dropdown *ngIf=\"!job.isSettled && job.state !== 'FAILED'\">\r\n                <button class=\"icon-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"ellipsis-vertical\"></clr-icon>\r\n                </button>\r\n                <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"delete-button\"\r\n                        (click)=\"cancelJob(job.id)\"\r\n                        [disabled]=\"!(['DeleteSettings', 'DeleteSystem'] | hasPermission)\"\r\n                        vdrDropdownItem\r\n                    >\r\n                        <clr-icon shape=\"ban\" class=\"is-danger\"></clr-icon>\r\n                        {{ 'common.cancel' | translate }}\r\n                    </button>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n        </td>\r\n    </ng-template>\r\n</vdr-data-table>\r\n", styles: [".result-detail{margin:0 12px}.retry-info{margin-left:6px;color:var(--color-grey-400)}\n"], components: [{ type: i1.ActionBarComponent, selector: "vdr-action-bar" }, { type: i1.ActionBarLeftComponent, selector: "vdr-ab-left", inputs: ["grow"] }, { type: i3.ClrCheckboxContainer, selector: "clr-checkbox-container,clr-toggle-container", inputs: ["clrInline"] }, { type: i3.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { type: i1.ActionBarRightComponent, selector: "vdr-ab-right", inputs: ["grow"] }, { type: i4$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i1.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }, { type: i1.ActionBarItemsComponent, selector: "vdr-action-bar-items", inputs: ["locationId"] }, { type: i1.DataTableComponent, selector: "vdr-data-table", inputs: ["items", "itemsPerPage", "currentPage", "totalItems", "allSelected", "isRowSelectedFn", "emptyStateLabel"], outputs: ["allSelectChange", "rowSelectChange", "pageChange", "itemsPerPageChange"] }, { type: i1.DataTableColumnComponent, selector: "vdr-dt-column", inputs: ["expand"] }, { type: i1.EntityInfoComponent, selector: "vdr-entity-info", inputs: ["small", "entity"] }, { type: i1.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { type: i1.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition"] }, { type: i1.ObjectTreeComponent, selector: "vdr-object-tree", inputs: ["value", "isArrayItem"] }, { type: JobStateLabelComponent, selector: "vdr-job-state-label", inputs: ["job"] }], directives: [{ type: i1.FormFieldControlDirective, selector: "input, textarea, select" }, { type: i6.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ClrLabel, selector: "label", inputs: ["for"] }, { type: i4$1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i4$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { type: i3.ClrIconCustomTag, selector: "clr-icon" }, { type: i1.DropdownItemDirective, selector: "[vdrDropdownItem]" }], pipes: { "translate": i4.TranslatePipe, "async": i2.AsyncPipe, "timeAgo": i1.TimeAgoPipe, "duration": i1.DurationPipe, "hasPermission": i1.HasPermissionPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+JobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: JobListComponent, selector: "vdr-job-list", usesInheritance: true, ngImport: i0, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <clr-checkbox-container>\r\n            <clr-checkbox-wrapper>\r\n                <input type=\"checkbox\" clrCheckbox [formControl]=\"liveUpdate\" name=\"live-update\"/>\r\n                <label>{{ 'common.live-update' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n            <clr-checkbox-wrapper>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    clrCheckbox\r\n                    [formControl]=\"hideSettled\"\r\n                    name=\"hide-settled\"\r\n                    (change)=\"refresh()\"\r\n                />\r\n                <label>{{ 'system.hide-settled-jobs' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n        </clr-checkbox-container>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <ng-select\r\n            [addTag]=\"false\"\r\n            [items]=\"queues$ | async\"\r\n            [hideSelected]=\"true\"\r\n            [multiple]=\"false\"\r\n            [markFirst]=\"false\"\r\n            [clearable]=\"false\"\r\n            [searchable]=\"false\"\r\n            bindValue=\"name\"\r\n            [formControl]=\"queueFilter\"\r\n            (change)=\"refresh()\"\r\n        >\r\n            <ng-template ng-label-tmp ng-option-tmp let-item=\"item\">\r\n                <ng-container *ngIf=\"item.name === 'all'; else others\">\r\n                    {{ 'system.all-job-queues' | translate }}\r\n                </ng-container>\r\n                <ng-template #others>\r\n                    <vdr-chip [colorFrom]=\"item.name\">{{ item.name }}</vdr-chip>\r\n                </ng-template>\r\n            </ng-template>\r\n        </ng-select>\r\n        <vdr-action-bar-items locationId=\"job-list\"></vdr-action-bar-items>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<vdr-data-table\r\n    [items]=\"items$ | async\"\r\n    [itemsPerPage]=\"itemsPerPage$ | async\"\r\n    [totalItems]=\"totalItems$ | async\"\r\n    [currentPage]=\"currentPage$ | async\"\r\n    (pageChange)=\"setPageNumber($event)\"\r\n    (itemsPerPageChange)=\"setItemsPerPage($event)\"\r\n>\r\n    <vdr-dt-column></vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-queue-name' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'common.created-at' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-state' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-duration' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-result' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column></vdr-dt-column>\r\n    <ng-template let-job=\"item\">\r\n        <td class=\"left align-middle\">\r\n            <vdr-entity-info [entity]=\"job\"></vdr-entity-info>\r\n        </td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-dropdown *ngIf=\"job.data\">\r\n                <button\r\n                    class=\"btn btn-link btn-icon\"\r\n                    vdrDropdownTrigger\r\n                    [title]=\"'system.job-data' | translate\"\r\n                >\r\n                    <clr-icon shape=\"details\"></clr-icon>\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        <vdr-object-tree [value]=\"job.data\"></vdr-object-tree>\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n            <vdr-chip [colorFrom]=\"job.queueName\">{{ job.queueName }}</vdr-chip>\r\n        </td>\r\n\r\n        <td class=\"left align-middle\">{{ job.createdAt | timeAgo }}</td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-job-state-label [job]=\"job\"></vdr-job-state-label>\r\n            <div *ngIf=\"job.state === 'FAILED'\" class=\"retry-info\">\r\n                after {{ job.attempts }} attempts\r\n            </div>\r\n            <div *ngIf=\"job.state === 'RUNNING' || job.state === 'RETRYING'\"  class=\"retry-info\">\r\n                attempting {{ job.attempts + 1 }} of {{ job.retries }}\r\n            </div>\r\n        </td>\r\n        <td class=\"left align-middle\">{{ job.duration | duration }}</td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-dropdown *ngIf=\"hasResult(job)\">\r\n                <button class=\"btn btn-link btn-sm details-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"details\"></clr-icon>\r\n                    {{ 'system.job-result' | translate }}\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        <vdr-object-tree [value]=\"job.result\"></vdr-object-tree>\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n            <vdr-dropdown *ngIf=\"job.error\">\r\n                <button class=\"btn btn-link btn-sm details-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                    {{ 'system.job-error' | translate }}\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        {{ job.error }}\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n        </td>\r\n        <td class=\"right align-middle\">\r\n            <vdr-dropdown *ngIf=\"!job.isSettled && job.state !== 'FAILED'\">\r\n                <button class=\"icon-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"ellipsis-vertical\"></clr-icon>\r\n                </button>\r\n                <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"delete-button\"\r\n                        (click)=\"cancelJob(job.id)\"\r\n                        [disabled]=\"!(['DeleteSettings', 'DeleteSystem'] | hasPermission)\"\r\n                        vdrDropdownItem\r\n                    >\r\n                        <clr-icon shape=\"ban\" class=\"is-danger\"></clr-icon>\r\n                        {{ 'common.cancel' | translate }}\r\n                    </button>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n        </td>\r\n    </ng-template>\r\n</vdr-data-table>\r\n", styles: [".result-detail{margin:0 12px}.retry-info{margin-left:6px;color:var(--color-grey-400)}\n"], components: [{ type: i1.ActionBarComponent, selector: "vdr-action-bar" }, { type: i1.ActionBarLeftComponent, selector: "vdr-ab-left", inputs: ["grow"] }, { type: i3.ClrCheckboxContainer, selector: "clr-checkbox-container,clr-toggle-container", inputs: ["clrInline"] }, { type: i3.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { type: i1.ActionBarRightComponent, selector: "vdr-ab-right", inputs: ["grow"] }, { type: i4$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i1.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }, { type: i1.ActionBarItemsComponent, selector: "vdr-action-bar-items", inputs: ["locationId"] }, { type: i1.DataTableComponent, selector: "vdr-data-table", inputs: ["items", "itemsPerPage", "currentPage", "totalItems", "emptyStateLabel", "selectionManager", "allSelected", "isRowSelectedFn"], outputs: ["pageChange", "itemsPerPageChange", "allSelectChange", "rowSelectChange"] }, { type: i1.DataTableColumnComponent, selector: "vdr-dt-column", inputs: ["expand"] }, { type: i1.EntityInfoComponent, selector: "vdr-entity-info", inputs: ["small", "entity"] }, { type: i1.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { type: i1.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { type: i1.ObjectTreeComponent, selector: "vdr-object-tree", inputs: ["value", "isArrayItem"] }, { type: JobStateLabelComponent, selector: "vdr-job-state-label", inputs: ["job"] }], directives: [{ type: i1.FormFieldControlDirective, selector: "input, textarea, select" }, { type: i6.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ClrLabel, selector: "label", inputs: ["for"] }, { type: i4$1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i4$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { type: i3.ClrIconCustomTag, selector: "clr-icon" }, { type: i1.DropdownItemDirective, selector: "[vdrDropdownItem]" }], pipes: { "translate": i4.TranslatePipe, "async": i2.AsyncPipe, "timeAgo": i1.TimeAgoPipe, "duration": i1.DurationPipe, "hasPermission": i1.HasPermissionPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: JobListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vdr-job-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <clr-checkbox-container>\r\n            <clr-checkbox-wrapper>\r\n                <input type=\"checkbox\" clrCheckbox [formControl]=\"liveUpdate\" name=\"live-update\"/>\r\n                <label>{{ 'common.live-update' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n            <clr-checkbox-wrapper>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    clrCheckbox\r\n                    [formControl]=\"hideSettled\"\r\n                    name=\"hide-settled\"\r\n                    (change)=\"refresh()\"\r\n                />\r\n                <label>{{ 'system.hide-settled-jobs' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n        </clr-checkbox-container>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <ng-select\r\n            [addTag]=\"false\"\r\n            [items]=\"queues$ | async\"\r\n            [hideSelected]=\"true\"\r\n            [multiple]=\"false\"\r\n            [markFirst]=\"false\"\r\n            [clearable]=\"false\"\r\n            [searchable]=\"false\"\r\n            bindValue=\"name\"\r\n            [formControl]=\"queueFilter\"\r\n            (change)=\"refresh()\"\r\n        >\r\n            <ng-template ng-label-tmp ng-option-tmp let-item=\"item\">\r\n                <ng-container *ngIf=\"item.name === 'all'; else others\">\r\n                    {{ 'system.all-job-queues' | translate }}\r\n                </ng-container>\r\n                <ng-template #others>\r\n                    <vdr-chip [colorFrom]=\"item.name\">{{ item.name }}</vdr-chip>\r\n                </ng-template>\r\n            </ng-template>\r\n        </ng-select>\r\n        <vdr-action-bar-items locationId=\"job-list\"></vdr-action-bar-items>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<vdr-data-table\r\n    [items]=\"items$ | async\"\r\n    [itemsPerPage]=\"itemsPerPage$ | async\"\r\n    [totalItems]=\"totalItems$ | async\"\r\n    [currentPage]=\"currentPage$ | async\"\r\n    (pageChange)=\"setPageNumber($event)\"\r\n    (itemsPerPageChange)=\"setItemsPerPage($event)\"\r\n>\r\n    <vdr-dt-column></vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-queue-name' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'common.created-at' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-state' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-duration' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column>{{ 'system.job-result' | translate }}</vdr-dt-column>\r\n    <vdr-dt-column></vdr-dt-column>\r\n    <ng-template let-job=\"item\">\r\n        <td class=\"left align-middle\">\r\n            <vdr-entity-info [entity]=\"job\"></vdr-entity-info>\r\n        </td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-dropdown *ngIf=\"job.data\">\r\n                <button\r\n                    class=\"btn btn-link btn-icon\"\r\n                    vdrDropdownTrigger\r\n                    [title]=\"'system.job-data' | translate\"\r\n                >\r\n                    <clr-icon shape=\"details\"></clr-icon>\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        <vdr-object-tree [value]=\"job.data\"></vdr-object-tree>\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n            <vdr-chip [colorFrom]=\"job.queueName\">{{ job.queueName }}</vdr-chip>\r\n        </td>\r\n\r\n        <td class=\"left align-middle\">{{ job.createdAt | timeAgo }}</td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-job-state-label [job]=\"job\"></vdr-job-state-label>\r\n            <div *ngIf=\"job.state === 'FAILED'\" class=\"retry-info\">\r\n                after {{ job.attempts }} attempts\r\n            </div>\r\n            <div *ngIf=\"job.state === 'RUNNING' || job.state === 'RETRYING'\"  class=\"retry-info\">\r\n                attempting {{ job.attempts + 1 }} of {{ job.retries }}\r\n            </div>\r\n        </td>\r\n        <td class=\"left align-middle\">{{ job.duration | duration }}</td>\r\n        <td class=\"left align-middle\">\r\n            <vdr-dropdown *ngIf=\"hasResult(job)\">\r\n                <button class=\"btn btn-link btn-sm details-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"details\"></clr-icon>\r\n                    {{ 'system.job-result' | translate }}\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        <vdr-object-tree [value]=\"job.result\"></vdr-object-tree>\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n            <vdr-dropdown *ngIf=\"job.error\">\r\n                <button class=\"btn btn-link btn-sm details-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                    {{ 'system.job-error' | translate }}\r\n                </button>\r\n                <vdr-dropdown-menu>\r\n                    <div class=\"result-detail\">\r\n                        {{ job.error }}\r\n                    </div>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n        </td>\r\n        <td class=\"right align-middle\">\r\n            <vdr-dropdown *ngIf=\"!job.isSettled && job.state !== 'FAILED'\">\r\n                <button class=\"icon-button\" vdrDropdownTrigger>\r\n                    <clr-icon shape=\"ellipsis-vertical\"></clr-icon>\r\n                </button>\r\n                <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"delete-button\"\r\n                        (click)=\"cancelJob(job.id)\"\r\n                        [disabled]=\"!(['DeleteSettings', 'DeleteSystem'] | hasPermission)\"\r\n                        vdrDropdownItem\r\n                    >\r\n                        <clr-icon shape=\"ban\" class=\"is-danger\"></clr-icon>\r\n                        {{ 'common.cancel' | translate }}\r\n                    </button>\r\n                </vdr-dropdown-menu>\r\n            </vdr-dropdown>\r\n        </td>\r\n    </ng-template>\r\n</vdr-data-table>\r\n", styles: [".result-detail{margin:0 12px}.retry-info{margin-left:6px;color:var(--color-grey-400)}\n"] }]

package/order/components/coupon-code-selector/coupon-code-selector.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DataService } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class CouponCodeSelectorComponent implements OnInit {
+    private dataService;
+    couponCodes: string[];
+    control: FormControl | undefined;
+    addCouponCode: EventEmitter<string>;
+    removeCouponCode: EventEmitter<string>;
+    availableCouponCodes$: Observable<Array<{
+        code: string;
+        promotionName: string;
+    }>>;
+    couponCodeInput$: Subject<string>;
+    constructor(dataService: DataService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CouponCodeSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CouponCodeSelectorComponent, "vdr-coupon-code-selector", never, { "couponCodes": "couponCodes"; "control": "control"; }, { "addCouponCode": "addCouponCode"; "removeCouponCode": "removeCouponCode"; }, never, never>;
+}

package/order/components/draft-order-detail/draft-order-detail.component.d.ts

@@ -0,0 +1,52 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { BaseDetailComponent, CustomFieldConfig, DataService, DraftOrderEligibleShippingMethodsQuery, ModalService, NotificationService, OrderDetailFragment, ServerConfigService } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+import { OrderTransitionService } from '../../providers/order-transition.service';
+import * as i0 from "@angular/core";
+export declare class DraftOrderDetailComponent extends BaseDetailComponent<OrderDetailFragment> implements OnInit, OnDestroy {
+    private changeDetector;
+    protected dataService: DataService;
+    private notificationService;
+    private modalService;
+    private orderTransitionService;
+    detailForm: FormGroup;
+    eligibleShippingMethods$: Observable<DraftOrderEligibleShippingMethodsQuery['eligibleShippingMethodsForDraftOrder']>;
+    nextStates$: Observable<string[]>;
+    fetchHistory: Subject<void>;
+    customFields: CustomFieldConfig[];
+    orderLineCustomFields: CustomFieldConfig[];
+    displayCouponCodeInput: boolean;
+    constructor(router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService, changeDetector: ChangeDetectorRef, dataService: DataService, notificationService: NotificationService, modalService: ModalService, orderTransitionService: OrderTransitionService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    addItemToOrder(event: {
+        productVariantId: string;
+        quantity: number;
+        customFields: any;
+    }): void;
+    adjustOrderLine(event: {
+        lineId: string;
+        quantity: number;
+    }): void;
+    removeOrderLine(event: {
+        lineId: string;
+    }): void;
+    getOrderAddressLines(orderAddress?: {
+        [key: string]: string;
+    }): string[];
+    setCustomer(): void;
+    setShippingAddress(): void;
+    setBillingAddress(): void;
+    applyCouponCode(couponCode: string): void;
+    removeCouponCode(couponCode: string): void;
+    setShippingMethod(): void;
+    updateCustomFields(customFieldsValue: any): void;
+    deleteOrder(): void;
+    completeOrder(): void;
+    private hasId;
+    protected setFormValues(entity: OrderDetailFragment): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraftOrderDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraftOrderDetailComponent, "vdr-draft-order-detail", never, {}, {}, never, never>;
+}

package/order/components/draft-order-variant-selector/draft-order-variant-selector.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { CurrencyCode, CustomFieldConfig, DataService, GetProductVariantQuery } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class DraftOrderVariantSelectorComponent implements OnInit {
+    private dataService;
+    currencyCode: CurrencyCode;
+    orderLineCustomFields: CustomFieldConfig[];
+    addItem: EventEmitter<{
+        productVariantId: string;
+        quantity: number;
+        customFields: any;
+    }>;
+    customFieldsFormGroup: FormGroup;
+    selectedVariant$: Observable<GetProductVariantQuery['productVariant']>;
+    selectedVariantId$: Subject<string | undefined>;
+    quantity: number;
+    constructor(dataService: DataService);
+    ngOnInit(): void;
+    addItemClick(selectedVariant: GetProductVariantQuery['productVariant']): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraftOrderVariantSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraftOrderVariantSelectorComponent, "vdr-draft-order-variant-selector", never, { "currencyCode": "currencyCode"; "orderLineCustomFields": "orderLineCustomFields"; }, { "addItem": "addItem"; }, never, never>;
+}

package/order/components/order-custom-fields-card/order-custom-fields-card.component.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
-import { CustomFieldConfig } from '@vendure/admin-ui/core';
+import { CustomFieldConfig, ModalService } from '@vendure/admin-ui/core';
 import * as i0 from "@angular/core";
 export declare class OrderCustomFieldsCardComponent implements OnInit {
     private formBuilder;
+    private modalService;
     customFieldsConfig: CustomFieldConfig[];
     customFieldValues: {
         [name: string]: any;
@@ -11,9 +12,10 @@ export declare class OrderCustomFieldsCardComponent implements OnInit {
     updateClick: EventEmitter<any>;
     customFieldForm: FormGroup;
     editable: boolean;
-    constructor(formBuilder: FormBuilder);
+    constructor(formBuilder: FormBuilder, modalService: ModalService);
     ngOnInit(): void;
     onUpdateClick(): void;
+    onCancelClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrderCustomFieldsCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OrderCustomFieldsCardComponent, "vdr-order-custom-fields-card", never, { "customFieldsConfig": "customFieldsConfig"; "customFieldValues": "customFieldValues"; }, { "updateClick": "updateClick"; }, never, never>;
 }

package/order/components/order-editor/order-editor.component.d.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormArray, FormControl, FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AddItemInput, AdjustOrderLineInput, BaseDetailComponent, CustomFieldConfig, DataService, GetAvailableCountriesQuery, LanguageCode, ModalService, ModifyOrderInput, NotificationService, OrderDetailFragment, ProductSelectorSearchQuery, ServerConfigService, SurchargeInput } from '@vendure/admin-ui/core';
-import { Observable, Subject } from 'rxjs';
+import { Observable } from 'rxjs';
 import { OrderTransitionService } from '../../providers/order-transition.service';
 import * as i0 from "@angular/core";
 declare type ProductSelectorItem = ProductSelectorSearchQuery['search']['items'][number];
@@ -30,11 +30,6 @@ export declare class OrderEditorComponent extends BaseDetailComponent<OrderDetai
     private modalService;
     private orderTransitionService;
     availableCountries$: Observable<GetAvailableCountriesQuery['countries']['items']>;
-    availableCouponCodes$: Observable<Array<{
-        code: string;
-        promotionName: string;
-    }>>;
-    couponCodeInput$: Subject<string>;
     addressCustomFields: CustomFieldConfig[];
     detailForm: FormGroup;
     couponCodesControl: FormControl;

package/order/components/order-list/order-list.component.d.ts

@@ -18,12 +18,14 @@ export declare class OrderListComponent extends BaseListComponent<GetOrderListQu
     private serverConfigService;
     private dataService;
     private localStorageService;
+    searchControl: FormControl;
     searchOrderCodeControl: FormControl;
     searchLastNameControl: FormControl;
     customFilterForm: FormGroup;
     orderStates: string[];
     filterPresets: FilterPreset[];
     activePreset$: Observable<string>;
+    canCreateDraftOrder: boolean;
     constructor(serverConfigService: ServerConfigService, dataService: DataService, localStorageService: LocalStorageService, router: Router, route: ActivatedRoute);
     ngOnInit(): void;
     selectFilterPreset(presetName: string): void;

package/order/components/order-table/order-table.component.d.ts

@@ -1,10 +1,18 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { AdjustmentType, CustomFieldConfig, OrderDetailFragment } from '@vendure/admin-ui/core';
 import * as i0 from "@angular/core";
 export declare class OrderTableComponent implements OnInit {
     order: OrderDetailFragment;
     orderLineCustomFields: CustomFieldConfig[];
+    isDraft: boolean;
+    adjust: EventEmitter<{
+        lineId: string;
+        quantity: number;
+    }>;
+    remove: EventEmitter<{
+        lineId: string;
+    }>;
     orderLineCustomFieldsVisible: boolean;
     customFieldsForLine: {
         [lineId: string]: Array<{
@@ -16,6 +24,7 @@ export declare class OrderTableComponent implements OnInit {
     get visibleOrderLineCustomFields(): CustomFieldConfig[];
     get showElided(): boolean;
     ngOnInit(): void;
+    draftInputBlur(line: OrderDetailFragment['lines'][number], quantity: number): void;
     toggleOrderLineCustomFields(): void;
     getLineDiscounts(line: OrderDetailFragment['lines'][number]): {
         __typename?: "Discount" | undefined;
@@ -28,6 +37,7 @@ export declare class OrderTableComponent implements OnInit {
     private getLineCustomFields;
     getPromotionLink(promotion: OrderDetailFragment['discounts'][number]): any[];
     getCouponCodeForAdjustment(order: OrderDetailFragment, promotionAdjustment: OrderDetailFragment['discounts'][number]): string | undefined;
+    getShippingNames(order: OrderDetailFragment): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrderTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OrderTableComponent, "vdr-order-table", never, { "order": "order"; "orderLineCustomFields": "orderLineCustomFields"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrderTableComponent, "vdr-order-table", never, { "order": "order"; "orderLineCustomFields": "orderLineCustomFields"; "isDraft": "isDraft"; }, { "adjust": "adjust"; "remove": "remove"; }, never, never>;
 }

package/order/components/select-address-dialog/select-address-dialog.component.d.ts

@@ -0,0 +1,27 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { AddressFragment, CreateAddressInput, DataService, Dialog, GetAvailableCountriesQuery, OrderAddressFragment } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
+import { Customer } from '../select-customer-dialog/select-customer-dialog.component';
+import * as i0 from "@angular/core";
+export declare class SelectAddressDialogComponent implements OnInit, Dialog<CreateAddressInput> {
+    private dataService;
+    private formBuilder;
+    resolveWith: (result?: CreateAddressInput) => void;
+    availableCountries$: Observable<GetAvailableCountriesQuery['countries']['items']>;
+    addresses$: Observable<AddressFragment[]>;
+    customerId: string | undefined;
+    currentAddress: OrderAddressFragment | undefined;
+    addressForm: FormGroup;
+    selectedAddress: AddressFragment | undefined;
+    useExisting: boolean;
+    createNew: boolean;
+    constructor(dataService: DataService, formBuilder: FormBuilder);
+    ngOnInit(): void;
+    trackByFn(item: Customer): string;
+    addressIdFn(item: AddressFragment): string;
+    cancel(): void;
+    select(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectAddressDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectAddressDialogComponent, "vdr-select-address-dialog", never, {}, {}, never, never>;
+}

package/order/components/select-address-dialog/select-address-dialog.graphql.d.ts

@@ -0,0 +1 @@
+export declare const GET_CUSTOMER_ADDRESSES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

package/order/components/select-customer-dialog/select-customer-dialog.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CreateCustomerInput, DataService, Dialog, GetCustomerListQuery } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare type Customer = GetCustomerListQuery['customers']['items'][number];
+export declare class SelectCustomerDialogComponent implements OnInit, Dialog<Customer | CreateCustomerInput> {
+    private dataService;
+    private formBuilder;
+    resolveWith: (result?: Customer | CreateCustomerInput) => void;
+    customerForm: FormGroup;
+    customers$: Observable<Customer[]>;
+    isLoading: boolean;
+    input$: Subject<string>;
+    selectedCustomer: Customer[];
+    useExisting: boolean;
+    createNew: boolean;
+    constructor(dataService: DataService, formBuilder: FormBuilder);
+    ngOnInit(): void;
+    trackByFn(item: Customer): string;
+    cancel(): void;
+    select(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectCustomerDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectCustomerDialogComponent, "vdr-select-customer-dialog", never, {}, {}, never, never>;
+}

package/order/components/select-shipping-method-dialog/select-shipping-method-dialog.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { CurrencyCode, Dialog, DraftOrderEligibleShippingMethodsQuery } from '@vendure/admin-ui/core';
+import * as i0 from "@angular/core";
+declare type ShippingMethodQuote = DraftOrderEligibleShippingMethodsQuery['eligibleShippingMethodsForDraftOrder'][number];
+export declare class SelectShippingMethodDialogComponent implements OnInit, Dialog<string> {
+    resolveWith: (result?: string) => void;
+    eligibleShippingMethods: ShippingMethodQuote[];
+    currentSelectionId: string;
+    currencyCode: CurrencyCode;
+    selectedMethod: ShippingMethodQuote | undefined;
+    constructor();
+    ngOnInit(): void;
+    methodIdFn(item: ShippingMethodQuote): string;
+    cancel(): void;
+    select(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectShippingMethodDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectShippingMethodDialogComponent, "vdr-select-shipping-method-dialog", never, {}, {}, never, never>;
+}
+export {};

package/order/order.module.d.ts

@@ -27,10 +27,16 @@ import * as i25 from "./components/order-edits-preview-dialog/order-edits-previe
 import * as i26 from "./components/modification-detail/modification-detail.component";
 import * as i27 from "./components/add-manual-payment-dialog/add-manual-payment-dialog.component";
 import * as i28 from "./components/order-state-select-dialog/order-state-select-dialog.component";
-import * as i29 from "@vendure/admin-ui/core";
-import * as i30 from "@angular/router";
+import * as i29 from "./components/draft-order-detail/draft-order-detail.component";
+import * as i30 from "./components/draft-order-variant-selector/draft-order-variant-selector.component";
+import * as i31 from "./components/select-customer-dialog/select-customer-dialog.component";
+import * as i32 from "./components/select-address-dialog/select-address-dialog.component";
+import * as i33 from "./components/coupon-code-selector/coupon-code-selector.component";
+import * as i34 from "./components/select-shipping-method-dialog/select-shipping-method-dialog.component";
+import * as i35 from "@vendure/admin-ui/core";
+import * as i36 from "@angular/router";
 export declare class OrderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OrderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OrderModule, [typeof i1.OrderListComponent, typeof i2.OrderDetailComponent, typeof i3.FulfillOrderDialogComponent, typeof i4.LineFulfillmentComponent, typeof i5.RefundOrderDialogComponent, typeof i6.CancelOrderDialogComponent, typeof i7.PaymentStateLabelComponent, typeof i8.LineRefundsComponent, typeof i9.OrderPaymentCardComponent, typeof i10.RefundStateLabelComponent, typeof i11.SettleRefundDialogComponent, typeof i12.OrderHistoryComponent, typeof i13.FulfillmentDetailComponent, typeof i14.PaymentDetailComponent, typeof i15.SimpleItemListComponent, typeof i16.OrderCustomFieldsCardComponent, typeof i17.OrderProcessGraphComponent, typeof i18.OrderProcessNodeComponent, typeof i19.OrderProcessEdgeComponent, typeof i20.OrderProcessGraphDialogComponent, typeof i21.FulfillmentStateLabelComponent, typeof i22.FulfillmentCardComponent, typeof i23.OrderEditorComponent, typeof i24.OrderTableComponent, typeof i25.OrderEditsPreviewDialogComponent, typeof i26.ModificationDetailComponent, typeof i27.AddManualPaymentDialogComponent, typeof i28.OrderStateSelectDialogComponent], [typeof i29.SharedModule, typeof i30.RouterModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OrderModule, [typeof i1.OrderListComponent, typeof i2.OrderDetailComponent, typeof i3.FulfillOrderDialogComponent, typeof i4.LineFulfillmentComponent, typeof i5.RefundOrderDialogComponent, typeof i6.CancelOrderDialogComponent, typeof i7.PaymentStateLabelComponent, typeof i8.LineRefundsComponent, typeof i9.OrderPaymentCardComponent, typeof i10.RefundStateLabelComponent, typeof i11.SettleRefundDialogComponent, typeof i12.OrderHistoryComponent, typeof i13.FulfillmentDetailComponent, typeof i14.PaymentDetailComponent, typeof i15.SimpleItemListComponent, typeof i16.OrderCustomFieldsCardComponent, typeof i17.OrderProcessGraphComponent, typeof i18.OrderProcessNodeComponent, typeof i19.OrderProcessEdgeComponent, typeof i20.OrderProcessGraphDialogComponent, typeof i21.FulfillmentStateLabelComponent, typeof i22.FulfillmentCardComponent, typeof i23.OrderEditorComponent, typeof i24.OrderTableComponent, typeof i25.OrderEditsPreviewDialogComponent, typeof i26.ModificationDetailComponent, typeof i27.AddManualPaymentDialogComponent, typeof i28.OrderStateSelectDialogComponent, typeof i29.DraftOrderDetailComponent, typeof i30.DraftOrderVariantSelectorComponent, typeof i31.SelectCustomerDialogComponent, typeof i32.SelectAddressDialogComponent, typeof i33.CouponCodeSelectorComponent, typeof i34.SelectShippingMethodDialogComponent], [typeof i35.SharedModule, typeof i36.RouterModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OrderModule>;
 }

package/order/providers/routing/order-resolver.d.ts

@@ -1,11 +1,16 @@
-import { Router } from '@angular/router';
-import { BaseEntityResolver, DataService, OrderDetailFragment } from '@vendure/admin-ui/core';
+import { ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot } from '@angular/router';
+import { DataService, OrderDetailFragment } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Resolves the id from the path into a Customer entity.
  */
-export declare class OrderResolver extends BaseEntityResolver<OrderDetailFragment> {
+export declare class OrderResolver implements Resolve<Observable<OrderDetailFragment>> {
+    private router;
+    private dataService;
     constructor(router: Router, dataService: DataService);
+    /** @internal */
+    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Observable<OrderDetailFragment>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrderResolver, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OrderResolver>;
 }

package/order/providers/routing/order.guard.d.ts

@@ -0,0 +1,12 @@
+import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { DataService } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class OrderGuard implements CanActivate {
+    private dataService;
+    private router;
+    constructor(dataService: DataService, router: Router);
+    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderGuard, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OrderGuard>;
+}

package/order/public_api.d.ts

@@ -1,5 +1,8 @@
 export * from './components/add-manual-payment-dialog/add-manual-payment-dialog.component';
 export * from './components/cancel-order-dialog/cancel-order-dialog.component';
+export * from './components/coupon-code-selector/coupon-code-selector.component';
+export * from './components/draft-order-detail/draft-order-detail.component';
+export * from './components/draft-order-variant-selector/draft-order-variant-selector.component';
 export * from './components/fulfill-order-dialog/fulfill-order-dialog.component';
 export * from './components/fulfillment-card/fulfillment-card.component';
 export * from './components/fulfillment-detail/fulfillment-detail.component';
@@ -26,9 +29,14 @@ export * from './components/payment-detail/payment-detail.component';
 export * from './components/payment-state-label/payment-state-label.component';
 export * from './components/refund-order-dialog/refund-order-dialog.component';
 export * from './components/refund-state-label/refund-state-label.component';
+export * from './components/select-address-dialog/select-address-dialog.component';
+export * from './components/select-address-dialog/select-address-dialog.graphql';
+export * from './components/select-customer-dialog/select-customer-dialog.component';
+export * from './components/select-shipping-method-dialog/select-shipping-method-dialog.component';
 export * from './components/settle-refund-dialog/settle-refund-dialog.component';
 export * from './components/simple-item-list/simple-item-list.component';
 export * from './order.module';
 export * from './order.routes';
 export * from './providers/order-transition.service';
 export * from './providers/routing/order-resolver';
+export * from './providers/routing/order.guard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendure/admin-ui",
-  "version": "2.0.0-next.2",
+  "version": "2.0.0-next.21",
   "license": "MIT",
   "dependencies": {
     "@angular/animations": "13.2.3",
@@ -22,7 +22,7 @@
     "@ng-select/ng-select": "^8.1.1",
     "@ngx-translate/core": "^14.0.0",
     "@ngx-translate/http-loader": "^7.0.0",
-    "@vendure/common": "^2.0.0-next.2",
+    "@vendure/common": "^2.0.0-next.21",
     "@webcomponents/custom-elements": "^1.4.3",
     "apollo-angular": "^3.0.0",
     "apollo-upload-client": "^17.0.0",
@@ -33,16 +33,17 @@
     "messageformat": "2.3.0",
     "ngx-pagination": "^5.1.1",
     "ngx-translate-messageformat-compiler": "^5.0.1",
-    "prosemirror-commands": "^1.2.1",
-    "prosemirror-dropcursor": "^1.4.0",
-    "prosemirror-gapcursor": "^1.2.1",
-    "prosemirror-history": "^1.2.0",
-    "prosemirror-inputrules": "^1.1.3",
-    "prosemirror-keymap": "^1.1.5",
-    "prosemirror-menu": "^1.1.4",
-    "prosemirror-schema-basic": "^1.1.2",
-    "prosemirror-schema-list": "^1.1.6",
-    "prosemirror-state": "^1.3.4",
+    "prosemirror-commands": "^1.3.0",
+    "prosemirror-dropcursor": "^1.6.0",
+    "prosemirror-gapcursor": "^1.3.1",
+    "prosemirror-history": "^1.3.0",
+    "prosemirror-inputrules": "^1.2.0",
+    "prosemirror-keymap": "^1.2.0",
+    "prosemirror-menu": "^1.2.1",
+    "prosemirror-schema-basic": "^1.2.0",
+    "prosemirror-schema-list": "^1.2.1",
+    "prosemirror-state": "^1.4.1",
+    "prosemirror-tables": "^1.2.5",
     "rxjs": "^7.5.4",
     "tslib": "^2.1.0",
     "zone.js": "~0.11.4"

package/settings/components/zone-member-list/zone-member-list.component.d.ts

@@ -17,7 +17,9 @@ export declare class ZoneMemberListComponent {
     filteredMembers(): ZoneMember[];
     areAllSelected(): boolean;
     toggleSelectAll(): void;
-    toggleSelectMember(member: ZoneMember): void;
+    toggleSelectMember({ item: member }: {
+        item: ZoneMember;
+    }): void;
     isMemberSelected: (member: ZoneMember) => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZoneMemberListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ZoneMemberListComponent, "vdr-zone-member-list", never, { "members": "members"; "selectedMemberIds": "selectedMemberIds"; }, { "selectionChange": "selectionChange"; }, ["headerTemplate", "controlsTemplate"], never>;