npm - @vendure/admin-ui - Versions diffs - 1.7.4 → 1.8.1 - Mend

@vendure/admin-ui 1.7.4 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (228) hide show

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs/operators'), require('apollo-angular'), require('@angular/common/http'), require('@vendure/common/lib/simple-deep-clone'), require('@apollo/client/core'), require('@vendure/common/lib/shared-utils'), require('rxjs'), require('graphql'), require('@vendure/common/lib/pick'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@ngx-translate/core'), require('ngx-translate-messageformat-compiler'), require('@angular/router'), require('@vendure/common/lib/shared-constants'), require('lodash'), require('@angular/forms'), require('@biesbjerg/ngx-translate-extract-marker'), require('@apollo/client/link/context'), require('@apollo/client/link/core'), require('apollo-upload-client'), require('@vendure/common/lib/omit'), require('codejar'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@clr/angular'), require('@clr/icons'), require('@clr/icons/shapes/all-shapes'), require('@ng-select/ng-select'), require('@webcomponents/custom-elements/custom-elements.min.js'), require('ngx-pagination'), require('dayjs'), require('@angular/cdk/portal'), require('prosemirror-commands'), require('prosemirror-dropcursor'), require('prosemirror-gapcursor'), require('prosemirror-history'), require('prosemirror-keymap'), require('prosemirror-menu'), require('prosemirror-model'), require('prosemirror-schema-basic'), require('prosemirror-schema-list'), require('prosemirror-state'), require('prosemirror-view'), require('prosemirror-inputrules')) :
-    typeof define === 'function' && define.amd ? define('@vendure/admin-ui/core', ['exports', '@angular/core', '@angular/common', 'rxjs/operators', 'apollo-angular', '@angular/common/http', '@vendure/common/lib/simple-deep-clone', '@apollo/client/core', '@vendure/common/lib/shared-utils', 'rxjs', 'graphql', '@vendure/common/lib/pick', '@angular/platform-browser', '@angular/platform-browser/animations', '@ngx-translate/core', 'ngx-translate-messageformat-compiler', '@angular/router', '@vendure/common/lib/shared-constants', 'lodash', '@angular/forms', '@biesbjerg/ngx-translate-extract-marker', '@apollo/client/link/context', '@apollo/client/link/core', 'apollo-upload-client', '@vendure/common/lib/omit', 'codejar', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@clr/angular', '@clr/icons', '@clr/icons/shapes/all-shapes', '@ng-select/ng-select', '@webcomponents/custom-elements/custom-elements.min.js', 'ngx-pagination', 'dayjs', '@angular/cdk/portal', 'prosemirror-commands', 'prosemirror-dropcursor', 'prosemirror-gapcursor', 'prosemirror-history', 'prosemirror-keymap', 'prosemirror-menu', 'prosemirror-model', 'prosemirror-schema-basic', 'prosemirror-schema-list', 'prosemirror-state', 'prosemirror-view', 'prosemirror-inputrules'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.vendure = global.vendure || {}, global.vendure['admin-ui'] = global.vendure['admin-ui'] || {}, global.vendure['admin-ui'].core = {}), global.ng.core, global.ng.common, global.rxjs.operators, global.apolloAngular, global.ng.common.http, global.simpleDeepClone, global.core, global.sharedUtils, global.rxjs, global.graphql, global.pick, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.i1$2, global.i1$4, global.ng.router, global.sharedConstants, global.lodash, global.ng.forms, global.ngxTranslateExtractMarker, global.context, global.core$1, global.apolloUploadClient, global.omit, global.codejar, global.ng.cdk.dragDrop, global.ng.cdk.overlay, global.angular, null, null, global.ngSelect, null, global.ngxPagination, global.dayjs, global.ng.cdk.portal, global.prosemirrorCommands, global.prosemirrorDropcursor, global.prosemirrorGapcursor, global.prosemirrorHistory, global.prosemirrorKeymap, global.prosemirrorMenu, global.prosemirrorModel, global.prosemirrorSchemaBasic, global.prosemirrorSchemaList, global.prosemirrorState, global.prosemirrorView, global.prosemirrorInputrules));
-}(this, (function (exports, i0, i1, operators, apolloAngular, i1$1, simpleDeepClone, core, sharedUtils, rxjs, graphql, pick, platformBrowser, animations, i1$2, i1$4, i1$3, sharedConstants, lodash, forms, ngxTranslateExtractMarker, context, core$1, apolloUploadClient, omit, codejar, dragDrop, overlay, angular, icons, allShapes, ngSelect, customElements_min_js, ngxPagination, dayjs, portal, prosemirrorCommands, prosemirrorDropcursor, prosemirrorGapcursor, prosemirrorHistory, prosemirrorKeymap, prosemirrorMenu, prosemirrorModel, prosemirrorSchemaBasic, prosemirrorSchemaList, prosemirrorState, prosemirrorView, prosemirrorInputrules) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs/operators'), require('apollo-angular'), require('@angular/common/http'), require('@vendure/common/lib/simple-deep-clone'), require('@apollo/client/core'), require('@vendure/common/lib/shared-utils'), require('rxjs'), require('graphql'), require('@vendure/common/lib/pick'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@ngx-translate/core'), require('ngx-translate-messageformat-compiler'), require('@angular/router'), require('@vendure/common/lib/shared-constants'), require('lodash'), require('@angular/forms'), require('@biesbjerg/ngx-translate-extract-marker'), require('@apollo/client/link/context'), require('@apollo/client/link/core'), require('apollo-upload-client'), require('@vendure/common/lib/omit'), require('codejar'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@clr/angular'), require('@clr/icons'), require('@clr/icons/shapes/all-shapes'), require('@ng-select/ng-select'), require('@webcomponents/custom-elements/custom-elements.min.js'), require('ngx-pagination'), require('dayjs'), require('@angular/cdk/portal'), require('prosemirror-commands'), require('prosemirror-dropcursor'), require('prosemirror-gapcursor'), require('prosemirror-history'), require('prosemirror-keymap'), require('prosemirror-model'), require('prosemirror-schema-basic'), require('prosemirror-schema-list'), require('prosemirror-state'), require('prosemirror-tables'), require('prosemirror-view'), require('prosemirror-inputrules'), require('prosemirror-menu')) :
+    typeof define === 'function' && define.amd ? define('@vendure/admin-ui/core', ['exports', '@angular/core', '@angular/common', 'rxjs/operators', 'apollo-angular', '@angular/common/http', '@vendure/common/lib/simple-deep-clone', '@apollo/client/core', '@vendure/common/lib/shared-utils', 'rxjs', 'graphql', '@vendure/common/lib/pick', '@angular/platform-browser', '@angular/platform-browser/animations', '@ngx-translate/core', 'ngx-translate-messageformat-compiler', '@angular/router', '@vendure/common/lib/shared-constants', 'lodash', '@angular/forms', '@biesbjerg/ngx-translate-extract-marker', '@apollo/client/link/context', '@apollo/client/link/core', 'apollo-upload-client', '@vendure/common/lib/omit', 'codejar', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@clr/angular', '@clr/icons', '@clr/icons/shapes/all-shapes', '@ng-select/ng-select', '@webcomponents/custom-elements/custom-elements.min.js', 'ngx-pagination', 'dayjs', '@angular/cdk/portal', 'prosemirror-commands', 'prosemirror-dropcursor', 'prosemirror-gapcursor', 'prosemirror-history', 'prosemirror-keymap', 'prosemirror-model', 'prosemirror-schema-basic', 'prosemirror-schema-list', 'prosemirror-state', 'prosemirror-tables', 'prosemirror-view', 'prosemirror-inputrules', 'prosemirror-menu'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.vendure = global.vendure || {}, global.vendure['admin-ui'] = global.vendure['admin-ui'] || {}, global.vendure['admin-ui'].core = {}), global.ng.core, global.ng.common, global.rxjs.operators, global.apolloAngular, global.ng.common.http, global.simpleDeepClone, global.core, global.sharedUtils, global.rxjs, global.graphql, global.pick, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.i1$2, global.i1$4, global.ng.router, global.sharedConstants, global.lodash, global.ng.forms, global.ngxTranslateExtractMarker, global.context, global.core$1, global.apolloUploadClient, global.omit, global.codejar, global.ng.cdk.dragDrop, global.ng.cdk.overlay, global.angular, null, null, global.ngSelect, null, global.ngxPagination, global.dayjs, global.ng.cdk.portal, global.prosemirrorCommands, global.prosemirrorDropcursor, global.prosemirrorGapcursor, global.prosemirrorHistory, global.prosemirrorKeymap, global.prosemirrorModel, global.prosemirrorSchemaBasic, global.prosemirrorSchemaList, global.prosemirrorState, global.prosemirrorTables, global.prosemirrorView, global.prosemirrorInputrules, global.prosemirrorMenu));
+}(this, (function (exports, i0, i1, operators, apolloAngular, i1$1, simpleDeepClone, core, sharedUtils, rxjs, graphql, pick, platformBrowser, animations, i1$2, i1$4, i1$3, sharedConstants, lodash, forms, ngxTranslateExtractMarker, context, core$1, apolloUploadClient, omit, codejar, dragDrop, overlay, angular, icons, allShapes, ngSelect, customElements_min_js, ngxPagination, dayjs, portal, prosemirrorCommands, prosemirrorDropcursor, prosemirrorGapcursor, prosemirrorHistory, prosemirrorKeymap, prosemirrorModel, prosemirrorSchemaBasic, prosemirrorSchemaList, prosemirrorState, prosemirrorTables, prosemirrorView, prosemirrorInputrules, prosemirrorMenu) { 'use strict';
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -362,12 +362,12 @@
     var UPDATE_ACTIVE_ADMINISTRATOR = apolloAngular.gql(templateObject_8$8 || (templateObject_8$8 = __makeTemplateObject(["\n    mutation UpdateActiveAdministrator($input: UpdateActiveAdministratorInput!) {\n        updateActiveAdministrator(input: $input) {\n            ...Administrator\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateActiveAdministrator($input: UpdateActiveAdministratorInput!) {\n        updateActiveAdministrator(input: $input) {\n            ...Administrator\n        }\n    }\n    ", "\n"])), ADMINISTRATOR_FRAGMENT);
     var DELETE_ADMINISTRATOR = apolloAngular.gql(templateObject_9$8 || (templateObject_9$8 = __makeTemplateObject(["\n    mutation DeleteAdministrator($id: ID!) {\n        deleteAdministrator(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteAdministrator($id: ID!) {\n        deleteAdministrator(id: $id) {\n            result\n            message\n        }\n    }\n"])));
     var GET_ROLES = apolloAngular.gql(templateObject_10$7 || (templateObject_10$7 = __makeTemplateObject(["\n    query GetRoles($options: RoleListOptions) {\n        roles(options: $options) {\n            items {\n                ...Role\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetRoles($options: RoleListOptions) {\n        roles(options: $options) {\n            items {\n                ...Role\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
-    var GET_ROLE = apolloAngular.gql(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject(["\n    query GetRole($id: ID!) {\n        role(id: $id) {\n            ...Role\n        }\n    }\n    ", "\n"], ["\n    query GetRole($id: ID!) {\n        role(id: $id) {\n            ...Role\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
-    var CREATE_ROLE = apolloAngular.gql(templateObject_12$5 || (templateObject_12$5 = __makeTemplateObject(["\n    mutation CreateRole($input: CreateRoleInput!) {\n        createRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"], ["\n    mutation CreateRole($input: CreateRoleInput!) {\n        createRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
-    var UPDATE_ROLE = apolloAngular.gql(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject(["\n    mutation UpdateRole($input: UpdateRoleInput!) {\n        updateRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateRole($input: UpdateRoleInput!) {\n        updateRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
+    var GET_ROLE = apolloAngular.gql(templateObject_11$7 || (templateObject_11$7 = __makeTemplateObject(["\n    query GetRole($id: ID!) {\n        role(id: $id) {\n            ...Role\n        }\n    }\n    ", "\n"], ["\n    query GetRole($id: ID!) {\n        role(id: $id) {\n            ...Role\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
+    var CREATE_ROLE = apolloAngular.gql(templateObject_12$7 || (templateObject_12$7 = __makeTemplateObject(["\n    mutation CreateRole($input: CreateRoleInput!) {\n        createRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"], ["\n    mutation CreateRole($input: CreateRoleInput!) {\n        createRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
+    var UPDATE_ROLE = apolloAngular.gql(templateObject_13$7 || (templateObject_13$7 = __makeTemplateObject(["\n    mutation UpdateRole($input: UpdateRoleInput!) {\n        updateRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateRole($input: UpdateRoleInput!) {\n        updateRole(input: $input) {\n            ...Role\n        }\n    }\n    ", "\n"])), ROLE_FRAGMENT);
     var DELETE_ROLE = apolloAngular.gql(templateObject_14$5 || (templateObject_14$5 = __makeTemplateObject(["\n    mutation DeleteRole($id: ID!) {\n        deleteRole(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteRole($id: ID!) {\n        deleteRole(id: $id) {\n            result\n            message\n        }\n    }\n"])));
     var ASSIGN_ROLE_TO_ADMINISTRATOR = apolloAngular.gql(templateObject_15$5 || (templateObject_15$5 = __makeTemplateObject(["\n    mutation AssignRoleToAdministrator($administratorId: ID!, $roleId: ID!) {\n        assignRoleToAdministrator(administratorId: $administratorId, roleId: $roleId) {\n            ...Administrator\n        }\n    }\n    ", "\n"], ["\n    mutation AssignRoleToAdministrator($administratorId: ID!, $roleId: ID!) {\n        assignRoleToAdministrator(administratorId: $administratorId, roleId: $roleId) {\n            ...Administrator\n        }\n    }\n    ", "\n"])), ADMINISTRATOR_FRAGMENT);
-    var templateObject_1$b, templateObject_2$b, templateObject_3$b, templateObject_4$a, templateObject_5$9, templateObject_6$9, templateObject_7$9, templateObject_8$8, templateObject_9$8, templateObject_10$7, templateObject_11$5, templateObject_12$5, templateObject_13$5, templateObject_14$5, templateObject_15$5;
+    var templateObject_1$b, templateObject_2$b, templateObject_3$b, templateObject_4$a, templateObject_5$9, templateObject_6$9, templateObject_7$9, templateObject_8$8, templateObject_9$8, templateObject_10$7, templateObject_11$7, templateObject_12$7, templateObject_13$7, templateObject_14$5, templateObject_15$5;
     var AdministratorDataService = /** @class */ (function () {
         function AdministratorDataService(baseDataService) {
@@ -545,13 +545,13 @@
     var SET_DISPLAY_UI_EXTENSION_POINTS = apolloAngular.gql(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n    mutation SetDisplayUiExtensionPoints($display: Boolean!) {\n        setDisplayUiExtensionPoints(display: $display) @client\n    }\n"], ["\n    mutation SetDisplayUiExtensionPoints($display: Boolean!) {\n        setDisplayUiExtensionPoints(display: $display) @client\n    }\n"])));
     var SET_CONTENT_LANGUAGE = apolloAngular.gql(templateObject_9$7 || (templateObject_9$7 = __makeTemplateObject(["\n    mutation SetContentLanguage($languageCode: LanguageCode!) {\n        setContentLanguage(languageCode: $languageCode) @client\n    }\n"], ["\n    mutation SetContentLanguage($languageCode: LanguageCode!) {\n        setContentLanguage(languageCode: $languageCode) @client\n    }\n"])));
     var SET_UI_THEME = apolloAngular.gql(templateObject_10$6 || (templateObject_10$6 = __makeTemplateObject(["\n    mutation SetUiTheme($theme: String!) {\n        setUiTheme(theme: $theme) @client\n    }\n"], ["\n    mutation SetUiTheme($theme: String!) {\n        setUiTheme(theme: $theme) @client\n    }\n"])));
-    var GET_NEWTORK_STATUS = apolloAngular.gql(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n    query GetNetworkStatus {\n        networkStatus @client {\n            inFlightRequests\n        }\n    }\n"], ["\n    query GetNetworkStatus {\n        networkStatus @client {\n            inFlightRequests\n        }\n    }\n"])));
-    var GET_USER_STATUS = apolloAngular.gql(templateObject_12$4 || (templateObject_12$4 = __makeTemplateObject(["\n    query GetUserStatus {\n        userStatus @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"], ["\n    query GetUserStatus {\n        userStatus @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"])), USER_STATUS_FRAGMENT);
-    var GET_UI_STATE = apolloAngular.gql(templateObject_13$4 || (templateObject_13$4 = __makeTemplateObject(["\n    query GetUiState {\n        uiState @client {\n            language\n            locale\n            contentLanguage\n            theme\n            displayUiExtensionPoints\n        }\n    }\n"], ["\n    query GetUiState {\n        uiState @client {\n            language\n            locale\n            contentLanguage\n            theme\n            displayUiExtensionPoints\n        }\n    }\n"])));
+    var GET_NEWTORK_STATUS = apolloAngular.gql(templateObject_11$6 || (templateObject_11$6 = __makeTemplateObject(["\n    query GetNetworkStatus {\n        networkStatus @client {\n            inFlightRequests\n        }\n    }\n"], ["\n    query GetNetworkStatus {\n        networkStatus @client {\n            inFlightRequests\n        }\n    }\n"])));
+    var GET_USER_STATUS = apolloAngular.gql(templateObject_12$6 || (templateObject_12$6 = __makeTemplateObject(["\n    query GetUserStatus {\n        userStatus @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"], ["\n    query GetUserStatus {\n        userStatus @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"])), USER_STATUS_FRAGMENT);
+    var GET_UI_STATE = apolloAngular.gql(templateObject_13$6 || (templateObject_13$6 = __makeTemplateObject(["\n    query GetUiState {\n        uiState @client {\n            language\n            locale\n            contentLanguage\n            theme\n            displayUiExtensionPoints\n        }\n    }\n"], ["\n    query GetUiState {\n        uiState @client {\n            language\n            locale\n            contentLanguage\n            theme\n            displayUiExtensionPoints\n        }\n    }\n"])));
     var GET_CLIENT_STATE = apolloAngular.gql(templateObject_14$4 || (templateObject_14$4 = __makeTemplateObject(["\n    query GetClientState {\n        networkStatus @client {\n            inFlightRequests\n        }\n        userStatus @client {\n            ...UserStatus\n        }\n        uiState @client {\n            language\n            locale\n            contentLanguage\n            theme\n            displayUiExtensionPoints\n        }\n    }\n    ", "\n"], ["\n    query GetClientState {\n        networkStatus @client {\n            inFlightRequests\n        }\n        userStatus @client {\n            ...UserStatus\n        }\n        uiState @client {\n            language\n            locale\n            contentLanguage\n            theme\n            displayUiExtensionPoints\n        }\n    }\n    ", "\n"])), USER_STATUS_FRAGMENT);
     var SET_ACTIVE_CHANNEL = apolloAngular.gql(templateObject_15$4 || (templateObject_15$4 = __makeTemplateObject(["\n    mutation SetActiveChannel($channelId: ID!) {\n        setActiveChannel(channelId: $channelId) @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"], ["\n    mutation SetActiveChannel($channelId: ID!) {\n        setActiveChannel(channelId: $channelId) @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"])), USER_STATUS_FRAGMENT);
     var UPDATE_USER_CHANNELS = apolloAngular.gql(templateObject_16$4 || (templateObject_16$4 = __makeTemplateObject(["\n    mutation UpdateUserChannels($channels: [CurrentUserChannelInput!]!) {\n        updateUserChannels(channels: $channels) @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateUserChannels($channels: [CurrentUserChannelInput!]!) {\n        updateUserChannels(channels: $channels) @client {\n            ...UserStatus\n        }\n    }\n    ", "\n"])), USER_STATUS_FRAGMENT);
-    var templateObject_1$8, templateObject_2$8, templateObject_3$8, templateObject_4$8, templateObject_5$8, templateObject_6$8, templateObject_7$8, templateObject_8$7, templateObject_9$7, templateObject_10$6, templateObject_11$4, templateObject_12$4, templateObject_13$4, templateObject_14$4, templateObject_15$4, templateObject_16$4;
+    var templateObject_1$8, templateObject_2$8, templateObject_3$8, templateObject_4$8, templateObject_5$8, templateObject_6$8, templateObject_7$8, templateObject_8$7, templateObject_9$7, templateObject_10$6, templateObject_11$6, templateObject_12$6, templateObject_13$6, templateObject_14$4, templateObject_15$4, templateObject_16$4;
     /**
      * @description
@@ -651,9 +651,9 @@
     var ZONE_FRAGMENT = apolloAngular.gql(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n    fragment Zone on Zone {\n        id\n        createdAt\n        updatedAt\n        name\n        members {\n            ...Country\n        }\n    }\n    ", "\n"], ["\n    fragment Zone on Zone {\n        id\n        createdAt\n        updatedAt\n        name\n        members {\n            ...Country\n        }\n    }\n    ", "\n"])), COUNTRY_FRAGMENT);
     var GET_ZONES = apolloAngular.gql(templateObject_9$6 || (templateObject_9$6 = __makeTemplateObject(["\n    query GetZones {\n        zones {\n            ...Zone\n            members {\n                createdAt\n                updatedAt\n                id\n                name\n                code\n                enabled\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetZones {\n        zones {\n            ...Zone\n            members {\n                createdAt\n                updatedAt\n                id\n                name\n                code\n                enabled\n            }\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
     var GET_ZONE = apolloAngular.gql(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n    query GetZone($id: ID!) {\n        zone(id: $id) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    query GetZone($id: ID!) {\n        zone(id: $id) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
-    var CREATE_ZONE = apolloAngular.gql(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n    mutation CreateZone($input: CreateZoneInput!) {\n        createZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    mutation CreateZone($input: CreateZoneInput!) {\n        createZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
-    var UPDATE_ZONE = apolloAngular.gql(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n    mutation UpdateZone($input: UpdateZoneInput!) {\n        updateZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateZone($input: UpdateZoneInput!) {\n        updateZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
-    var DELETE_ZONE = apolloAngular.gql(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n    mutation DeleteZone($id: ID!) {\n        deleteZone(id: $id) {\n            message\n            result\n        }\n    }\n"], ["\n    mutation DeleteZone($id: ID!) {\n        deleteZone(id: $id) {\n            message\n            result\n        }\n    }\n"])));
+    var CREATE_ZONE = apolloAngular.gql(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject(["\n    mutation CreateZone($input: CreateZoneInput!) {\n        createZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    mutation CreateZone($input: CreateZoneInput!) {\n        createZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
+    var UPDATE_ZONE = apolloAngular.gql(templateObject_12$5 || (templateObject_12$5 = __makeTemplateObject(["\n    mutation UpdateZone($input: UpdateZoneInput!) {\n        updateZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateZone($input: UpdateZoneInput!) {\n        updateZone(input: $input) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
+    var DELETE_ZONE = apolloAngular.gql(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject(["\n    mutation DeleteZone($id: ID!) {\n        deleteZone(id: $id) {\n            message\n            result\n        }\n    }\n"], ["\n    mutation DeleteZone($id: ID!) {\n        deleteZone(id: $id) {\n            message\n            result\n        }\n    }\n"])));
     var ADD_MEMBERS_TO_ZONE = apolloAngular.gql(templateObject_14$3 || (templateObject_14$3 = __makeTemplateObject(["\n    mutation AddMembersToZone($zoneId: ID!, $memberIds: [ID!]!) {\n        addMembersToZone(zoneId: $zoneId, memberIds: $memberIds) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    mutation AddMembersToZone($zoneId: ID!, $memberIds: [ID!]!) {\n        addMembersToZone(zoneId: $zoneId, memberIds: $memberIds) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
     var REMOVE_MEMBERS_FROM_ZONE = apolloAngular.gql(templateObject_15$3 || (templateObject_15$3 = __makeTemplateObject(["\n    mutation RemoveMembersFromZone($zoneId: ID!, $memberIds: [ID!]!) {\n        removeMembersFromZone(zoneId: $zoneId, memberIds: $memberIds) {\n            ...Zone\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveMembersFromZone($zoneId: ID!, $memberIds: [ID!]!) {\n        removeMembersFromZone(zoneId: $zoneId, memberIds: $memberIds) {\n            ...Zone\n        }\n    }\n    ", "\n"])), ZONE_FRAGMENT);
     var TAX_CATEGORY_FRAGMENT = apolloAngular.gql(templateObject_16$3 || (templateObject_16$3 = __makeTemplateObject(["\n    fragment TaxCategory on TaxCategory {\n        id\n        createdAt\n        updatedAt\n        name\n        isDefault\n    }\n"], ["\n    fragment TaxCategory on TaxCategory {\n        id\n        createdAt\n        updatedAt\n        name\n        isDefault\n    }\n"])));
@@ -668,25 +668,25 @@
     var GET_TAX_RATE = apolloAngular.gql(templateObject_25$2 || (templateObject_25$2 = __makeTemplateObject(["\n    query GetTaxRate($id: ID!) {\n        taxRate(id: $id) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    query GetTaxRate($id: ID!) {\n        taxRate(id: $id) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
     var CREATE_TAX_RATE = apolloAngular.gql(templateObject_26$2 || (templateObject_26$2 = __makeTemplateObject(["\n    mutation CreateTaxRate($input: CreateTaxRateInput!) {\n        createTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTaxRate($input: CreateTaxRateInput!) {\n        createTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
     var UPDATE_TAX_RATE = apolloAngular.gql(templateObject_27$2 || (templateObject_27$2 = __makeTemplateObject(["\n    mutation UpdateTaxRate($input: UpdateTaxRateInput!) {\n        updateTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTaxRate($input: UpdateTaxRateInput!) {\n        updateTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
-    var DELETE_TAX_RATE = apolloAngular.gql(templateObject_28$1 || (templateObject_28$1 = __makeTemplateObject(["\n    mutation DeleteTaxRate($id: ID!) {\n        deleteTaxRate(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteTaxRate($id: ID!) {\n        deleteTaxRate(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var CHANNEL_FRAGMENT = apolloAngular.gql(templateObject_29$1 || (templateObject_29$1 = __makeTemplateObject(["\n    fragment Channel on Channel {\n        id\n        createdAt\n        updatedAt\n        code\n        token\n        pricesIncludeTax\n        currencyCode\n        defaultLanguageCode\n        defaultShippingZone {\n            id\n            name\n        }\n        defaultTaxZone {\n            id\n            name\n        }\n    }\n"], ["\n    fragment Channel on Channel {\n        id\n        createdAt\n        updatedAt\n        code\n        token\n        pricesIncludeTax\n        currencyCode\n        defaultLanguageCode\n        defaultShippingZone {\n            id\n            name\n        }\n        defaultTaxZone {\n            id\n            name\n        }\n    }\n"])));
-    var GET_CHANNELS = apolloAngular.gql(templateObject_30$1 || (templateObject_30$1 = __makeTemplateObject(["\n    query GetChannels {\n        channels {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetChannels {\n        channels {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
-    var GET_CHANNEL = apolloAngular.gql(templateObject_31$1 || (templateObject_31$1 = __makeTemplateObject(["\n    query GetChannel($id: ID!) {\n        channel(id: $id) {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetChannel($id: ID!) {\n        channel(id: $id) {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
-    var GET_ACTIVE_CHANNEL = apolloAngular.gql(templateObject_32$1 || (templateObject_32$1 = __makeTemplateObject(["\n    query GetActiveChannel {\n        activeChannel {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetActiveChannel {\n        activeChannel {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
-    var CREATE_CHANNEL = apolloAngular.gql(templateObject_33$1 || (templateObject_33$1 = __makeTemplateObject(["\n    mutation CreateChannel($input: CreateChannelInput!) {\n        createChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateChannel($input: CreateChannelInput!) {\n        createChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CHANNEL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var UPDATE_CHANNEL = apolloAngular.gql(templateObject_34$1 || (templateObject_34$1 = __makeTemplateObject(["\n    mutation UpdateChannel($input: UpdateChannelInput!) {\n        updateChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateChannel($input: UpdateChannelInput!) {\n        updateChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CHANNEL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var DELETE_CHANNEL = apolloAngular.gql(templateObject_35$1 || (templateObject_35$1 = __makeTemplateObject(["\n    mutation DeleteChannel($id: ID!) {\n        deleteChannel(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteChannel($id: ID!) {\n        deleteChannel(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var PAYMENT_METHOD_FRAGMENT = apolloAngular.gql(templateObject_36$1 || (templateObject_36$1 = __makeTemplateObject(["\n    fragment PaymentMethod on PaymentMethod {\n        id\n        createdAt\n        updatedAt\n        name\n        code\n        description\n        enabled\n        checker {\n            ...ConfigurableOperation\n        }\n        handler {\n            ...ConfigurableOperation\n        }\n    }\n    ", "\n"], ["\n    fragment PaymentMethod on PaymentMethod {\n        id\n        createdAt\n        updatedAt\n        name\n        code\n        description\n        enabled\n        checker {\n            ...ConfigurableOperation\n        }\n        handler {\n            ...ConfigurableOperation\n        }\n    }\n    ", "\n"])), CONFIGURABLE_OPERATION_FRAGMENT);
-    var GET_PAYMENT_METHOD_LIST = apolloAngular.gql(templateObject_37$1 || (templateObject_37$1 = __makeTemplateObject(["\n    query GetPaymentMethodList($options: PaymentMethodListOptions!) {\n        paymentMethods(options: $options) {\n            items {\n                ...PaymentMethod\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetPaymentMethodList($options: PaymentMethodListOptions!) {\n        paymentMethods(options: $options) {\n            items {\n                ...PaymentMethod\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), PAYMENT_METHOD_FRAGMENT);
-    var GET_PAYMENT_METHOD_OPERATIONS = apolloAngular.gql(templateObject_38$1 || (templateObject_38$1 = __makeTemplateObject(["\n    query GetPaymentMethodOperations {\n        paymentMethodEligibilityCheckers {\n            ...ConfigurableOperationDef\n        }\n        paymentMethodHandlers {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"], ["\n    query GetPaymentMethodOperations {\n        paymentMethodEligibilityCheckers {\n            ...ConfigurableOperationDef\n        }\n        paymentMethodHandlers {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"])), CONFIGURABLE_OPERATION_DEF_FRAGMENT);
-    var GET_PAYMENT_METHOD = apolloAngular.gql(templateObject_39$1 || (templateObject_39$1 = __makeTemplateObject(["\n    query GetPaymentMethod($id: ID!) {\n        paymentMethod(id: $id) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"], ["\n    query GetPaymentMethod($id: ID!) {\n        paymentMethod(id: $id) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"])), PAYMENT_METHOD_FRAGMENT);
+    var DELETE_TAX_RATE = apolloAngular.gql(templateObject_28$2 || (templateObject_28$2 = __makeTemplateObject(["\n    mutation DeleteTaxRate($id: ID!) {\n        deleteTaxRate(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteTaxRate($id: ID!) {\n        deleteTaxRate(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var CHANNEL_FRAGMENT = apolloAngular.gql(templateObject_29$2 || (templateObject_29$2 = __makeTemplateObject(["\n    fragment Channel on Channel {\n        id\n        createdAt\n        updatedAt\n        code\n        token\n        pricesIncludeTax\n        currencyCode\n        defaultLanguageCode\n        defaultShippingZone {\n            id\n            name\n        }\n        defaultTaxZone {\n            id\n            name\n        }\n    }\n"], ["\n    fragment Channel on Channel {\n        id\n        createdAt\n        updatedAt\n        code\n        token\n        pricesIncludeTax\n        currencyCode\n        defaultLanguageCode\n        defaultShippingZone {\n            id\n            name\n        }\n        defaultTaxZone {\n            id\n            name\n        }\n    }\n"])));
+    var GET_CHANNELS = apolloAngular.gql(templateObject_30$2 || (templateObject_30$2 = __makeTemplateObject(["\n    query GetChannels {\n        channels {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetChannels {\n        channels {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
+    var GET_CHANNEL = apolloAngular.gql(templateObject_31$2 || (templateObject_31$2 = __makeTemplateObject(["\n    query GetChannel($id: ID!) {\n        channel(id: $id) {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetChannel($id: ID!) {\n        channel(id: $id) {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
+    var GET_ACTIVE_CHANNEL = apolloAngular.gql(templateObject_32$2 || (templateObject_32$2 = __makeTemplateObject(["\n    query GetActiveChannel {\n        activeChannel {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetActiveChannel {\n        activeChannel {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
+    var CREATE_CHANNEL = apolloAngular.gql(templateObject_33$2 || (templateObject_33$2 = __makeTemplateObject(["\n    mutation CreateChannel($input: CreateChannelInput!) {\n        createChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateChannel($input: CreateChannelInput!) {\n        createChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CHANNEL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var UPDATE_CHANNEL = apolloAngular.gql(templateObject_34$2 || (templateObject_34$2 = __makeTemplateObject(["\n    mutation UpdateChannel($input: UpdateChannelInput!) {\n        updateChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateChannel($input: UpdateChannelInput!) {\n        updateChannel(input: $input) {\n            ...Channel\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CHANNEL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var DELETE_CHANNEL = apolloAngular.gql(templateObject_35$2 || (templateObject_35$2 = __makeTemplateObject(["\n    mutation DeleteChannel($id: ID!) {\n        deleteChannel(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteChannel($id: ID!) {\n        deleteChannel(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var PAYMENT_METHOD_FRAGMENT = apolloAngular.gql(templateObject_36$2 || (templateObject_36$2 = __makeTemplateObject(["\n    fragment PaymentMethod on PaymentMethod {\n        id\n        createdAt\n        updatedAt\n        name\n        code\n        description\n        enabled\n        checker {\n            ...ConfigurableOperation\n        }\n        handler {\n            ...ConfigurableOperation\n        }\n    }\n    ", "\n"], ["\n    fragment PaymentMethod on PaymentMethod {\n        id\n        createdAt\n        updatedAt\n        name\n        code\n        description\n        enabled\n        checker {\n            ...ConfigurableOperation\n        }\n        handler {\n            ...ConfigurableOperation\n        }\n    }\n    ", "\n"])), CONFIGURABLE_OPERATION_FRAGMENT);
+    var GET_PAYMENT_METHOD_LIST = apolloAngular.gql(templateObject_37$2 || (templateObject_37$2 = __makeTemplateObject(["\n    query GetPaymentMethodList($options: PaymentMethodListOptions!) {\n        paymentMethods(options: $options) {\n            items {\n                ...PaymentMethod\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetPaymentMethodList($options: PaymentMethodListOptions!) {\n        paymentMethods(options: $options) {\n            items {\n                ...PaymentMethod\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), PAYMENT_METHOD_FRAGMENT);
+    var GET_PAYMENT_METHOD_OPERATIONS = apolloAngular.gql(templateObject_38$2 || (templateObject_38$2 = __makeTemplateObject(["\n    query GetPaymentMethodOperations {\n        paymentMethodEligibilityCheckers {\n            ...ConfigurableOperationDef\n        }\n        paymentMethodHandlers {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"], ["\n    query GetPaymentMethodOperations {\n        paymentMethodEligibilityCheckers {\n            ...ConfigurableOperationDef\n        }\n        paymentMethodHandlers {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"])), CONFIGURABLE_OPERATION_DEF_FRAGMENT);
+    var GET_PAYMENT_METHOD = apolloAngular.gql(templateObject_39$2 || (templateObject_39$2 = __makeTemplateObject(["\n    query GetPaymentMethod($id: ID!) {\n        paymentMethod(id: $id) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"], ["\n    query GetPaymentMethod($id: ID!) {\n        paymentMethod(id: $id) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"])), PAYMENT_METHOD_FRAGMENT);
     var CREATE_PAYMENT_METHOD = apolloAngular.gql(templateObject_40$1 || (templateObject_40$1 = __makeTemplateObject(["\n    mutation CreatePaymentMethod($input: CreatePaymentMethodInput!) {\n        createPaymentMethod(input: $input) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"], ["\n    mutation CreatePaymentMethod($input: CreatePaymentMethodInput!) {\n        createPaymentMethod(input: $input) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"])), PAYMENT_METHOD_FRAGMENT);
     var UPDATE_PAYMENT_METHOD = apolloAngular.gql(templateObject_41$1 || (templateObject_41$1 = __makeTemplateObject(["\n    mutation UpdatePaymentMethod($input: UpdatePaymentMethodInput!) {\n        updatePaymentMethod(input: $input) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"], ["\n    mutation UpdatePaymentMethod($input: UpdatePaymentMethodInput!) {\n        updatePaymentMethod(input: $input) {\n            ...PaymentMethod\n        }\n    }\n    ", "\n"])), PAYMENT_METHOD_FRAGMENT);
     var DELETE_PAYMENT_METHOD = apolloAngular.gql(templateObject_42$1 || (templateObject_42$1 = __makeTemplateObject(["\n    mutation DeletePaymentMethod($id: ID!, $force: Boolean) {\n        deletePaymentMethod(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeletePaymentMethod($id: ID!, $force: Boolean) {\n        deletePaymentMethod(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"])));
     var GLOBAL_SETTINGS_FRAGMENT = apolloAngular.gql(templateObject_43$1 || (templateObject_43$1 = __makeTemplateObject(["\n    fragment GlobalSettings on GlobalSettings {\n        id\n        availableLanguages\n        trackInventory\n        outOfStockThreshold\n        serverConfig {\n            permissions {\n                name\n                description\n                assignable\n            }\n            orderProcess {\n                name\n            }\n        }\n    }\n"], ["\n    fragment GlobalSettings on GlobalSettings {\n        id\n        availableLanguages\n        trackInventory\n        outOfStockThreshold\n        serverConfig {\n            permissions {\n                name\n                description\n                assignable\n            }\n            orderProcess {\n                name\n            }\n        }\n    }\n"])));
     var GET_GLOBAL_SETTINGS = apolloAngular.gql(templateObject_44$1 || (templateObject_44$1 = __makeTemplateObject(["\n    query GetGlobalSettings {\n        globalSettings {\n            ...GlobalSettings\n        }\n    }\n    ", "\n"], ["\n    query GetGlobalSettings {\n        globalSettings {\n            ...GlobalSettings\n        }\n    }\n    ", "\n"])), GLOBAL_SETTINGS_FRAGMENT);
     var UPDATE_GLOBAL_SETTINGS = apolloAngular.gql(templateObject_45$1 || (templateObject_45$1 = __makeTemplateObject(["\n    mutation UpdateGlobalSettings($input: UpdateGlobalSettingsInput!) {\n        updateGlobalSettings(input: $input) {\n            ...GlobalSettings\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateGlobalSettings($input: UpdateGlobalSettingsInput!) {\n        updateGlobalSettings(input: $input) {\n            ...GlobalSettings\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), GLOBAL_SETTINGS_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var CUSTOM_FIELD_CONFIG_FRAGMENT = apolloAngular.gql(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n    fragment CustomFieldConfig on CustomField {\n        name\n        type\n        list\n        description {\n            languageCode\n            value\n        }\n        label {\n            languageCode\n            value\n        }\n        readonly\n        nullable\n        ui\n    }\n"], ["\n    fragment CustomFieldConfig on CustomField {\n        name\n        type\n        list\n        description {\n            languageCode\n            value\n        }\n        label {\n            languageCode\n            value\n        }\n        readonly\n        nullable\n        ui\n    }\n"])));
+    var CUSTOM_FIELD_CONFIG_FRAGMENT = apolloAngular.gql(templateObject_46$1 || (templateObject_46$1 = __makeTemplateObject(["\n    fragment CustomFieldConfig on CustomField {\n        name\n        type\n        list\n        description {\n            languageCode\n            value\n        }\n        label {\n            languageCode\n            value\n        }\n        readonly\n        nullable\n        ui\n    }\n"], ["\n    fragment CustomFieldConfig on CustomField {\n        name\n        type\n        list\n        description {\n            languageCode\n            value\n        }\n        label {\n            languageCode\n            value\n        }\n        readonly\n        nullable\n        ui\n    }\n"])));
     var STRING_CUSTOM_FIELD_FRAGMENT = apolloAngular.gql(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n    fragment StringCustomField on StringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n        options {\n            label {\n                languageCode\n                value\n            }\n            value\n        }\n    }\n    ", "\n"], ["\n    fragment StringCustomField on StringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n        options {\n            label {\n                languageCode\n                value\n            }\n            value\n        }\n    }\n    ", "\n"])), CUSTOM_FIELD_CONFIG_FRAGMENT);
     var LOCALE_STRING_CUSTOM_FIELD_FRAGMENT = apolloAngular.gql(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n    fragment LocaleStringCustomField on LocaleStringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n    }\n    ", "\n"], ["\n    fragment LocaleStringCustomField on LocaleStringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n    }\n    ", "\n"])), CUSTOM_FIELD_CONFIG_FRAGMENT);
     var TEXT_CUSTOM_FIELD_FRAGMENT = apolloAngular.gql(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n    fragment TextCustomField on TextCustomFieldConfig {\n        ...CustomFieldConfig\n    }\n    ", "\n"], ["\n    fragment TextCustomField on TextCustomFieldConfig {\n        ...CustomFieldConfig\n    }\n    ", "\n"])), CUSTOM_FIELD_CONFIG_FRAGMENT);
@@ -706,7 +706,7 @@
     var REINDEX = apolloAngular.gql(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n    mutation Reindex {\n        reindex {\n            ...JobInfo\n        }\n    }\n    ", "\n"], ["\n    mutation Reindex {\n        reindex {\n            ...JobInfo\n        }\n    }\n    ", "\n"])), JOB_INFO_FRAGMENT);
     var GET_PENDING_SEARCH_INDEX_UPDATES = apolloAngular.gql(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n    query GetPendingSearchIndexUpdates {\n        pendingSearchIndexUpdates\n    }\n"], ["\n    query GetPendingSearchIndexUpdates {\n        pendingSearchIndexUpdates\n    }\n"])));
     var RUN_PENDING_SEARCH_INDEX_UPDATES = apolloAngular.gql(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n    mutation RunPendingSearchIndexUpdates {\n        runPendingSearchIndexUpdates {\n            success\n        }\n    }\n"], ["\n    mutation RunPendingSearchIndexUpdates {\n        runPendingSearchIndexUpdates {\n            success\n        }\n    }\n"])));
-    var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$7, templateObject_6$7, templateObject_7$7, templateObject_8$6, templateObject_9$6, templateObject_10$5, templateObject_11$3, templateObject_12$3, templateObject_13$3, templateObject_14$3, templateObject_15$3, templateObject_16$3, templateObject_17$3, templateObject_18$3, templateObject_19$3, templateObject_20$3, templateObject_21$3, templateObject_22$3, templateObject_23$2, templateObject_24$2, templateObject_25$2, templateObject_26$2, templateObject_27$2, templateObject_28$1, templateObject_29$1, templateObject_30$1, templateObject_31$1, templateObject_32$1, templateObject_33$1, templateObject_34$1, templateObject_35$1, templateObject_36$1, templateObject_37$1, templateObject_38$1, templateObject_39$1, templateObject_40$1, templateObject_41$1, templateObject_42$1, templateObject_43$1, templateObject_44$1, templateObject_45$1, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
+    var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$7, templateObject_6$7, templateObject_7$7, templateObject_8$6, templateObject_9$6, templateObject_10$5, templateObject_11$5, templateObject_12$5, templateObject_13$5, templateObject_14$3, templateObject_15$3, templateObject_16$3, templateObject_17$3, templateObject_18$3, templateObject_19$3, templateObject_20$3, templateObject_21$3, templateObject_22$3, templateObject_23$2, templateObject_24$2, templateObject_25$2, templateObject_26$2, templateObject_27$2, templateObject_28$2, templateObject_29$2, templateObject_30$2, templateObject_31$2, templateObject_32$2, templateObject_33$2, templateObject_34$2, templateObject_35$2, templateObject_36$2, templateObject_37$2, templateObject_38$2, templateObject_39$2, templateObject_40$1, templateObject_41$1, templateObject_42$1, templateObject_43$1, templateObject_44$1, templateObject_45$1, templateObject_46$1, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
     function initializeServerConfigService(serverConfigService) {
         return serverConfigService.init();
@@ -902,6 +902,10 @@
                     if (inputTypeName === 'ModifyOrderInput') {
                         return 'Order';
                     }
+                    if (inputTypeName === 'AddItemToDraftOrderInput' ||
+                        inputTypeName === 'AdjustDraftOrderLineInput') {
+                        return 'OrderLine';
+                    }
                     var createMatch = inputTypeName.match(CREATE_ENTITY_REGEX);
                     if (createMatch) {
                         return createMatch[1];
@@ -1242,54 +1246,58 @@
     var UPDATE_PRODUCT = apolloAngular.gql(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n    mutation UpdateProduct($input: UpdateProductInput!, $variantListOptions: ProductVariantListOptions) {\n        updateProduct(input: $input) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateProduct($input: UpdateProductInput!, $variantListOptions: ProductVariantListOptions) {\n        updateProduct(input: $input) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_DETAIL_FRAGMENT, PRODUCT_VARIANT_FRAGMENT);
     var CREATE_PRODUCT = apolloAngular.gql(templateObject_9$5 || (templateObject_9$5 = __makeTemplateObject(["\n    mutation CreateProduct($input: CreateProductInput!, $variantListOptions: ProductVariantListOptions) {\n        createProduct(input: $input) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateProduct($input: CreateProductInput!, $variantListOptions: ProductVariantListOptions) {\n        createProduct(input: $input) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_DETAIL_FRAGMENT, PRODUCT_VARIANT_FRAGMENT);
     var DELETE_PRODUCT = apolloAngular.gql(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n    mutation DeleteProduct($id: ID!) {\n        deleteProduct(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProduct($id: ID!) {\n        deleteProduct(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var CREATE_PRODUCT_VARIANTS = apolloAngular.gql(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n    mutation CreateProductVariants($input: [CreateProductVariantInput!]!) {\n        createProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"], ["\n    mutation CreateProductVariants($input: [CreateProductVariantInput!]!) {\n        createProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
-    var UPDATE_PRODUCT_VARIANTS = apolloAngular.gql(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n    mutation UpdateProductVariants($input: [UpdateProductVariantInput!]!) {\n        updateProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductVariants($input: [UpdateProductVariantInput!]!) {\n        updateProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
-    var CREATE_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n    mutation CreateProductOptionGroup($input: CreateProductOptionGroupInput!) {\n        createProductOptionGroup(input: $input) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"], ["\n    mutation CreateProductOptionGroup($input: CreateProductOptionGroupInput!) {\n        createProductOptionGroup(input: $input) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_WITH_OPTIONS_FRAGMENT);
-    var GET_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject(["\n    query GetProductOptionGroup($id: ID!) {\n        productOptionGroup(id: $id) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"], ["\n    query GetProductOptionGroup($id: ID!) {\n        productOptionGroup(id: $id) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_WITH_OPTIONS_FRAGMENT);
-    var ADD_OPTION_TO_GROUP = apolloAngular.gql(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject(["\n    mutation AddOptionToGroup($input: CreateProductOptionInput!) {\n        createProductOption(input: $input) {\n            id\n            createdAt\n            updatedAt\n            name\n            code\n            groupId\n        }\n    }\n"], ["\n    mutation AddOptionToGroup($input: CreateProductOptionInput!) {\n        createProductOption(input: $input) {\n            id\n            createdAt\n            updatedAt\n            name\n            code\n            groupId\n        }\n    }\n"])));
-    var ADD_OPTION_GROUP_TO_PRODUCT = apolloAngular.gql(templateObject_16$2 || (templateObject_16$2 = __makeTemplateObject(["\n    mutation AddOptionGroupToProduct($productId: ID!, $optionGroupId: ID!) {\n        addOptionGroupToProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            id\n            createdAt\n            updatedAt\n            optionGroups {\n                id\n                createdAt\n                updatedAt\n                code\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                }\n            }\n        }\n    }\n"], ["\n    mutation AddOptionGroupToProduct($productId: ID!, $optionGroupId: ID!) {\n        addOptionGroupToProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            id\n            createdAt\n            updatedAt\n            optionGroups {\n                id\n                createdAt\n                updatedAt\n                code\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                }\n            }\n        }\n    }\n"])));
-    var REMOVE_OPTION_GROUP_FROM_PRODUCT = apolloAngular.gql(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject(["\n    mutation RemoveOptionGroupFromProduct($productId: ID!, $optionGroupId: ID!) {\n        removeOptionGroupFromProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            ... on Product {\n                id\n                createdAt\n                updatedAt\n                optionGroups {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                    options {\n                        id\n                        createdAt\n                        updatedAt\n                        code\n                    }\n                }\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveOptionGroupFromProduct($productId: ID!, $optionGroupId: ID!) {\n        removeOptionGroupFromProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            ... on Product {\n                id\n                createdAt\n                updatedAt\n                optionGroups {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                    options {\n                        id\n                        createdAt\n                        updatedAt\n                        code\n                    }\n                }\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n"])), ERROR_RESULT_FRAGMENT);
-    var GET_PRODUCT_WITH_VARIANTS = apolloAngular.gql(templateObject_18$2 || (templateObject_18$2 = __makeTemplateObject(["\n    query GetProductWithVariants($id: ID!, $variantListOptions: ProductVariantListOptions) {\n        product(id: $id) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetProductWithVariants($id: ID!, $variantListOptions: ProductVariantListOptions) {\n        product(id: $id) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_DETAIL_FRAGMENT, PRODUCT_VARIANT_FRAGMENT);
-    var GET_PRODUCT_SIMPLE = apolloAngular.gql(templateObject_19$2 || (templateObject_19$2 = __makeTemplateObject(["\n    query GetProductSimple($id: ID!) {\n        product(id: $id) {\n            id\n            name\n            featuredAsset {\n                ...Asset\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetProductSimple($id: ID!) {\n        product(id: $id) {\n            id\n            name\n            featuredAsset {\n                ...Asset\n            }\n        }\n    }\n    ", "\n"])), ASSET_FRAGMENT);
-    var GET_PRODUCT_LIST = apolloAngular.gql(templateObject_20$2 || (templateObject_20$2 = __makeTemplateObject(["\n    query GetProductList($options: ProductListOptions) {\n        products(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                enabled\n                languageCode\n                name\n                slug\n                featuredAsset {\n                    id\n                    createdAt\n                    updatedAt\n                    preview\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductList($options: ProductListOptions) {\n        products(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                enabled\n                languageCode\n                name\n                slug\n                featuredAsset {\n                    id\n                    createdAt\n                    updatedAt\n                    preview\n                }\n            }\n            totalItems\n        }\n    }\n"])));
-    var GET_PRODUCT_OPTION_GROUPS = apolloAngular.gql(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n    query GetProductOptionGroups($filterTerm: String) {\n        productOptionGroups(filterTerm: $filterTerm) {\n            id\n            createdAt\n            updatedAt\n            languageCode\n            code\n            name\n            options {\n                id\n                createdAt\n                updatedAt\n                languageCode\n                code\n                name\n            }\n        }\n    }\n"], ["\n    query GetProductOptionGroups($filterTerm: String) {\n        productOptionGroups(filterTerm: $filterTerm) {\n            id\n            createdAt\n            updatedAt\n            languageCode\n            code\n            name\n            options {\n                id\n                createdAt\n                updatedAt\n                languageCode\n                code\n                name\n            }\n        }\n    }\n"])));
-    var GET_ASSET_LIST = apolloAngular.gql(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
-    var GET_ASSET = apolloAngular.gql(templateObject_23$1 || (templateObject_23$1 = __makeTemplateObject(["\n    query GetAsset($id: ID!) {\n        asset(id: $id) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAsset($id: ID!) {\n        asset(id: $id) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
-    var CREATE_ASSETS = apolloAngular.gql(templateObject_24$1 || (templateObject_24$1 = __makeTemplateObject(["\n    mutation CreateAssets($input: [CreateAssetInput!]!) {\n        createAssets(input: $input) {\n            ...Asset\n            ... on Asset {\n                tags {\n                    ...Tag\n                }\n            }\n            ... on ErrorResult {\n                message\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateAssets($input: [CreateAssetInput!]!) {\n        createAssets(input: $input) {\n            ...Asset\n            ... on Asset {\n                tags {\n                    ...Tag\n                }\n            }\n            ... on ErrorResult {\n                message\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
-    var UPDATE_ASSET = apolloAngular.gql(templateObject_25$1 || (templateObject_25$1 = __makeTemplateObject(["\n    mutation UpdateAsset($input: UpdateAssetInput!) {\n        updateAsset(input: $input) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateAsset($input: UpdateAssetInput!) {\n        updateAsset(input: $input) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
-    var DELETE_ASSETS = apolloAngular.gql(templateObject_26$1 || (templateObject_26$1 = __makeTemplateObject(["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"])));
-    var SEARCH_PRODUCTS = apolloAngular.gql(templateObject_27$1 || (templateObject_27$1 = __makeTemplateObject(["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"])));
-    var PRODUCT_SELECTOR_SEARCH = apolloAngular.gql(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n    query ProductSelectorSearch($term: String!, $take: Int!) {\n        search(input: { groupByProduct: false, term: $term, take: $take }) {\n            items {\n                productVariantId\n                productVariantName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                price {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                priceWithTax {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                sku\n            }\n        }\n    }\n"], ["\n    query ProductSelectorSearch($term: String!, $take: Int!) {\n        search(input: { groupByProduct: false, term: $term, take: $take }) {\n            items {\n                productVariantId\n                productVariantName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                price {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                priceWithTax {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                sku\n            }\n        }\n    }\n"])));
-    var UPDATE_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n    mutation UpdateProductOptionGroup($input: UpdateProductOptionGroupInput!) {\n        updateProductOptionGroup(input: $input) {\n            ...ProductOptionGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductOptionGroup($input: UpdateProductOptionGroupInput!) {\n        updateProductOptionGroup(input: $input) {\n            ...ProductOptionGroup\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT);
-    var UPDATE_PRODUCT_OPTION = apolloAngular.gql(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n    mutation UpdateProductOption($input: UpdateProductOptionInput!) {\n        updateProductOption(input: $input) {\n            ...ProductOption\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductOption($input: UpdateProductOptionInput!) {\n        updateProductOption(input: $input) {\n            ...ProductOption\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_FRAGMENT);
-    var DELETE_PRODUCT_OPTION = apolloAngular.gql(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n    mutation DeleteProductOption($id: ID!) {\n        deleteProductOption(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductOption($id: ID!) {\n        deleteProductOption(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var DELETE_PRODUCT_VARIANT = apolloAngular.gql(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT_OPTIONS = apolloAngular.gql(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT, PRODUCT_OPTION_FRAGMENT);
-    var ASSIGN_PRODUCTS_TO_CHANNEL = apolloAngular.gql(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var ASSIGN_VARIANTS_TO_CHANNEL = apolloAngular.gql(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var REMOVE_PRODUCTS_FROM_CHANNEL = apolloAngular.gql(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var REMOVE_VARIANTS_FROM_CHANNEL = apolloAngular.gql(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT = apolloAngular.gql(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT_LIST_SIMPLE = apolloAngular.gql(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT_LIST = apolloAngular.gql(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
-    var GET_TAG_LIST = apolloAngular.gql(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
-    var GET_TAG = apolloAngular.gql(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
-    var CREATE_TAG = apolloAngular.gql(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n    mutation CreateTag($input: CreateTagInput!) {\n        createTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTag($input: CreateTagInput!) {\n        createTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
-    var UPDATE_TAG = apolloAngular.gql(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n    mutation UpdateTag($input: UpdateTagInput!) {\n        updateTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTag($input: UpdateTagInput!) {\n        updateTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
-    var DELETE_TAG = apolloAngular.gql(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n    mutation DeleteTag($id: ID!) {\n        deleteTag(id: $id) {\n            message\n            result\n        }\n    }\n"], ["\n    mutation DeleteTag($id: ID!) {\n        deleteTag(id: $id) {\n            message\n            result\n        }\n    }\n"])));
-    var templateObject_1$6, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$6, templateObject_6$6, templateObject_7$6, templateObject_8$5, templateObject_9$5, templateObject_10$4, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$2, templateObject_23$1, templateObject_24$1, templateObject_25$1, templateObject_26$1, templateObject_27$1, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45;
+    var DELETE_PRODUCTS = apolloAngular.gql(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n    mutation DeleteProducts($ids: [ID!]!) {\n        deleteProducts(ids: $ids) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProducts($ids: [ID!]!) {\n        deleteProducts(ids: $ids) {\n            result\n            message\n        }\n    }\n"])));
+    var CREATE_PRODUCT_VARIANTS = apolloAngular.gql(templateObject_12$4 || (templateObject_12$4 = __makeTemplateObject(["\n    mutation CreateProductVariants($input: [CreateProductVariantInput!]!) {\n        createProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"], ["\n    mutation CreateProductVariants($input: [CreateProductVariantInput!]!) {\n        createProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
+    var UPDATE_PRODUCT_VARIANTS = apolloAngular.gql(templateObject_13$4 || (templateObject_13$4 = __makeTemplateObject(["\n    mutation UpdateProductVariants($input: [UpdateProductVariantInput!]!) {\n        updateProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductVariants($input: [UpdateProductVariantInput!]!) {\n        updateProductVariants(input: $input) {\n            ...ProductVariant\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
+    var CREATE_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject(["\n    mutation CreateProductOptionGroup($input: CreateProductOptionGroupInput!) {\n        createProductOptionGroup(input: $input) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"], ["\n    mutation CreateProductOptionGroup($input: CreateProductOptionGroupInput!) {\n        createProductOptionGroup(input: $input) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_WITH_OPTIONS_FRAGMENT);
+    var GET_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject(["\n    query GetProductOptionGroup($id: ID!) {\n        productOptionGroup(id: $id) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"], ["\n    query GetProductOptionGroup($id: ID!) {\n        productOptionGroup(id: $id) {\n            ...ProductOptionGroupWithOptions\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_WITH_OPTIONS_FRAGMENT);
+    var ADD_OPTION_TO_GROUP = apolloAngular.gql(templateObject_16$2 || (templateObject_16$2 = __makeTemplateObject(["\n    mutation AddOptionToGroup($input: CreateProductOptionInput!) {\n        createProductOption(input: $input) {\n            id\n            createdAt\n            updatedAt\n            name\n            code\n            groupId\n        }\n    }\n"], ["\n    mutation AddOptionToGroup($input: CreateProductOptionInput!) {\n        createProductOption(input: $input) {\n            id\n            createdAt\n            updatedAt\n            name\n            code\n            groupId\n        }\n    }\n"])));
+    var ADD_OPTION_GROUP_TO_PRODUCT = apolloAngular.gql(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject(["\n    mutation AddOptionGroupToProduct($productId: ID!, $optionGroupId: ID!) {\n        addOptionGroupToProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            id\n            createdAt\n            updatedAt\n            optionGroups {\n                id\n                createdAt\n                updatedAt\n                code\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                }\n            }\n        }\n    }\n"], ["\n    mutation AddOptionGroupToProduct($productId: ID!, $optionGroupId: ID!) {\n        addOptionGroupToProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            id\n            createdAt\n            updatedAt\n            optionGroups {\n                id\n                createdAt\n                updatedAt\n                code\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                }\n            }\n        }\n    }\n"])));
+    var REMOVE_OPTION_GROUP_FROM_PRODUCT = apolloAngular.gql(templateObject_18$2 || (templateObject_18$2 = __makeTemplateObject(["\n    mutation RemoveOptionGroupFromProduct($productId: ID!, $optionGroupId: ID!) {\n        removeOptionGroupFromProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            ... on Product {\n                id\n                createdAt\n                updatedAt\n                optionGroups {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                    options {\n                        id\n                        createdAt\n                        updatedAt\n                        code\n                    }\n                }\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveOptionGroupFromProduct($productId: ID!, $optionGroupId: ID!) {\n        removeOptionGroupFromProduct(productId: $productId, optionGroupId: $optionGroupId) {\n            ... on Product {\n                id\n                createdAt\n                updatedAt\n                optionGroups {\n                    id\n                    createdAt\n                    updatedAt\n                    code\n                    options {\n                        id\n                        createdAt\n                        updatedAt\n                        code\n                    }\n                }\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n"])), ERROR_RESULT_FRAGMENT);
+    var GET_PRODUCT_WITH_VARIANTS = apolloAngular.gql(templateObject_19$2 || (templateObject_19$2 = __makeTemplateObject(["\n    query GetProductWithVariants($id: ID!, $variantListOptions: ProductVariantListOptions) {\n        product(id: $id) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetProductWithVariants($id: ID!, $variantListOptions: ProductVariantListOptions) {\n        product(id: $id) {\n            ...ProductDetail\n            variantList(options: $variantListOptions) {\n                items {\n                    ...ProductVariant\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_DETAIL_FRAGMENT, PRODUCT_VARIANT_FRAGMENT);
+    var GET_PRODUCT_SIMPLE = apolloAngular.gql(templateObject_20$2 || (templateObject_20$2 = __makeTemplateObject(["\n    query GetProductSimple($id: ID!) {\n        product(id: $id) {\n            id\n            name\n            featuredAsset {\n                ...Asset\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetProductSimple($id: ID!) {\n        product(id: $id) {\n            id\n            name\n            featuredAsset {\n                ...Asset\n            }\n        }\n    }\n    ", "\n"])), ASSET_FRAGMENT);
+    var GET_PRODUCT_LIST = apolloAngular.gql(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n    query GetProductList($options: ProductListOptions) {\n        products(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                enabled\n                languageCode\n                name\n                slug\n                featuredAsset {\n                    id\n                    createdAt\n                    updatedAt\n                    preview\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductList($options: ProductListOptions) {\n        products(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                enabled\n                languageCode\n                name\n                slug\n                featuredAsset {\n                    id\n                    createdAt\n                    updatedAt\n                    preview\n                }\n            }\n            totalItems\n        }\n    }\n"])));
+    var GET_PRODUCT_OPTION_GROUPS = apolloAngular.gql(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n    query GetProductOptionGroups($filterTerm: String) {\n        productOptionGroups(filterTerm: $filterTerm) {\n            id\n            createdAt\n            updatedAt\n            languageCode\n            code\n            name\n            options {\n                id\n                createdAt\n                updatedAt\n                languageCode\n                code\n                name\n            }\n        }\n    }\n"], ["\n    query GetProductOptionGroups($filterTerm: String) {\n        productOptionGroups(filterTerm: $filterTerm) {\n            id\n            createdAt\n            updatedAt\n            languageCode\n            code\n            name\n            options {\n                id\n                createdAt\n                updatedAt\n                languageCode\n                code\n                name\n            }\n        }\n    }\n"])));
+    var GET_ASSET_LIST = apolloAngular.gql(templateObject_23$1 || (templateObject_23$1 = __makeTemplateObject(["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
+    var GET_ASSET = apolloAngular.gql(templateObject_24$1 || (templateObject_24$1 = __makeTemplateObject(["\n    query GetAsset($id: ID!) {\n        asset(id: $id) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAsset($id: ID!) {\n        asset(id: $id) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
+    var CREATE_ASSETS = apolloAngular.gql(templateObject_25$1 || (templateObject_25$1 = __makeTemplateObject(["\n    mutation CreateAssets($input: [CreateAssetInput!]!) {\n        createAssets(input: $input) {\n            ...Asset\n            ... on Asset {\n                tags {\n                    ...Tag\n                }\n            }\n            ... on ErrorResult {\n                message\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateAssets($input: [CreateAssetInput!]!) {\n        createAssets(input: $input) {\n            ...Asset\n            ... on Asset {\n                tags {\n                    ...Tag\n                }\n            }\n            ... on ErrorResult {\n                message\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
+    var UPDATE_ASSET = apolloAngular.gql(templateObject_26$1 || (templateObject_26$1 = __makeTemplateObject(["\n    mutation UpdateAsset($input: UpdateAssetInput!) {\n        updateAsset(input: $input) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateAsset($input: UpdateAssetInput!) {\n        updateAsset(input: $input) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
+    var DELETE_ASSETS = apolloAngular.gql(templateObject_27$1 || (templateObject_27$1 = __makeTemplateObject(["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"])));
+    var SEARCH_PRODUCTS = apolloAngular.gql(templateObject_28$1 || (templateObject_28$1 = __makeTemplateObject(["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"])));
+    var PRODUCT_SELECTOR_SEARCH = apolloAngular.gql(templateObject_29$1 || (templateObject_29$1 = __makeTemplateObject(["\n    query ProductSelectorSearch($term: String!, $take: Int!) {\n        search(input: { groupByProduct: false, term: $term, take: $take }) {\n            items {\n                productVariantId\n                productVariantName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                price {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                priceWithTax {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                sku\n            }\n        }\n    }\n"], ["\n    query ProductSelectorSearch($term: String!, $take: Int!) {\n        search(input: { groupByProduct: false, term: $term, take: $take }) {\n            items {\n                productVariantId\n                productVariantName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                price {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                priceWithTax {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                sku\n            }\n        }\n    }\n"])));
+    var UPDATE_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_30$1 || (templateObject_30$1 = __makeTemplateObject(["\n    mutation UpdateProductOptionGroup($input: UpdateProductOptionGroupInput!) {\n        updateProductOptionGroup(input: $input) {\n            ...ProductOptionGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductOptionGroup($input: UpdateProductOptionGroupInput!) {\n        updateProductOptionGroup(input: $input) {\n            ...ProductOptionGroup\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT);
+    var UPDATE_PRODUCT_OPTION = apolloAngular.gql(templateObject_31$1 || (templateObject_31$1 = __makeTemplateObject(["\n    mutation UpdateProductOption($input: UpdateProductOptionInput!) {\n        updateProductOption(input: $input) {\n            ...ProductOption\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductOption($input: UpdateProductOptionInput!) {\n        updateProductOption(input: $input) {\n            ...ProductOption\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_FRAGMENT);
+    var DELETE_PRODUCT_OPTION = apolloAngular.gql(templateObject_32$1 || (templateObject_32$1 = __makeTemplateObject(["\n    mutation DeleteProductOption($id: ID!) {\n        deleteProductOption(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductOption($id: ID!) {\n        deleteProductOption(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var DELETE_PRODUCT_VARIANT = apolloAngular.gql(templateObject_33$1 || (templateObject_33$1 = __makeTemplateObject(["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT_OPTIONS = apolloAngular.gql(templateObject_34$1 || (templateObject_34$1 = __makeTemplateObject(["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT, PRODUCT_OPTION_FRAGMENT);
+    var ASSIGN_PRODUCTS_TO_CHANNEL = apolloAngular.gql(templateObject_35$1 || (templateObject_35$1 = __makeTemplateObject(["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var ASSIGN_VARIANTS_TO_CHANNEL = apolloAngular.gql(templateObject_36$1 || (templateObject_36$1 = __makeTemplateObject(["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var REMOVE_PRODUCTS_FROM_CHANNEL = apolloAngular.gql(templateObject_37$1 || (templateObject_37$1 = __makeTemplateObject(["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var REMOVE_VARIANTS_FROM_CHANNEL = apolloAngular.gql(templateObject_38$1 || (templateObject_38$1 = __makeTemplateObject(["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT = apolloAngular.gql(templateObject_39$1 || (templateObject_39$1 = __makeTemplateObject(["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            stockOnHand\n            stockAllocated\n            stockLevel\n            useGlobalOutOfStockThreshold\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            price\n            priceWithTax\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            stockOnHand\n            stockAllocated\n            stockLevel\n            useGlobalOutOfStockThreshold\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            price\n            priceWithTax\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT_LIST_SIMPLE = apolloAngular.gql(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT_LIST = apolloAngular.gql(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
+    var GET_TAG_LIST = apolloAngular.gql(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
+    var GET_TAG = apolloAngular.gql(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
+    var CREATE_TAG = apolloAngular.gql(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n    mutation CreateTag($input: CreateTagInput!) {\n        createTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTag($input: CreateTagInput!) {\n        createTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
+    var UPDATE_TAG = apolloAngular.gql(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n    mutation UpdateTag($input: UpdateTagInput!) {\n        updateTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTag($input: UpdateTagInput!) {\n        updateTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
+    var DELETE_TAG = apolloAngular.gql(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n    mutation DeleteTag($id: ID!) {\n        deleteTag(id: $id) {\n            message\n            result\n        }\n    }\n"], ["\n    mutation DeleteTag($id: ID!) {\n        deleteTag(id: $id) {\n            message\n            result\n        }\n    }\n"])));
+    var templateObject_1$6, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$6, templateObject_6$6, templateObject_7$6, templateObject_8$5, templateObject_9$5, templateObject_10$4, templateObject_11$4, templateObject_12$4, templateObject_13$4, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$2, templateObject_23$1, templateObject_24$1, templateObject_25$1, templateObject_26$1, templateObject_27$1, templateObject_28$1, templateObject_29$1, templateObject_30$1, templateObject_31$1, templateObject_32$1, templateObject_33$1, templateObject_34$1, templateObject_35$1, templateObject_36$1, templateObject_37$1, templateObject_38$1, templateObject_39$1, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46;
     var GET_COLLECTION_FILTERS = apolloAngular.gql(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n    query GetCollectionFilters {\n        collectionFilters {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"], ["\n    query GetCollectionFilters {\n        collectionFilters {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"])), CONFIGURABLE_OPERATION_DEF_FRAGMENT);
-    var COLLECTION_FRAGMENT = apolloAngular.gql(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    fragment Collection on Collection {\n        id\n        createdAt\n        updatedAt\n        name\n        slug\n        description\n        isPrivate\n        languageCode\n        featuredAsset {\n            ...Asset\n        }\n        assets {\n            ...Asset\n        }\n        filters {\n            ...ConfigurableOperation\n        }\n        translations {\n            id\n            languageCode\n            name\n            slug\n            description\n        }\n        parent {\n            id\n            name\n        }\n        children {\n            id\n            name\n        }\n    }\n    ", "\n    ", "\n"], ["\n    fragment Collection on Collection {\n        id\n        createdAt\n        updatedAt\n        name\n        slug\n        description\n        isPrivate\n        languageCode\n        featuredAsset {\n            ...Asset\n        }\n        assets {\n            ...Asset\n        }\n        filters {\n            ...ConfigurableOperation\n        }\n        translations {\n            id\n            languageCode\n            name\n            slug\n            description\n        }\n        parent {\n            id\n            name\n        }\n        children {\n            id\n            name\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, CONFIGURABLE_OPERATION_FRAGMENT);
+    var COLLECTION_FRAGMENT = apolloAngular.gql(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    fragment Collection on Collection {\n        id\n        createdAt\n        updatedAt\n        name\n        slug\n        description\n        isPrivate\n        languageCode\n        breadcrumbs {\n            id\n            name\n            slug\n        }\n        featuredAsset {\n            ...Asset\n        }\n        assets {\n            ...Asset\n        }\n        filters {\n            ...ConfigurableOperation\n        }\n        translations {\n            id\n            languageCode\n            name\n            slug\n            description\n        }\n        parent {\n            id\n            name\n        }\n        children {\n            id\n            name\n        }\n    }\n    ", "\n    ", "\n"], ["\n    fragment Collection on Collection {\n        id\n        createdAt\n        updatedAt\n        name\n        slug\n        description\n        isPrivate\n        languageCode\n        breadcrumbs {\n            id\n            name\n            slug\n        }\n        featuredAsset {\n            ...Asset\n        }\n        assets {\n            ...Asset\n        }\n        filters {\n            ...ConfigurableOperation\n        }\n        translations {\n            id\n            languageCode\n            name\n            slug\n            description\n        }\n        parent {\n            id\n            name\n        }\n        children {\n            id\n            name\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, CONFIGURABLE_OPERATION_FRAGMENT);
     var GET_COLLECTION_LIST = apolloAngular.gql(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n    query GetCollectionList($options: CollectionListOptions) {\n        collections(options: $options) {\n            items {\n                id\n                name\n                slug\n                description\n                isPrivate\n                featuredAsset {\n                    ...Asset\n                }\n                parent {\n                    id\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetCollectionList($options: CollectionListOptions) {\n        collections(options: $options) {\n            items {\n                id\n                name\n                slug\n                description\n                isPrivate\n                featuredAsset {\n                    ...Asset\n                }\n                parent {\n                    id\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), ASSET_FRAGMENT);
     var GET_COLLECTION = apolloAngular.gql(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n    query GetCollection($id: ID!) {\n        collection(id: $id) {\n            ...Collection\n        }\n    }\n    ", "\n"], ["\n    query GetCollection($id: ID!) {\n        collection(id: $id) {\n            ...Collection\n        }\n    }\n    ", "\n"])), COLLECTION_FRAGMENT);
     var CREATE_COLLECTION = apolloAngular.gql(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n    mutation CreateCollection($input: CreateCollectionInput!) {\n        createCollection(input: $input) {\n            ...Collection\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCollection($input: CreateCollectionInput!) {\n        createCollection(input: $input) {\n            ...Collection\n        }\n    }\n    ", "\n"])), COLLECTION_FRAGMENT);
     var UPDATE_COLLECTION = apolloAngular.gql(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n    mutation UpdateCollection($input: UpdateCollectionInput!) {\n        updateCollection(input: $input) {\n            ...Collection\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCollection($input: UpdateCollectionInput!) {\n        updateCollection(input: $input) {\n            ...Collection\n        }\n    }\n    ", "\n"])), COLLECTION_FRAGMENT);
     var MOVE_COLLECTION = apolloAngular.gql(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n    mutation MoveCollection($input: MoveCollectionInput!) {\n        moveCollection(input: $input) {\n            ...Collection\n        }\n    }\n    ", "\n"], ["\n    mutation MoveCollection($input: MoveCollectionInput!) {\n        moveCollection(input: $input) {\n            ...Collection\n        }\n    }\n    ", "\n"])), COLLECTION_FRAGMENT);
     var DELETE_COLLECTION = apolloAngular.gql(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n    mutation DeleteCollection($id: ID!) {\n        deleteCollection(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCollection($id: ID!) {\n        deleteCollection(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var GET_COLLECTION_CONTENTS = apolloAngular.gql(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n    query GetCollectionContents($id: ID!, $options: ProductVariantListOptions) {\n        collection(id: $id) {\n            id\n            name\n            productVariants(options: $options) {\n                items {\n                    id\n                    productId\n                    name\n                    sku\n                }\n                totalItems\n            }\n        }\n    }\n"], ["\n    query GetCollectionContents($id: ID!, $options: ProductVariantListOptions) {\n        collection(id: $id) {\n            id\n            name\n            productVariants(options: $options) {\n                items {\n                    id\n                    productId\n                    name\n                    sku\n                }\n                totalItems\n            }\n        }\n    }\n"])));
-    var PREVIEW_COLLECTION_CONTENTS = apolloAngular.gql(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n    query PreviewCollectionContents(\n        $input: PreviewCollectionVariantsInput!\n        $options: ProductVariantListOptions\n    ) {\n        previewCollectionVariants(input: $input, options: $options) {\n            items {\n                id\n                productId\n                name\n                sku\n            }\n            totalItems\n        }\n    }\n"], ["\n    query PreviewCollectionContents(\n        $input: PreviewCollectionVariantsInput!\n        $options: ProductVariantListOptions\n    ) {\n        previewCollectionVariants(input: $input, options: $options) {\n            items {\n                id\n                productId\n                name\n                sku\n            }\n            totalItems\n        }\n    }\n"])));
-    var templateObject_1$5, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$5, templateObject_6$5, templateObject_7$5, templateObject_8$4, templateObject_9$4, templateObject_10$3;
+    var DELETE_COLLECTIONS = apolloAngular.gql(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n    mutation DeleteCollections($ids: [ID!]!) {\n        deleteCollections(ids: $ids) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCollections($ids: [ID!]!) {\n        deleteCollections(ids: $ids) {\n            result\n            message\n        }\n    }\n"])));
+    var GET_COLLECTION_CONTENTS = apolloAngular.gql(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n    query GetCollectionContents($id: ID!, $options: ProductVariantListOptions) {\n        collection(id: $id) {\n            id\n            name\n            productVariants(options: $options) {\n                items {\n                    id\n                    productId\n                    name\n                    sku\n                }\n                totalItems\n            }\n        }\n    }\n"], ["\n    query GetCollectionContents($id: ID!, $options: ProductVariantListOptions) {\n        collection(id: $id) {\n            id\n            name\n            productVariants(options: $options) {\n                items {\n                    id\n                    productId\n                    name\n                    sku\n                }\n                totalItems\n            }\n        }\n    }\n"])));
+    var PREVIEW_COLLECTION_CONTENTS = apolloAngular.gql(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n    query PreviewCollectionContents(\n        $input: PreviewCollectionVariantsInput!\n        $options: ProductVariantListOptions\n    ) {\n        previewCollectionVariants(input: $input, options: $options) {\n            items {\n                id\n                productId\n                name\n                sku\n            }\n            totalItems\n        }\n    }\n"], ["\n    query PreviewCollectionContents(\n        $input: PreviewCollectionVariantsInput!\n        $options: ProductVariantListOptions\n    ) {\n        previewCollectionVariants(input: $input, options: $options) {\n            items {\n                id\n                productId\n                name\n                sku\n            }\n            totalItems\n        }\n    }\n"])));
+    var ASSIGN_COLLECTIONS_TO_CHANNEL = apolloAngular.gql(templateObject_12$3 || (templateObject_12$3 = __makeTemplateObject(["\n    mutation AssignCollectionsToChannel($input: AssignCollectionsToChannelInput!) {\n        assignCollectionsToChannel(input: $input) {\n            id\n            name\n        }\n    }\n"], ["\n    mutation AssignCollectionsToChannel($input: AssignCollectionsToChannelInput!) {\n        assignCollectionsToChannel(input: $input) {\n            id\n            name\n        }\n    }\n"])));
+    var REMOVE_COLLECTIONS_FROM_CHANNEL = apolloAngular.gql(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject(["\n    mutation RemoveCollectionsFromChannel($input: RemoveCollectionsFromChannelInput!) {\n        removeCollectionsFromChannel(input: $input) {\n            id\n            name\n        }\n    }\n"], ["\n    mutation RemoveCollectionsFromChannel($input: RemoveCollectionsFromChannelInput!) {\n        removeCollectionsFromChannel(input: $input) {\n            id\n            name\n        }\n    }\n"])));
+    var templateObject_1$5, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$5, templateObject_6$5, templateObject_7$5, templateObject_8$4, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$3;
     var CollectionDataService = /** @class */ (function () {
         function CollectionDataService(baseDataService) {
@@ -1347,6 +1355,11 @@
                 id: id,
             });
         };
+        CollectionDataService.prototype.deleteCollections = function (ids) {
+            return this.baseDataService.mutate(DELETE_COLLECTIONS, {
+                ids: ids,
+            });
+        };
         CollectionDataService.prototype.previewCollectionVariants = function (input, options) {
             return this.baseDataService.query(PREVIEW_COLLECTION_CONTENTS, { input: input, options: options });
         };
@@ -1365,355 +1378,17 @@
                 },
             });
         };
-        return CollectionDataService;
-    }());
-    var ADDRESS_FRAGMENT = apolloAngular.gql(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n    fragment Address on Address {\n        id\n        createdAt\n        updatedAt\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country {\n            id\n            code\n            name\n        }\n        phoneNumber\n        defaultShippingAddress\n        defaultBillingAddress\n    }\n"], ["\n    fragment Address on Address {\n        id\n        createdAt\n        updatedAt\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country {\n            id\n            code\n            name\n        }\n        phoneNumber\n        defaultShippingAddress\n        defaultBillingAddress\n    }\n"])));
-    var CUSTOMER_FRAGMENT = apolloAngular.gql(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    fragment Customer on Customer {\n        id\n        createdAt\n        updatedAt\n        title\n        firstName\n        lastName\n        phoneNumber\n        emailAddress\n        user {\n            id\n            identifier\n            verified\n            lastLogin\n        }\n        addresses {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    fragment Customer on Customer {\n        id\n        createdAt\n        updatedAt\n        title\n        firstName\n        lastName\n        phoneNumber\n        emailAddress\n        user {\n            id\n            identifier\n            verified\n            lastLogin\n        }\n        addresses {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
-    var CUSTOMER_GROUP_FRAGMENT = apolloAngular.gql(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n    fragment CustomerGroup on CustomerGroup {\n        id\n        createdAt\n        updatedAt\n        name\n    }\n"], ["\n    fragment CustomerGroup on CustomerGroup {\n        id\n        createdAt\n        updatedAt\n        name\n    }\n"])));
-    var GET_CUSTOMER_LIST = apolloAngular.gql(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n    query GetCustomerList($options: CustomerListOptions) {\n        customers(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                title\n                firstName\n                lastName\n                emailAddress\n                user {\n                    id\n                    verified\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetCustomerList($options: CustomerListOptions) {\n        customers(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                title\n                firstName\n                lastName\n                emailAddress\n                user {\n                    id\n                    verified\n                }\n            }\n            totalItems\n        }\n    }\n"])));
-    var GET_CUSTOMER = apolloAngular.gql(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n    query GetCustomer($id: ID!, $orderListOptions: OrderListOptions) {\n        customer(id: $id) {\n            ...Customer\n            groups {\n                id\n                name\n            }\n            orders(options: $orderListOptions) {\n                items {\n                    id\n                    code\n                    state\n                    totalWithTax\n                    currencyCode\n                    updatedAt\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetCustomer($id: ID!, $orderListOptions: OrderListOptions) {\n        customer(id: $id) {\n            ...Customer\n            groups {\n                id\n                name\n            }\n            orders(options: $orderListOptions) {\n                items {\n                    id\n                    code\n                    state\n                    totalWithTax\n                    currencyCode\n                    updatedAt\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"])), CUSTOMER_FRAGMENT);
-    var CREATE_CUSTOMER = apolloAngular.gql(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n    mutation CreateCustomer($input: CreateCustomerInput!, $password: String) {\n        createCustomer(input: $input, password: $password) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateCustomer($input: CreateCustomerInput!, $password: String) {\n        createCustomer(input: $input, password: $password) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CUSTOMER_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var UPDATE_CUSTOMER = apolloAngular.gql(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n    mutation UpdateCustomer($input: UpdateCustomerInput!) {\n        updateCustomer(input: $input) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateCustomer($input: UpdateCustomerInput!) {\n        updateCustomer(input: $input) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CUSTOMER_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var DELETE_CUSTOMER = apolloAngular.gql(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n    mutation DeleteCustomer($id: ID!) {\n        deleteCustomer(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomer($id: ID!) {\n        deleteCustomer(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var CREATE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n    mutation CreateCustomerAddress($customerId: ID!, $input: CreateAddressInput!) {\n        createCustomerAddress(customerId: $customerId, input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerAddress($customerId: ID!, $input: CreateAddressInput!) {\n        createCustomerAddress(customerId: $customerId, input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
-    var UPDATE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n    mutation UpdateCustomerAddress($input: UpdateAddressInput!) {\n        updateCustomerAddress(input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerAddress($input: UpdateAddressInput!) {\n        updateCustomerAddress(input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
-    var DELETE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    mutation DeleteCustomerAddress($id: ID!) {\n        deleteCustomerAddress(id: $id) {\n            success\n        }\n    }\n"], ["\n    mutation DeleteCustomerAddress($id: ID!) {\n        deleteCustomerAddress(id: $id) {\n            success\n        }\n    }\n"])));
-    var CREATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var UPDATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var DELETE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var GET_CUSTOMER_GROUPS = apolloAngular.gql(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var GET_CUSTOMER_GROUP_WITH_CUSTOMERS = apolloAngular.gql(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var ADD_CUSTOMERS_TO_GROUP = apolloAngular.gql(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var REMOVE_CUSTOMERS_FROM_GROUP = apolloAngular.gql(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var GET_CUSTOMER_HISTORY = apolloAngular.gql(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"], ["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"])));
-    var ADD_NOTE_TO_CUSTOMER = apolloAngular.gql(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"])));
-    var UPDATE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
-    var DELETE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$4, templateObject_6$4, templateObject_7$4, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1;
-    var CustomerDataService = /** @class */ (function () {
-        function CustomerDataService(baseDataService) {
-            this.baseDataService = baseDataService;
-        }
-        CustomerDataService.prototype.getCustomerList = function (take, skip, filterTerm) {
-            if (take === void 0) { take = 10; }
-            if (skip === void 0) { skip = 0; }
-            var filter = filterTerm
-                ? {
-                    filter: {
-                        emailAddress: {
-                            contains: filterTerm,
-                        },
-                    },
-                }
-                : {};
-            return this.baseDataService.query(GET_CUSTOMER_LIST, {
-                options: Object.assign({ take: take, skip: skip }, filter),
-            });
-        };
-        CustomerDataService.prototype.getCustomer = function (id, orderListOptions) {
-            return this.baseDataService.query(GET_CUSTOMER, {
-                id: id,
-                orderListOptions: orderListOptions,
-            });
-        };
-        CustomerDataService.prototype.createCustomer = function (input, password) {
-            return this.baseDataService.mutate(CREATE_CUSTOMER, {
-                input: input,
-                password: password,
-            });
-        };
-        CustomerDataService.prototype.updateCustomer = function (input) {
-            return this.baseDataService.mutate(UPDATE_CUSTOMER, {
-                input: input,
-            });
-        };
-        CustomerDataService.prototype.deleteCustomer = function (id) {
-            return this.baseDataService.mutate(DELETE_CUSTOMER, { id: id });
-        };
-        CustomerDataService.prototype.createCustomerAddress = function (customerId, input) {
-            return this.baseDataService.mutate(CREATE_CUSTOMER_ADDRESS, {
-                customerId: customerId,
-                input: input,
-            });
-        };
-        CustomerDataService.prototype.updateCustomerAddress = function (input) {
-            return this.baseDataService.mutate(UPDATE_CUSTOMER_ADDRESS, {
-                input: input,
-            });
-        };
-        CustomerDataService.prototype.deleteCustomerAddress = function (id) {
-            return this.baseDataService.mutate(DELETE_CUSTOMER_ADDRESS, { id: id });
-        };
-        CustomerDataService.prototype.createCustomerGroup = function (input) {
-            return this.baseDataService.mutate(CREATE_CUSTOMER_GROUP, {
-                input: input,
-            });
-        };
-        CustomerDataService.prototype.updateCustomerGroup = function (input) {
-            return this.baseDataService.mutate(UPDATE_CUSTOMER_GROUP, {
+        CollectionDataService.prototype.assignCollectionsToChannel = function (input) {
+            return this.baseDataService.mutate(ASSIGN_COLLECTIONS_TO_CHANNEL, {
                 input: input,
             });
         };
-        CustomerDataService.prototype.deleteCustomerGroup = function (id) {
-            return this.baseDataService.mutate(DELETE_CUSTOMER_GROUP, { id: id });
-        };
-        CustomerDataService.prototype.getCustomerGroupList = function (options) {
-            return this.baseDataService.query(GET_CUSTOMER_GROUPS, {
-                options: options,
-            });
-        };
-        CustomerDataService.prototype.getCustomerGroupWithCustomers = function (id, options) {
-            return this.baseDataService.query(GET_CUSTOMER_GROUP_WITH_CUSTOMERS, {
-                id: id,
-                options: options,
-            });
-        };
-        CustomerDataService.prototype.addCustomersToGroup = function (groupId, customerIds) {
-            return this.baseDataService.mutate(ADD_CUSTOMERS_TO_GROUP, {
-                groupId: groupId,
-                customerIds: customerIds,
-            });
-        };
-        CustomerDataService.prototype.removeCustomersFromGroup = function (groupId, customerIds) {
-            return this.baseDataService.mutate(REMOVE_CUSTOMERS_FROM_GROUP, {
-                groupId: groupId,
-                customerIds: customerIds,
-            });
-        };
-        CustomerDataService.prototype.getCustomerHistory = function (id, options) {
-            return this.baseDataService.query(GET_CUSTOMER_HISTORY, {
-                id: id,
-                options: options,
-            });
-        };
-        CustomerDataService.prototype.addNoteToCustomer = function (customerId, note) {
-            return this.baseDataService.mutate(ADD_NOTE_TO_CUSTOMER, {
-                input: {
-                    note: note,
-                    isPublic: false,
-                    id: customerId,
-                },
-            });
-        };
-        CustomerDataService.prototype.updateCustomerNote = function (input) {
-            return this.baseDataService.mutate(UPDATE_CUSTOMER_NOTE, {
+        CollectionDataService.prototype.removeCollectionsFromChannel = function (input) {
+            return this.baseDataService.mutate(REMOVE_COLLECTIONS_FROM_CHANNEL, {
                 input: input,
             });
         };
-        CustomerDataService.prototype.deleteCustomerNote = function (id) {
-            return this.baseDataService.mutate(DELETE_CUSTOMER_NOTE, {
-                id: id,
-            });
-        };
-        return CustomerDataService;
-    }());
-    var FACET_VALUE_FRAGMENT = apolloAngular.gql(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    fragment FacetValue on FacetValue {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        facet {\n            id\n            createdAt\n            updatedAt\n            name\n        }\n    }\n"], ["\n    fragment FacetValue on FacetValue {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        facet {\n            id\n            createdAt\n            updatedAt\n            name\n        }\n    }\n"])));
-    var FACET_WITH_VALUES_FRAGMENT = apolloAngular.gql(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    fragment FacetWithValues on Facet {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        isPrivate\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        values {\n            ...FacetValue\n        }\n    }\n    ", "\n"], ["\n    fragment FacetWithValues on Facet {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        isPrivate\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        values {\n            ...FacetValue\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
-    var CREATE_FACET = apolloAngular.gql(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    mutation CreateFacet($input: CreateFacetInput!) {\n        createFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"], ["\n    mutation CreateFacet($input: CreateFacetInput!) {\n        createFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
-    var UPDATE_FACET = apolloAngular.gql(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n    mutation UpdateFacet($input: UpdateFacetInput!) {\n        updateFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateFacet($input: UpdateFacetInput!) {\n        updateFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
-    var DELETE_FACET = apolloAngular.gql(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n    mutation DeleteFacet($id: ID!, $force: Boolean) {\n        deleteFacet(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteFacet($id: ID!, $force: Boolean) {\n        deleteFacet(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"])));
-    var CREATE_FACET_VALUES = apolloAngular.gql(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n    mutation CreateFacetValues($input: [CreateFacetValueInput!]!) {\n        createFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"], ["\n    mutation CreateFacetValues($input: [CreateFacetValueInput!]!) {\n        createFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
-    var UPDATE_FACET_VALUES = apolloAngular.gql(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n    mutation UpdateFacetValues($input: [UpdateFacetValueInput!]!) {\n        updateFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateFacetValues($input: [UpdateFacetValueInput!]!) {\n        updateFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
-    var DELETE_FACET_VALUES = apolloAngular.gql(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n    mutation DeleteFacetValues($ids: [ID!]!, $force: Boolean) {\n        deleteFacetValues(ids: $ids, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteFacetValues($ids: [ID!]!, $force: Boolean) {\n        deleteFacetValues(ids: $ids, force: $force) {\n            result\n            message\n        }\n    }\n"])));
-    var GET_FACET_LIST = apolloAngular.gql(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n    query GetFacetList($options: FacetListOptions) {\n        facets(options: $options) {\n            items {\n                ...FacetWithValues\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetFacetList($options: FacetListOptions) {\n        facets(options: $options) {\n            items {\n                ...FacetWithValues\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
-    var GET_FACET_WITH_VALUES = apolloAngular.gql(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n    query GetFacetWithValues($id: ID!) {\n        facet(id: $id) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"], ["\n    query GetFacetWithValues($id: ID!) {\n        facet(id: $id) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
-    var templateObject_1$3, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$2, templateObject_9$2, templateObject_10$1;
-    var FacetDataService = /** @class */ (function () {
-        function FacetDataService(baseDataService) {
-            this.baseDataService = baseDataService;
-        }
-        FacetDataService.prototype.getFacets = function (take, skip) {
-            if (take === void 0) { take = 10; }
-            if (skip === void 0) { skip = 0; }
-            return this.baseDataService.query(GET_FACET_LIST, {
-                options: {
-                    take: take,
-                    skip: skip,
-                },
-            });
-        };
-        FacetDataService.prototype.getAllFacets = function () {
-            return this.baseDataService.query(GET_FACET_LIST, {});
-        };
-        FacetDataService.prototype.getFacet = function (id) {
-            return this.baseDataService.query(GET_FACET_WITH_VALUES, {
-                id: id,
-            });
-        };
-        FacetDataService.prototype.createFacet = function (facet) {
-            var input = {
-                input: pick.pick(facet, ['code', 'isPrivate', 'translations', 'values', 'customFields']),
-            };
-            return this.baseDataService.mutate(CREATE_FACET, input);
-        };
-        FacetDataService.prototype.updateFacet = function (facet) {
-            var input = {
-                input: pick.pick(facet, ['id', 'code', 'isPrivate', 'translations', 'customFields']),
-            };
-            return this.baseDataService.mutate(UPDATE_FACET, input);
-        };
-        FacetDataService.prototype.deleteFacet = function (id, force) {
-            return this.baseDataService.mutate(DELETE_FACET, {
-                id: id,
-                force: force,
-            });
-        };
-        FacetDataService.prototype.createFacetValues = function (facetValues) {
-            var input = {
-                input: facetValues.map(pick.pick(['facetId', 'code', 'translations', 'customFields'])),
-            };
-            return this.baseDataService.mutate(CREATE_FACET_VALUES, input);
-        };
-        FacetDataService.prototype.updateFacetValues = function (facetValues) {
-            var input = {
-                input: facetValues.map(pick.pick(['id', 'code', 'translations', 'customFields'])),
-            };
-            return this.baseDataService.mutate(UPDATE_FACET_VALUES, input);
-        };
-        FacetDataService.prototype.deleteFacetValues = function (ids, force) {
-            return this.baseDataService.mutate(DELETE_FACET_VALUES, {
-                ids: ids,
-                force: force,
-            });
-        };
-        return FacetDataService;
-    }());
-    var DISCOUNT_FRAGMENT = apolloAngular.gql(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    fragment Discount on Discount {\n        adjustmentSource\n        amount\n        amountWithTax\n        description\n        type\n    }\n"], ["\n    fragment Discount on Discount {\n        adjustmentSource\n        amount\n        amountWithTax\n        description\n        type\n    }\n"])));
-    var PAYMENT_FRAGMENT = apolloAngular.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    fragment Payment on Payment {\n        id\n        transactionId\n        amount\n        method\n        state\n        metadata\n    }\n"], ["\n    fragment Payment on Payment {\n        id\n        transactionId\n        amount\n        method\n        state\n        metadata\n    }\n"])));
-    var REFUND_FRAGMENT = apolloAngular.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"], ["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"])));
-    var ORDER_ADDRESS_FRAGMENT = apolloAngular.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"], ["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"])));
-    var ORDER_FRAGMENT = apolloAngular.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        totalWithTax\n        currencyCode\n        customer {\n            id\n            firstName\n            lastName\n        }\n        shippingLines {\n            shippingMethod {\n                name\n            }\n        }\n    }\n"], ["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        totalWithTax\n        currencyCode\n        customer {\n            id\n            firstName\n            lastName\n        }\n        shippingLines {\n            shippingMethod {\n                name\n            }\n        }\n    }\n"])));
-    var FULFILLMENT_FRAGMENT = apolloAngular.gql(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        summary {\n            orderLine {\n                id\n            }\n            quantity\n        }\n        trackingCode\n    }\n"], ["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        summary {\n            orderLine {\n                id\n            }\n            quantity\n        }\n        trackingCode\n    }\n"])));
-    var ORDER_LINE_FRAGMENT = apolloAngular.gql(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    fragment OrderLine on OrderLine {\n        id\n        featuredAsset {\n            preview\n        }\n        productVariant {\n            id\n            name\n            sku\n            trackInventory\n            stockOnHand\n        }\n        discounts {\n            ...Discount\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            refundId\n            cancelled\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"], ["\n    fragment OrderLine on OrderLine {\n        id\n        featuredAsset {\n            preview\n        }\n        productVariant {\n            id\n            name\n            sku\n            trackInventory\n            stockOnHand\n        }\n        discounts {\n            ...Discount\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            refundId\n            cancelled\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"])));
-    var ORDER_DETAIL_FRAGMENT = apolloAngular.gql(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        couponCodes\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        couponCodes\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"])), DISCOUNT_FRAGMENT, ORDER_ADDRESS_FRAGMENT, FULFILLMENT_FRAGMENT, ORDER_LINE_FRAGMENT);
-    var GET_ORDERS_LIST = apolloAngular.gql(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n    query GetOrderList($options: OrderListOptions) {\n        orders(options: $options) {\n            items {\n                ...Order\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetOrderList($options: OrderListOptions) {\n        orders(options: $options) {\n            items {\n                ...Order\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
-    var GET_ORDER = apolloAngular.gql(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    query GetOrder($id: ID!) {\n        order(id: $id) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    query GetOrder($id: ID!) {\n        order(id: $id) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
-    var SETTLE_PAYMENT = apolloAngular.gql(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ERROR_RESULT_FRAGMENT, PAYMENT_FRAGMENT);
-    var CANCEL_PAYMENT = apolloAngular.gql(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    mutation CancelPayment($id: ID!) {\n        cancelPayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on CancelPaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelPayment($id: ID!) {\n        cancelPayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on CancelPaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ERROR_RESULT_FRAGMENT, PAYMENT_FRAGMENT);
-    var TRANSITION_PAYMENT_TO_STATE = apolloAngular.gql(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ...Payment\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ...Payment\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PAYMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var CREATE_FULFILLMENT = apolloAngular.gql(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var CANCEL_ORDER = apolloAngular.gql(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var REFUND_ORDER = apolloAngular.gql(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var SETTLE_REFUND = apolloAngular.gql(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var GET_ORDER_HISTORY = apolloAngular.gql(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"], ["\n    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"])));
-    var ADD_NOTE_TO_ORDER = apolloAngular.gql(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"])));
-    var UPDATE_ORDER_NOTE = apolloAngular.gql(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
-    var DELETE_ORDER_NOTE = apolloAngular.gql(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var TRANSITION_ORDER_TO_STATE = apolloAngular.gql(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var UPDATE_ORDER_CUSTOM_FIELDS = apolloAngular.gql(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
-    var TRANSITION_FULFILLMENT_TO_STATE = apolloAngular.gql(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var GET_ORDER_SUMMARY = apolloAngular.gql(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"], ["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"])));
-    var MODIFY_ORDER = apolloAngular.gql(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var ADD_MANUAL_PAYMENT_TO_ORDER = apolloAngular.gql(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27;
-    var OrderDataService = /** @class */ (function () {
-        function OrderDataService(baseDataService) {
-            this.baseDataService = baseDataService;
-        }
-        OrderDataService.prototype.getOrders = function (options) {
-            if (options === void 0) { options = { take: 10 }; }
-            return this.baseDataService.query(GET_ORDERS_LIST, {
-                options: options,
-            });
-        };
-        OrderDataService.prototype.getOrder = function (id) {
-            return this.baseDataService.query(GET_ORDER, { id: id });
-        };
-        OrderDataService.prototype.getOrderHistory = function (id, options) {
-            return this.baseDataService.query(GET_ORDER_HISTORY, {
-                id: id,
-                options: options,
-            });
-        };
-        OrderDataService.prototype.settlePayment = function (id) {
-            return this.baseDataService.mutate(SETTLE_PAYMENT, {
-                id: id,
-            });
-        };
-        OrderDataService.prototype.cancelPayment = function (id) {
-            return this.baseDataService.mutate(CANCEL_PAYMENT, {
-                id: id,
-            });
-        };
-        OrderDataService.prototype.transitionPaymentToState = function (id, state) {
-            return this.baseDataService.mutate(TRANSITION_PAYMENT_TO_STATE, {
-                id: id,
-                state: state,
-            });
-        };
-        OrderDataService.prototype.createFulfillment = function (input) {
-            return this.baseDataService.mutate(CREATE_FULFILLMENT, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.transitionFulfillmentToState = function (id, state) {
-            return this.baseDataService.mutate(TRANSITION_FULFILLMENT_TO_STATE, {
-                id: id,
-                state: state,
-            });
-        };
-        OrderDataService.prototype.cancelOrder = function (input) {
-            return this.baseDataService.mutate(CANCEL_ORDER, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.refundOrder = function (input) {
-            return this.baseDataService.mutate(REFUND_ORDER, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.settleRefund = function (input, orderId) {
-            return this.baseDataService.mutate(SETTLE_REFUND, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.addNoteToOrder = function (input) {
-            return this.baseDataService.mutate(ADD_NOTE_TO_ORDER, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.updateOrderNote = function (input) {
-            return this.baseDataService.mutate(UPDATE_ORDER_NOTE, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.deleteOrderNote = function (id) {
-            return this.baseDataService.mutate(DELETE_ORDER_NOTE, {
-                id: id,
-            });
-        };
-        OrderDataService.prototype.transitionToState = function (id, state) {
-            return this.baseDataService.mutate(TRANSITION_ORDER_TO_STATE, {
-                id: id,
-                state: state,
-            });
-        };
-        OrderDataService.prototype.updateOrderCustomFields = function (input) {
-            return this.baseDataService.mutate(UPDATE_ORDER_CUSTOM_FIELDS, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.getOrderSummary = function (start, end) {
-            return this.baseDataService.query(GET_ORDER_SUMMARY, {
-                start: start.toISOString(),
-                end: end.toISOString(),
-            });
-        };
-        OrderDataService.prototype.modifyOrder = function (input) {
-            return this.baseDataService.mutate(MODIFY_ORDER, {
-                input: input,
-            });
-        };
-        OrderDataService.prototype.addManualPaymentToOrder = function (input) {
-            return this.baseDataService.mutate(ADD_MANUAL_PAYMENT_TO_ORDER, { input: input });
-        };
-        return OrderDataService;
+        return CollectionDataService;
     }());
     exports.AdjustmentType = void 0;
@@ -2063,6 +1738,7 @@
         ErrorCode["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";
         ErrorCode["MIME_TYPE_ERROR"] = "MIME_TYPE_ERROR";
         ErrorCode["LANGUAGE_NOT_AVAILABLE_ERROR"] = "LANGUAGE_NOT_AVAILABLE_ERROR";
+        ErrorCode["FACET_IN_USE_ERROR"] = "FACET_IN_USE_ERROR";
         ErrorCode["CHANNEL_DEFAULT_LANGUAGE_ERROR"] = "CHANNEL_DEFAULT_LANGUAGE_ERROR";
         ErrorCode["SETTLE_PAYMENT_ERROR"] = "SETTLE_PAYMENT_ERROR";
         ErrorCode["CANCEL_PAYMENT_ERROR"] = "CANCEL_PAYMENT_ERROR";
@@ -2098,6 +1774,9 @@
         ErrorCode["COUPON_CODE_INVALID_ERROR"] = "COUPON_CODE_INVALID_ERROR";
         ErrorCode["COUPON_CODE_EXPIRED_ERROR"] = "COUPON_CODE_EXPIRED_ERROR";
         ErrorCode["COUPON_CODE_LIMIT_ERROR"] = "COUPON_CODE_LIMIT_ERROR";
+        ErrorCode["ORDER_MODIFICATION_ERROR"] = "ORDER_MODIFICATION_ERROR";
+        ErrorCode["INELIGIBLE_SHIPPING_METHOD_ERROR"] = "INELIGIBLE_SHIPPING_METHOD_ERROR";
+        ErrorCode["NO_ACTIVE_ORDER_ERROR"] = "NO_ACTIVE_ORDER_ERROR";
     })(exports.ErrorCode || (exports.ErrorCode = {}));
     exports.GlobalFlag = void 0;
     (function (GlobalFlag) {
@@ -2699,6 +2378,425 @@
         StockMovementType["RETURN"] = "RETURN";
     })(exports.StockMovementType || (exports.StockMovementType = {}));
+    var ADDRESS_FRAGMENT = apolloAngular.gql(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n    fragment Address on Address {\n        id\n        createdAt\n        updatedAt\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country {\n            id\n            code\n            name\n        }\n        phoneNumber\n        defaultShippingAddress\n        defaultBillingAddress\n    }\n"], ["\n    fragment Address on Address {\n        id\n        createdAt\n        updatedAt\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country {\n            id\n            code\n            name\n        }\n        phoneNumber\n        defaultShippingAddress\n        defaultBillingAddress\n    }\n"])));
+    var CUSTOMER_FRAGMENT = apolloAngular.gql(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    fragment Customer on Customer {\n        id\n        createdAt\n        updatedAt\n        title\n        firstName\n        lastName\n        phoneNumber\n        emailAddress\n        user {\n            id\n            identifier\n            verified\n            lastLogin\n        }\n        addresses {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    fragment Customer on Customer {\n        id\n        createdAt\n        updatedAt\n        title\n        firstName\n        lastName\n        phoneNumber\n        emailAddress\n        user {\n            id\n            identifier\n            verified\n            lastLogin\n        }\n        addresses {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
+    var CUSTOMER_GROUP_FRAGMENT = apolloAngular.gql(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n    fragment CustomerGroup on CustomerGroup {\n        id\n        createdAt\n        updatedAt\n        name\n    }\n"], ["\n    fragment CustomerGroup on CustomerGroup {\n        id\n        createdAt\n        updatedAt\n        name\n    }\n"])));
+    var GET_CUSTOMER_LIST = apolloAngular.gql(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n    query GetCustomerList($options: CustomerListOptions) {\n        customers(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                title\n                firstName\n                lastName\n                emailAddress\n                user {\n                    id\n                    verified\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetCustomerList($options: CustomerListOptions) {\n        customers(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                title\n                firstName\n                lastName\n                emailAddress\n                user {\n                    id\n                    verified\n                }\n            }\n            totalItems\n        }\n    }\n"])));
+    var GET_CUSTOMER = apolloAngular.gql(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n    query GetCustomer($id: ID!, $orderListOptions: OrderListOptions) {\n        customer(id: $id) {\n            ...Customer\n            groups {\n                id\n                name\n            }\n            orders(options: $orderListOptions) {\n                items {\n                    id\n                    code\n                    state\n                    totalWithTax\n                    currencyCode\n                    updatedAt\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetCustomer($id: ID!, $orderListOptions: OrderListOptions) {\n        customer(id: $id) {\n            ...Customer\n            groups {\n                id\n                name\n            }\n            orders(options: $orderListOptions) {\n                items {\n                    id\n                    code\n                    state\n                    totalWithTax\n                    currencyCode\n                    updatedAt\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"])), CUSTOMER_FRAGMENT);
+    var CREATE_CUSTOMER = apolloAngular.gql(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n    mutation CreateCustomer($input: CreateCustomerInput!, $password: String) {\n        createCustomer(input: $input, password: $password) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateCustomer($input: CreateCustomerInput!, $password: String) {\n        createCustomer(input: $input, password: $password) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CUSTOMER_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var UPDATE_CUSTOMER = apolloAngular.gql(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n    mutation UpdateCustomer($input: UpdateCustomerInput!) {\n        updateCustomer(input: $input) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateCustomer($input: UpdateCustomerInput!) {\n        updateCustomer(input: $input) {\n            ...Customer\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), CUSTOMER_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var DELETE_CUSTOMER = apolloAngular.gql(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n    mutation DeleteCustomer($id: ID!) {\n        deleteCustomer(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomer($id: ID!) {\n        deleteCustomer(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var CREATE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n    mutation CreateCustomerAddress($customerId: ID!, $input: CreateAddressInput!) {\n        createCustomerAddress(customerId: $customerId, input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerAddress($customerId: ID!, $input: CreateAddressInput!) {\n        createCustomerAddress(customerId: $customerId, input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
+    var UPDATE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n    mutation UpdateCustomerAddress($input: UpdateAddressInput!) {\n        updateCustomerAddress(input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerAddress($input: UpdateAddressInput!) {\n        updateCustomerAddress(input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
+    var DELETE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n    mutation DeleteCustomerAddress($id: ID!) {\n        deleteCustomerAddress(id: $id) {\n            success\n        }\n    }\n"], ["\n    mutation DeleteCustomerAddress($id: ID!) {\n        deleteCustomerAddress(id: $id) {\n            success\n        }\n    }\n"])));
+    var CREATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var UPDATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var DELETE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var GET_CUSTOMER_GROUPS = apolloAngular.gql(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var GET_CUSTOMER_GROUP_WITH_CUSTOMERS = apolloAngular.gql(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var ADD_CUSTOMERS_TO_GROUP = apolloAngular.gql(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var REMOVE_CUSTOMERS_FROM_GROUP = apolloAngular.gql(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var GET_CUSTOMER_HISTORY = apolloAngular.gql(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"], ["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"])));
+    var ADD_NOTE_TO_CUSTOMER = apolloAngular.gql(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"])));
+    var UPDATE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
+    var DELETE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$4, templateObject_6$4, templateObject_7$4, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1;
+    var CustomerDataService = /** @class */ (function () {
+        function CustomerDataService(baseDataService) {
+            this.baseDataService = baseDataService;
+        }
+        CustomerDataService.prototype.getCustomerList = function (take, skip, filterTerm) {
+            if (take === void 0) { take = 10; }
+            if (skip === void 0) { skip = 0; }
+            var filter = filterTerm
+                ? {
+                    filter: {
+                        emailAddress: {
+                            contains: filterTerm,
+                        },
+                        lastName: {
+                            contains: filterTerm,
+                        },
+                    },
+                }
+                : {};
+            return this.baseDataService.query(GET_CUSTOMER_LIST, {
+                options: Object.assign(Object.assign({ take: take, skip: skip }, filter), { filterOperator: exports.LogicalOperator.OR }),
+            });
+        };
+        CustomerDataService.prototype.getCustomer = function (id, orderListOptions) {
+            return this.baseDataService.query(GET_CUSTOMER, {
+                id: id,
+                orderListOptions: orderListOptions,
+            });
+        };
+        CustomerDataService.prototype.createCustomer = function (input, password) {
+            return this.baseDataService.mutate(CREATE_CUSTOMER, {
+                input: input,
+                password: password,
+            });
+        };
+        CustomerDataService.prototype.updateCustomer = function (input) {
+            return this.baseDataService.mutate(UPDATE_CUSTOMER, {
+                input: input,
+            });
+        };
+        CustomerDataService.prototype.deleteCustomer = function (id) {
+            return this.baseDataService.mutate(DELETE_CUSTOMER, { id: id });
+        };
+        CustomerDataService.prototype.createCustomerAddress = function (customerId, input) {
+            return this.baseDataService.mutate(CREATE_CUSTOMER_ADDRESS, {
+                customerId: customerId,
+                input: input,
+            });
+        };
+        CustomerDataService.prototype.updateCustomerAddress = function (input) {
+            return this.baseDataService.mutate(UPDATE_CUSTOMER_ADDRESS, {
+                input: input,
+            });
+        };
+        CustomerDataService.prototype.deleteCustomerAddress = function (id) {
+            return this.baseDataService.mutate(DELETE_CUSTOMER_ADDRESS, { id: id });
+        };
+        CustomerDataService.prototype.createCustomerGroup = function (input) {
+            return this.baseDataService.mutate(CREATE_CUSTOMER_GROUP, {
+                input: input,
+            });
+        };
+        CustomerDataService.prototype.updateCustomerGroup = function (input) {
+            return this.baseDataService.mutate(UPDATE_CUSTOMER_GROUP, {
+                input: input,
+            });
+        };
+        CustomerDataService.prototype.deleteCustomerGroup = function (id) {
+            return this.baseDataService.mutate(DELETE_CUSTOMER_GROUP, { id: id });
+        };
+        CustomerDataService.prototype.getCustomerGroupList = function (options) {
+            return this.baseDataService.query(GET_CUSTOMER_GROUPS, {
+                options: options,
+            });
+        };
+        CustomerDataService.prototype.getCustomerGroupWithCustomers = function (id, options) {
+            return this.baseDataService.query(GET_CUSTOMER_GROUP_WITH_CUSTOMERS, {
+                id: id,
+                options: options,
+            });
+        };
+        CustomerDataService.prototype.addCustomersToGroup = function (groupId, customerIds) {
+            return this.baseDataService.mutate(ADD_CUSTOMERS_TO_GROUP, {
+                groupId: groupId,
+                customerIds: customerIds,
+            });
+        };
+        CustomerDataService.prototype.removeCustomersFromGroup = function (groupId, customerIds) {
+            return this.baseDataService.mutate(REMOVE_CUSTOMERS_FROM_GROUP, {
+                groupId: groupId,
+                customerIds: customerIds,
+            });
+        };
+        CustomerDataService.prototype.getCustomerHistory = function (id, options) {
+            return this.baseDataService.query(GET_CUSTOMER_HISTORY, {
+                id: id,
+                options: options,
+            });
+        };
+        CustomerDataService.prototype.addNoteToCustomer = function (customerId, note) {
+            return this.baseDataService.mutate(ADD_NOTE_TO_CUSTOMER, {
+                input: {
+                    note: note,
+                    isPublic: false,
+                    id: customerId,
+                },
+            });
+        };
+        CustomerDataService.prototype.updateCustomerNote = function (input) {
+            return this.baseDataService.mutate(UPDATE_CUSTOMER_NOTE, {
+                input: input,
+            });
+        };
+        CustomerDataService.prototype.deleteCustomerNote = function (id) {
+            return this.baseDataService.mutate(DELETE_CUSTOMER_NOTE, {
+                id: id,
+            });
+        };
+        return CustomerDataService;
+    }());
+    var FACET_VALUE_FRAGMENT = apolloAngular.gql(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    fragment FacetValue on FacetValue {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        facet {\n            id\n            createdAt\n            updatedAt\n            name\n        }\n    }\n"], ["\n    fragment FacetValue on FacetValue {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        facet {\n            id\n            createdAt\n            updatedAt\n            name\n        }\n    }\n"])));
+    var FACET_WITH_VALUES_FRAGMENT = apolloAngular.gql(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    fragment FacetWithValues on Facet {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        isPrivate\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        values {\n            ...FacetValue\n        }\n    }\n    ", "\n"], ["\n    fragment FacetWithValues on Facet {\n        id\n        createdAt\n        updatedAt\n        languageCode\n        isPrivate\n        code\n        name\n        translations {\n            id\n            languageCode\n            name\n        }\n        values {\n            ...FacetValue\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
+    var CREATE_FACET = apolloAngular.gql(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    mutation CreateFacet($input: CreateFacetInput!) {\n        createFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"], ["\n    mutation CreateFacet($input: CreateFacetInput!) {\n        createFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
+    var UPDATE_FACET = apolloAngular.gql(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n    mutation UpdateFacet($input: UpdateFacetInput!) {\n        updateFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateFacet($input: UpdateFacetInput!) {\n        updateFacet(input: $input) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
+    var DELETE_FACET = apolloAngular.gql(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n    mutation DeleteFacet($id: ID!, $force: Boolean) {\n        deleteFacet(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteFacet($id: ID!, $force: Boolean) {\n        deleteFacet(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"])));
+    var DELETE_FACETS = apolloAngular.gql(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n    mutation DeleteFacets($ids: [ID!]!, $force: Boolean) {\n        deleteFacets(ids: $ids, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteFacets($ids: [ID!]!, $force: Boolean) {\n        deleteFacets(ids: $ids, force: $force) {\n            result\n            message\n        }\n    }\n"])));
+    var CREATE_FACET_VALUES = apolloAngular.gql(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n    mutation CreateFacetValues($input: [CreateFacetValueInput!]!) {\n        createFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"], ["\n    mutation CreateFacetValues($input: [CreateFacetValueInput!]!) {\n        createFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
+    var UPDATE_FACET_VALUES = apolloAngular.gql(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n    mutation UpdateFacetValues($input: [UpdateFacetValueInput!]!) {\n        updateFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateFacetValues($input: [UpdateFacetValueInput!]!) {\n        updateFacetValues(input: $input) {\n            ...FacetValue\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
+    var DELETE_FACET_VALUES = apolloAngular.gql(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n    mutation DeleteFacetValues($ids: [ID!]!, $force: Boolean) {\n        deleteFacetValues(ids: $ids, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteFacetValues($ids: [ID!]!, $force: Boolean) {\n        deleteFacetValues(ids: $ids, force: $force) {\n            result\n            message\n        }\n    }\n"])));
+    var GET_FACET_LIST = apolloAngular.gql(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n    query GetFacetList($options: FacetListOptions) {\n        facets(options: $options) {\n            items {\n                ...FacetWithValues\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetFacetList($options: FacetListOptions) {\n        facets(options: $options) {\n            items {\n                ...FacetWithValues\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
+    var GET_FACET_WITH_VALUES = apolloAngular.gql(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    query GetFacetWithValues($id: ID!) {\n        facet(id: $id) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"], ["\n    query GetFacetWithValues($id: ID!) {\n        facet(id: $id) {\n            ...FacetWithValues\n        }\n    }\n    ", "\n"])), FACET_WITH_VALUES_FRAGMENT);
+    var ASSIGN_FACETS_TO_CHANNEL = apolloAngular.gql(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n    mutation AssignFacetsToChannel($input: AssignFacetsToChannelInput!) {\n        assignFacetsToChannel(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AssignFacetsToChannel($input: AssignFacetsToChannelInput!) {\n        assignFacetsToChannel(input: $input) {\n            id\n        }\n    }\n"])));
+    var REMOVE_FACETS_FROM_CHANNEL = apolloAngular.gql(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n    mutation RemoveFacetsFromChannel($input: RemoveFacetsFromChannelInput!) {\n        removeFacetsFromChannel(input: $input) {\n            ... on Facet {\n                id\n            }\n            ... on FacetInUseError {\n                errorCode\n                message\n                variantCount\n                productCount\n            }\n        }\n    }\n"], ["\n    mutation RemoveFacetsFromChannel($input: RemoveFacetsFromChannelInput!) {\n        removeFacetsFromChannel(input: $input) {\n            ... on Facet {\n                id\n            }\n            ... on FacetInUseError {\n                errorCode\n                message\n                variantCount\n                productCount\n            }\n        }\n    }\n"])));
+    var templateObject_1$3, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$2, templateObject_9$2, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1;
+    var FacetDataService = /** @class */ (function () {
+        function FacetDataService(baseDataService) {
+            this.baseDataService = baseDataService;
+        }
+        FacetDataService.prototype.getFacets = function (take, skip) {
+            if (take === void 0) { take = 10; }
+            if (skip === void 0) { skip = 0; }
+            return this.baseDataService.query(GET_FACET_LIST, {
+                options: {
+                    take: take,
+                    skip: skip,
+                },
+            });
+        };
+        FacetDataService.prototype.getAllFacets = function () {
+            return this.baseDataService.query(GET_FACET_LIST, {});
+        };
+        FacetDataService.prototype.getFacet = function (id) {
+            return this.baseDataService.query(GET_FACET_WITH_VALUES, {
+                id: id,
+            });
+        };
+        FacetDataService.prototype.createFacet = function (facet) {
+            var input = {
+                input: pick.pick(facet, ['code', 'isPrivate', 'translations', 'values', 'customFields']),
+            };
+            return this.baseDataService.mutate(CREATE_FACET, input);
+        };
+        FacetDataService.prototype.updateFacet = function (facet) {
+            var input = {
+                input: pick.pick(facet, ['id', 'code', 'isPrivate', 'translations', 'customFields']),
+            };
+            return this.baseDataService.mutate(UPDATE_FACET, input);
+        };
+        FacetDataService.prototype.deleteFacet = function (id, force) {
+            return this.baseDataService.mutate(DELETE_FACET, {
+                id: id,
+                force: force,
+            });
+        };
+        FacetDataService.prototype.deleteFacets = function (ids, force) {
+            return this.baseDataService.mutate(DELETE_FACETS, {
+                ids: ids,
+                force: force,
+            });
+        };
+        FacetDataService.prototype.createFacetValues = function (facetValues) {
+            var input = {
+                input: facetValues.map(pick.pick(['facetId', 'code', 'translations', 'customFields'])),
+            };
+            return this.baseDataService.mutate(CREATE_FACET_VALUES, input);
+        };
+        FacetDataService.prototype.updateFacetValues = function (facetValues) {
+            var input = {
+                input: facetValues.map(pick.pick(['id', 'code', 'translations', 'customFields'])),
+            };
+            return this.baseDataService.mutate(UPDATE_FACET_VALUES, input);
+        };
+        FacetDataService.prototype.deleteFacetValues = function (ids, force) {
+            return this.baseDataService.mutate(DELETE_FACET_VALUES, {
+                ids: ids,
+                force: force,
+            });
+        };
+        FacetDataService.prototype.assignFacetsToChannel = function (input) {
+            return this.baseDataService.mutate(ASSIGN_FACETS_TO_CHANNEL, {
+                input: input,
+            });
+        };
+        FacetDataService.prototype.removeFacetsFromChannel = function (input) {
+            return this.baseDataService.mutate(REMOVE_FACETS_FROM_CHANNEL, {
+                input: input,
+            });
+        };
+        return FacetDataService;
+    }());
+    var DISCOUNT_FRAGMENT = apolloAngular.gql(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    fragment Discount on Discount {\n        adjustmentSource\n        amount\n        amountWithTax\n        description\n        type\n    }\n"], ["\n    fragment Discount on Discount {\n        adjustmentSource\n        amount\n        amountWithTax\n        description\n        type\n    }\n"])));
+    var PAYMENT_FRAGMENT = apolloAngular.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    fragment Payment on Payment {\n        id\n        transactionId\n        amount\n        method\n        state\n        metadata\n    }\n"], ["\n    fragment Payment on Payment {\n        id\n        transactionId\n        amount\n        method\n        state\n        metadata\n    }\n"])));
+    var REFUND_FRAGMENT = apolloAngular.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"], ["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"])));
+    var ORDER_ADDRESS_FRAGMENT = apolloAngular.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"], ["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"])));
+    var ORDER_FRAGMENT = apolloAngular.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        totalWithTax\n        currencyCode\n        customer {\n            id\n            firstName\n            lastName\n        }\n        shippingLines {\n            shippingMethod {\n                name\n            }\n        }\n    }\n"], ["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        totalWithTax\n        currencyCode\n        customer {\n            id\n            firstName\n            lastName\n        }\n        shippingLines {\n            shippingMethod {\n                name\n            }\n        }\n    }\n"])));
+    var FULFILLMENT_FRAGMENT = apolloAngular.gql(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        summary {\n            orderLine {\n                id\n            }\n            quantity\n        }\n        trackingCode\n    }\n"], ["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        summary {\n            orderLine {\n                id\n            }\n            quantity\n        }\n        trackingCode\n    }\n"])));
+    var ORDER_LINE_FRAGMENT = apolloAngular.gql(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    fragment OrderLine on OrderLine {\n        id\n        featuredAsset {\n            preview\n        }\n        productVariant {\n            id\n            name\n            sku\n            trackInventory\n            stockOnHand\n        }\n        discounts {\n            ...Discount\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            refundId\n            cancelled\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"], ["\n    fragment OrderLine on OrderLine {\n        id\n        featuredAsset {\n            preview\n        }\n        productVariant {\n            id\n            name\n            sku\n            trackInventory\n            stockOnHand\n        }\n        discounts {\n            ...Discount\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            refundId\n            cancelled\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"])));
+    var ORDER_DETAIL_FRAGMENT = apolloAngular.gql(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        couponCodes\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        couponCodes\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"])), DISCOUNT_FRAGMENT, ORDER_ADDRESS_FRAGMENT, FULFILLMENT_FRAGMENT, ORDER_LINE_FRAGMENT);
+    var GET_ORDERS_LIST = apolloAngular.gql(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n    query GetOrderList($options: OrderListOptions) {\n        orders(options: $options) {\n            items {\n                ...Order\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetOrderList($options: OrderListOptions) {\n        orders(options: $options) {\n            items {\n                ...Order\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
+    var GET_ORDER = apolloAngular.gql(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    query GetOrder($id: ID!) {\n        order(id: $id) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    query GetOrder($id: ID!) {\n        order(id: $id) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
+    var SETTLE_PAYMENT = apolloAngular.gql(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ERROR_RESULT_FRAGMENT, PAYMENT_FRAGMENT);
+    var CANCEL_PAYMENT = apolloAngular.gql(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    mutation CancelPayment($id: ID!) {\n        cancelPayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on CancelPaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelPayment($id: ID!) {\n        cancelPayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on CancelPaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ERROR_RESULT_FRAGMENT, PAYMENT_FRAGMENT);
+    var TRANSITION_PAYMENT_TO_STATE = apolloAngular.gql(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ...Payment\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ...Payment\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PAYMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var CREATE_FULFILLMENT = apolloAngular.gql(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var CANCEL_ORDER = apolloAngular.gql(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var REFUND_ORDER = apolloAngular.gql(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var SETTLE_REFUND = apolloAngular.gql(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var GET_ORDER_HISTORY = apolloAngular.gql(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"], ["\n    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"])));
+    var ADD_NOTE_TO_ORDER = apolloAngular.gql(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"])));
+    var UPDATE_ORDER_NOTE = apolloAngular.gql(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
+    var DELETE_ORDER_NOTE = apolloAngular.gql(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var TRANSITION_ORDER_TO_STATE = apolloAngular.gql(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var UPDATE_ORDER_CUSTOM_FIELDS = apolloAngular.gql(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
+    var TRANSITION_FULFILLMENT_TO_STATE = apolloAngular.gql(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var GET_ORDER_SUMMARY = apolloAngular.gql(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"], ["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"])));
+    var MODIFY_ORDER = apolloAngular.gql(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var ADD_MANUAL_PAYMENT_TO_ORDER = apolloAngular.gql(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var CREATE_DRAFT_ORDER = apolloAngular.gql(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n    mutation CreateDraftOrder {\n        createDraftOrder {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    mutation CreateDraftOrder {\n        createDraftOrder {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
+    var DELETE_DRAFT_ORDER = apolloAngular.gql(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n    mutation DeleteDraftOrder($orderId: ID!) {\n        deleteDraftOrder(orderId: $orderId) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteDraftOrder($orderId: ID!) {\n        deleteDraftOrder(orderId: $orderId) {\n            result\n            message\n        }\n    }\n"])));
+    var ADD_ITEM_TO_DRAFT_ORDER = apolloAngular.gql(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n    mutation AddItemToDraftOrder($orderId: ID!, $input: AddItemToDraftOrderInput!) {\n        addItemToDraftOrder(orderId: $orderId, input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation AddItemToDraftOrder($orderId: ID!, $input: AddItemToDraftOrderInput!) {\n        addItemToDraftOrder(orderId: $orderId, input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var ADJUST_DRAFT_ORDER_LINE = apolloAngular.gql(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n    mutation AdjustDraftOrderLine($orderId: ID!, $input: AdjustDraftOrderLineInput!) {\n        adjustDraftOrderLine(orderId: $orderId, input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation AdjustDraftOrderLine($orderId: ID!, $input: AdjustDraftOrderLineInput!) {\n        adjustDraftOrderLine(orderId: $orderId, input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var REMOVE_DRAFT_ORDER_LINE = apolloAngular.gql(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n    mutation RemoveDraftOrderLine($orderId: ID!, $orderLineId: ID!) {\n        removeDraftOrderLine(orderId: $orderId, orderLineId: $orderLineId) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation RemoveDraftOrderLine($orderId: ID!, $orderLineId: ID!) {\n        removeDraftOrderLine(orderId: $orderId, orderLineId: $orderLineId) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var SET_CUSTOMER_FOR_DRAFT_ORDER = apolloAngular.gql(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n    mutation SetCustomerForDraftOrder($orderId: ID!, $customerId: ID, $input: CreateCustomerInput) {\n        setCustomerForDraftOrder(orderId: $orderId, customerId: $customerId, input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SetCustomerForDraftOrder($orderId: ID!, $customerId: ID, $input: CreateCustomerInput) {\n        setCustomerForDraftOrder(orderId: $orderId, customerId: $customerId, input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var SET_SHIPPING_ADDRESS_FOR_DRAFT_ORDER = apolloAngular.gql(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n    mutation SetDraftOrderShippingAddress($orderId: ID!, $input: CreateAddressInput!) {\n        setDraftOrderShippingAddress(orderId: $orderId, input: $input) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    mutation SetDraftOrderShippingAddress($orderId: ID!, $input: CreateAddressInput!) {\n        setDraftOrderShippingAddress(orderId: $orderId, input: $input) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
+    var SET_BILLING_ADDRESS_FOR_DRAFT_ORDER = apolloAngular.gql(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n    mutation SetDraftOrderBillingAddress($orderId: ID!, $input: CreateAddressInput!) {\n        setDraftOrderBillingAddress(orderId: $orderId, input: $input) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    mutation SetDraftOrderBillingAddress($orderId: ID!, $input: CreateAddressInput!) {\n        setDraftOrderBillingAddress(orderId: $orderId, input: $input) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
+    var APPLY_COUPON_CODE_TO_DRAFT_ORDER = apolloAngular.gql(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n    mutation ApplyCouponCodeToDraftOrder($orderId: ID!, $couponCode: String!) {\n        applyCouponCodeToDraftOrder(orderId: $orderId, couponCode: $couponCode) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation ApplyCouponCodeToDraftOrder($orderId: ID!, $couponCode: String!) {\n        applyCouponCodeToDraftOrder(orderId: $orderId, couponCode: $couponCode) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var REMOVE_COUPON_CODE_FROM_DRAFT_ORDER = apolloAngular.gql(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n    mutation RemoveCouponCodeFromDraftOrder($orderId: ID!, $couponCode: String!) {\n        removeCouponCodeFromDraftOrder(orderId: $orderId, couponCode: $couponCode) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveCouponCodeFromDraftOrder($orderId: ID!, $couponCode: String!) {\n        removeCouponCodeFromDraftOrder(orderId: $orderId, couponCode: $couponCode) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
+    var DRAFT_ORDER_ELIGIBLE_SHIPPING_METHODS = apolloAngular.gql(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n    query DraftOrderEligibleShippingMethods($orderId: ID!) {\n        eligibleShippingMethodsForDraftOrder(orderId: $orderId) {\n            id\n            name\n            code\n            description\n            price\n            priceWithTax\n            metadata\n        }\n    }\n"], ["\n    query DraftOrderEligibleShippingMethods($orderId: ID!) {\n        eligibleShippingMethodsForDraftOrder(orderId: $orderId) {\n            id\n            name\n            code\n            description\n            price\n            priceWithTax\n            metadata\n        }\n    }\n"])));
+    var SET_DRAFT_ORDER_SHIPPING_METHOD = apolloAngular.gql(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n    mutation SetDraftOrderShippingMethod($orderId: ID!, $shippingMethodId: ID!) {\n        setDraftOrderShippingMethod(orderId: $orderId, shippingMethodId: $shippingMethodId) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SetDraftOrderShippingMethod($orderId: ID!, $shippingMethodId: ID!) {\n        setDraftOrderShippingMethod(orderId: $orderId, shippingMethodId: $shippingMethodId) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39;
+    var OrderDataService = /** @class */ (function () {
+        function OrderDataService(baseDataService) {
+            this.baseDataService = baseDataService;
+        }
+        OrderDataService.prototype.getOrders = function (options) {
+            if (options === void 0) { options = { take: 10 }; }
+            return this.baseDataService.query(GET_ORDERS_LIST, {
+                options: options,
+            });
+        };
+        OrderDataService.prototype.getOrder = function (id) {
+            return this.baseDataService.query(GET_ORDER, { id: id });
+        };
+        OrderDataService.prototype.getOrderHistory = function (id, options) {
+            return this.baseDataService.query(GET_ORDER_HISTORY, {
+                id: id,
+                options: options,
+            });
+        };
+        OrderDataService.prototype.settlePayment = function (id) {
+            return this.baseDataService.mutate(SETTLE_PAYMENT, {
+                id: id,
+            });
+        };
+        OrderDataService.prototype.cancelPayment = function (id) {
+            return this.baseDataService.mutate(CANCEL_PAYMENT, {
+                id: id,
+            });
+        };
+        OrderDataService.prototype.transitionPaymentToState = function (id, state) {
+            return this.baseDataService.mutate(TRANSITION_PAYMENT_TO_STATE, {
+                id: id,
+                state: state,
+            });
+        };
+        OrderDataService.prototype.createFulfillment = function (input) {
+            return this.baseDataService.mutate(CREATE_FULFILLMENT, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.transitionFulfillmentToState = function (id, state) {
+            return this.baseDataService.mutate(TRANSITION_FULFILLMENT_TO_STATE, {
+                id: id,
+                state: state,
+            });
+        };
+        OrderDataService.prototype.cancelOrder = function (input) {
+            return this.baseDataService.mutate(CANCEL_ORDER, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.refundOrder = function (input) {
+            return this.baseDataService.mutate(REFUND_ORDER, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.settleRefund = function (input, orderId) {
+            return this.baseDataService.mutate(SETTLE_REFUND, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.addNoteToOrder = function (input) {
+            return this.baseDataService.mutate(ADD_NOTE_TO_ORDER, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.updateOrderNote = function (input) {
+            return this.baseDataService.mutate(UPDATE_ORDER_NOTE, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.deleteOrderNote = function (id) {
+            return this.baseDataService.mutate(DELETE_ORDER_NOTE, {
+                id: id,
+            });
+        };
+        OrderDataService.prototype.transitionToState = function (id, state) {
+            return this.baseDataService.mutate(TRANSITION_ORDER_TO_STATE, {
+                id: id,
+                state: state,
+            });
+        };
+        OrderDataService.prototype.updateOrderCustomFields = function (input) {
+            return this.baseDataService.mutate(UPDATE_ORDER_CUSTOM_FIELDS, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.getOrderSummary = function (start, end) {
+            return this.baseDataService.query(GET_ORDER_SUMMARY, {
+                start: start.toISOString(),
+                end: end.toISOString(),
+            });
+        };
+        OrderDataService.prototype.modifyOrder = function (input) {
+            return this.baseDataService.mutate(MODIFY_ORDER, {
+                input: input,
+            });
+        };
+        OrderDataService.prototype.addManualPaymentToOrder = function (input) {
+            return this.baseDataService.mutate(ADD_MANUAL_PAYMENT_TO_ORDER, { input: input });
+        };
+        OrderDataService.prototype.createDraftOrder = function () {
+            return this.baseDataService.mutate(CREATE_DRAFT_ORDER);
+        };
+        OrderDataService.prototype.deleteDraftOrder = function (orderId) {
+            return this.baseDataService.mutate(DELETE_DRAFT_ORDER, { orderId: orderId });
+        };
+        OrderDataService.prototype.addItemToDraftOrder = function (orderId, input) {
+            return this.baseDataService.mutate(ADD_ITEM_TO_DRAFT_ORDER, { orderId: orderId, input: input });
+        };
+        OrderDataService.prototype.adjustDraftOrderLine = function (orderId, input) {
+            return this.baseDataService.mutate(ADJUST_DRAFT_ORDER_LINE, { orderId: orderId, input: input });
+        };
+        OrderDataService.prototype.removeDraftOrderLine = function (orderId, orderLineId) {
+            return this.baseDataService.mutate(REMOVE_DRAFT_ORDER_LINE, { orderId: orderId, orderLineId: orderLineId });
+        };
+        OrderDataService.prototype.setCustomerForDraftOrder = function (orderId, _a) {
+            var customerId = _a.customerId, input = _a.input;
+            return this.baseDataService.mutate(SET_CUSTOMER_FOR_DRAFT_ORDER, { orderId: orderId, customerId: customerId, input: input });
+        };
+        OrderDataService.prototype.setDraftOrderShippingAddress = function (orderId, input) {
+            return this.baseDataService.mutate(SET_SHIPPING_ADDRESS_FOR_DRAFT_ORDER, { orderId: orderId, input: input });
+        };
+        OrderDataService.prototype.setDraftOrderBillingAddress = function (orderId, input) {
+            return this.baseDataService.mutate(SET_BILLING_ADDRESS_FOR_DRAFT_ORDER, { orderId: orderId, input: input });
+        };
+        OrderDataService.prototype.applyCouponCodeToDraftOrder = function (orderId, couponCode) {
+            return this.baseDataService.mutate(APPLY_COUPON_CODE_TO_DRAFT_ORDER, { orderId: orderId, couponCode: couponCode });
+        };
+        OrderDataService.prototype.removeCouponCodeFromDraftOrder = function (orderId, couponCode) {
+            return this.baseDataService.mutate(REMOVE_COUPON_CODE_FROM_DRAFT_ORDER, { orderId: orderId, couponCode: couponCode });
+        };
+        OrderDataService.prototype.getDraftOrderEligibleShippingMethods = function (orderId) {
+            return this.baseDataService.query(DRAFT_ORDER_ELIGIBLE_SHIPPING_METHODS, { orderId: orderId });
+        };
+        OrderDataService.prototype.setDraftOrderShippingMethod = function (orderId, shippingMethodId) {
+            return this.baseDataService.mutate(SET_DRAFT_ORDER_SHIPPING_METHOD, { orderId: orderId, shippingMethodId: shippingMethodId });
+        };
+        return OrderDataService;
+    }());
     var ProductDataService = /** @class */ (function () {
         function ProductDataService(baseDataService) {
             this.baseDataService = baseDataService;
@@ -2797,6 +2895,11 @@
                 id: id,
             });
         };
+        ProductDataService.prototype.deleteProducts = function (ids) {
+            return this.baseDataService.mutate(DELETE_PRODUCTS, {
+                ids: ids,
+            });
+        };
         ProductDataService.prototype.createProductVariants = function (input) {
             return this.baseDataService.mutate(CREATE_PRODUCT_VARIANTS, {
                 input: input,
@@ -3719,7 +3822,7 @@
     SimpleDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-simple-dialog',
-                    template: "<ng-template vdrDialogTitle>{{ title | translate:translationVars }}</ng-template>\r\n{{ body | translate:translationVars }}\r\n<ng-template vdrDialogButtons>\r\n    <ng-container *ngFor=\"let button of buttons\">\r\n        <button\r\n            class=\"btn\"\r\n            [class.btn-primary]=\"button.type === 'primary'\"\r\n            [class.btn-danger]=\"button.type === 'danger'\"\r\n            (click)=\"resolveWith(button.returnValue)\"\r\n        >\r\n            {{ button.label | translate:translationVars }}\r\n        </button>\r\n    </ng-container>\r\n</ng-template>\r\n",
+                    template: "<ng-template vdrDialogTitle>{{ title | translate:translationVars }}</ng-template>\r\n<div style=\"white-space: pre-wrap;\">{{ body | translate:translationVars }}</div>\r\n<ng-template vdrDialogButtons>\r\n    <ng-container *ngFor=\"let button of buttons\">\r\n        <button\r\n            class=\"btn\"\r\n            [class.btn-primary]=\"button.type === 'primary'\"\r\n            [class.btn-danger]=\"button.type === 'danger'\"\r\n            (click)=\"resolveWith(button.returnValue)\"\r\n        >\r\n            {{ button.label | translate: (button.translationVars || {}) }}\r\n        </button>\r\n    </ng-container>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [""]
                 },] }
@@ -3850,6 +3953,7 @@
         ModalService.prototype.dialog = function (config) {
             return this.fromComponent(SimpleDialogComponent, {
                 locals: config,
+                size: config.size,
             });
         };
         return ModalService;
@@ -4340,7 +4444,7 @@
         { type: i0.Component, args: [{
                     selector: 'vdr-breadcrumb',
                     template: "<nav role=\"navigation\">\r\n    <ul class=\"breadcrumbs\">\r\n        <li *ngFor=\"let breadcrumb of (breadcrumbs$ | async); let isLast = last\">\r\n            <a [routerLink]=\"breadcrumb.link\" *ngIf=\"!isLast\">{{ breadcrumb.label | translate }}</a>\r\n            <ng-container *ngIf=\"isLast\">{{ breadcrumb.label | translate }}</ng-container>\r\n        </li>\r\n    </ul>\r\n</nav>\r\n",
-                    styles: ["@charset \"UTF-8\";:host{display:block;padding:0 1rem}.breadcrumbs{list-style-type:none}.breadcrumbs li{font-size:16px;display:inline-block;margin-right:10px}.breadcrumbs li:not(:last-child):after{content:\"\\203a\";top:0;color:var(--color-grey-400);margin-left:10px}\n"]
+                    styles: ["@charset \"UTF-8\";:host{display:block}@media screen and (min-width: 768px){:host{padding:0 1rem}}.breadcrumbs{list-style-type:none;display:flex;overflow-x:auto;max-width:100vw;padding:0 3px}@media screen and (min-width: 768px){.breadcrumbs{padding:0}}.breadcrumbs li{font-size:16px;display:inline-block;margin-right:10px;white-space:nowrap}.breadcrumbs li:not(:last-child):after{content:\"\\203a\";top:0;color:var(--color-grey-400);margin-left:10px}\n"]
                 },] }
     ];
     BreadcrumbComponent.ctorParameters = function () { return [
@@ -5280,196 +5384,301 @@
     // tslint:disable
     var result = {
-        possibleTypes: {
-            AddFulfillmentToOrderResult: [
-                'Fulfillment',
-                'EmptyOrderLineSelectionError',
-                'ItemsAlreadyFulfilledError',
-                'InsufficientStockOnHandError',
-                'InvalidFulfillmentHandlerError',
-                'FulfillmentStateTransitionError',
-                'CreateFulfillmentError',
+        "possibleTypes": {
+            "AddFulfillmentToOrderResult": [
+                "Fulfillment",
+                "EmptyOrderLineSelectionError",
+                "ItemsAlreadyFulfilledError",
+                "InsufficientStockOnHandError",
+                "InvalidFulfillmentHandlerError",
+                "FulfillmentStateTransitionError",
+                "CreateFulfillmentError"
             ],
-            AddManualPaymentToOrderResult: ['Order', 'ManualPaymentStateError'],
-            AuthenticationResult: ['CurrentUser', 'InvalidCredentialsError'],
-            CancelOrderResult: [
-                'Order',
-                'EmptyOrderLineSelectionError',
-                'QuantityTooGreatError',
-                'MultipleOrderError',
-                'CancelActiveOrderError',
-                'OrderStateTransitionError',
+            "AddManualPaymentToOrderResult": [
+                "Order",
+                "ManualPaymentStateError"
             ],
-            CancelPaymentResult: ['Payment', 'CancelPaymentError', 'PaymentStateTransitionError'],
-            CreateAssetResult: ['Asset', 'MimeTypeError'],
-            CreateChannelResult: ['Channel', 'LanguageNotAvailableError'],
-            CreateCustomerResult: ['Customer', 'EmailAddressConflictError'],
-            CreatePromotionResult: ['Promotion', 'MissingConditionsError'],
-            CustomField: [
-                'BooleanCustomFieldConfig',
-                'DateTimeCustomFieldConfig',
-                'FloatCustomFieldConfig',
-                'IntCustomFieldConfig',
-                'LocaleStringCustomFieldConfig',
-                'RelationCustomFieldConfig',
-                'StringCustomFieldConfig',
-                'TextCustomFieldConfig',
+            "ApplyCouponCodeResult": [
+                "Order",
+                "CouponCodeExpiredError",
+                "CouponCodeInvalidError",
+                "CouponCodeLimitError"
             ],
-            CustomFieldConfig: [
-                'StringCustomFieldConfig',
-                'LocaleStringCustomFieldConfig',
-                'IntCustomFieldConfig',
-                'FloatCustomFieldConfig',
-                'BooleanCustomFieldConfig',
-                'DateTimeCustomFieldConfig',
-                'RelationCustomFieldConfig',
-                'TextCustomFieldConfig',
+            "AuthenticationResult": [
+                "CurrentUser",
+                "InvalidCredentialsError"
             ],
-            ErrorResult: [
-                'AlreadyRefundedError',
-                'CancelActiveOrderError',
-                'CancelPaymentError',
-                'ChannelDefaultLanguageError',
-                'CouponCodeExpiredError',
-                'CouponCodeInvalidError',
-                'CouponCodeLimitError',
-                'CreateFulfillmentError',
-                'EmailAddressConflictError',
-                'EmptyOrderLineSelectionError',
-                'FulfillmentStateTransitionError',
-                'InsufficientStockError',
-                'InsufficientStockOnHandError',
-                'InvalidCredentialsError',
-                'InvalidFulfillmentHandlerError',
-                'ItemsAlreadyFulfilledError',
-                'LanguageNotAvailableError',
-                'ManualPaymentStateError',
-                'MimeTypeError',
-                'MissingConditionsError',
-                'MultipleOrderError',
-                'NativeAuthStrategyError',
-                'NegativeQuantityError',
-                'NoChangesSpecifiedError',
-                'NothingToRefundError',
-                'OrderLimitError',
-                'OrderModificationStateError',
-                'OrderStateTransitionError',
-                'PaymentMethodMissingError',
-                'PaymentOrderMismatchError',
-                'PaymentStateTransitionError',
-                'ProductOptionInUseError',
-                'QuantityTooGreatError',
-                'RefundOrderStateError',
-                'RefundPaymentIdMissingError',
-                'RefundStateTransitionError',
-                'SettlePaymentError',
+            "CancelOrderResult": [
+                "Order",
+                "EmptyOrderLineSelectionError",
+                "QuantityTooGreatError",
+                "MultipleOrderError",
+                "CancelActiveOrderError",
+                "OrderStateTransitionError"
             ],
-            ModifyOrderResult: [
-                'Order',
-                'NoChangesSpecifiedError',
-                'OrderModificationStateError',
-                'PaymentMethodMissingError',
-                'RefundPaymentIdMissingError',
-                'OrderLimitError',
-                'NegativeQuantityError',
-                'InsufficientStockError',
-                'CouponCodeExpiredError',
-                'CouponCodeInvalidError',
-                'CouponCodeLimitError',
+            "CancelPaymentResult": [
+                "Payment",
+                "CancelPaymentError",
+                "PaymentStateTransitionError"
             ],
-            NativeAuthenticationResult: ['CurrentUser', 'InvalidCredentialsError', 'NativeAuthStrategyError'],
-            Node: [
-                'Address',
-                'Administrator',
-                'Allocation',
-                'Asset',
-                'AuthenticationMethod',
-                'Cancellation',
-                'Channel',
-                'Collection',
-                'Country',
-                'Customer',
-                'CustomerGroup',
-                'Facet',
-                'FacetValue',
-                'Fulfillment',
-                'HistoryEntry',
-                'Job',
-                'Order',
-                'OrderItem',
-                'OrderLine',
-                'OrderModification',
-                'Payment',
-                'PaymentMethod',
-                'Product',
-                'ProductOption',
-                'ProductOptionGroup',
-                'ProductVariant',
-                'Promotion',
-                'Refund',
-                'Release',
-                'Return',
-                'Role',
-                'Sale',
-                'ShippingMethod',
-                'StockAdjustment',
-                'Surcharge',
-                'Tag',
-                'TaxCategory',
-                'TaxRate',
-                'User',
-                'Zone',
+            "CreateAssetResult": [
+                "Asset",
+                "MimeTypeError"
             ],
-            PaginatedList: [
-                'AdministratorList',
-                'AssetList',
-                'CollectionList',
-                'CountryList',
-                'CustomerGroupList',
-                'CustomerList',
-                'FacetList',
-                'HistoryEntryList',
-                'JobList',
-                'OrderList',
-                'PaymentMethodList',
-                'ProductList',
-                'ProductVariantList',
-                'PromotionList',
-                'RoleList',
-                'ShippingMethodList',
-                'TagList',
-                'TaxRateList',
+            "CreateChannelResult": [
+                "Channel",
+                "LanguageNotAvailableError"
             ],
-            RefundOrderResult: [
-                'Refund',
-                'QuantityTooGreatError',
-                'NothingToRefundError',
-                'OrderStateTransitionError',
-                'MultipleOrderError',
-                'PaymentOrderMismatchError',
-                'RefundOrderStateError',
-                'AlreadyRefundedError',
-                'RefundStateTransitionError',
+            "CreateCustomerResult": [
+                "Customer",
+                "EmailAddressConflictError"
             ],
-            RemoveOptionGroupFromProductResult: ['Product', 'ProductOptionInUseError'],
-            SearchResultPrice: ['PriceRange', 'SinglePrice'],
-            SettlePaymentResult: [
-                'Payment',
-                'SettlePaymentError',
-                'PaymentStateTransitionError',
-                'OrderStateTransitionError',
+            "CreatePromotionResult": [
+                "Promotion",
+                "MissingConditionsError"
             ],
-            SettleRefundResult: ['Refund', 'RefundStateTransitionError'],
-            StockMovement: ['Allocation', 'Cancellation', 'Release', 'Return', 'Sale', 'StockAdjustment'],
-            StockMovementItem: ['StockAdjustment', 'Allocation', 'Sale', 'Cancellation', 'Return', 'Release'],
-            TransitionFulfillmentToStateResult: ['Fulfillment', 'FulfillmentStateTransitionError'],
-            TransitionOrderToStateResult: ['Order', 'OrderStateTransitionError'],
-            TransitionPaymentToStateResult: ['Payment', 'PaymentStateTransitionError'],
-            UpdateChannelResult: ['Channel', 'LanguageNotAvailableError'],
-            UpdateCustomerResult: ['Customer', 'EmailAddressConflictError'],
-            UpdateGlobalSettingsResult: ['GlobalSettings', 'ChannelDefaultLanguageError'],
-            UpdatePromotionResult: ['Promotion', 'MissingConditionsError'],
-        },
+            "CustomField": [
+                "BooleanCustomFieldConfig",
+                "DateTimeCustomFieldConfig",
+                "FloatCustomFieldConfig",
+                "IntCustomFieldConfig",
+                "LocaleStringCustomFieldConfig",
+                "RelationCustomFieldConfig",
+                "StringCustomFieldConfig",
+                "TextCustomFieldConfig"
+            ],
+            "CustomFieldConfig": [
+                "StringCustomFieldConfig",
+                "LocaleStringCustomFieldConfig",
+                "IntCustomFieldConfig",
+                "FloatCustomFieldConfig",
+                "BooleanCustomFieldConfig",
+                "DateTimeCustomFieldConfig",
+                "RelationCustomFieldConfig",
+                "TextCustomFieldConfig"
+            ],
+            "ErrorResult": [
+                "AlreadyRefundedError",
+                "CancelActiveOrderError",
+                "CancelPaymentError",
+                "ChannelDefaultLanguageError",
+                "CouponCodeExpiredError",
+                "CouponCodeInvalidError",
+                "CouponCodeLimitError",
+                "CreateFulfillmentError",
+                "EmailAddressConflictError",
+                "EmptyOrderLineSelectionError",
+                "FacetInUseError",
+                "FulfillmentStateTransitionError",
+                "IneligibleShippingMethodError",
+                "InsufficientStockError",
+                "InsufficientStockOnHandError",
+                "InvalidCredentialsError",
+                "InvalidFulfillmentHandlerError",
+                "ItemsAlreadyFulfilledError",
+                "LanguageNotAvailableError",
+                "ManualPaymentStateError",
+                "MimeTypeError",
+                "MissingConditionsError",
+                "MultipleOrderError",
+                "NativeAuthStrategyError",
+                "NegativeQuantityError",
+                "NoActiveOrderError",
+                "NoChangesSpecifiedError",
+                "NothingToRefundError",
+                "OrderLimitError",
+                "OrderModificationError",
+                "OrderModificationStateError",
+                "OrderStateTransitionError",
+                "PaymentMethodMissingError",
+                "PaymentOrderMismatchError",
+                "PaymentStateTransitionError",
+                "ProductOptionInUseError",
+                "QuantityTooGreatError",
+                "RefundOrderStateError",
+                "RefundPaymentIdMissingError",
+                "RefundStateTransitionError",
+                "SettlePaymentError"
+            ],
+            "ModifyOrderResult": [
+                "Order",
+                "NoChangesSpecifiedError",
+                "OrderModificationStateError",
+                "PaymentMethodMissingError",
+                "RefundPaymentIdMissingError",
+                "OrderLimitError",
+                "NegativeQuantityError",
+                "InsufficientStockError",
+                "CouponCodeExpiredError",
+                "CouponCodeInvalidError",
+                "CouponCodeLimitError"
+            ],
+            "NativeAuthenticationResult": [
+                "CurrentUser",
+                "InvalidCredentialsError",
+                "NativeAuthStrategyError"
+            ],
+            "Node": [
+                "Address",
+                "Administrator",
+                "Allocation",
+                "Asset",
+                "AuthenticationMethod",
+                "Cancellation",
+                "Channel",
+                "Collection",
+                "Country",
+                "Customer",
+                "CustomerGroup",
+                "Facet",
+                "FacetValue",
+                "Fulfillment",
+                "HistoryEntry",
+                "Job",
+                "Order",
+                "OrderItem",
+                "OrderLine",
+                "OrderModification",
+                "Payment",
+                "PaymentMethod",
+                "Product",
+                "ProductOption",
+                "ProductOptionGroup",
+                "ProductVariant",
+                "Promotion",
+                "Refund",
+                "Release",
+                "Return",
+                "Role",
+                "Sale",
+                "ShippingMethod",
+                "StockAdjustment",
+                "Surcharge",
+                "Tag",
+                "TaxCategory",
+                "TaxRate",
+                "User",
+                "Zone"
+            ],
+            "PaginatedList": [
+                "AdministratorList",
+                "AssetList",
+                "CollectionList",
+                "CountryList",
+                "CustomerGroupList",
+                "CustomerList",
+                "FacetList",
+                "HistoryEntryList",
+                "JobList",
+                "OrderList",
+                "PaymentMethodList",
+                "ProductList",
+                "ProductVariantList",
+                "PromotionList",
+                "RoleList",
+                "ShippingMethodList",
+                "TagList",
+                "TaxRateList"
+            ],
+            "RefundOrderResult": [
+                "Refund",
+                "QuantityTooGreatError",
+                "NothingToRefundError",
+                "OrderStateTransitionError",
+                "MultipleOrderError",
+                "PaymentOrderMismatchError",
+                "RefundOrderStateError",
+                "AlreadyRefundedError",
+                "RefundStateTransitionError"
+            ],
+            "RemoveFacetFromChannelResult": [
+                "Facet",
+                "FacetInUseError"
+            ],
+            "RemoveOptionGroupFromProductResult": [
+                "Product",
+                "ProductOptionInUseError"
+            ],
+            "RemoveOrderItemsResult": [
+                "Order",
+                "OrderModificationError"
+            ],
+            "SearchResultPrice": [
+                "PriceRange",
+                "SinglePrice"
+            ],
+            "SetCustomerForDraftOrderResult": [
+                "Order",
+                "EmailAddressConflictError"
+            ],
+            "SetOrderShippingMethodResult": [
+                "Order",
+                "OrderModificationError",
+                "IneligibleShippingMethodError",
+                "NoActiveOrderError"
+            ],
+            "SettlePaymentResult": [
+                "Payment",
+                "SettlePaymentError",
+                "PaymentStateTransitionError",
+                "OrderStateTransitionError"
+            ],
+            "SettleRefundResult": [
+                "Refund",
+                "RefundStateTransitionError"
+            ],
+            "StockMovement": [
+                "Allocation",
+                "Cancellation",
+                "Release",
+                "Return",
+                "Sale",
+                "StockAdjustment"
+            ],
+            "StockMovementItem": [
+                "StockAdjustment",
+                "Allocation",
+                "Sale",
+                "Cancellation",
+                "Return",
+                "Release"
+            ],
+            "TransitionFulfillmentToStateResult": [
+                "Fulfillment",
+                "FulfillmentStateTransitionError"
+            ],
+            "TransitionOrderToStateResult": [
+                "Order",
+                "OrderStateTransitionError"
+            ],
+            "TransitionPaymentToStateResult": [
+                "Payment",
+                "PaymentStateTransitionError"
+            ],
+            "UpdateChannelResult": [
+                "Channel",
+                "LanguageNotAvailableError"
+            ],
+            "UpdateCustomerResult": [
+                "Customer",
+                "EmailAddressConflictError"
+            ],
+            "UpdateGlobalSettingsResult": [
+                "GlobalSettings",
+                "ChannelDefaultLanguageError"
+            ],
+            "UpdateOrderItemsResult": [
+                "Order",
+                "OrderModificationError",
+                "OrderLimitError",
+                "NegativeQuantityError",
+                "InsufficientStockError"
+            ],
+            "UpdatePromotionResult": [
+                "Promotion",
+                "MissingConditionsError"
+            ]
+        }
     };
     // Allows the introspectionResult to be imported as a named symbol
@@ -5541,7 +5750,7 @@
         };
     }
-    var ɵ0$3 = function (_, args, _b) {
+    var ɵ0$4 = function (_, args, _b) {
         var cache = _b.cache;
         return updateRequestsInFlight(cache, 1);
     }, ɵ1 = function (_, args, _b) {
@@ -5642,7 +5851,7 @@
     };
     var clientResolvers = {
         Mutation: {
-            requestStarted: ɵ0$3,
+            requestStarted: ɵ0$4,
             requestCompleted: ɵ1,
             setAsLoggedIn: ɵ2,
             setAsLoggedOut: ɵ3,
@@ -6102,7 +6311,7 @@
             resolvers: clientResolvers,
         };
     }
-    var ɵ0$2 = initializeServerConfigService;
+    var ɵ0$3 = initializeServerConfigService;
     /**
      * The DataModule is responsible for all API calls *and* serves as the source of truth for global app
      * state via the apollo-link-state package.
@@ -6131,7 +6340,7 @@
                         {
                             provide: i0.APP_INITIALIZER,
                             multi: true,
-                            useFactory: ɵ0$2,
+                            useFactory: ɵ0$3,
                             deps: [ServerConfigService],
                         },
                     ],
@@ -6298,34 +6507,12 @@
                 },] }
     ];
-    function jsonValidator() {
-        return function (control) {
-            var error = { jsonInvalid: true };
-            try {
-                JSON.parse(control.value);
-            }
-            catch (e) {
-                control.setErrors(error);
-                return error;
-            }
-            control.setErrors(null);
-            return null;
-        };
-    }
-    /**
-     * @description
-     * A JSON editor input with syntax highlighting and error detection. Works well
-     * with `text` type fields.
-     *
-     * @docsCategory custom-input-components
-     * @docsPage default-inputs
-     */
-    var JsonEditorFormInputComponent = /** @class */ (function () {
-        function JsonEditorFormInputComponent(changeDetector) {
+    var BaseCodeEditorFormInputComponent = /** @class */ (function () {
+        function BaseCodeEditorFormInputComponent(changeDetector) {
             this.changeDetector = changeDetector;
             this.isValid = true;
         }
-        Object.defineProperty(JsonEditorFormInputComponent.prototype, "height", {
+        Object.defineProperty(BaseCodeEditorFormInputComponent.prototype, "height", {
             get: function () {
                 var _a;
                 return ((_a = this.config.ui) === null || _a === void 0 ? void 0 : _a.height) || this.config.height;
@@ -6333,10 +6520,12 @@
             enumerable: false,
             configurable: true
         });
-        JsonEditorFormInputComponent.prototype.ngOnInit = function () {
-            this.formControl.addValidators(jsonValidator());
+        BaseCodeEditorFormInputComponent.prototype.configure = function (config) {
+            this.formControl.addValidators(config.validator);
+            this.highlight = config.highlight;
+            this.getErrorMessage = config.getErrorMessage;
         };
-        JsonEditorFormInputComponent.prototype.ngAfterViewInit = function () {
+        BaseCodeEditorFormInputComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
             var lastVal = '';
             var highlight = function (editor) {
@@ -6346,9 +6535,9 @@
                     return;
                 }
                 lastVal = code;
-                _this.errorMessage = _this.getJsonError(code);
+                _this.errorMessage = _this.getErrorMessage(code);
                 _this.changeDetector.markForCheck();
-                editor.innerHTML = _this.syntaxHighlight(code, _this.getErrorPos(_this.errorMessage));
+                editor.innerHTML = _this.highlight(code, _this.getErrorPos(_this.errorMessage));
             };
             this.jar = codejar.CodeJar(this.editorElementRef.nativeElement, highlight);
             this.jar.onUpdate(function (value) {
@@ -6361,16 +6550,7 @@
                 this.editorElementRef.nativeElement.contentEditable = 'false';
             }
         };
-        JsonEditorFormInputComponent.prototype.getJsonError = function (json) {
-            try {
-                JSON.parse(json);
-            }
-            catch (e) {
-                return e.message;
-            }
-            return;
-        };
-        JsonEditorFormInputComponent.prototype.getErrorPos = function (errorMessage) {
+        BaseCodeEditorFormInputComponent.prototype.getErrorPos = function (errorMessage) {
             if (!errorMessage) {
                 return;
             }
@@ -6378,58 +6558,188 @@
             var pos = matches === null || matches === void 0 ? void 0 : matches[1];
             return pos != null ? +pos : undefined;
         };
-        JsonEditorFormInputComponent.prototype.syntaxHighlight = function (json, errorPos) {
-            json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-            var hasMarkedError = false;
-            return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
-                var args = [];
-                for (var _i = 1; _i < arguments.length; _i++) {
-                    args[_i - 1] = arguments[_i];
-                }
-                var cls = 'number';
-                if (/^"/.test(match)) {
-                    if (/:$/.test(match)) {
-                        cls = 'key';
-                    }
-                    else {
-                        cls = 'string';
+        return BaseCodeEditorFormInputComponent;
+    }());
+    BaseCodeEditorFormInputComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    BaseCodeEditorFormInputComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    BaseCodeEditorFormInputComponent.propDecorators = {
+        editorElementRef: [{ type: i0.ViewChild, args: ['editor',] }]
+    };
+    function htmlValidator() {
+        return function (control) {
+            return null;
+        };
+    }
+    var HTML_TAG_RE = /<\/?[^>]+>?/g;
+    /**
+     * @description
+     * A JSON editor input with syntax highlighting and error detection. Works well
+     * with `text` type fields.
+     *
+     * @docsCategory custom-input-components
+     * @docsPage default-inputs
+     */
+    var HtmlEditorFormInputComponent = /** @class */ (function (_super) {
+        __extends(HtmlEditorFormInputComponent, _super);
+        function HtmlEditorFormInputComponent(changeDetector) {
+            var _this = _super.call(this, changeDetector) || this;
+            _this.changeDetector = changeDetector;
+            return _this;
+        }
+        HtmlEditorFormInputComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.configure({
+                validator: htmlValidator,
+                highlight: function (html, errorPos) {
+                    var hasMarkedError = false;
+                    return html.replace(HTML_TAG_RE, function (match) {
+                        var args = [];
+                        for (var _i = 1; _i < arguments.length; _i++) {
+                            args[_i - 1] = arguments[_i];
+                        }
+                        var errorClass = '';
+                        if (errorPos && !hasMarkedError) {
+                            var length = args[0].length;
+                            var offset = args[4];
+                            if (errorPos <= length + offset) {
+                                errorClass = 'je-error';
+                                hasMarkedError = true;
+                            }
+                        }
+                        return ('<span class="he-tag' +
+                            ' ' +
+                            errorClass +
+                            '">' +
+                            _this.encodeHtmlChars(match).replace(/([a-zA-Z0-9-]+=)(["'][^'"]*["'])/g, function (_match) {
+                                var _args = [];
+                                for (var _i = 1; _i < arguments.length; _i++) {
+                                    _args[_i - 1] = arguments[_i];
+                                }
+                                return _args[0] + "<span class=\"he-attr\">" + _args[1] + "</span>";
+                            }) +
+                            '</span>');
+                    });
+                },
+                getErrorMessage: function (json) {
+                    return;
+                },
+            });
+        };
+        HtmlEditorFormInputComponent.prototype.encodeHtmlChars = function (html) {
+            return html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        };
+        return HtmlEditorFormInputComponent;
+    }(BaseCodeEditorFormInputComponent));
+    HtmlEditorFormInputComponent.id = 'html-editor-form-input';
+    HtmlEditorFormInputComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-html-editor-form-input',
+                    template: "<div #editor class=\"code-editor html-editor\" [class.invalid]=\"!isValid\" [style.height]=\"height || '300px'\"></div>\r\n<div class=\"error-message\">\r\n    <span *ngIf=\"errorMessage\">{{ errorMessage }}</span>\r\n</div>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".code-editor{min-height:6rem;background-color:var(--color-json-editor-background-color);color:var(--color-json-editor-text);border:1px solid var(--color-component-border-200);border-radius:3px;padding:6px;-moz-tab-size:4;tab-size:4;font-family:\"Source Code Pro\",\"Lucida Console\",Monaco,monospace;font-size:14px;font-weight:400;height:340px;letter-spacing:normal;line-height:20px;resize:both;text-align:initial;min-width:200px}.code-editor:focus{border-color:var(--color-primary-500)}.code-editor.invalid{border-color:var(--clr-forms-invalid-color)}.error-message{min-height:1rem;color:var(--color-json-editor-error)}.code-editor ::ng-deep .he-tag{color:var(--color-json-editor-key)}.code-editor ::ng-deep .he-attr{color:var(--color-json-editor-number)}.code-editor ::ng-deep .he-error{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--color-json-editor-error);text-decoration-color:var(--color-json-editor-error)}\n"]
+                },] }
+    ];
+    HtmlEditorFormInputComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    function jsonValidator() {
+        return function (control) {
+            var error = { jsonInvalid: true };
+            try {
+                JSON.parse(control.value);
+            }
+            catch (e) {
+                control.setErrors(error);
+                return error;
+            }
+            control.setErrors(null);
+            return null;
+        };
+    }
+    /**
+     * @description
+     * A JSON editor input with syntax highlighting and error detection. Works well
+     * with `text` type fields.
+     *
+     * @docsCategory custom-input-components
+     * @docsPage default-inputs
+     */
+    var JsonEditorFormInputComponent = /** @class */ (function (_super) {
+        __extends(JsonEditorFormInputComponent, _super);
+        function JsonEditorFormInputComponent(changeDetector) {
+            var _this = _super.call(this, changeDetector) || this;
+            _this.changeDetector = changeDetector;
+            return _this;
+        }
+        JsonEditorFormInputComponent.prototype.ngOnInit = function () {
+            this.configure({
+                validator: jsonValidator,
+                highlight: function (json, errorPos) {
+                    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+                    var hasMarkedError = false;
+                    return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
+                        var args = [];
+                        for (var _i = 1; _i < arguments.length; _i++) {
+                            args[_i - 1] = arguments[_i];
+                        }
+                        var cls = 'number';
+                        if (/^"/.test(match)) {
+                            if (/:$/.test(match)) {
+                                cls = 'key';
+                            }
+                            else {
+                                cls = 'string';
+                            }
+                        }
+                        else if (/true|false/.test(match)) {
+                            cls = 'boolean';
+                        }
+                        else if (/null/.test(match)) {
+                            cls = 'null';
+                        }
+                        var errorClass = '';
+                        if (errorPos && !hasMarkedError) {
+                            var length = args[0].length;
+                            var offset = args[4];
+                            if (errorPos <= length + offset) {
+                                errorClass = 'je-error';
+                                hasMarkedError = true;
+                            }
+                        }
+                        return '<span class="je-' + cls + ' ' + errorClass + '">' + match + '</span>';
+                    });
+                },
+                getErrorMessage: function (json) {
+                    try {
+                        JSON.parse(json);
                     }
-                }
-                else if (/true|false/.test(match)) {
-                    cls = 'boolean';
-                }
-                else if (/null/.test(match)) {
-                    cls = 'null';
-                }
-                var errorClass = '';
-                if (errorPos && !hasMarkedError) {
-                    var length = args[0].length;
-                    var offset = args[4];
-                    if (errorPos <= length + offset) {
-                        errorClass = 'je-error';
-                        hasMarkedError = true;
+                    catch (e) {
+                        return e.message;
                     }
-                }
-                return '<span class="je-' + cls + ' ' + errorClass + '">' + match + '</span>';
+                    return;
+                },
             });
         };
         return JsonEditorFormInputComponent;
-    }());
+    }(BaseCodeEditorFormInputComponent));
     JsonEditorFormInputComponent.id = 'json-editor-form-input';
     JsonEditorFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-json-editor-form-input',
-                    template: "<div #editor class=\"json-editor\" [class.invalid]=\"!isValid\" [style.height]=\"height || '300px'\"></div>\r\n<div class=\"error-message\">\r\n    <span *ngIf=\"errorMessage\">{{ errorMessage }}</span>\r\n</div>\r\n",
+                    template: "<div #editor class=\"code-editor json-editor\" [class.invalid]=\"!isValid\" [style.height]=\"height || '300px'\"></div>\r\n<div class=\"error-message\">\r\n    <span *ngIf=\"errorMessage\">{{ errorMessage }}</span>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".json-editor{min-height:6rem;background-color:var(--color-json-editor-background-color);color:var(--color-json-editor-text);border:1px solid var(--color-component-border-200);border-radius:3px;padding:6px;-moz-tab-size:4;tab-size:4;font-family:\"Source Code Pro\",\"Lucida Console\",Monaco,monospace;font-size:14px;font-weight:400;height:340px;letter-spacing:normal;line-height:20px;resize:both;text-align:initial;min-width:200px}.json-editor:focus{border-color:var(--color-primary-500)}.json-editor.invalid{border-color:var(--clr-forms-invalid-color)}.json-editor ::ng-deep .je-string{color:var(--color-json-editor-string)}.json-editor ::ng-deep .je-number{color:var(--color-json-editor-number)}.json-editor ::ng-deep .je-boolean{color:var(--color-json-editor-boolean)}.json-editor ::ng-deep .je-null{color:var(--color-json-editor-null)}.json-editor ::ng-deep .je-key{color:var(--color-json-editor-key)}.json-editor ::ng-deep .je-error{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--color-json-editor-error);text-decoration-color:var(--color-json-editor-error)}.error-message{min-height:1rem;color:var(--color-json-editor-error)}\n"]
+                    styles: [".code-editor{min-height:6rem;background-color:var(--color-json-editor-background-color);color:var(--color-json-editor-text);border:1px solid var(--color-component-border-200);border-radius:3px;padding:6px;-moz-tab-size:4;tab-size:4;font-family:\"Source Code Pro\",\"Lucida Console\",Monaco,monospace;font-size:14px;font-weight:400;height:340px;letter-spacing:normal;line-height:20px;resize:both;text-align:initial;min-width:200px}.code-editor:focus{border-color:var(--color-primary-500)}.code-editor.invalid{border-color:var(--clr-forms-invalid-color)}.error-message{min-height:1rem;color:var(--color-json-editor-error)}.code-editor ::ng-deep .je-string{color:var(--color-json-editor-string)}.code-editor ::ng-deep .je-number{color:var(--color-json-editor-number)}.code-editor ::ng-deep .je-boolean{color:var(--color-json-editor-boolean)}.code-editor ::ng-deep .je-null{color:var(--color-json-editor-null)}.code-editor ::ng-deep .je-key{color:var(--color-json-editor-key)}.code-editor ::ng-deep .je-error{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--color-json-editor-error);text-decoration-color:var(--color-json-editor-error)}\n"]
                 },] }
     ];
     JsonEditorFormInputComponent.ctorParameters = function () { return [
         { type: i0.ChangeDetectorRef }
-    ]; };
-    JsonEditorFormInputComponent.propDecorators = {
-        editorElementRef: [{ type: i0.ViewChild, args: ['editor',] }]
-    };
+    ]; };
     /**
      * ConfigArg values are always stored as strings. If they are not primitives, then
@@ -7030,6 +7340,8 @@
             this.options = options;
             this._selection = [];
             this.items = [];
+            this.selectionChangesSubject = new rxjs.Subject();
+            this.selectionChanges$ = this.selectionChangesSubject.asObservable();
         }
         Object.defineProperty(SelectionManager.prototype, "selection", {
             get: function () {
@@ -7078,17 +7390,63 @@
             }
             // Make the selection mutable
             this._selection = this._selection.map(function (x) { return (Object.assign({}, x)); });
+            this.invokeOnSelectionChangeHandler();
         };
         SelectionManager.prototype.selectMultiple = function (items) {
             this._selection = items;
+            this.invokeOnSelectionChangeHandler();
+        };
+        SelectionManager.prototype.clearSelection = function () {
+            this._selection = [];
+            this.invokeOnSelectionChangeHandler();
         };
         SelectionManager.prototype.isSelected = function (item) {
             var _this = this;
             return !!this._selection.find(function (a) { return _this.options.itemsAreEqual(a, item); });
         };
+        SelectionManager.prototype.areAllCurrentItemsSelected = function () {
+            var _this = this;
+            if (!this.items || this.items.length === 0) {
+                return false;
+            }
+            return this.items.every(function (a) { return _this._selection.find(function (b) { return _this.options.itemsAreEqual(a, b); }); });
+        };
+        SelectionManager.prototype.toggleSelectAll = function () {
+            var e_1, _a;
+            var _this = this;
+            if (this.areAllCurrentItemsSelected()) {
+                this._selection = this._selection.filter(function (a) { return !_this.items.find(function (b) { return _this.options.itemsAreEqual(a, b); }); });
+            }
+            else {
+                this._selection = this._selection.slice(0);
+                var _loop_1 = function (item) {
+                    if (!this_1._selection.find(function (a) { return _this.options.itemsAreEqual(a, item); })) {
+                        this_1._selection.push(item);
+                    }
+                };
+                var this_1 = this;
+                try {
+                    for (var _b = __values(this.items), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var item = _c.value;
+                        _loop_1(item);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }
+            this.invokeOnSelectionChangeHandler();
+        };
         SelectionManager.prototype.lastSelected = function () {
             return this._selection[this._selection.length - 1];
         };
+        SelectionManager.prototype.invokeOnSelectionChangeHandler = function () {
+            this.selectionChangesSubject.next(this._selection);
+        };
         return SelectionManager;
     }());
@@ -7507,6 +7865,7 @@
         TextareaFormInputComponent,
         RichTextFormInputComponent,
         JsonEditorFormInputComponent,
+        HtmlEditorFormInputComponent,
         ProductMultiSelectorFormInputComponent,
         CombinationModeFormInputComponent,
     ];
@@ -7690,7 +8049,7 @@
     ActionBarLeftComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-ab-left',
-                    template: "\n        <ng-content></ng-content>\n    "
+                    template: " <ng-content></ng-content> "
                 },] }
     ];
     ActionBarLeftComponent.propDecorators = {
@@ -7705,7 +8064,7 @@
     ActionBarRightComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-ab-right',
-                    template: "\n        <ng-content></ng-content>\n    "
+                    template: " <ng-content></ng-content> "
                 },] }
     ];
     ActionBarRightComponent.propDecorators = {
@@ -7720,7 +8079,7 @@
         { type: i0.Component, args: [{
                     selector: 'vdr-action-bar',
                     template: "<div class=\"left-content\" [class.grow]=\"left?.grow\"><ng-content select=\"vdr-ab-left\"></ng-content></div>\r\n<div class=\"right-content\" [class.grow]=\"right?.grow\"><ng-content select=\"vdr-ab-right\"></ng-content></div>\r\n",
-                    styles: [":host{display:flex;justify-content:space-between;align-items:baseline;background-color:var(--color-component-bg-100);position:sticky;top:-24px;z-index:25;border-bottom:1px solid var(--color-component-border-200)}:host>.grow{flex:1}\n"]
+                    styles: [":host{display:flex;justify-content:space-between;align-items:baseline;background-color:var(--color-component-bg-100);position:sticky;top:-24px;z-index:25;border-bottom:1px solid var(--color-component-border-200);flex-direction:column-reverse}:host>.grow{flex:1}:host .right-content{width:100%;display:flex;justify-content:flex-end}:host ::ng-deep vdr-ab-right>*:last-child{margin-right:0}@media screen and (min-width: 768px){:host{flex-direction:row}:host .right-content{width:initial}}\n"]
                 },] }
     ];
     ActionBarComponent.propDecorators = {
@@ -7964,7 +8323,7 @@
             var e_1, _a;
             if (this.assets) {
                 var _loop_1 = function (asset) {
-                    // Update and selected assets with any changes
+                    // Update any selected assets with any changes
                     var match = this_1.assets.find(function (a) { return a.id === asset.id; });
                     if (match) {
                         Object.assign(asset, match);
@@ -8507,7 +8866,7 @@
         return new SingleSearchSelectionModel();
     }
-    var ɵ0$1 = SingleSearchSelectionModelFactory;
+    var ɵ0$2 = SingleSearchSelectionModelFactory;
     var AssetSearchInputComponent = /** @class */ (function () {
         function AssetSearchInputComponent() {
             var _this = this;
@@ -8585,28 +8944,162 @@
                 this.lastTagIds = tags.map(function (t) { return t.id; });
             }
         };
-        AssetSearchInputComponent.prototype.isSearchHeaderSelected = function () {
-            return this.selectComponent.itemsList.markedIndex === -1;
+        AssetSearchInputComponent.prototype.isSearchHeaderSelected = function () {
+            return this.selectComponent.itemsList.markedIndex === -1;
+        };
+        AssetSearchInputComponent.prototype.addTagFn = function (item) {
+            return { label: item };
+        };
+        return AssetSearchInputComponent;
+    }());
+    AssetSearchInputComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-asset-search-input',
+                    template: "<ng-select\r\n    [addTag]=\"addTagFn\"\r\n    [placeholder]=\"'catalog.search-asset-name-or-tag' | translate\"\r\n    [items]=\"tags\"\r\n    [searchFn]=\"filterTagResults\"\r\n    [hideSelected]=\"true\"\r\n    [multiple]=\"true\"\r\n    [markFirst]=\"false\"\r\n    (change)=\"onSelectChange($event)\"\r\n    #selectComponent\r\n>\r\n    <ng-template ng-header-tmp>\r\n        <div\r\n            class=\"search-header\"\r\n            *ngIf=\"selectComponent.searchTerm\"\r\n            [class.selected]=\"isSearchHeaderSelected()\"\r\n            (click)=\"selectComponent.selectTag()\"\r\n        >\r\n            {{ 'catalog.search-for-term' | translate }}: {{ selectComponent.searchTerm }}\r\n        </div>\r\n    </ng-template>\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n        <ng-container *ngIf=\"item.value\">\r\n            <vdr-chip [colorFrom]=\"item.value\" icon=\"close\" (iconClick)=\"clear(item)\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ item.value }}</vdr-chip>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!item.value\">\r\n            <vdr-chip [icon]=\"'times'\" (iconClick)=\"clear(item)\">\"{{ item.label || item }}\"</vdr-chip>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n        <ng-container *ngIf=\"item.value\">\r\n            <vdr-chip [colorFrom]=\"item.value\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ item.value }}</vdr-chip>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-select>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: ngSelect.SELECTION_MODEL_FACTORY, useValue: ɵ0$2 }],
+                    styles: [":host{display:block;width:100%}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background:none;margin:0}:host ::ng-deep .ng-dropdown-panel-items div.ng-option:last-child{display:none}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-header{border:none;padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:8px}ng-select{width:100%;min-width:300px;margin-right:12px}.search-header{padding:8px 10px;border-bottom:1px solid var(--color-component-border-100);cursor:pointer}.search-header.selected,.search-header:hover{background-color:var(--color-component-bg-200)}\n"]
+                },] }
+    ];
+    AssetSearchInputComponent.propDecorators = {
+        tags: [{ type: i0.Input }],
+        searchTermChange: [{ type: i0.Output }],
+        tagsChange: [{ type: i0.Output }],
+        selectComponent: [{ type: i0.ViewChild, args: ['selectComponent', { static: true },] }]
+    };
+    var BulkActionRegistryService = /** @class */ (function () {
+        function BulkActionRegistryService() {
+            this.locationBulActionMap = new Map();
+        }
+        BulkActionRegistryService.prototype.registerBulkAction = function (bulkAction) {
+            if (!this.locationBulActionMap.has(bulkAction.location)) {
+                this.locationBulActionMap.set(bulkAction.location, new Set([bulkAction]));
+            }
+            else {
+                // tslint:disable-next-line:no-non-null-assertion
+                this.locationBulActionMap.get(bulkAction.location).add(bulkAction);
+            }
+        };
+        BulkActionRegistryService.prototype.getBulkActionsForLocation = function (id) {
+            var _a, _b;
+            return __spreadArray([], __read(((_b = (_a = this.locationBulActionMap.get(id)) === null || _a === void 0 ? void 0 : _a.values()) !== null && _b !== void 0 ? _b : [])));
+        };
+        return BulkActionRegistryService;
+    }());
+    BulkActionRegistryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function BulkActionRegistryService_Factory() { return new BulkActionRegistryService(); }, token: BulkActionRegistryService, providedIn: "root" });
+    BulkActionRegistryService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    var BulkActionMenuComponent = /** @class */ (function () {
+        function BulkActionMenuComponent(bulkActionRegistryService, injector, route, dataService, changeDetectorRef) {
+            this.bulkActionRegistryService = bulkActionRegistryService;
+            this.injector = injector;
+            this.route = route;
+            this.dataService = dataService;
+            this.changeDetectorRef = changeDetectorRef;
+            this.userPermissions = [];
+        }
+        BulkActionMenuComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var actionsForLocation = this.bulkActionRegistryService.getBulkActionsForLocation(this.locationId);
+            this.actions$ = this.selectionManager.selectionChanges$.pipe(operators.switchMap(function (selection) {
+                return Promise.all(actionsForLocation.map(function (action) { return __awaiter(_this, void 0, void 0, function () {
+                    var display, translationVars, isVisibleFn, getTranslationVarsFn, functionContext;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0:
+                                display = true;
+                                translationVars = {};
+                                isVisibleFn = action.isVisible;
+                                getTranslationVarsFn = action.getTranslationVars;
+                                functionContext = {
+                                    injector: this.injector,
+                                    hostComponent: this.hostComponent,
+                                    route: this.route,
+                                    selection: selection,
+                                };
+                                if (!(typeof isVisibleFn === 'function')) return [3 /*break*/, 2];
+                                return [4 /*yield*/, isVisibleFn(functionContext)];
+                            case 1:
+                                display = _b.sent();
+                                _b.label = 2;
+                            case 2:
+                                if (!(typeof getTranslationVarsFn === 'function')) return [3 /*break*/, 4];
+                                return [4 /*yield*/, getTranslationVarsFn(functionContext)];
+                            case 3:
+                                translationVars = _b.sent();
+                                _b.label = 4;
+                            case 4: return [2 /*return*/, Object.assign(Object.assign({}, action), { display: display, translationVars: translationVars })];
+                        }
+                    });
+                }); }));
+            }));
+            this.subscription = this.dataService.client
+                .userStatus()
+                .mapStream(function (_b) {
+                var userStatus = _b.userStatus;
+                _this.userPermissions = userStatus.permissions;
+            })
+                .subscribe();
+        };
+        BulkActionMenuComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        BulkActionMenuComponent.prototype.hasPermissions = function (bulkAction) {
+            if (!this.userPermissions) {
+                return false;
+            }
+            if (!bulkAction.requiresPermission) {
+                return true;
+            }
+            if (typeof bulkAction.requiresPermission === 'string') {
+                return this.userPermissions.includes(bulkAction.requiresPermission);
+            }
+            if (typeof bulkAction.requiresPermission === 'function') {
+                return bulkAction.requiresPermission(this.userPermissions);
+            }
+        };
+        BulkActionMenuComponent.prototype.actionClick = function (event, action) {
+            var _this = this;
+            action.onClick({
+                injector: this.injector,
+                event: event,
+                route: this.route,
+                selection: this.selectionManager.selection,
+                hostComponent: this.hostComponent,
+                clearSelection: function () { return _this.selectionManager.clearSelection(); },
+            });
         };
-        AssetSearchInputComponent.prototype.addTagFn = function (item) {
-            return { label: item };
+        BulkActionMenuComponent.prototype.clearSelection = function () {
+            this.selectionManager.clearSelection();
+            this.changeDetectorRef.markForCheck();
         };
-        return AssetSearchInputComponent;
+        return BulkActionMenuComponent;
     }());
-    AssetSearchInputComponent.decorators = [
+    BulkActionMenuComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'vdr-asset-search-input',
-                    template: "<ng-select\r\n    [addTag]=\"addTagFn\"\r\n    [placeholder]=\"'catalog.search-asset-name-or-tag' | translate\"\r\n    [items]=\"tags\"\r\n    [searchFn]=\"filterTagResults\"\r\n    [hideSelected]=\"true\"\r\n    [multiple]=\"true\"\r\n    [markFirst]=\"false\"\r\n    (change)=\"onSelectChange($event)\"\r\n    #selectComponent\r\n>\r\n    <ng-template ng-header-tmp>\r\n        <div\r\n            class=\"search-header\"\r\n            *ngIf=\"selectComponent.searchTerm\"\r\n            [class.selected]=\"isSearchHeaderSelected()\"\r\n            (click)=\"selectComponent.selectTag()\"\r\n        >\r\n            {{ 'catalog.search-for-term' | translate }}: {{ selectComponent.searchTerm }}\r\n        </div>\r\n    </ng-template>\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n        <ng-container *ngIf=\"item.value\">\r\n            <vdr-chip [colorFrom]=\"item.value\" icon=\"close\" (iconClick)=\"clear(item)\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ item.value }}</vdr-chip>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!item.value\">\r\n            <vdr-chip [icon]=\"'times'\" (iconClick)=\"clear(item)\">\"{{ item.label || item }}\"</vdr-chip>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n        <ng-container *ngIf=\"item.value\">\r\n            <vdr-chip [colorFrom]=\"item.value\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ item.value }}</vdr-chip>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-select>\r\n",
+                    selector: 'vdr-bulk-action-menu',
+                    template: "<vdr-dropdown *ngIf=\"actions$ | async as actions\">\r\n    <button\r\n        class=\"btn btn-sm btn-outline mr1\"\r\n        vdrDropdownTrigger\r\n        [disabled]=\"!selectionManager.selection?.length\"\r\n        [class.hidden]=\"!selectionManager.selection?.length\"\r\n    >\r\n        <clr-icon shape=\"file-group\"></clr-icon>\r\n        {{ 'common.with-selected' | translate: { count:selectionManager.selection.length } }}\r\n    </button>\r\n    <vdr-dropdown-menu vdrPosition=\"bottom-left\">\r\n        <ng-container *ngIf=\"actions.length; else noActions\">\r\n            <ng-container *ngFor=\"let action of actions\">\r\n                <button\r\n                    *ngIf=\"action.display\"\r\n                    [disabled]=\"!hasPermissions(action)\"\r\n                    type=\"button\"\r\n                    vdrDropdownItem\r\n                    (click)=\"actionClick($event, action)\"\r\n                >\r\n                    <clr-icon\r\n                        *ngIf=\"action.icon\"\r\n                        [attr.shape]=\"action.icon\"\r\n                        [ngClass]=\"action.iconClass || ''\"\r\n                    ></clr-icon>\r\n                    {{ action.label | translate: action.translationVars }}\r\n                </button>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #noActions>\r\n            <button type=\"button\" disabled vdrDropdownItem>{{ 'common.no-bulk-actions-available' | translate }}</button>\r\n        </ng-template>\r\n    </vdr-dropdown-menu>\r\n</vdr-dropdown>\r\n<button\r\n    class=\"btn btn-sm btn-link\"\r\n    (click)=\"clearSelection()\"\r\n    [class.hidden]=\"!selectionManager.selection?.length\"\r\n>\r\n    <clr-icon shape=\"times\"></clr-icon>\r\n    {{ 'common.clear-selection' | translate }}\r\n</button>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    providers: [{ provide: ngSelect.SELECTION_MODEL_FACTORY, useValue: ɵ0$1 }],
-                    styles: [":host{display:block;width:100%}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background:none;margin:0}:host ::ng-deep .ng-dropdown-panel-items div.ng-option:last-child{display:none}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-header{border:none;padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:8px}ng-select{width:100%;min-width:300px;margin-right:12px}.search-header{padding:8px 10px;border-bottom:1px solid var(--color-component-border-100);cursor:pointer}.search-header.selected,.search-header:hover{background-color:var(--color-component-bg-200)}\n"]
+                    styles: [":host{display:inline-flex;align-items:center}button.hidden{display:none}\n"]
                 },] }
     ];
-    AssetSearchInputComponent.propDecorators = {
-        tags: [{ type: i0.Input }],
-        searchTermChange: [{ type: i0.Output }],
-        tagsChange: [{ type: i0.Output }],
-        selectComponent: [{ type: i0.ViewChild, args: ['selectComponent', { static: true },] }]
+    BulkActionMenuComponent.ctorParameters = function () { return [
+        { type: BulkActionRegistryService },
+        { type: i0.Injector },
+        { type: i1$3.ActivatedRoute },
+        { type: DataService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    BulkActionMenuComponent.propDecorators = {
+        locationId: [{ type: i0.Input }],
+        selectionManager: [{ type: i0.Input }],
+        hostComponent: [{ type: i0.Input }]
     };
     var ChannelAssignmentControlComponent = /** @class */ (function () {
@@ -9194,12 +9687,56 @@
      * @docsCategory components
      */
     var DataTableComponent = /** @class */ (function () {
-        function DataTableComponent() {
-            this.allSelectChange = new i0.EventEmitter();
-            this.rowSelectChange = new i0.EventEmitter();
+        function DataTableComponent(changeDetectorRef) {
+            var _this = this;
+            this.changeDetectorRef = changeDetectorRef;
             this.pageChange = new i0.EventEmitter();
             this.itemsPerPageChange = new i0.EventEmitter();
+            /** @deprecated pass a SelectionManager instance instead */
+            this.allSelectChange = new i0.EventEmitter();
+            /** @deprecated pass a SelectionManager instance instead */
+            this.rowSelectChange = new i0.EventEmitter();
+            // This is used to apply a `user-select: none` CSS rule to the table,
+            // which allows shift-click multi-row selection
+            this.disableSelect = false;
+            this.shiftDownHandler = function (event) {
+                if (event.shiftKey && !_this.disableSelect) {
+                    _this.disableSelect = true;
+                    _this.changeDetectorRef.markForCheck();
+                }
+            };
+            this.shiftUpHandler = function (event) {
+                if (_this.disableSelect) {
+                    _this.disableSelect = false;
+                    _this.changeDetectorRef.markForCheck();
+                }
+            };
         }
+        DataTableComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var _a;
+            if (typeof this.isRowSelectedFn === 'function' || this.selectionManager) {
+                document.addEventListener('keydown', this.shiftDownHandler, { passive: true });
+                document.addEventListener('keyup', this.shiftUpHandler, { passive: true });
+            }
+            this.subscription = (_a = this.selectionManager) === null || _a === void 0 ? void 0 : _a.selectionChanges$.subscribe(function () { return _this.changeDetectorRef.markForCheck(); });
+        };
+        DataTableComponent.prototype.ngOnChanges = function (changes) {
+            var _a, _b;
+            if (changes.items) {
+                this.currentStart = this.itemsPerPage * (this.currentPage - 1);
+                this.currentEnd = this.currentStart + ((_a = changes.items.currentValue) === null || _a === void 0 ? void 0 : _a.length);
+                (_b = this.selectionManager) === null || _b === void 0 ? void 0 : _b.setCurrentItems(this.items);
+            }
+        };
+        DataTableComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            if (typeof this.isRowSelectedFn === 'function' || this.selectionManager) {
+                document.removeEventListener('keydown', this.shiftDownHandler);
+                document.removeEventListener('keyup', this.shiftUpHandler);
+            }
+            (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
         DataTableComponent.prototype.ngAfterContentInit = function () {
             this.rowTemplate = this.templateRefs.last;
         };
@@ -9211,36 +9748,43 @@
                 return index;
             }
         };
-        DataTableComponent.prototype.ngOnChanges = function (changes) {
+        DataTableComponent.prototype.onToggleAllClick = function () {
             var _a;
-            if (changes.items) {
-                this.currentStart = this.itemsPerPage * (this.currentPage - 1);
-                this.currentEnd = this.currentStart + ((_a = changes.items.currentValue) === null || _a === void 0 ? void 0 : _a.length);
-            }
+            this.allSelectChange.emit();
+            (_a = this.selectionManager) === null || _a === void 0 ? void 0 : _a.toggleSelectAll();
+        };
+        DataTableComponent.prototype.onRowClick = function (item, event) {
+            var _a;
+            this.rowSelectChange.emit({ event: event, item: item });
+            (_a = this.selectionManager) === null || _a === void 0 ? void 0 : _a.toggleSelection(item, event);
         };
         return DataTableComponent;
     }());
     DataTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-data-table',
-                    template: "<ng-container *ngIf=\"!items || (items && items.length); else emptyPlaceholder\">\r\n    <table class=\"table\">\r\n        <thead>\r\n            <tr>\r\n                <th *ngIf=\"isRowSelectedFn\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"allSelected\"\r\n                        (change)=\"allSelectChange.emit()\"\r\n                    />\r\n                </th>\r\n                <th *ngFor=\"let header of columns?.toArray()\" class=\"left\" [class.expand]=\"header.expand\">\r\n                    <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr\r\n                *ngFor=\"\r\n                    let item of items\r\n                        | paginate\r\n                            : {\r\n                                  itemsPerPage: itemsPerPage,\r\n                                  currentPage: currentPage,\r\n                                  totalItems: totalItems\r\n                              };\r\n                    index as i;\r\n                    trackBy: trackByFn\r\n                \"\r\n            >\r\n                <td *ngIf=\"isRowSelectedFn\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"isRowSelectedFn(item)\"\r\n                        (change)=\"rowSelectChange.emit(item)\"\r\n                    />\r\n                </td>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"rowTemplate; context: { item: item, index: i }\"\r\n                ></ng-container>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n    <div class=\"table-footer\">\r\n        <vdr-items-per-page-controls\r\n            *ngIf=\"totalItems\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            (itemsPerPageChange)=\"itemsPerPageChange.emit($event)\"\r\n        ></vdr-items-per-page-controls>\r\n        <div *ngIf=\"totalItems\" class=\"p5\">\r\n            {{ 'common.total-items' | translate: { currentStart, currentEnd, totalItems } }}\r\n        </div>\r\n\r\n        <vdr-pagination-controls\r\n            *ngIf=\"totalItems\"\r\n            [currentPage]=\"currentPage\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            [totalItems]=\"totalItems\"\r\n            (pageChange)=\"pageChange.emit($event)\"\r\n        ></vdr-pagination-controls>\r\n    </div>\r\n</ng-container>\r\n<ng-template #emptyPlaceholder>\r\n    <vdr-empty-placeholder [emptyStateLabel]=\"emptyStateLabel\"></vdr-empty-placeholder>\r\n</ng-template>\r\n",
+                    template: "<ng-container *ngIf=\"!items || (items && items.length); else emptyPlaceholder\">\r\n    <div class=\"bulk-actions\">\r\n    <ng-content select=\"vdr-bulk-action-menu\"></ng-content>\r\n    </div>\r\n    <table class=\"table\" [class.no-select]=\"disableSelect\">\r\n        <thead [class.items-selected]=\"selectionManager?.selection.length\">\r\n            <tr>\r\n                <th *ngIf=\"isRowSelectedFn || selectionManager\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"allSelected ? allSelected : selectionManager?.areAllCurrentItemsSelected()\"\r\n                        (change)=\"onToggleAllClick()\"\r\n                    />\r\n                </th>\r\n                <th *ngFor=\"let header of columns?.toArray()\" class=\"left align-middle\" [class.expand]=\"header.expand\">\r\n                    <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr\r\n                *ngFor=\"\r\n                    let item of items\r\n                        | paginate\r\n                            : {\r\n                                  itemsPerPage: itemsPerPage,\r\n                                  currentPage: currentPage,\r\n                                  totalItems: totalItems\r\n                              };\r\n                    index as i;\r\n                    trackBy: trackByFn\r\n                \"\r\n            >\r\n                <td *ngIf=\"isRowSelectedFn || selectionManager\" class=\"align-middle selection-col\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"isRowSelectedFn ? isRowSelectedFn(item) : selectionManager?.isSelected(item)\"\r\n                        (click)=\"onRowClick(item, $event)\"\r\n                    />\r\n                </td>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"rowTemplate; context: { item: item, index: i }\"\r\n                ></ng-container>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n    <div class=\"table-footer\">\r\n        <vdr-items-per-page-controls\r\n            *ngIf=\"totalItems\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            (itemsPerPageChange)=\"itemsPerPageChange.emit($event)\"\r\n        ></vdr-items-per-page-controls>\r\n        <div *ngIf=\"totalItems\" class=\"p5\">\r\n            {{ 'common.total-items' | translate: { currentStart, currentEnd, totalItems } }}\r\n        </div>\r\n\r\n        <vdr-pagination-controls\r\n            *ngIf=\"totalItems\"\r\n            [currentPage]=\"currentPage\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            [totalItems]=\"totalItems\"\r\n            (pageChange)=\"pageChange.emit($event)\"\r\n        ></vdr-pagination-controls>\r\n    </div>\r\n</ng-container>\r\n<ng-template #emptyPlaceholder>\r\n    <vdr-empty-placeholder [emptyStateLabel]=\"emptyStateLabel\"></vdr-empty-placeholder>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [ngxPagination.PaginationService],
-                    styles: [":host{display:block;max-width:100%;overflow:auto}thead th{position:sticky;top:24px;z-index:1}thead th.expand{width:100%}.table-footer{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}\n"]
+                    styles: [":host{display:block;max-width:100%;overflow:auto;position:relative}.bulk-actions{position:absolute;left:50px;top:30px;z-index:2}table.table{max-width:100vw;overflow-x:auto}table.no-select{-webkit-user-select:none;user-select:none}thead th{position:sticky;top:24px;z-index:1}thead th.expand{width:100%}thead.items-selected tr th{color:transparent}.selection-col{width:24px}.table-footer{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}\n"]
                 },] }
     ];
+    DataTableComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
     DataTableComponent.propDecorators = {
         items: [{ type: i0.Input }],
         itemsPerPage: [{ type: i0.Input }],
         currentPage: [{ type: i0.Input }],
         totalItems: [{ type: i0.Input }],
+        emptyStateLabel: [{ type: i0.Input }],
+        selectionManager: [{ type: i0.Input }],
+        pageChange: [{ type: i0.Output }],
+        itemsPerPageChange: [{ type: i0.Output }],
         allSelected: [{ type: i0.Input }],
         isRowSelectedFn: [{ type: i0.Input }],
-        emptyStateLabel: [{ type: i0.Input }],
         allSelectChange: [{ type: i0.Output }],
         rowSelectChange: [{ type: i0.Output }],
-        pageChange: [{ type: i0.Output }],
-        itemsPerPageChange: [{ type: i0.Output }],
         columns: [{ type: i0.ContentChildren, args: [DataTableColumnComponent,] }],
         templateRefs: [{ type: i0.ContentChildren, args: [i0.TemplateRef,] }]
     };
@@ -9859,9 +10403,9 @@
     DropdownMenuComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-dropdown-menu',
-                    template: "\n        <ng-template #menu>\n            <div class=\"dropdown open\">\n                <div class=\"dropdown-menu\">\n                    <div class=\"dropdown-content-wrapper\">\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    ",
+                    template: "\n        <ng-template #menu>\n            <div class=\"dropdown open\">\n                <div class=\"dropdown-menu\" [ngClass]=\"customClasses\">\n                    <div class=\"dropdown-content-wrapper\">\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    ",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".clear-backdrop{background-color:#ff69b4}.dropdown.open>.dropdown-menu{position:relative;top:0;height:100%;overflow-y:auto}:host{opacity:1;transition:opacity .3s}\n"]
+                    styles: [".clear-backdrop{background-color:#ff69b4}::ng-deep .dropdown-menu .dropdown-item{display:flex;align-items:center}::ng-deep .dropdown-menu .dropdown-item clr-icon{margin-right:3px}.dropdown.open>.dropdown-menu{position:relative;top:0;height:100%;overflow-y:auto}:host{opacity:1;transition:opacity .3s}\n"]
                 },] }
     ];
     DropdownMenuComponent.ctorParameters = function () { return [
@@ -9871,6 +10415,7 @@
     ]; };
     DropdownMenuComponent.propDecorators = {
         position: [{ type: i0.Input, args: ['vdrPosition',] }],
+        customClasses: [{ type: i0.Input }],
         menuTemplate: [{ type: i0.ViewChild, args: ['menu', { static: true },] }]
     };
@@ -10254,7 +10799,7 @@
     FacetValueSelectorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-facet-value-selector',
-                    template: "<ng-select\r\n    [items]=\"facetValues\"\r\n    [addTag]=\"false\"\r\n    [hideSelected]=\"true\"\r\n    bindValue=\"id\"\r\n    multiple=\"true\"\r\n    appendTo=\"body\"\r\n    bindLabel=\"name\"\r\n    [disabled]=\"disabled || readonly\"\r\n    [ngModel]=\"value\"\r\n    (change)=\"onChange($event)\"\r\n>\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n        <vdr-facet-value-chip\r\n            [facetValue]=\"item.value\"\r\n            [removable]=\"!readonly\"\r\n            (remove)=\"clear(item)\"\r\n        ></vdr-facet-value-chip>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\">\r\n        <vdr-facet-value-chip [facetValue]=\"item.value\" [removable]=\"false\"></vdr-facet-value-chip>\r\n    </ng-template>\r\n</ng-select>\r\n",
+                    template: "<ng-select\r\n    [items]=\"facetValues\"\r\n    [addTag]=\"false\"\r\n    [hideSelected]=\"true\"\r\n    bindValue=\"id\"\r\n    multiple=\"true\"\r\n    appendTo=\"body\"\r\n    bindLabel=\"name\"\r\n    [disabled]=\"disabled || readonly\"\r\n    [ngModel]=\"value\"\r\n    (change)=\"onChange($event)\"\r\n>\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n        <vdr-facet-value-chip\r\n            *ngIf=\"item.value; else facetNotFound\"\r\n            [facetValue]=\"item.value\"\r\n            [removable]=\"!readonly\"\r\n            (remove)=\"clear(item)\"\r\n        ></vdr-facet-value-chip>\r\n        <ng-template #facetNotFound>\r\n            <vdr-chip colorType=\"error\" icon=\"times\" (iconClick)=\"clear(item)\">{{\r\n                'catalog.facet-value-not-available' | translate: { id: item.id }\r\n            }}</vdr-chip>\r\n        </ng-template>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\">\r\n        <vdr-facet-value-chip [facetValue]=\"item.value\" [removable]=\"false\"></vdr-facet-value-chip>\r\n    </ng-template>\r\n</ng-select>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -10599,7 +11144,7 @@
     LanguageSelectorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-language-selector',
-                    template: "<ng-container *ngIf=\"1 < availableLanguageCodes?.length\">\r\n    <vdr-dropdown>\r\n        <button type=\"button\" class=\"btn btn-sm btn-link\" vdrDropdownTrigger [disabled]=\"disabled\">\r\n            <clr-icon shape=\"world\"></clr-icon>\r\n            {{ 'common.language' | translate }}: {{ currentLanguageCode | localeLanguageName | uppercase }}\r\n            <clr-icon shape=\"caret down\"></clr-icon>\r\n        </button>\r\n        <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n            <button\r\n                type=\"button\"\r\n                *ngFor=\"let code of availableLanguageCodes\"\r\n                (click)=\"languageCodeChange.emit(code)\"\r\n                vdrDropdownItem\r\n            >\r\n                {{ code | localeLanguageName }} <span class=\"code\">{{ code }}</span>\r\n            </button>\r\n        </vdr-dropdown-menu>\r\n    </vdr-dropdown>\r\n</ng-container>\r\n",
+                    template: "<ng-container *ngIf=\"1 < availableLanguageCodes?.length\">\r\n    <vdr-dropdown>\r\n        <button type=\"button\" class=\"btn btn-sm\" vdrDropdownTrigger [disabled]=\"disabled\">\r\n            <clr-icon shape=\"world\"></clr-icon>\r\n            {{ 'common.language' | translate }}: {{ currentLanguageCode | localeLanguageName | uppercase }}\r\n            <clr-icon shape=\"caret down\"></clr-icon>\r\n        </button>\r\n        <vdr-dropdown-menu vdrPosition=\"bottom-right\">\r\n            <button\r\n                type=\"button\"\r\n                *ngFor=\"let code of availableLanguageCodes\"\r\n                (click)=\"languageCodeChange.emit(code)\"\r\n                vdrDropdownItem\r\n            >\r\n                <span>{{ code | localeLanguageName }}</span> <span class=\"code ml2\">{{ code }}</span>\r\n            </button>\r\n        </vdr-dropdown-menu>\r\n    </vdr-dropdown>\r\n</ng-container>\r\n",
                     styles: [".code{color:var(--color-grey-400)}\n"]
                 },] }
     ];
@@ -10765,6 +11310,7 @@
                     case 'Delivered':
                         return 'success';
                     case 'Cancelled':
+                    case 'Draft':
                         return 'error';
                     case 'PaymentAuthorized':
                     case 'PaymentSettled':
@@ -10814,7 +11360,7 @@
         pageChange: [{ type: i0.Output }]
     };
-    var ɵ0 = SingleSearchSelectionModelFactory;
+    var ɵ0$1 = SingleSearchSelectionModelFactory;
     var ProductSearchInputComponent = /** @class */ (function () {
         function ProductSearchInputComponent() {
             var _this = this;
@@ -10907,8 +11453,8 @@
                     selector: 'vdr-product-search-input',
                     template: "<ng-select\r\n    [addTag]=\"addTagFn\"\r\n    [placeholder]=\"'catalog.search-product-name-or-code' | translate\"\r\n    [items]=\"facetValueResults\"\r\n    [searchFn]=\"filterFacetResults\"\r\n    [hideSelected]=\"true\"\r\n    [multiple]=\"true\"\r\n    [markFirst]=\"false\"\r\n    (change)=\"onSelectChange($event)\"\r\n    #selectComponent\r\n>\r\n    <ng-template ng-header-tmp>\r\n        <div\r\n            class=\"search-header\"\r\n            *ngIf=\"selectComponent.searchTerm\"\r\n            [class.selected]=\"isSearchHeaderSelected()\"\r\n            (click)=\"selectComponent.selectTag()\"\r\n        >\r\n            {{ 'catalog.search-for-term' | translate }}: {{ selectComponent.searchTerm }}\r\n        </div>\r\n    </ng-template>\r\n    <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n        <ng-container *ngIf=\"item.facetValue\">\r\n            <vdr-facet-value-chip\r\n                [facetValue]=\"item.facetValue\"\r\n                [removable]=\"true\"\r\n                (remove)=\"clear(item)\"\r\n            ></vdr-facet-value-chip>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!item.facetValue\">\r\n            <vdr-chip [icon]=\"'times'\" (iconClick)=\"clear(item)\">\"{{ item.label }}\"</vdr-chip>\r\n        </ng-container>\r\n    </ng-template>\r\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n        <ng-container *ngIf=\"item.facetValue\">\r\n            <vdr-facet-value-chip [facetValue]=\"item.facetValue\" [removable]=\"false\"></vdr-facet-value-chip>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-select>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    providers: [{ provide: ngSelect.SELECTION_MODEL_FACTORY, useValue: ɵ0 }],
-                    styles: [":host{margin-top:6px;display:block;width:100%}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background:none;margin:0}:host ::ng-deep .ng-dropdown-panel-items div.ng-option:last-child{display:none}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-header{border:none;padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:8px}ng-select{width:100%;min-width:300px;margin-right:12px}.search-header{padding:8px 10px;border-bottom:1px solid var(--color-component-border-100);cursor:pointer}.search-header.selected,.search-header:hover{background-color:var(--color-component-bg-200)}\n"]
+                    providers: [{ provide: ngSelect.SELECTION_MODEL_FACTORY, useValue: ɵ0$1 }],
+                    styles: [":host{margin-top:6px;display:block;width:100%}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background:none;margin:0}:host ::ng-deep .ng-dropdown-panel-items div.ng-option:last-child{display:none}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-header{border:none;padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding:0}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:8px}ng-select{width:100%;margin-right:12px}.search-header{padding:8px 10px;border-bottom:1px solid var(--color-component-border-100);cursor:pointer}.search-header.selected,.search-header:hover{background-color:var(--color-component-bg-200)}\n"]
                 },] }
     ];
     ProductSearchInputComponent.propDecorators = {
@@ -10953,89 +11499,494 @@
             var clear$ = this.productSelected.pipe(operators.mapTo([]));
             this.searchResults$ = rxjs.concat(rxjs.of([]), rxjs.merge(searchItems$, clear$));
         };
-        ProductSelectorComponent.prototype.selectResult = function (product) {
-            if (product) {
-                this.productSelected.emit(product);
-                this.ngSelect.clearModel();
-            }
+        ProductSelectorComponent.prototype.selectResult = function (product) {
+            if (product) {
+                this.productSelected.emit(product);
+                this.ngSelect.clearModel();
+            }
+        };
+        return ProductSelectorComponent;
+    }());
+    ProductSelectorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-product-selector',
+                    template: "<ng-select\r\n    #autoComplete\r\n    [items]=\"searchResults$ | async\"\r\n    [addTag]=\"false\"\r\n    [multiple]=\"false\"\r\n    [hideSelected]=\"true\"\r\n    [loading]=\"searchLoading\"\r\n    [typeahead]=\"searchInput$\"\r\n    [appendTo]=\"'body'\"\r\n    [placeholder]=\"'settings.search-by-product-name-or-sku' | translate\"\r\n    (change)=\"selectResult($event)\"\r\n>\r\n    <ng-template ng-option-tmp let-item=\"item\">\r\n        <img [src]=\"item.productAsset | assetPreview: 32\">\r\n        {{ item.productVariantName }}\r\n        <small class=\"sku\">{{ item.sku }}</small>\r\n    </ng-template>\r\n</ng-select>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [":host{display:block}.sku{margin-left:12px;color:var(--color-grey-500)}img{border-radius:var(--border-radius-img)}\n"]
+                },] }
+    ];
+    ProductSelectorComponent.ctorParameters = function () { return [
+        { type: DataService }
+    ]; };
+    ProductSelectorComponent.propDecorators = {
+        productSelected: [{ type: i0.Output }],
+        ngSelect: [{ type: i0.ViewChild, args: ['autoComplete', { static: true },] }]
+    };
+    var RadioCardFieldsetComponent = /** @class */ (function () {
+        function RadioCardFieldsetComponent(changeDetector) {
+            this.changeDetector = changeDetector;
+            this.selectItem = new i0.EventEmitter();
+            this.groupName = 'radio-group-' + Math.random().toString(36);
+            this.selectedIdChange$ = new rxjs.Subject();
+            this.focussedId = undefined;
+            this.idChange$ = new rxjs.Subject();
+        }
+        RadioCardFieldsetComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.subscription = this.idChange$
+                .pipe(operators.throttleTime(200))
+                .subscribe(function (item) { return _this.selectItem.emit(item); });
+        };
+        RadioCardFieldsetComponent.prototype.ngOnChanges = function (changes) {
+            if ('selectedItemId' in changes) {
+                this.selectedIdChange$.next(this.selectedItemId);
+            }
+        };
+        RadioCardFieldsetComponent.prototype.ngOnDestroy = function () {
+            if (this.subscription) {
+                this.subscription.unsubscribe();
+            }
+        };
+        RadioCardFieldsetComponent.prototype.isSelected = function (item) {
+            return this.selectedItemId === this.idFn(item);
+        };
+        RadioCardFieldsetComponent.prototype.isFocussed = function (item) {
+            return this.focussedId === this.idFn(item);
+        };
+        RadioCardFieldsetComponent.prototype.selectChanged = function (item) {
+            this.idChange$.next(item);
+        };
+        RadioCardFieldsetComponent.prototype.setFocussedId = function (item) {
+            this.focussedId = item && this.idFn(item);
+        };
+        return RadioCardFieldsetComponent;
+    }());
+    RadioCardFieldsetComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-radio-card-fieldset',
+                    template: "<fieldset><ng-content></ng-content></fieldset> ",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: ["fieldset{display:flex;align-items:flex-start}\n"]
+                },] }
+    ];
+    RadioCardFieldsetComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    RadioCardFieldsetComponent.propDecorators = {
+        selectedItemId: [{ type: i0.Input }],
+        idFn: [{ type: i0.Input }],
+        selectItem: [{ type: i0.Output }]
+    };
+    var RadioCardComponent = /** @class */ (function () {
+        function RadioCardComponent(fieldset, changeDetector) {
+            this.fieldset = fieldset;
+            this.changeDetector = changeDetector;
+            this.idChange$ = new rxjs.Subject();
+            this.name = this.fieldset.groupName;
+        }
+        RadioCardComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.subscription = this.fieldset.selectedIdChange$.subscribe(function (id) {
+                _this.changeDetector.markForCheck();
+            });
+        };
+        RadioCardComponent.prototype.ngOnDestroy = function () {
+            if (this.subscription) {
+                this.subscription.unsubscribe();
+            }
+        };
+        RadioCardComponent.prototype.isSelected = function (item) {
+            return this.fieldset.isSelected(item);
+        };
+        RadioCardComponent.prototype.isFocussed = function (item) {
+            return this.fieldset.isFocussed(item);
+        };
+        RadioCardComponent.prototype.selectChanged = function (item) {
+            this.fieldset.selectChanged(item);
+        };
+        RadioCardComponent.prototype.setFocussedId = function (item) {
+            this.fieldset.setFocussedId(item);
+        };
+        RadioCardComponent.prototype.getItemId = function (item) {
+            return this.fieldset.idFn(item);
+        };
+        return RadioCardComponent;
+    }());
+    RadioCardComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-radio-card',
+                    template: "<label\r\n    [ngClass]=\"{\r\n        'selected': isSelected(item),\r\n        'focussed': isFocussed(item)\r\n    }\"\r\n    class=\"radio-card\"\r\n>\r\n    <input\r\n        type=\"radio\"\r\n        [name]=\"name\"\r\n        [value]=\"getItemId(item)\"\r\n        class=\"hidden\"\r\n        (focus)=\"setFocussedId(item)\"\r\n        (blur)=\"setFocussedId(undefined)\"\r\n        (change)=\"selectChanged(item)\"\r\n    />\r\n    <vdr-select-toggle [selected]=\"isSelected(item)\" size=\"small\"></vdr-select-toggle>\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</label>\r\n",
+                    exportAs: 'VdrRadioCard',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [":host{display:inline-block}.radio-card{background:none;position:relative;display:block;border:1px solid var(--clr-btn-default-border-color, #0072a3);border-radius:var(--clr-btn-border-radius, .15rem);padding:6px;text-align:left;margin:6px}.radio-card:hover{cursor:pointer;outline:1px solid var(--color-primary-500)}.radio-card.selected{outline:1px solid var(--color-primary-500);background-color:var(--color-primary-100)}input.hidden{visibility:hidden;position:absolute}vdr-select-toggle{position:absolute;top:3px;left:3px}.content{margin-left:24px}\n"]
+                },] }
+    ];
+    RadioCardComponent.ctorParameters = function () { return [
+        { type: RadioCardFieldsetComponent },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    RadioCardComponent.propDecorators = {
+        item: [{ type: i0.Input }],
+        itemTemplate: [{ type: i0.ContentChild, args: [i0.TemplateRef,] }]
+    };
+    var ExternalImageDialogComponent = /** @class */ (function () {
+        function ExternalImageDialogComponent() {
+            this.previewLoaded = false;
+        }
+        ExternalImageDialogComponent.prototype.ngOnInit = function () {
+            this.form = new forms.FormGroup({
+                src: new forms.FormControl(this.existing ? this.existing.src : '', forms.Validators.required),
+                title: new forms.FormControl(this.existing ? this.existing.title : ''),
+                alt: new forms.FormControl(this.existing ? this.existing.alt : ''),
+            });
+        };
+        ExternalImageDialogComponent.prototype.select = function () {
+            this.resolveWith(this.form.value);
+        };
+        ExternalImageDialogComponent.prototype.onImageLoad = function (event) {
+            this.previewLoaded = true;
+        };
+        ExternalImageDialogComponent.prototype.onImageError = function (event) {
+            this.previewLoaded = false;
+        };
+        return ExternalImageDialogComponent;
+    }());
+    ExternalImageDialogComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-external-image-dialog',
+                    template: "<div class=\"flex\">\r\n    <form [formGroup]=\"form\" class=\"flex-spacer\" clrForm clrLayout=\"vertical\">\r\n        <clr-input-container class=\"expand\">\r\n            <label>{{ 'editor.image-src' | translate }}</label>\r\n            <input clrInput type=\"text\" formControlName=\"src\" />\r\n        </clr-input-container>\r\n        <clr-input-container class=\"expand\">\r\n            <label>{{ 'editor.image-title' | translate }}</label>\r\n            <input clrInput type=\"text\" formControlName=\"title\" />\r\n        </clr-input-container>\r\n        <clr-input-container class=\"expand\">\r\n            <label>{{ 'editor.image-alt' | translate }}</label>\r\n            <input clrInput type=\"text\" formControlName=\"alt\" />\r\n        </clr-input-container>\r\n    </form>\r\n    <div class=\"preview\">\r\n        <img\r\n            [src]=\"form.get('src')?.value\"\r\n            [class.visible]=\"previewLoaded\"\r\n            (load)=\"onImageLoad($event)\"\r\n            (error)=\"onImageError($event)\"\r\n        />\r\n        <div class=\"placeholder\" *ngIf=\"!previewLoaded\">\r\n            <clr-icon shape=\"image\" size=\"128\"></clr-icon>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"submit\" (click)=\"select()\" class=\"btn btn-primary\" [disabled]=\"form.invalid || !previewLoaded\">\r\n        <ng-container *ngIf=\"existing; else doesNotExist\">{{ 'common.update' | translate }}</ng-container>\r\n        <ng-template #doesNotExist>{{ 'editor.insert-image' | translate }}</ng-template>\r\n    </button>\r\n</ng-template>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".preview{display:flex;align-items:center;justify-content:center;max-width:150px;margin-left:12px}.preview img{max-width:100%;display:none}.preview img.visible{display:block}.preview .placeholder{color:var(--color-grey-300)}\n"]
+                },] }
+    ];
+    var LinkDialogComponent = /** @class */ (function () {
+        function LinkDialogComponent() {
+        }
+        LinkDialogComponent.prototype.ngOnInit = function () {
+            this.form = new forms.FormGroup({
+                href: new forms.FormControl(this.existing ? this.existing.href : '', forms.Validators.required),
+                title: new forms.FormControl(this.existing ? this.existing.title : ''),
+            });
+        };
+        LinkDialogComponent.prototype.remove = function () {
+            this.resolveWith({
+                title: '',
+                href: '',
+            });
+        };
+        LinkDialogComponent.prototype.select = function () {
+            this.resolveWith(this.form.value);
+        };
+        return LinkDialogComponent;
+    }());
+    LinkDialogComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-link-dialog',
+                    template: "<form [formGroup]=\"form\">\r\n    <vdr-form-field [label]=\"'editor.link-href' | translate\" for=\"href\">\r\n        <input id=\"href\" type=\"text\" formControlName=\"href\" />\r\n    </vdr-form-field>\r\n    <vdr-form-field [label]=\"'editor.link-title' | translate\" for=\"title\">\r\n        <input id=\"title\" type=\"text\" formControlName=\"title\" />\r\n    </vdr-form-field>\r\n</form>\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"remove()\" *ngIf=\"existing\">\r\n        <clr-icon shape=\"unlink\"></clr-icon> {{ 'editor.remove-link' | translate }}\r\n    </button>\r\n    <button type=\"submit\" (click)=\"select()\" class=\"btn btn-primary\" [disabled]=\"form.invalid\">\r\n        {{ 'editor.set-link' | translate }}\r\n    </button>\r\n</ng-template>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [""]
+                },] }
+    ];
+    var ContextMenuService = /** @class */ (function () {
+        function ContextMenuService() {
+            this.menuIsVisible$ = new rxjs.BehaviorSubject(false);
+            this.setContextMenuConfig$ = new rxjs.Subject();
+            var source$ = this.setContextMenuConfig$.asObservable();
+            var groupedConfig$ = source$.pipe(operators.bufferWhen(function () { return source$.pipe(operators.debounceTime(50)); }), operators.map(function (group) {
+                return group.reduce(function (acc, cur) {
+                    var _b;
+                    var _a;
+                    if (!acc) {
+                        return cur;
+                    }
+                    else {
+                        if ((cur === null || cur === void 0 ? void 0 : cur.ref) === acc.ref) {
+                            (_b = acc.items).push.apply(_b, __spreadArray([], __read(((_a = cur === null || cur === void 0 ? void 0 : cur.items.filter(function (i) { return !acc.items.find(function (ai) { return ai.label === i.label; }); })) !== null && _a !== void 0 ? _a : []))));
+                        }
+                    }
+                    return acc;
+                }, undefined);
+            }));
+            var visible$ = this.menuIsVisible$.pipe(operators.filter(function (val) { return val === true; }));
+            var isVisible$ = this.menuIsVisible$.pipe(operators.delayWhen(function (value) { return (value ? rxjs.of(value) : rxjs.interval(250).pipe(operators.takeUntil(visible$))); }), operators.distinctUntilChanged());
+            this.contextMenu$ = rxjs.combineLatest(groupedConfig$, isVisible$).pipe(operators.map(function (_b) {
+                var _c = __read(_b, 2), config = _c[0], isVisible = _c[1];
+                return (isVisible ? config : undefined);
+            }));
+        }
+        ContextMenuService.prototype.setVisibility = function (isVisible) {
+            this.menuIsVisible$.next(isVisible);
+        };
+        ContextMenuService.prototype.setContextMenu = function (config) {
+            this.setContextMenuConfig$.next(config);
+        };
+        ContextMenuService.prototype.clearContextMenu = function () {
+            this.setContextMenuConfig$.next(undefined);
+        };
+        return ContextMenuService;
+    }());
+    ContextMenuService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ContextMenuService_Factory() { return new ContextMenuService(); }, token: ContextMenuService, providedIn: "root" });
+    ContextMenuService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    ContextMenuService.ctorParameters = function () { return []; };
+    var ContextMenuComponent = /** @class */ (function () {
+        function ContextMenuComponent(overlay, viewContainerRef, contextMenuService) {
+            var _this = this;
+            this.overlay = overlay;
+            this.viewContainerRef = viewContainerRef;
+            this.contextMenuService = contextMenuService;
+            this.triggerIsHidden = new rxjs.BehaviorSubject(false);
+            this.onScroll = function () {
+                var _a;
+                if ((_a = _this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) {
+                    _this.overlayRef.updatePosition();
+                }
+            };
+        }
+        ContextMenuComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            var _a;
+            this.contentArea = document.querySelector('.content-area');
+            this.menuPortal = new portal.TemplatePortal(this.menuTemplate, this.viewContainerRef);
+            this.hideTrigger$ = this.triggerIsHidden.asObservable().pipe(operators.distinctUntilChanged());
+            (_a = this.contentArea) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', this.onScroll, { passive: true });
+            this.contextMenuSub = this.contextMenuService.contextMenu$.subscribe(function (contextMenuConfig) {
+                var _a, _b, _c;
+                (_a = _this.overlayRef) === null || _a === void 0 ? void 0 : _a.dispose();
+                _this.menuConfig = contextMenuConfig;
+                if (contextMenuConfig) {
+                    _this.overlayRef = _this.overlay.create({
+                        hasBackdrop: false,
+                        positionStrategy: _this.getPositionStrategy(contextMenuConfig.element),
+                        maxHeight: '70vh',
+                    });
+                    _this.overlayRef.attach(_this.menuPortal);
+                    _this.triggerIsHidden.next(false);
+                    var triggerButton_1 = _this.overlayRef.hostElement.querySelector('.context-menu-trigger');
+                    var editorMenu_1 = _this.editorMenuElement;
+                    if (triggerButton_1) {
+                        var overlapMarginPx_1 = 5;
+                        _this.hideTriggerHandler = function () {
+                            if (editorMenu_1 && triggerButton_1) {
+                                if (triggerButton_1.getBoundingClientRect().top + overlapMarginPx_1 <
+                                    editorMenu_1.getBoundingClientRect().bottom) {
+                                    _this.triggerIsHidden.next(true);
+                                }
+                                else {
+                                    _this.triggerIsHidden.next(false);
+                                }
+                            }
+                        };
+                        (_b = _this.contentArea) === null || _b === void 0 ? void 0 : _b.addEventListener('scroll', _this.hideTriggerHandler, { passive: true });
+                        requestAnimationFrame(function () { var _a; return (_a = _this.hideTriggerHandler) === null || _a === void 0 ? void 0 : _a.call(_this); });
+                    }
+                }
+                else {
+                    if (_this.hideTriggerHandler) {
+                        (_c = _this.contentArea) === null || _c === void 0 ? void 0 : _c.removeEventListener('scroll', _this.hideTriggerHandler);
+                    }
+                }
+            });
+        };
+        ContextMenuComponent.prototype.triggerClick = function () {
+            this.contextMenuService.setVisibility(true);
+        };
+        ContextMenuComponent.prototype.ngOnDestroy = function () {
+            var _a, _b, _c, _d;
+            (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.dispose();
+            (_b = this.contextMenuSub) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            (_c = this.contentArea) === null || _c === void 0 ? void 0 : _c.removeEventListener('scroll', this.onScroll);
+            if (this.hideTriggerHandler) {
+                (_d = this.contentArea) === null || _d === void 0 ? void 0 : _d.removeEventListener('scroll', this.hideTriggerHandler);
+            }
+        };
+        ContextMenuComponent.prototype.clickItem = function (item) {
+            item.onClick();
+        };
+        ContextMenuComponent.prototype.getPositionStrategy = function (element) {
+            var _e;
+            var position = (_e = {},
+                _e['top-left'] = {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'bottom',
+                },
+                _e['top-right'] = {
+                    originX: 'end',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'bottom',
+                },
+                _e['bottom-left'] = {
+                    originX: 'start',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                _e['bottom-right'] = {
+                    originX: 'end',
+                    originY: 'bottom',
+                    overlayX: 'end',
+                    overlayY: 'top',
+                },
+                _e);
+            var pos = position['top-left'];
+            return this.overlay
+                .position()
+                .flexibleConnectedTo(element)
+                .withPositions([pos, this.invertPosition(pos)])
+                .withViewportMargin(0)
+                .withLockedPosition(false)
+                .withPush(false);
+        };
+        /** Inverts an overlay position. */
+        ContextMenuComponent.prototype.invertPosition = function (pos) {
+            var inverted = Object.assign({}, pos);
+            inverted.originY = pos.originY === 'top' ? 'bottom' : 'top';
+            inverted.overlayY = pos.overlayY === 'top' ? 'bottom' : 'top';
+            return inverted;
         };
-        return ProductSelectorComponent;
+        return ContextMenuComponent;
     }());
-    ProductSelectorComponent.decorators = [
+    ContextMenuComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'vdr-product-selector',
-                    template: "<ng-select\r\n    #autoComplete\r\n    [items]=\"searchResults$ | async\"\r\n    [addTag]=\"false\"\r\n    [multiple]=\"false\"\r\n    [hideSelected]=\"true\"\r\n    [loading]=\"searchLoading\"\r\n    [typeahead]=\"searchInput$\"\r\n    [appendTo]=\"'body'\"\r\n    [placeholder]=\"'settings.search-by-product-name-or-sku' | translate\"\r\n    (change)=\"selectResult($event)\"\r\n>\r\n    <ng-template ng-option-tmp let-item=\"item\">\r\n        <img [src]=\"item.productAsset | assetPreview: 32\">\r\n        {{ item.productVariantName }}\r\n        <small class=\"sku\">{{ item.sku }}</small>\r\n    </ng-template>\r\n</ng-select>\r\n",
+                    selector: 'vdr-context-menu',
+                    template: "<ng-template #contextMenu>\r\n    <vdr-dropdown>\r\n        <button class=\"context-menu-trigger\" vdrDropdownTrigger [class.hidden]=\"hideTrigger$ | async\" (click)=\"triggerClick()\">\r\n            <clr-icon\r\n                *ngIf=\"menuConfig?.iconShape as shape\"\r\n                [attr.shape]=\"shape\"\r\n                size=\"16\"\r\n                class=\"mr2\"\r\n            ></clr-icon>\r\n            <span class=\"title-label\">{{ menuConfig?.title }}</span>\r\n        </button>\r\n        <vdr-dropdown-menu vdrPosition=\"bottom-right\" customClasses=\"context-menu\">\r\n            <ng-container *ngFor=\"let item of menuConfig?.items\">\r\n                <button\r\n                    class=\"context-menu-item\"\r\n                    *ngIf=\"item.enabled && item.separator !== true\"\r\n                    type=\"button\"\r\n                    (click)=\"clickItem(item)\"\r\n                >\r\n                    <div *ngIf=\"item.iconClass\" class=\"cm-icon\" [ngClass]=\"item.iconClass\"></div>\r\n                    <clr-icon\r\n                        *ngIf=\"item.iconShape as shape\"\r\n                        [attr.shape]=\"shape\"\r\n                        size=\"16\"\r\n                        class=\"mr2\"\r\n                    ></clr-icon>\r\n                    {{ item.label }}\r\n                </button>\r\n                <div *ngIf=\"item.enabled && item.separator\" class=\"dropdown-divider\" role=\"separator\"></div>\r\n            </ng-container>\r\n        </vdr-dropdown-menu>\r\n    </vdr-dropdown>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:block}.sku{margin-left:12px;color:var(--color-grey-500)}\n"]
+                    styles: [".context-menu-trigger{margin:0;display:flex;align-items:center;border:1px solid var(--color-component-border-200);font-size:90%;color:var(--color-text-200);border-radius:var(--border-radius-input);background-color:var(--color-component-bg-100)}.title-label{padding-right:15px;position:relative}.title-label:after{content:\"\";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.6;position:absolute;right:4px;top:calc(50% - 2px)}.context-menu-item{display:flex;align-items:center;width:100%;text-align:start;font-size:90%;color:var(--color-text-200);background-color:var(--color-component-bg-100);cursor:pointer;border:none}.context-menu-item:hover{background-color:var(--color-component-bg-200)}::ng-deep .dropdown-menu.context-menu{padding:0;background-color:var(--color-component-bg-100)}::ng-deep .context-menu-trigger{min-height:16px}::ng-deep .context-menu-trigger.hidden{visibility:hidden}::ng-deep .cm-icon.add-column{height:14px;width:4px;border:1px solid;margin:0 6px 0 8px;position:relative}::ng-deep .cm-icon.add-column:before{content:\"+\";position:absolute;font-size:16px;line-height:14px;left:-10px}::ng-deep .cm-icon.add-row{height:4px;width:14px;border:1px solid;margin:6px 4px 2px 0;position:relative}::ng-deep .cm-icon.add-row:before{content:\"+\";position:absolute;font-size:16px;line-height:14px;left:-2px;top:-10px}\n"]
                 },] }
     ];
-    ProductSelectorComponent.ctorParameters = function () { return [
-        { type: DataService }
+    ContextMenuComponent.ctorParameters = function () { return [
+        { type: overlay.Overlay },
+        { type: i0.ViewContainerRef },
+        { type: ContextMenuService }
     ]; };
-    ProductSelectorComponent.propDecorators = {
-        productSelected: [{ type: i0.Output }],
-        ngSelect: [{ type: i0.ViewChild, args: ['autoComplete', { static: true },] }]
+    ContextMenuComponent.propDecorators = {
+        editorMenuElement: [{ type: i0.Input }],
+        menuTemplate: [{ type: i0.ViewChild, args: ['contextMenu', { static: true },] }]
     };
-    var ExternalImageDialogComponent = /** @class */ (function () {
-        function ExternalImageDialogComponent() {
-            this.previewLoaded = false;
+    var RawHtmlDialogComponent = /** @class */ (function () {
+        function RawHtmlDialogComponent() {
+            this.formControl = new forms.FormControl();
+            this.config = {
+                name: '',
+                type: '',
+                list: false,
+                required: true,
+                ui: { component: HtmlEditorFormInputComponent.id },
+            };
         }
-        ExternalImageDialogComponent.prototype.ngOnInit = function () {
-            this.form = new forms.FormGroup({
-                src: new forms.FormControl(this.existing ? this.existing.src : '', forms.Validators.required),
-                title: new forms.FormControl(this.existing ? this.existing.title : ''),
-                alt: new forms.FormControl(this.existing ? this.existing.alt : ''),
-            });
+        RawHtmlDialogComponent.prototype.ngOnInit = function () {
+            this.formControl.setValue(this.process(this.html));
         };
-        ExternalImageDialogComponent.prototype.select = function () {
-            this.resolveWith(this.form.value);
+        RawHtmlDialogComponent.prototype.process = function (str) {
+            var div = document.createElement('div');
+            div.innerHTML = str.trim();
+            return this.format(div, 0).innerHTML.trim();
         };
-        ExternalImageDialogComponent.prototype.onImageLoad = function (event) {
-            this.previewLoaded = true;
+        /**
+         * Taken from https://stackoverflow.com/a/26361620/772859
+         */
+        RawHtmlDialogComponent.prototype.format = function (node, level) {
+            if (level === void 0) { level = 0; }
+            var indentBefore = new Array(level++ + 1).join('\t');
+            var indentAfter = new Array(level - 1).join('\t');
+            var textNode;
+            // tslint:disable-next-line:prefer-for-of
+            for (var i = 0; i < node.children.length; i++) {
+                textNode = document.createTextNode('\n' + indentBefore);
+                node.insertBefore(textNode, node.children[i]);
+                this.format(node.children[i], level);
+                if (node.lastElementChild === node.children[i]) {
+                    textNode = document.createTextNode('\n' + indentAfter);
+                    node.appendChild(textNode);
+                }
+            }
+            return node;
         };
-        ExternalImageDialogComponent.prototype.onImageError = function (event) {
-            this.previewLoaded = false;
+        RawHtmlDialogComponent.prototype.cancel = function () {
+            this.resolveWith(undefined);
         };
-        return ExternalImageDialogComponent;
+        RawHtmlDialogComponent.prototype.select = function () {
+            this.resolveWith(this.formControl.value);
+        };
+        return RawHtmlDialogComponent;
     }());
-    ExternalImageDialogComponent.decorators = [
+    RawHtmlDialogComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'vdr-external-image-dialog',
-                    template: "<div class=\"flex\">\r\n    <form [formGroup]=\"form\" class=\"flex-spacer\" clrForm clrLayout=\"vertical\">\r\n        <clr-input-container class=\"expand\">\r\n            <label>{{ 'editor.image-src' | translate }}</label>\r\n            <input clrInput type=\"text\" formControlName=\"src\" />\r\n        </clr-input-container>\r\n        <clr-input-container class=\"expand\">\r\n            <label>{{ 'editor.image-title' | translate }}</label>\r\n            <input clrInput type=\"text\" formControlName=\"title\" />\r\n        </clr-input-container>\r\n        <clr-input-container class=\"expand\">\r\n            <label>{{ 'editor.image-alt' | translate }}</label>\r\n            <input clrInput type=\"text\" formControlName=\"alt\" />\r\n        </clr-input-container>\r\n    </form>\r\n    <div class=\"preview\">\r\n        <img\r\n            [src]=\"form.get('src')?.value\"\r\n            [class.visible]=\"previewLoaded\"\r\n            (load)=\"onImageLoad($event)\"\r\n            (error)=\"onImageError($event)\"\r\n        />\r\n        <div class=\"placeholder\" *ngIf=\"!previewLoaded\">\r\n            <clr-icon shape=\"image\" size=\"128\"></clr-icon>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"submit\" (click)=\"select()\" class=\"btn btn-primary\" [disabled]=\"form.invalid || !previewLoaded\">\r\n        {{ 'editor.insert-image' | translate }}\r\n    </button>\r\n</ng-template>\r\n",
+                    selector: 'vdr-raw-html-dialog',
+                    template: "<vdr-dynamic-form-input\r\n                      [def]=\"config\"\r\n                      [control]=\"formControl\"\r\n                  ></vdr-dynamic-form-input>\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\">\r\n       {{ 'common.cancel' | translate }}\r\n    </button>\r\n    <button type=\"submit\" (click)=\"select()\" class=\"btn btn-primary\" [disabled]=\"formControl.invalid\">\r\n        {{ 'common.update' | translate }}\r\n    </button>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".preview{display:flex;align-items:center;justify-content:center;max-width:150px;margin-left:12px}.preview img{max-width:100%;display:none}.preview img.visible{display:block}.preview .placeholder{color:var(--color-grey-300)}\n"]
+                    styles: [""]
                 },] }
     ];
-    var LinkDialogComponent = /** @class */ (function () {
-        function LinkDialogComponent() {
+    var ɵ0 = function (node) {
+        var _a, _b;
+        if (node instanceof HTMLIFrameElement) {
+            var attrs = {
+                allow: node.allow,
+                allowfullscreeen: (_a = node.allowFullscreen) !== null && _a !== void 0 ? _a : true,
+                frameborder: node.getAttribute('frameborder'),
+                height: node.height,
+                name: node.name,
+                referrerpolicy: node.referrerPolicy,
+                src: node.src,
+                srcdoc: node.srcdoc || undefined,
+                title: (_b = node.title) !== null && _b !== void 0 ? _b : '',
+                width: node.width,
+            };
+            if (node.sandbox.length) {
+                attrs.sandbox = node.sandbox;
+            }
+            return attrs;
         }
-        LinkDialogComponent.prototype.ngOnInit = function () {
-            this.form = new forms.FormGroup({
-                href: new forms.FormControl(this.existing ? this.existing.href : '', forms.Validators.required),
-                title: new forms.FormControl(this.existing ? this.existing.title : ''),
-            });
-        };
-        LinkDialogComponent.prototype.remove = function () {
-            this.resolveWith({
-                title: '',
-                href: '',
-            });
-        };
-        LinkDialogComponent.prototype.select = function () {
-            this.resolveWith(this.form.value);
+        return null;
+    };
+    var iframeNode = {
+        group: 'block',
+        attrs: {
+            allow: {},
+            allowfullscreeen: {},
+            frameborder: {},
+            height: { default: undefined },
+            name: { default: '' },
+            referrerpolicy: {},
+            sandbox: { default: undefined },
+            src: {},
+            srcdoc: { default: undefined },
+            title: { default: undefined },
+            width: { default: undefined },
+        },
+        parseDOM: [
+            {
+                tag: 'iframe',
+                getAttrs: ɵ0,
+            },
+        ],
+        toDOM: function (node) {
+            return ['iframe', Object.assign({}, node.attrs)];
+        },
+    };
+    var iframeNodeView = function (node, view, getPos, decorations) {
+        var domSerializer = prosemirrorModel.DOMSerializer.fromSchema(view.state.schema);
+        var wrapper = document.createElement('div');
+        wrapper.classList.add('iframe-wrapper');
+        var iframe = domSerializer.serializeNode(node);
+        wrapper.appendChild(iframe);
+        return {
+            dom: wrapper,
         };
-        return LinkDialogComponent;
-    }());
-    LinkDialogComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'vdr-link-dialog',
-                    template: "<form [formGroup]=\"form\">\r\n    <vdr-form-field [label]=\"'editor.link-href' | translate\" for=\"href\">\r\n        <input id=\"href\" type=\"text\" formControlName=\"href\" />\r\n    </vdr-form-field>\r\n    <vdr-form-field [label]=\"'editor.link-title' | translate\" for=\"title\">\r\n        <input id=\"title\" type=\"text\" formControlName=\"title\" />\r\n    </vdr-form-field>\r\n</form>\r\n<ng-template vdrDialogButtons>\r\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"remove()\" *ngIf=\"existing\">\r\n        <clr-icon shape=\"unlink\"></clr-icon> {{ 'editor.remove-link' | translate }}\r\n    </button>\r\n    <button type=\"submit\" (click)=\"select()\" class=\"btn btn-primary\" [disabled]=\"form.invalid\">\r\n        {{ 'editor.set-link' | translate }}\r\n    </button>\r\n</ng-template>\r\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [""]
-                },] }
-    ];
+    };
     // : (NodeType) → InputRule
     // Given a blockquote node type, returns an input rule that turns `"> "`
@@ -11212,7 +12163,7 @@
     }
     function markActive(state, type) {
-        var _a = state.selection, from = _a.from, $from = _a.$from, to = _a.to, empty = _a.empty;
+        var _c = state.selection, from = _c.from, $from = _c.$from, to = _c.to, empty = _c.empty;
         if (empty) {
             return type.isInSet(state.storedMarks || $from.marks());
         }
@@ -11229,12 +12180,38 @@
             }
         }
         return false;
-    }
+    }
+    function renderClarityIcon(options) {
+        return function (view) {
+            var _a, _b;
+            var icon = document.createElement('clr-icon');
+            icon.setAttribute('shape', options.shape);
+            icon.setAttribute('size', ((_a = options.size) !== null && _a !== void 0 ? _a : IconSize.Small).toString());
+            var labelEl = document.createElement('span');
+            labelEl.textContent = (_b = options.label) !== null && _b !== void 0 ? _b : '';
+            return wrapInMenuItemWithIcon(icon, options.label ? labelEl : undefined);
+        };
+    }
+    function wrapInMenuItemWithIcon() {
+        var elements = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            elements[_i] = arguments[_i];
+        }
+        var wrapperEl = document.createElement('span');
+        wrapperEl.classList.add('menu-item-with-icon');
+        wrapperEl.append.apply(wrapperEl, __spreadArray([], __read(elements.filter(sharedUtils.notNullOrUndefined))));
+        return wrapperEl;
+    }
+    var IconSize = {
+        Large: 22,
+        Small: 16,
+    };
     function insertImageItem(nodeType, modalService) {
         return new prosemirrorMenu.MenuItem({
             title: 'Insert image',
             label: 'Image',
+            render: renderClarityIcon({ shape: 'image', label: 'Image' }),
             class: '',
             css: '',
             enable: function (state) {
@@ -11261,6 +12238,232 @@
                 });
             },
         });
+    }
+    var imageContextMenuPlugin = function (contextMenuService, modalService) { return new prosemirrorState.Plugin({
+        view: function () {
+            return {
+                update: function (view) {
+                    if (!view.hasFocus()) {
+                        return;
+                    }
+                    var _a = view.state, doc = _a.doc, selection = _a.selection;
+                    var imageNode;
+                    var imageNodePos = 0;
+                    doc.nodesBetween(selection.from, selection.to, function (n, pos, parent) {
+                        if (n.type.name === 'image') {
+                            imageNode = n;
+                            imageNodePos = pos;
+                            return false;
+                        }
+                    });
+                    if (imageNode) {
+                        var node = view.nodeDOM(imageNodePos);
+                        if (node instanceof HTMLImageElement) {
+                            contextMenuService.setContextMenu({
+                                ref: selection,
+                                title: 'Image',
+                                iconShape: 'image',
+                                element: node,
+                                coords: view.coordsAtPos(imageNodePos),
+                                items: [
+                                    {
+                                        enabled: true,
+                                        iconShape: 'image',
+                                        label: 'Image properties',
+                                        onClick: function () {
+                                            contextMenuService.clearContextMenu();
+                                            modalService
+                                                .fromComponent(ExternalImageDialogComponent, {
+                                                closable: true,
+                                                locals: {
+                                                    // tslint:disable-next-line:no-non-null-assertion
+                                                    existing: imageNode.attrs,
+                                                },
+                                            })
+                                                .subscribe(function (result) {
+                                                if (result) {
+                                                    // tslint:disable-next-line:no-non-null-assertion
+                                                    view.dispatch(view.state.tr.replaceSelectionWith(
+                                                    // tslint:disable-next-line:no-non-null-assertion
+                                                    imageNode.type.createAndFill(result)));
+                                                }
+                                                view.focus();
+                                            });
+                                        },
+                                    },
+                                ],
+                            });
+                        }
+                    }
+                    else {
+                        contextMenuService.clearContextMenu();
+                    }
+                },
+            };
+        },
+    }); };
+    var tableContextMenuPlugin = function (contextMenuService) { return new prosemirrorState.Plugin({
+        view: function () {
+            return {
+                update: function (view) {
+                    if (!view.hasFocus()) {
+                        return;
+                    }
+                    var _a = view.state, doc = _a.doc, selection = _a.selection;
+                    var tableNode;
+                    var tableNodePos = 0;
+                    doc.nodesBetween(selection.from, selection.to, function (n, pos, parent) {
+                        if (n.type.name === 'table') {
+                            tableNode = n;
+                            tableNodePos = pos;
+                            return false;
+                        }
+                    });
+                    if (tableNode) {
+                        var node = view.nodeDOM(tableNodePos);
+                        if (node instanceof Element) {
+                            function createMenuItem(label, commandFn, iconClass) {
+                                var enabled = commandFn(view.state);
+                                return {
+                                    label: label,
+                                    enabled: enabled,
+                                    iconClass: iconClass,
+                                    onClick: function () {
+                                        contextMenuService.clearContextMenu();
+                                        view.focus();
+                                        commandFn(view.state, view.dispatch);
+                                    },
+                                };
+                            }
+                            var separator = {
+                                label: '',
+                                separator: true,
+                                enabled: true,
+                                onClick: function () {
+                                    /**/
+                                },
+                            };
+                            contextMenuService.setContextMenu({
+                                ref: selection,
+                                title: 'Table',
+                                iconShape: 'table',
+                                element: node,
+                                coords: view.coordsAtPos(tableNodePos),
+                                items: [
+                                    createMenuItem('Insert column before', prosemirrorTables.addColumnBefore, 'add-column'),
+                                    createMenuItem('Insert column after', prosemirrorTables.addColumnAfter, 'add-column'),
+                                    createMenuItem('Insert row before', prosemirrorTables.addRowBefore, 'add-row'),
+                                    createMenuItem('Insert row after', prosemirrorTables.addRowAfter, 'add-row'),
+                                    createMenuItem('Merge cells', prosemirrorTables.mergeCells),
+                                    createMenuItem('Split cell', prosemirrorTables.splitCell),
+                                    separator,
+                                    createMenuItem('Toggle header column', prosemirrorTables.toggleHeaderColumn),
+                                    createMenuItem('Toggle header row', prosemirrorTables.toggleHeaderRow),
+                                    separator,
+                                    createMenuItem('Delete column', prosemirrorTables.deleteColumn),
+                                    createMenuItem('Delete row', prosemirrorTables.deleteRow),
+                                    createMenuItem('Delete table', prosemirrorTables.deleteTable),
+                                ],
+                            });
+                        }
+                    }
+                    else {
+                        contextMenuService.clearContextMenu();
+                    }
+                },
+            };
+        },
+    }); };
+    function getTableNodes() {
+        return prosemirrorTables.tableNodes({
+            tableGroup: 'block',
+            cellContent: 'block+',
+            cellAttributes: {
+                background: {
+                    default: null,
+                    getFromDOM: function (dom) {
+                        return dom.style.backgroundColor || null;
+                    },
+                    setDOMAttr: function (value, attrs) {
+                        if (value) {
+                            attrs.style = (attrs.style || '') + ("background-color: " + value + ";");
+                        }
+                    },
+                },
+            },
+        });
+    }
+    function getTableMenu(schema) {
+        function item(label, cmd, iconShape) {
+            return new prosemirrorMenu.MenuItem({
+                label: label,
+                select: cmd,
+                run: cmd,
+                render: iconShape ? renderClarityIcon({ shape: iconShape, label: label }) : undefined,
+            });
+        }
+        function separator() {
+            return new prosemirrorMenu.MenuItem({
+                select: function (state) { return prosemirrorTables.isInTable(state); },
+                run: function (state) {
+                    /**/
+                },
+                render: function (view) {
+                    var el = document.createElement('div');
+                    el.classList.add('menu-separator');
+                    return el;
+                },
+            });
+        }
+        return [
+            item('Insert column before', prosemirrorTables.addColumnBefore),
+            item('Insert column after', prosemirrorTables.addColumnAfter),
+            item('Insert row before', prosemirrorTables.addRowBefore),
+            item('Insert row after', prosemirrorTables.addRowAfter),
+            item('Merge cells', prosemirrorTables.mergeCells),
+            item('Split cell', prosemirrorTables.splitCell),
+            separator(),
+            item('Toggle header column', prosemirrorTables.toggleHeaderColumn),
+            item('Toggle header row', prosemirrorTables.toggleHeaderRow),
+            item('Toggle header cells', prosemirrorTables.toggleHeaderCell),
+            separator(),
+            item('Delete column', prosemirrorTables.deleteColumn),
+            item('Delete row', prosemirrorTables.deleteRow),
+            item('Delete table', prosemirrorTables.deleteTable),
+        ];
+    }
+    function addTable(state, dispatch, _a) {
+        var rowsCount = _a.rowsCount, colsCount = _a.colsCount, withHeaderRow = _a.withHeaderRow, cellContent = _a.cellContent;
+        var offset = state.tr.selection.anchor + 1;
+        var nodes = createTable(state, rowsCount, colsCount, withHeaderRow, cellContent);
+        var tr = state.tr.replaceSelectionWith(nodes).scrollIntoView();
+        var resolvedPos = tr.doc.resolve(offset);
+        tr.setSelection(prosemirrorState.TextSelection.near(resolvedPos));
+        dispatch(tr);
+    }
+    function createTable(state, rowsCount, colsCount, withHeaderRow, cellContent) {
+        var types = prosemirrorTables.tableNodeTypes(state.schema);
+        var headerCells = [];
+        var cells = [];
+        var createCell = function (cellType, _cellContent) { return _cellContent ? cellType.createChecked(null, _cellContent) : cellType.createAndFill(); };
+        for (var index = 0; index < colsCount; index += 1) {
+            var cell = createCell(types.cell, cellContent);
+            if (cell) {
+                cells.push(cell);
+            }
+            if (withHeaderRow) {
+                var headerCell = createCell(types.header_cell, cellContent);
+                if (headerCell) {
+                    headerCells.push(headerCell);
+                }
+            }
+        }
+        var rows = [];
+        for (var index = 0; index < rowsCount; index += 1) {
+            rows.push(types.row.createChecked(null, withHeaderRow && index === 0 ? headerCells : cells));
+        }
+        return types.table.createChecked(null, rows);
     }
     function selectionIsWithinLink(state, anchor, head) {
@@ -11281,7 +12484,7 @@
     function linkItem(linkMark, modalService) {
         return new prosemirrorMenu.MenuItem({
             title: 'Add or remove link',
-            icon: prosemirrorMenu.icons.link,
+            render: renderClarityIcon({ shape: 'link', size: 22 }),
             class: '',
             css: '',
             active: function (state) {
@@ -11328,11 +12531,30 @@
         });
     }
-    // Helpers to create specific types of items
+    var SubMenuWithIcon = /** @class */ (function (_super) {
+        __extends(SubMenuWithIcon, _super);
+        function SubMenuWithIcon(content, options) {
+            var _this = _super.call(this, content, options) || this;
+            _this.icon = options.icon();
+            return _this;
+        }
+        SubMenuWithIcon.prototype.render = function (view) {
+            var _a = _super.prototype.render.call(this, view), dom = _a.dom, update = _a.update;
+            return {
+                dom: wrapInMenuItemWithIcon(this.icon, dom),
+                update: update,
+            };
+        };
+        return SubMenuWithIcon;
+    }(prosemirrorMenu.DropdownSubmenu));
     function cmdItem(cmd, options) {
         var passedOptions = {
             label: options.title,
             run: cmd,
+            render: options.iconShape
+                ? renderClarityIcon({ shape: options.iconShape, size: IconSize.Large })
+                : undefined,
         };
         // tslint:disable-next-line:forin
         for (var prop in options) {
@@ -11422,10 +12644,16 @@
         var type;
         // tslint:disable:no-conditional-assignment
         if ((type = schema.marks.strong)) {
-            r.toggleStrong = markItem(type, { title: 'Toggle strong style', icon: prosemirrorMenu.icons.strong });
+            r.toggleStrong = markItem(type, {
+                title: 'Toggle strong style',
+                iconShape: 'bold',
+            });
         }
         if ((type = schema.marks.em)) {
-            r.toggleEm = markItem(type, { title: 'Toggle emphasis', icon: prosemirrorMenu.icons.em });
+            r.toggleEm = markItem(type, {
+                title: 'Toggle emphasis',
+                iconShape: 'italic',
+            });
         }
         if ((type = schema.marks.code)) {
             r.toggleCode = markItem(type, { title: 'Toggle code font', icon: prosemirrorMenu.icons.code });
@@ -11439,31 +12667,31 @@
         if ((type = schema.nodes.bullet_list)) {
             r.wrapBulletList = wrapListItem(type, {
                 title: 'Wrap in bullet list',
-                icon: prosemirrorMenu.icons.bulletList,
+                iconShape: 'bullet-list',
             });
         }
         if ((type = schema.nodes.ordered_list)) {
             r.wrapOrderedList = wrapListItem(type, {
                 title: 'Wrap in ordered list',
-                icon: prosemirrorMenu.icons.orderedList,
+                iconShape: 'number-list',
             });
         }
         if ((type = schema.nodes.blockquote)) {
             r.wrapBlockQuote = prosemirrorMenu.wrapItem(type, {
                 title: 'Wrap in block quote',
-                icon: prosemirrorMenu.icons.blockquote,
+                render: renderClarityIcon({ shape: 'block-quote', size: IconSize.Large }),
             });
         }
         if ((type = schema.nodes.paragraph)) {
             r.makeParagraph = prosemirrorMenu.blockTypeItem(type, {
                 title: 'Change to paragraph',
-                label: 'Plain',
+                render: renderClarityIcon({ shape: 'text', label: 'Plain' }),
             });
         }
         if ((type = schema.nodes.code_block)) {
             r.makeCodeBlock = prosemirrorMenu.blockTypeItem(type, {
                 title: 'Change to code block',
-                label: 'Code',
+                render: renderClarityIcon({ shape: 'code', label: 'Code' }),
             });
         }
         if ((type = schema.nodes.heading)) {
@@ -11479,9 +12707,13 @@
             var hr_1 = type;
             r.insertHorizontalRule = new prosemirrorMenu.MenuItem({
                 title: 'Insert horizontal rule',
-                label: 'Horizontal rule',
-                class: '',
-                css: '',
+                render: function (view) {
+                    var icon = document.createElement('div');
+                    icon.classList.add('custom-icon', 'hr-icon');
+                    var labelEl = document.createElement('span');
+                    labelEl.textContent = 'Horizontal rule';
+                    return wrapInMenuItemWithIcon(icon, labelEl);
+                },
                 enable: function (state) {
                     return canInsert(state, hr_1);
                 },
@@ -11491,12 +12723,34 @@
             });
         }
         var cut = function (arr) { return arr.filter(function (x) { return x; }); };
-        r.insertMenu = new prosemirrorMenu.Dropdown(cut([r.insertImage, r.insertHorizontalRule]), { label: 'Insert' });
+        r.insertMenu = new prosemirrorMenu.Dropdown(cut([
+            r.insertImage,
+            r.insertHorizontalRule,
+            new prosemirrorMenu.MenuItem({
+                run: function (state, dispatch) {
+                    addTable(state, dispatch, {
+                        rowsCount: 2,
+                        colsCount: 2,
+                        withHeaderRow: true,
+                        cellContent: '',
+                    });
+                },
+                render: renderClarityIcon({ shape: 'table', label: 'Table' }),
+            }),
+        ]), { label: 'Insert' });
         r.typeMenu = new prosemirrorMenu.Dropdown(cut([
             r.makeParagraph,
             r.makeCodeBlock,
             r.makeHead1 &&
-                new prosemirrorMenu.DropdownSubmenu(cut([r.makeHead1, r.makeHead2, r.makeHead3, r.makeHead4, r.makeHead5, r.makeHead6]), { label: 'Heading' }),
+                new SubMenuWithIcon(cut([r.makeHead1, r.makeHead2, r.makeHead3, r.makeHead4, r.makeHead5, r.makeHead6]), {
+                    label: 'Heading',
+                    icon: function () {
+                        var icon = document.createElement('div');
+                        icon.textContent = 'H';
+                        icon.classList.add('custom-icon', 'h-icon');
+                        return icon;
+                    },
+                }),
         ]), { label: 'Type...' });
         var inlineMenu = cut([r.toggleStrong, r.toggleEm, r.toggleLink]);
         r.inlineMenu = [inlineMenu];
@@ -11510,10 +12764,37 @@
                 prosemirrorMenu.selectParentNodeItem,
             ]),
         ];
-        r.fullMenu = [inlineMenu].concat([[r.insertMenu, r.typeMenu]], [[prosemirrorMenu.undoItem, prosemirrorMenu.redoItem]], r.blockMenu);
+        var undoRedo = [
+            new prosemirrorMenu.MenuItem({
+                title: 'Undo last change',
+                run: prosemirrorHistory.undo,
+                enable: function (state) {
+                    return prosemirrorHistory.undo(state);
+                },
+                render: renderClarityIcon({ shape: 'undo', size: IconSize.Large }),
+            }),
+            new prosemirrorMenu.MenuItem({
+                title: 'Redo last undone change',
+                run: prosemirrorHistory.redo,
+                enable: function (state) {
+                    return prosemirrorHistory.redo(state);
+                },
+                render: renderClarityIcon({ shape: 'redo', size: IconSize.Large }),
+            }),
+        ];
+        r.fullMenu = [inlineMenu].concat([[r.insertMenu, r.typeMenu]], [undoRedo], r.blockMenu);
         return r;
     }
+    function customMenuPlugin(options) {
+        var modalService = options.injector.get(ModalService);
+        var pmMenuBarPlugin = prosemirrorMenu.menuBar({
+            floating: options.floatingMenu !== false,
+            content: buildMenuItems(options.schema, modalService).fullMenu,
+        });
+        return pmMenuBarPlugin;
+    }
     /**
      * Retrieve the start and end position of a mark
      * "Borrowed" from [tiptap](https://github.com/scrumpy/tiptap)
@@ -11565,13 +12846,110 @@
         },
     });
+    /**
+     * Implements editing of raw HTML for the selected node in the editor.
+     */
+    var rawEditorPlugin = function (contextMenuService, modalService) { return new prosemirrorState.Plugin({
+        view: function (_view) {
+            var domParser = prosemirrorModel.DOMParser.fromSchema(_view.state.schema);
+            var domSerializer = prosemirrorModel.DOMSerializer.fromSchema(_view.state.schema);
+            return {
+                update: function (view) {
+                    if (!view.hasFocus()) {
+                        return;
+                    }
+                    var topLevelNode;
+                    var _b = view.state, doc = _b.doc, selection = _b.selection;
+                    var topLevelNodePos = 0;
+                    doc.nodesBetween(selection.from, selection.to, function (n, pos, parent) {
+                        if (parent === doc) {
+                            topLevelNode = n;
+                            topLevelNodePos = pos;
+                            return false;
+                        }
+                    });
+                    if (topLevelNode) {
+                        var node_1 = view.nodeDOM(topLevelNodePos);
+                        if (node_1 instanceof HTMLElement) {
+                            contextMenuService.setContextMenu({
+                                ref: selection,
+                                title: '',
+                                // iconShape: 'ellipsis-vertical',
+                                element: node_1,
+                                coords: view.coordsAtPos(topLevelNodePos),
+                                items: [
+                                    {
+                                        enabled: true,
+                                        iconShape: 'code',
+                                        label: 'Edit HTML',
+                                        onClick: function () {
+                                            contextMenuService.clearContextMenu();
+                                            var element = domSerializer.serializeNode(
+                                            // tslint:disable-next-line:no-non-null-assertion
+                                            topLevelNode);
+                                            modalService
+                                                .fromComponent(RawHtmlDialogComponent, {
+                                                size: 'xl',
+                                                locals: {
+                                                    html: element.outerHTML,
+                                                },
+                                            })
+                                                .subscribe(function (result) {
+                                                var _a;
+                                                if (result) {
+                                                    var domNode = htmlToDomNode(result, (topLevelNode === null || topLevelNode === void 0 ? void 0 : topLevelNode.isLeaf) ? undefined : node_1);
+                                                    if (domNode) {
+                                                        var tr = view.state.tr;
+                                                        var parsedNodeSlice = domParser.parse(domNode);
+                                                        try {
+                                                            tr = tr.replaceRangeWith(topLevelNodePos, topLevelNodePos +
+                                                                ((_a = topLevelNode === null || topLevelNode === void 0 ? void 0 : topLevelNode.nodeSize) !== null && _a !== void 0 ? _a : 0), parsedNodeSlice);
+                                                        }
+                                                        catch (err) {
+                                                            // tslint:disable-next-line:no-console
+                                                            console.error(err);
+                                                        }
+                                                        view.dispatch(tr);
+                                                        view.focus();
+                                                    }
+                                                }
+                                            });
+                                        },
+                                    },
+                                ],
+                            });
+                        }
+                    }
+                },
+            };
+        },
+    }); };
+    function htmlToDomNode(html, wrapInParent) {
+        html = "" + html.trim();
+        var template = document.createElement('template');
+        if (wrapInParent) {
+            var parentClone = wrapInParent.cloneNode(false);
+            parentClone.innerHTML = html;
+            template.content.appendChild(parentClone);
+        }
+        else {
+            var parent = document.createElement('p');
+            parent.innerHTML = html;
+            template.content.appendChild(parent);
+        }
+        return template.content.firstChild;
+    }
     var ProsemirrorService = /** @class */ (function () {
-        function ProsemirrorService(modalService) {
-            this.modalService = modalService;
+        function ProsemirrorService(injector, contextMenuService) {
+            this.injector = injector;
+            this.contextMenuService = contextMenuService;
             // Mix the nodes from prosemirror-schema-list into the basic schema to
             // create a schema with list support.
             this.mySchema = new prosemirrorModel.Schema({
-                nodes: prosemirrorSchemaList.addListNodes(prosemirrorSchemaBasic.schema.spec.nodes, 'paragraph block*', 'block'),
+                nodes: prosemirrorSchemaList.addListNodes(prosemirrorSchemaBasic.schema.spec.nodes, 'paragraph block*', 'block')
+                    .append(getTableNodes())
+                    .addToEnd('iframe', iframeNode),
                 marks: prosemirrorSchemaBasic.schema.spec.marks,
             });
             this.enabled = true;
@@ -11591,13 +12969,30 @@
                     }
                 },
                 editable: function () { return options.isReadOnly(); },
+                handleDOMEvents: {
+                    focus: function (view) {
+                        _this.contextMenuService.setVisibility(true);
+                    },
+                    blur: function (view) {
+                        _this.contextMenuService.setVisibility(false);
+                    },
+                },
+                nodeViews: {
+                    iframe: iframeNodeView,
+                },
             });
         };
         ProsemirrorService.prototype.update = function (text) {
             if (this.editorView) {
-                var state = this.getStateFromText(text);
-                if (document.body.contains(this.editorView.dom)) {
-                    this.editorView.updateState(state);
+                var currentText = this.getTextFromState(this.editorView.state);
+                if (text !== currentText) {
+                    var state = this.getStateFromText(text);
+                    if (document.body.contains(this.editorView.dom)) {
+                        var fix = prosemirrorTables.fixTables(state);
+                        if (fix)
+                            state = state.apply(fix.setMeta('addToHistory', false));
+                        this.editorView.updateState(state);
+                    }
                 }
             }
         };
@@ -11637,13 +13032,17 @@
                 prosemirrorDropcursor.dropCursor(),
                 prosemirrorGapcursor.gapCursor(),
                 linkSelectPlugin,
+                prosemirrorTables.columnResizing({}),
+                prosemirrorTables.tableEditing({ allowTableNodeSelection: true }),
+                tableContextMenuPlugin(this.contextMenuService),
+                imageContextMenuPlugin(this.contextMenuService, this.injector.get(ModalService)),
+                rawEditorPlugin(this.contextMenuService, this.injector.get(ModalService)),
+                customMenuPlugin({
+                    floatingMenu: options.floatingMenu,
+                    injector: this.injector,
+                    schema: options.schema,
+                }),
             ];
-            if (options.menuBar !== false) {
-                plugins.push(prosemirrorMenu.menuBar({
-                    floating: options.floatingMenu !== false,
-                    content: options.menuContent || buildMenuItems(options.schema, this.modalService).fullMenu,
-                }));
-            }
             if (options.history !== false) {
                 plugins.push(prosemirrorHistory.history());
             }
@@ -11659,7 +13058,8 @@
         { type: i0.Injectable }
     ];
     ProsemirrorService.ctorParameters = function () { return [
-        { type: ModalService }
+        { type: i0.Injector },
+        { type: ContextMenuService }
     ]; };
     /**
@@ -11677,9 +13077,11 @@
      * @docsCategory components
      */
     var RichTextEditorComponent = /** @class */ (function () {
-        function RichTextEditorComponent(changeDetector, prosemirrorService) {
+        function RichTextEditorComponent(changeDetector, prosemirrorService, viewContainerRef, contextMenuService) {
             this.changeDetector = changeDetector;
             this.prosemirrorService = prosemirrorService;
+            this.viewContainerRef = viewContainerRef;
+            this.contextMenuService = contextMenuService;
             this._readonly = false;
         }
         Object.defineProperty(RichTextEditorComponent.prototype, "readonly", {
@@ -11690,6 +13092,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(RichTextEditorComponent.prototype, "menuElement", {
+            get: function () {
+                return this.viewContainerRef.element.nativeElement.querySelector('.ProseMirror-menubar');
+            },
+            enumerable: false,
+            configurable: true
+        });
         RichTextEditorComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
             this.prosemirrorService.createEditorView({
@@ -11717,9 +13126,11 @@
             this.prosemirrorService.setEnabled(!isDisabled);
         };
         RichTextEditorComponent.prototype.writeValue = function (value) {
-            this.value = value;
-            if (this.prosemirrorService) {
-                this.prosemirrorService.update(value);
+            if (value !== this.value) {
+                this.value = value;
+                if (this.prosemirrorService) {
+                    this.prosemirrorService.update(value);
+                }
             }
         };
         return RichTextEditorComponent;
@@ -11727,7 +13138,7 @@
     RichTextEditorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-rich-text-editor',
-                    template: "<label class=\"clr-control-label\">{{ label }}</label>\r\n<div #editor></div>\r\n",
+                    template: "<label class=\"clr-control-label\">{{ label }}</label>\r\n<div #editor></div>\r\n<vdr-context-menu [editorMenuElement]=\"menuElement\"></vdr-context-menu>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -11736,13 +13147,16 @@
                             multi: true,
                         },
                         ProsemirrorService,
+                        ContextMenuService,
                     ],
-                    styles: ["@charset \"UTF-8\";::ng-deep .ProseMirror{position:relative}::ng-deep .ProseMirror{word-wrap:break-word;white-space:pre-wrap;-webkit-font-variant-ligatures:none;font-feature-settings:none;font-variant-ligatures:none}::ng-deep .ProseMirror pre{white-space:pre-wrap}::ng-deep .ProseMirror li{position:relative}::ng-deep .ProseMirror-hideselection *::selection{background:transparent}::ng-deep .ProseMirror-hideselection *::-moz-selection{background:transparent}::ng-deep .ProseMirror-hideselection{caret-color:transparent}::ng-deep .ProseMirror-selectednode{outline:2px solid var(--color-primary-500)}::ng-deep li.ProseMirror-selectednode{outline:none}::ng-deep li.ProseMirror-selectednode:after{content:\"\";position:absolute;left:-32px;right:-2px;top:-2px;bottom:-2px;border:2px solid var(--color-primary-500);pointer-events:none}::ng-deep .ProseMirror-textblock-dropdown{min-width:3em}::ng-deep .ProseMirror-menu{margin:0 -4px;line-height:1}::ng-deep .ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:pre}::ng-deep .ProseMirror-menuitem{margin-right:3px;display:inline-block}::ng-deep .ProseMirror-menuseparator{border-right:1px solid var(--color-component-border-200);margin-right:3px}::ng-deep .ProseMirror-menu-dropdown,::ng-deep .ProseMirror-menu-dropdown-menu{font-size:90%;white-space:nowrap}::ng-deep .ProseMirror-menu-dropdown{vertical-align:1px;cursor:pointer;position:relative;padding-right:15px}::ng-deep .ProseMirror-menu-dropdown-wrap{padding:1px 0 1px 4px;display:inline-block;position:relative}::ng-deep .ProseMirror-menu-dropdown:after{content:\"\";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.6;position:absolute;right:4px;top:calc(50% - 2px)}::ng-deep .ProseMirror-menu-dropdown-menu,::ng-deep .ProseMirror-menu-submenu{position:absolute;background:white;color:var(--color-grey-600);border:1px solid var(--color-component-border-200);padding:2px}::ng-deep .ProseMirror-menu-dropdown-menu{z-index:15;min-width:6em}::ng-deep .ProseMirror-menu-dropdown-item{cursor:pointer;padding:2px 8px 2px 4px}::ng-deep .ProseMirror-menu-dropdown-item:hover{background:var(--color-component-bg-100)}::ng-deep .ProseMirror-menu-submenu-wrap{position:relative;margin-right:-4px}::ng-deep .ProseMirror-menu-submenu-label:after{content:\"\";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid currentColor;opacity:.6;position:absolute;right:4px;top:calc(50% - 4px)}::ng-deep .ProseMirror-menu-submenu{display:none;min-width:4em;left:100%;top:-3px}::ng-deep .ProseMirror-menu-active{background:var(--color-component-bg-100);border-radius:4px}::ng-deep .ProseMirror-menu-disabled{opacity:.3}::ng-deep .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,::ng-deep .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu{display:block}::ng-deep .ProseMirror-menubar{border-top-left-radius:inherit;border-top-right-radius:inherit;position:relative;min-height:1em;color:var(--color-grey-600);padding:1px 6px;top:0;left:0;right:0;background:var(--color-component-bg-100);z-index:10;box-sizing:border-box;overflow:visible}::ng-deep .ProseMirror-icon{display:inline-block;line-height:.8;vertical-align:-2px;padding:2px 8px;cursor:pointer}::ng-deep .ProseMirror-menu-disabled.ProseMirror-icon{cursor:default}::ng-deep .ProseMirror-icon svg{fill:currentColor;height:1em}::ng-deep .ProseMirror-icon span{vertical-align:text-top}::ng-deep .ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute}::ng-deep .ProseMirror-gapcursor:after{content:\"\";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid black;animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}::ng-deep .ProseMirror-focused .ProseMirror-gapcursor{display:block}::ng-deep .ProseMirror ul,::ng-deep .ProseMirror ol{padding-left:30px;list-style-position:initial}::ng-deep .ProseMirror blockquote{padding-left:1em;border-left:3px solid var(--color-grey-100);margin-left:0;margin-right:0}::ng-deep .ProseMirror-prompt{background:white;padding:5px 10px 5px 15px;border:1px solid silver;position:fixed;border-radius:3px;z-index:11;box-shadow:-.5px 2px 5px #0003}::ng-deep .ProseMirror-prompt h5{margin:0;font-weight:normal;font-size:100%;color:var(--color-grey-500)}::ng-deep .ProseMirror-prompt input[type=text],::ng-deep .ProseMirror-prompt textarea{background:var(--color-component-bg-100);border:none;outline:none}::ng-deep .ProseMirror-prompt input[type=text]{padding:0 4px}::ng-deep .ProseMirror-prompt-close{position:absolute;left:2px;top:1px;color:var(--color-grey-400);border:none;background:transparent;padding:0}::ng-deep .ProseMirror-prompt-close:after{content:\"\\e2\\153\\2022\";font-size:12px}::ng-deep .ProseMirror-invalid{background:var(--color-warning-200);border:1px solid var(--color-warning-300);border-radius:4px;padding:5px 10px;position:absolute;min-width:10em}::ng-deep .ProseMirror-prompt-buttons{margin-top:5px;display:none}::ng-deep #editor,::ng-deep .editor{background:var(--color-form-input-bg);color:#000;background-clip:padding-box;border-radius:4px;border:2px solid rgba(0,0,0,.2);padding:5px 0;margin-bottom:23px}::ng-deep .ProseMirror p:first-child,::ng-deep .ProseMirror h1:first-child,::ng-deep .ProseMirror h2:first-child,::ng-deep .ProseMirror h3:first-child,::ng-deep .ProseMirror h4:first-child,::ng-deep .ProseMirror h5:first-child,::ng-deep .ProseMirror h6:first-child{margin-top:10px}::ng-deep .ProseMirror{padding:4px 8px 4px 14px;line-height:1.2;outline:none}::ng-deep .ProseMirror p{margin-bottom:.5rem;color:var(--color-grey-800)!important}:host{display:block;max-width:710px;margin-bottom:.5rem}:host.readonly ::ng-deep .ProseMirror-menubar{display:none}::ng-deep .ProseMirror-menubar{position:sticky;top:24px;margin-top:6px;border:1px solid var(--color-component-border-200);border-bottom:none;background-color:var(--color-component-bg-200);color:var(--color-icon-button);border-radius:var(--border-radius-input) var(--border-radius-input) 0 0;padding:6px 12px;display:flex;flex-wrap:wrap}::ng-deep .vdr-prosemirror{background:var(--color-form-input-bg);min-height:128px;min-width:200px;border:1px solid var(--color-component-border-200);border-radius:0 0 var(--border-radius-input) var(--border-radius-input);transition:border-color .2s;overflow:auto;text-align:initial}::ng-deep .vdr-prosemirror:focus{border-color:var(--color-primary-500)!important;box-shadow:0 0 1px 1px var(--color-primary-100)}::ng-deep .vdr-prosemirror hr{padding:2px 10px;border:none;margin:1em 0}::ng-deep .vdr-prosemirror hr:after{content:\"\";display:block;height:1px;background-color:silver;line-height:2px}::ng-deep .vdr-prosemirror img{cursor:default;max-width:100%}\n"]
+                    styles: ["@charset \"UTF-8\";::ng-deep .ProseMirror{position:relative}::ng-deep .ProseMirror{word-wrap:break-word;white-space:pre-wrap;-webkit-font-variant-ligatures:none;font-feature-settings:none;font-variant-ligatures:none}::ng-deep .ProseMirror pre{white-space:pre-wrap}::ng-deep .ProseMirror li{position:relative}::ng-deep .ProseMirror-hideselection *::selection{background:transparent}::ng-deep .ProseMirror-hideselection *::-moz-selection{background:transparent}::ng-deep .ProseMirror-hideselection{caret-color:transparent}::ng-deep .ProseMirror-selectednode{outline:2px solid var(--color-primary-500)}::ng-deep li.ProseMirror-selectednode{outline:none}::ng-deep li.ProseMirror-selectednode:after{content:\"\";position:absolute;left:-32px;right:-2px;top:-2px;bottom:-2px;border:2px solid var(--color-primary-500);pointer-events:none}::ng-deep .ProseMirror-textblock-dropdown{min-width:3em}::ng-deep .ProseMirror-menu{margin:0 -4px;line-height:1}::ng-deep .ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:pre}::ng-deep .ProseMirror-menuitem{margin-right:3px;display:inline-block}::ng-deep .ProseMirror-menuseparator{border-right:1px solid var(--color-component-border-200);margin:0 12px 0 8px;height:18px}::ng-deep .ProseMirror-menu-dropdown,::ng-deep .ProseMirror-menu-dropdown-menu{font-size:90%;white-space:nowrap;border-radius:var(--border-radius-input)}::ng-deep .ProseMirror-menu-dropdown{vertical-align:1px;cursor:pointer;position:relative;padding-right:15px}::ng-deep .ProseMirror-menu-dropdown-wrap{padding:1px 3px 1px 6px;display:inline-block;position:relative}::ng-deep .ProseMirror-menu-dropdown:after{content:\"\";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.6;position:absolute;right:4px;top:calc(50% - 2px)}::ng-deep .ProseMirror-menu-dropdown-menu,::ng-deep .ProseMirror-menu-submenu{position:absolute;background:var(--color-component-bg-100);border:1px solid var(--color-component-border-200);padding:2px}::ng-deep .ProseMirror-menu-dropdown-menu{z-index:15;min-width:6em;color:var(--color-text-200)}::ng-deep .ProseMirror-menu-dropdown-item{cursor:pointer;padding:2px 8px 2px 4px}::ng-deep .ProseMirror-menu-dropdown-item:hover{background:var(--color-component-bg-200)}::ng-deep .ProseMirror-menu-submenu-wrap{position:relative;margin-right:4px}::ng-deep .ProseMirror-menu-submenu-label:after{content:\"\";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid currentColor;opacity:.6;position:absolute;right:-8px;top:calc(50% - 4px)}::ng-deep .ProseMirror-menu-submenu{display:none;min-width:4em;left:100%;top:-3px}::ng-deep .ProseMirror-menu-active{background:var(--color-component-bg-100);border-radius:4px}::ng-deep .ProseMirror-menu-disabled{opacity:.3}::ng-deep .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,::ng-deep .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu{display:block}::ng-deep .ProseMirror-menubar{border-top-left-radius:inherit;border-top-right-radius:inherit;position:relative;min-height:1em;color:var(--color-grey-600);padding:1px 6px;top:0;left:0;right:0;background:var(--color-component-bg-100);z-index:10;box-sizing:border-box;overflow:visible;align-items:center}::ng-deep .ProseMirror-icon{display:inline-block;line-height:.8;vertical-align:-2px;padding:2px 8px;cursor:pointer}::ng-deep .ProseMirror-menu-disabled.ProseMirror-icon{cursor:default}::ng-deep .ProseMirror-icon svg{fill:currentColor;height:1em}::ng-deep .ProseMirror-icon span{vertical-align:text-top}::ng-deep .ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute}::ng-deep .ProseMirror-gapcursor:after{content:\"\";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid black;animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}::ng-deep .ProseMirror-focused .ProseMirror-gapcursor{display:block}::ng-deep .ProseMirror ul,::ng-deep .ProseMirror ol{padding-left:30px;list-style-position:initial}::ng-deep .ProseMirror blockquote{padding-left:1em;border-left:3px solid var(--color-grey-100);margin-left:0;margin-right:0}::ng-deep .ProseMirror-prompt{background:white;padding:5px 10px 5px 15px;border:1px solid silver;position:fixed;border-radius:3px;z-index:11;box-shadow:-.5px 2px 5px #0003}::ng-deep .ProseMirror-prompt h5{margin:0;font-weight:normal;font-size:100%;color:var(--color-grey-500)}::ng-deep .ProseMirror-prompt input[type=text],::ng-deep .ProseMirror-prompt textarea{background:var(--color-component-bg-100);border:none;outline:none}::ng-deep .ProseMirror-prompt input[type=text]{padding:0 4px}::ng-deep .ProseMirror-prompt-close{position:absolute;left:2px;top:1px;color:var(--color-grey-400);border:none;background:transparent;padding:0}::ng-deep .ProseMirror-prompt-close:after{content:\"\\e2\\153\\2022\";font-size:12px}::ng-deep .ProseMirror-invalid{background:var(--color-warning-200);border:1px solid var(--color-warning-300);border-radius:4px;padding:5px 10px;position:absolute;min-width:10em}::ng-deep .ProseMirror-prompt-buttons{margin-top:5px;display:none}::ng-deep #editor,::ng-deep .editor{background:var(--color-form-input-bg);color:#000;background-clip:padding-box;border-radius:4px;border:2px solid rgba(0,0,0,.2);padding:5px 0;margin-bottom:23px}::ng-deep .ProseMirror p:first-child,::ng-deep .ProseMirror h1:first-child,::ng-deep .ProseMirror h2:first-child,::ng-deep .ProseMirror h3:first-child,::ng-deep .ProseMirror h4:first-child,::ng-deep .ProseMirror h5:first-child,::ng-deep .ProseMirror h6:first-child{margin-top:10px}::ng-deep .ProseMirror{padding:4px 8px 4px 14px;line-height:1.2;outline:none}::ng-deep .ProseMirror p{margin-bottom:.5rem;color:var(--color-grey-800)!important}::ng-deep .ProseMirror .tableWrapper td,::ng-deep .ProseMirror .tableWrapper th{border:1px solid var(--color-grey-300);padding:3px 6px}::ng-deep .ProseMirror .tableWrapper td p,::ng-deep .ProseMirror .tableWrapper th p{margin-top:0}::ng-deep .ProseMirror .tableWrapper th,::ng-deep .ProseMirror .tableWrapper th p{font-weight:bold}::ng-deep .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}::ng-deep .ProseMirror td,::ng-deep .ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}::ng-deep .ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}::ng-deep .ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}::ng-deep .ProseMirror .selectedCell:after{z-index:2;position:absolute;content:\"\";left:0;right:0;top:0;bottom:0;background:#afdaf355;pointer-events:none}::ng-deep .menu-separator{border-bottom:1px solid var(--color-grey-400);height:0;margin:6px 0;pointer-events:none}::ng-deep .menu-item-with-icon{display:flex;align-items:center}::ng-deep .menu-item-with-icon clr-icon,::ng-deep .menu-item-with-icon .custom-icon{margin-right:4px;color:var(--color-text-200)}::ng-deep .menu-item-with-icon .hr-icon{width:13px;height:8px;border-bottom:2px solid var(--color-text-100);margin:-8px 5px 0 2px}::ng-deep .menu-item-with-icon .h-icon{width:16px;text-align:center;font-weight:bold;font-size:12px}.context-menu{position:fixed}:host{display:block;max-width:710px;margin-bottom:.5rem}:host.readonly ::ng-deep .ProseMirror-menubar{display:none}::ng-deep .ProseMirror-menubar{position:sticky;top:24px;margin-top:6px;border:1px solid var(--color-component-border-200);border-bottom:none;background-color:var(--color-component-bg-200);color:var(--color-icon-button);border-radius:var(--border-radius-input) var(--border-radius-input) 0 0;padding:6px 12px;display:flex;flex-wrap:wrap}::ng-deep .vdr-prosemirror{background:var(--color-form-input-bg);min-height:128px;min-width:200px;border:1px solid var(--color-component-border-200);border-radius:0 0 var(--border-radius-input) var(--border-radius-input);transition:border-color .2s;overflow:auto;text-align:initial}::ng-deep .vdr-prosemirror:focus{border-color:var(--color-primary-500)!important;box-shadow:0 0 1px 1px var(--color-primary-100)}::ng-deep .vdr-prosemirror hr{padding:2px 10px;border:none;margin:1em 0}::ng-deep .vdr-prosemirror hr:after{content:\"\";display:block;height:1px;background-color:silver;line-height:2px}::ng-deep .vdr-prosemirror img{cursor:default;max-width:100%}::ng-deep .vdr-prosemirror .iframe-wrapper{width:100%;text-align:center;padding:6px;transition:background-color .3s}::ng-deep .vdr-prosemirror .iframe-wrapper:hover{background-color:var(--color-primary-100)}\n"]
                 },] }
     ];
     RichTextEditorComponent.ctorParameters = function () { return [
         { type: i0.ChangeDetectorRef },
-        { type: ProsemirrorService }
+        { type: ProsemirrorService },
+        { type: i0.ViewContainerRef },
+        { type: ContextMenuService }
     ]; };
     RichTextEditorComponent.propDecorators = {
         label: [{ type: i0.Input }],
@@ -12590,7 +14004,7 @@
     DynamicFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-dynamic-form-input',
-                    template: "<ng-container *ngIf=\"!renderAsList; else list\">\r\n    <ng-container #single></ng-container>\r\n</ng-container>\r\n<ng-template #list>\r\n    <div class=\"list-container\" cdkDropList (cdkDropListDropped)=\"moveListItem($event)\">\r\n        <div class=\"list-item-row\" *ngFor=\"let item of listItems; trackBy: trackById\" cdkDrag [cdkDragData]=\"item\">\r\n            <ng-container #listItem></ng-container>\r\n            <button class=\"btn btn-link btn-sm btn-warning\" (click)=\"removeListItem(item)\" [title]=\"'common.remove-item-from-list' | translate\">\r\n                <clr-icon shape=\"times\"></clr-icon>\r\n            </button>\r\n            <div class=\"flex-spacer\"></div>\r\n            <div class=\"drag-handle\" cdkDragHandle *ngIf=\"!readonly\">\r\n                <clr-icon shape=\"drag-handle\" size=\"24\"></clr-icon>\r\n            </div>\r\n        </div>\r\n        <button class=\"btn btn-secondary btn-sm\" (click)=\"addListItem()\">\r\n            <clr-icon shape=\"plus\"></clr-icon> {{ 'common.add-item-to-list' | translate }}\r\n        </button>\r\n    </div>\r\n</ng-template>\r\n",
+                    template: "<ng-container *ngIf=\"!renderAsList; else list\">\r\n    <ng-container #single></ng-container>\r\n</ng-container>\r\n<ng-template #list>\r\n    <div class=\"list-container\" cdkDropList (cdkDropListDropped)=\"moveListItem($event)\">\r\n        <div\r\n            class=\"list-item-row\"\r\n            *ngFor=\"let item of listItems; trackBy: trackById\"\r\n            cdkDrag\r\n            [cdkDragData]=\"item\"\r\n        >\r\n            <ng-container #listItem></ng-container>\r\n            <button\r\n                class=\"btn btn-link btn-sm btn-warning\"\r\n                *ngIf=\"!readonly\"\r\n                (click)=\"removeListItem(item)\"\r\n                [title]=\"'common.remove-item-from-list' | translate\"\r\n            >\r\n                <clr-icon shape=\"times\"></clr-icon>\r\n            </button>\r\n            <div class=\"flex-spacer\"></div>\r\n            <div class=\"drag-handle\" cdkDragHandle [class.hidden]=\"readonly\">\r\n                <clr-icon shape=\"drag-handle\" size=\"24\"></clr-icon>\r\n            </div>\r\n        </div>\r\n        <button class=\"btn btn-secondary btn-sm\" (click)=\"addListItem()\" *ngIf=\"!readonly\">\r\n            <clr-icon shape=\"plus\"></clr-icon> {{ 'common.add-item-to-list' | translate }}\r\n        </button>\r\n    </div>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -12599,7 +14013,7 @@
                             multi: true,
                         },
                     ],
-                    styles: [":host{flex:1}.list-container{border:1px solid var(--color-component-border-200);border-radius:3px;padding:12px}.list-item-row{font-size:13px;display:flex;align-items:center;margin:3px 0}.drag-placeholder{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{font-size:13px;background-color:var(--color-component-bg-100);opacity:.8;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:.1}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drop-list-dragging .list-item-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"]
+                    styles: [":host{flex:1}.list-container{border:1px solid var(--color-component-border-200);border-radius:3px;padding:12px}.list-item-row{font-size:13px;display:flex;align-items:center;margin:3px 0}.drag-placeholder{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{font-size:13px;background-color:var(--color-component-bg-100);opacity:.8;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.drag-handle.hidden{display:none}.cdk-drag-placeholder{opacity:.1}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drop-list-dragging .list-item-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"]
                 },] }
     ];
     DynamicFormInputComponent.ctorParameters = function () { return [
@@ -13678,6 +15092,7 @@
         function StateI18nTokenPipe() {
             this.stateI18nTokens = {
                 Created: ngxTranslateExtractMarker.marker('state.created'),
+                Draft: ngxTranslateExtractMarker.marker('state.draft'),
                 AddingItems: ngxTranslateExtractMarker.marker('state.adding-items'),
                 ArrangingPayment: ngxTranslateExtractMarker.marker('state.arranging-payment'),
                 PaymentAuthorized: ngxTranslateExtractMarker.marker('state.payment-authorized'),
@@ -13966,6 +15381,11 @@
         AssetPreviewLinksComponent,
         ProductMultiSelectorDialogComponent,
         ProductSearchInputComponent,
+        ContextMenuComponent,
+        RawHtmlDialogComponent,
+        BulkActionMenuComponent,
+        RadioCardComponent,
+        RadioCardFieldsetComponent,
     ];
     var DYNAMIC_FORM_INPUTS = [
         TextFormInputComponent,
@@ -13989,6 +15409,7 @@
         TextareaFormInputComponent,
         RichTextFormInputComponent,
         JsonEditorFormInputComponent,
+        HtmlEditorFormInputComponent,
         ProductMultiSelectorFormInputComponent,
         CombinationModeFormInputComponent,
     ];
@@ -14475,6 +15896,54 @@
         }));
     }
+    /**
+     * @description
+     * Resolves to an object containing the Channel code of the given channelId, or if no channelId
+     * is supplied, the code of the activeChannel.
+     */
+    function getChannelCodeFromUserStatus(dataService, channelId) {
+        return dataService.client
+            .userStatus()
+            .mapSingle(function (_c) {
+            var userStatus = _c.userStatus;
+            var _a, _b;
+            var channelCode = (_b = (_a = userStatus.channels.find(function (c) { return c.id === (channelId !== null && channelId !== void 0 ? channelId : userStatus.activeChannelId); })) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : 'undefined';
+            return { channelCode: channelCode };
+        })
+            .toPromise();
+    }
+    /**
+     * @description
+     * Resolves to `true` if multiple Channels are set up.
+     */
+    function isMultiChannel(dataService) {
+        return dataService.client
+            .userStatus()
+            .mapSingle(function (_c) {
+            var userStatus = _c.userStatus;
+            return 1 < userStatus.channels.length;
+        })
+            .toPromise();
+    }
+    /**
+     * @description
+     * Resolves to `true` if the current active Channel is not the default Channel.
+     */
+    function currentChannelIsNotDefault(dataService) {
+        return dataService.client
+            .userStatus()
+            .mapSingle(function (_c) {
+            var userStatus = _c.userStatus;
+            var _a;
+            if (userStatus.channels.length === 1) {
+                return false;
+            }
+            var defaultChannelId = (_a = userStatus.channels.find(function (c) { return c.code === sharedConstants.DEFAULT_CHANNEL_CODE; })) === null || _a === void 0 ? void 0 : _a.id;
+            return userStatus.activeChannelId !== defaultChannelId;
+        })
+            .toPromise();
+    }
     /**
      * @description
      * Given a translatable entity, returns the translation in the specified LanguageCode if
@@ -14566,7 +16035,68 @@
     }
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.7.4';
+    var ADMIN_UI_VERSION = '1.8.1';
+    /**
+     * @description
+     * Registers a custom {@link BulkAction} which can be invoked from the bulk action menu
+     * of any supported list view.
+     *
+     * This allows you to provide custom functionality that can operate on any of the selected
+     * items in the list view.
+     *
+     * In this example, imagine we have an integration with a 3rd-party text translation service. This
+     * bulk action allows us to select multiple products from the product list view, and send them for
+     * translation via a custom service which integrates with the translation service's API.
+     *
+     * @example
+     * ```TypeScript
+     * import { NgModule } from '\@angular/core';
+     * import { ModalService, registerBulkAction, SharedModule } from '\@vendure/admin-ui/core';
+     *
+     * \@NgModule({
+     *   imports: [SharedModule],
+     *   providers: [
+     *     ProductDataTranslationService,
+     *     registerBulkAction({
+     *       location: 'product-list',
+     *       label: 'Send to translation service',
+     *       icon: 'language',
+     *       onClick: ({ injector, selection }) => {
+     *         const modalService = injector.get(ModalService);
+     *         const translationService = injector.get(ProductDataTranslationService);
+     *         modalService
+     *           .dialog({
+     *             title: `Send ${selection.length} products for translation?`,
+     *             buttons: [
+     *               { type: 'secondary', label: 'cancel' },
+     *               { type: 'primary', label: 'send', returnValue: true },
+     *             ],
+     *           })
+     *           .subscribe(response => {
+     *             if (response) {
+     *               translationService.sendForTranslation(selection.map(item => item.productId));
+     *             }
+     *           });
+     *       },
+     *     }),
+     *   ],
+     * })
+     * export class MyUiExtensionModule {}
+     * ```
+     * @since 1.8.0
+     * @docsCategory bulk-actions
+     */
+    function registerBulkAction(bulkAction) {
+        return {
+            provide: i0.APP_INITIALIZER,
+            multi: true,
+            useFactory: function (registry) { return function () {
+                registry.registerBulkAction(bulkAction);
+            }; },
+            deps: [BulkActionRegistryService],
+        };
+    }
     /**
      * Responsible for registering dashboard widget components and querying for layouts.
@@ -14597,9 +16127,6 @@
             });
         };
         DashboardWidgetService.prototype.getWidgetById = function (id) {
-            if (!this.registry.has(id)) {
-                throw new Error("No widget was found with the id \"" + id + "\"");
-            }
             return this.registry.get(id);
         };
         DashboardWidgetService.prototype.setDefaultLayout = function (layout) {
@@ -14807,16 +16334,21 @@
     exports.ADDRESS_FRAGMENT = ADDRESS_FRAGMENT;
     exports.ADD_CUSTOMERS_TO_GROUP = ADD_CUSTOMERS_TO_GROUP;
+    exports.ADD_ITEM_TO_DRAFT_ORDER = ADD_ITEM_TO_DRAFT_ORDER;
     exports.ADD_MANUAL_PAYMENT_TO_ORDER = ADD_MANUAL_PAYMENT_TO_ORDER;
     exports.ADD_MEMBERS_TO_ZONE = ADD_MEMBERS_TO_ZONE;
     exports.ADD_NOTE_TO_CUSTOMER = ADD_NOTE_TO_CUSTOMER;
     exports.ADD_NOTE_TO_ORDER = ADD_NOTE_TO_ORDER;
     exports.ADD_OPTION_GROUP_TO_PRODUCT = ADD_OPTION_GROUP_TO_PRODUCT;
     exports.ADD_OPTION_TO_GROUP = ADD_OPTION_TO_GROUP;
+    exports.ADJUST_DRAFT_ORDER_LINE = ADJUST_DRAFT_ORDER_LINE;
     exports.ADMINISTRATOR_FRAGMENT = ADMINISTRATOR_FRAGMENT;
     exports.ADMIN_UI_VERSION = ADMIN_UI_VERSION;
     exports.ALL_CUSTOM_FIELDS_FRAGMENT = ALL_CUSTOM_FIELDS_FRAGMENT;
+    exports.APPLY_COUPON_CODE_TO_DRAFT_ORDER = APPLY_COUPON_CODE_TO_DRAFT_ORDER;
     exports.ASSET_FRAGMENT = ASSET_FRAGMENT;
+    exports.ASSIGN_COLLECTIONS_TO_CHANNEL = ASSIGN_COLLECTIONS_TO_CHANNEL;
+    exports.ASSIGN_FACETS_TO_CHANNEL = ASSIGN_FACETS_TO_CHANNEL;
     exports.ASSIGN_PRODUCTS_TO_CHANNEL = ASSIGN_PRODUCTS_TO_CHANNEL;
     exports.ASSIGN_ROLE_TO_ADMINISTRATOR = ASSIGN_ROLE_TO_ADMINISTRATOR;
     exports.ASSIGN_VARIANTS_TO_CHANNEL = ASSIGN_VARIANTS_TO_CHANNEL;
@@ -14844,12 +16376,15 @@
     exports.AuthGuard = AuthGuard;
     exports.AuthService = AuthService;
     exports.BOOLEAN_CUSTOM_FIELD_FRAGMENT = BOOLEAN_CUSTOM_FIELD_FRAGMENT;
+    exports.BaseCodeEditorFormInputComponent = BaseCodeEditorFormInputComponent;
     exports.BaseDataService = BaseDataService;
     exports.BaseDetailComponent = BaseDetailComponent;
     exports.BaseEntityResolver = BaseEntityResolver;
     exports.BaseListComponent = BaseListComponent;
     exports.BooleanFormInputComponent = BooleanFormInputComponent;
     exports.BreadcrumbComponent = BreadcrumbComponent;
+    exports.BulkActionMenuComponent = BulkActionMenuComponent;
+    exports.BulkActionRegistryService = BulkActionRegistryService;
     exports.CANCEL_JOB = CANCEL_JOB;
     exports.CANCEL_ORDER = CANCEL_ORDER;
     exports.CANCEL_PAYMENT = CANCEL_PAYMENT;
@@ -14866,6 +16401,7 @@
     exports.CREATE_CUSTOMER = CREATE_CUSTOMER;
     exports.CREATE_CUSTOMER_ADDRESS = CREATE_CUSTOMER_ADDRESS;
     exports.CREATE_CUSTOMER_GROUP = CREATE_CUSTOMER_GROUP;
+    exports.CREATE_DRAFT_ORDER = CREATE_DRAFT_ORDER;
     exports.CREATE_FACET = CREATE_FACET;
     exports.CREATE_FACET_VALUES = CREATE_FACET_VALUES;
     exports.CREATE_FULFILLMENT = CREATE_FULFILLMENT;
@@ -14896,6 +16432,8 @@
     exports.CombinationModeFormInputComponent = CombinationModeFormInputComponent;
     exports.ComponentRegistryService = ComponentRegistryService;
     exports.ConfigurableInputComponent = ConfigurableInputComponent;
+    exports.ContextMenuComponent = ContextMenuComponent;
+    exports.ContextMenuService = ContextMenuService;
     exports.CoreModule = CoreModule;
     exports.CurrencyFormInputComponent = CurrencyFormInputComponent;
     exports.CurrencyInputComponent = CurrencyInputComponent;
@@ -14913,16 +16451,20 @@
     exports.DELETE_ASSETS = DELETE_ASSETS;
     exports.DELETE_CHANNEL = DELETE_CHANNEL;
     exports.DELETE_COLLECTION = DELETE_COLLECTION;
+    exports.DELETE_COLLECTIONS = DELETE_COLLECTIONS;
     exports.DELETE_COUNTRY = DELETE_COUNTRY;
     exports.DELETE_CUSTOMER = DELETE_CUSTOMER;
     exports.DELETE_CUSTOMER_ADDRESS = DELETE_CUSTOMER_ADDRESS;
     exports.DELETE_CUSTOMER_GROUP = DELETE_CUSTOMER_GROUP;
     exports.DELETE_CUSTOMER_NOTE = DELETE_CUSTOMER_NOTE;
+    exports.DELETE_DRAFT_ORDER = DELETE_DRAFT_ORDER;
     exports.DELETE_FACET = DELETE_FACET;
+    exports.DELETE_FACETS = DELETE_FACETS;
     exports.DELETE_FACET_VALUES = DELETE_FACET_VALUES;
     exports.DELETE_ORDER_NOTE = DELETE_ORDER_NOTE;
     exports.DELETE_PAYMENT_METHOD = DELETE_PAYMENT_METHOD;
     exports.DELETE_PRODUCT = DELETE_PRODUCT;
+    exports.DELETE_PRODUCTS = DELETE_PRODUCTS;
     exports.DELETE_PRODUCT_OPTION = DELETE_PRODUCT_OPTION;
     exports.DELETE_PRODUCT_VARIANT = DELETE_PRODUCT_VARIANT;
     exports.DELETE_PROMOTION = DELETE_PROMOTION;
@@ -14933,6 +16475,7 @@
     exports.DELETE_TAX_RATE = DELETE_TAX_RATE;
     exports.DELETE_ZONE = DELETE_ZONE;
     exports.DISCOUNT_FRAGMENT = DISCOUNT_FRAGMENT;
+    exports.DRAFT_ORDER_ELIGIBLE_SHIPPING_METHODS = DRAFT_ORDER_ELIGIBLE_SHIPPING_METHODS;
     exports.DashboardWidgetService = DashboardWidgetService;
     exports.DataModule = DataModule;
     exports.DataService = DataService;
@@ -15047,9 +16590,11 @@
     exports.HealthCheckService = HealthCheckService;
     exports.HelpTooltipComponent = HelpTooltipComponent;
     exports.HistoryEntryDetailComponent = HistoryEntryDetailComponent;
+    exports.HtmlEditorFormInputComponent = HtmlEditorFormInputComponent;
     exports.HttpLoaderFactory = HttpLoaderFactory;
     exports.I18nService = I18nService;
     exports.INT_CUSTOM_FIELD_FRAGMENT = INT_CUSTOM_FIELD_FRAGMENT;
+    exports.IconSize = IconSize;
     exports.IfDefaultChannelActiveDirective = IfDefaultChannelActiveDirective;
     exports.IfDirectiveBase = IfDirectiveBase;
     exports.IfMultichannelDirective = IfMultichannelDirective;
@@ -15117,7 +16662,11 @@
     exports.REFUND_ORDER = REFUND_ORDER;
     exports.REINDEX = REINDEX;
     exports.RELATION_CUSTOM_FIELD_FRAGMENT = RELATION_CUSTOM_FIELD_FRAGMENT;
+    exports.REMOVE_COLLECTIONS_FROM_CHANNEL = REMOVE_COLLECTIONS_FROM_CHANNEL;
+    exports.REMOVE_COUPON_CODE_FROM_DRAFT_ORDER = REMOVE_COUPON_CODE_FROM_DRAFT_ORDER;
     exports.REMOVE_CUSTOMERS_FROM_GROUP = REMOVE_CUSTOMERS_FROM_GROUP;
+    exports.REMOVE_DRAFT_ORDER_LINE = REMOVE_DRAFT_ORDER_LINE;
+    exports.REMOVE_FACETS_FROM_CHANNEL = REMOVE_FACETS_FROM_CHANNEL;
     exports.REMOVE_MEMBERS_FROM_ZONE = REMOVE_MEMBERS_FROM_ZONE;
     exports.REMOVE_OPTION_GROUP_FROM_PRODUCT = REMOVE_OPTION_GROUP_FROM_PRODUCT;
     exports.REMOVE_PRODUCTS_FROM_CHANNEL = REMOVE_PRODUCTS_FROM_CHANNEL;
@@ -15126,6 +16675,9 @@
     exports.REQUEST_STARTED = REQUEST_STARTED;
     exports.ROLE_FRAGMENT = ROLE_FRAGMENT;
     exports.RUN_PENDING_SEARCH_INDEX_UPDATES = RUN_PENDING_SEARCH_INDEX_UPDATES;
+    exports.RadioCardComponent = RadioCardComponent;
+    exports.RadioCardFieldsetComponent = RadioCardFieldsetComponent;
+    exports.RawHtmlDialogComponent = RawHtmlDialogComponent;
     exports.RelationAssetInputComponent = RelationAssetInputComponent;
     exports.RelationCardComponent = RelationCardComponent;
     exports.RelationCardDetailDirective = RelationCardDetailDirective;
@@ -15144,8 +16696,12 @@
     exports.SET_ACTIVE_CHANNEL = SET_ACTIVE_CHANNEL;
     exports.SET_AS_LOGGED_IN = SET_AS_LOGGED_IN;
     exports.SET_AS_LOGGED_OUT = SET_AS_LOGGED_OUT;
+    exports.SET_BILLING_ADDRESS_FOR_DRAFT_ORDER = SET_BILLING_ADDRESS_FOR_DRAFT_ORDER;
     exports.SET_CONTENT_LANGUAGE = SET_CONTENT_LANGUAGE;
+    exports.SET_CUSTOMER_FOR_DRAFT_ORDER = SET_CUSTOMER_FOR_DRAFT_ORDER;
     exports.SET_DISPLAY_UI_EXTENSION_POINTS = SET_DISPLAY_UI_EXTENSION_POINTS;
+    exports.SET_DRAFT_ORDER_SHIPPING_METHOD = SET_DRAFT_ORDER_SHIPPING_METHOD;
+    exports.SET_SHIPPING_ADDRESS_FOR_DRAFT_ORDER = SET_SHIPPING_ADDRESS_FOR_DRAFT_ORDER;
     exports.SET_UI_LANGUAGE_AND_LOCALE = SET_UI_LANGUAGE_AND_LOCALE;
     exports.SET_UI_LOCALE = SET_UI_LOCALE;
     exports.SET_UI_THEME = SET_UI_THEME;
@@ -15166,6 +16722,7 @@
     exports.StateI18nTokenPipe = StateI18nTokenPipe;
     exports.StatusBadgeComponent = StatusBadgeComponent;
     exports.StringToColorPipe = StringToColorPipe;
+    exports.SubMenuWithIcon = SubMenuWithIcon;
     exports.TAG_FRAGMENT = TAG_FRAGMENT;
     exports.TAX_CATEGORY_FRAGMENT = TAX_CATEGORY_FRAGMENT;
     exports.TAX_RATE_FRAGMENT = TAX_RATE_FRAGMENT;
@@ -15221,6 +16778,7 @@
     exports.addCustomFields = addCustomFields;
     exports.addNavMenuItem = addNavMenuItem;
     exports.addNavMenuSection = addNavMenuSection;
+    exports.addTable = addTable;
     exports.blockQuoteRule = blockQuoteRule;
     exports.buildInputRules = buildInputRules;
     exports.buildKeymap = buildKeymap;
@@ -15234,6 +16792,8 @@
     exports.createApollo = createApollo;
     exports.createResolveData = createResolveData;
     exports.createUpdatedTranslatable = createUpdatedTranslatable;
+    exports.currentChannelIsNotDefault = currentChannelIsNotDefault;
+    exports.customMenuPlugin = customMenuPlugin;
     exports.dayOfWeekIndex = dayOfWeekIndex;
     exports.defaultFormInputs = defaultFormInputs;
     exports.detailBreadcrumb = detailBreadcrumb;
@@ -15241,6 +16801,7 @@
     exports.findTranslation = findTranslation;
     exports.flattenFacetValues = flattenFacetValues;
     exports.getAppConfig = getAppConfig;
+    exports.getChannelCodeFromUserStatus = getChannelCodeFromUserStatus;
     exports.getClientDefaults = getClientDefaults;
     exports.getConfigArgValue = getConfigArgValue;
     exports.getDefaultConfigArgValue = getDefaultConfigArgValue;
@@ -15249,31 +16810,42 @@
     exports.getLocales = getLocales;
     exports.getMarkRange = getMarkRange;
     exports.getServerLocation = getServerLocation;
+    exports.getTableMenu = getTableMenu;
+    exports.getTableNodes = getTableNodes;
     exports.headingRule = headingRule;
     exports.hostExternalFrame = hostExternalFrame;
+    exports.iframeNode = iframeNode;
+    exports.iframeNodeView = iframeNodeView;
+    exports.imageContextMenuPlugin = imageContextMenuPlugin;
     exports.initializeServerConfigService = initializeServerConfigService;
     exports.insertImageItem = insertImageItem;
     exports.interpolateDescription = interpolateDescription;
     exports.introspectionResult = result;
     exports.isEntityCreateOrUpdateMutation = isEntityCreateOrUpdateMutation;
+    exports.isMultiChannel = isMultiChannel;
     exports.jsonValidator = jsonValidator;
     exports.linkItem = linkItem;
     exports.linkSelectPlugin = linkSelectPlugin;
     exports.loadAppConfig = loadAppConfig;
     exports.markActive = markActive;
     exports.orderedListRule = orderedListRule;
+    exports.rawEditorPlugin = rawEditorPlugin;
+    exports.registerBulkAction = registerBulkAction;
     exports.registerCustomDetailComponent = registerCustomDetailComponent;
     exports.registerCustomFieldComponent = registerCustomFieldComponent;
     exports.registerDashboardWidget = registerDashboardWidget;
     exports.registerDefaultFormInputs = registerDefaultFormInputs;
     exports.registerFormInputComponent = registerFormInputComponent;
     exports.removeReadonlyCustomFields = removeReadonlyCustomFields;
+    exports.renderClarityIcon = renderClarityIcon;
     exports.setDashboardWidgetLayout = setDashboardWidgetLayout;
     exports.stringToColor = stringToColor;
+    exports.tableContextMenuPlugin = tableContextMenuPlugin;
     exports.toConfigurableOperationInput = toConfigurableOperationInput;
     exports.transformRelationCustomFieldInputs = transformRelationCustomFieldInputs;
     exports.unicodePatternValidator = unicodePatternValidator;
     exports.weekDayNames = weekDayNames;
+    exports.wrapInMenuItemWithIcon = wrapInMenuItemWithIcon;
     exports.ɵ1 = ɵ1;
     exports.ɵ10 = ɵ10;
     exports.ɵ2 = ɵ2;