@vendure/admin-ui 1.8.4 → 1.9.0

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

@@ -365,9 +365,9 @@
     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 DELETE_ROLE = apolloAngular.gql(templateObject_14$6 || (templateObject_14$6 = __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$7, templateObject_12$7, templateObject_13$7, 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$6, templateObject_15$5;
 
     var AdministratorDataService = /** @class */ (function () {
         function AdministratorDataService(baseDataService) {
@@ -548,10 +548,10 @@
     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 GET_CLIENT_STATE = apolloAngular.gql(templateObject_14$5 || (templateObject_14$5 = __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$6, templateObject_12$6, templateObject_13$6, 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$5, templateObject_15$4, templateObject_16$4;
 
     /**
      * @description
@@ -654,7 +654,7 @@
     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 ADD_MEMBERS_TO_ZONE = apolloAngular.gql(templateObject_14$4 || (templateObject_14$4 = __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"])));
     var GET_TAX_CATEGORIES = apolloAngular.gql(templateObject_17$3 || (templateObject_17$3 = __makeTemplateObject(["\n    query GetTaxCategories {\n        taxCategories {\n            ...TaxCategory\n        }\n    }\n    ", "\n"], ["\n    query GetTaxCategories {\n        taxCategories {\n            ...TaxCategory\n        }\n    }\n    ", "\n"])), TAX_CATEGORY_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$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;
+    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$4, 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();
@@ -1249,7 +1249,7 @@
     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 CREATE_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_14$3 || (templateObject_14$3 = __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"])));
@@ -1282,7 +1282,7 @@
     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 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$3, 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        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);
@@ -2391,7 +2391,7 @@
     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 DELETE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_14$2 || (templateObject_14$2 = __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);
@@ -2400,7 +2400,7 @@
     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 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$2, 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) {
@@ -2533,10 +2533,11 @@
     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 GET_FACET_VALUE_LIST = apolloAngular.gql(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    query GetFacetValueList($options: FacetValueListOptions) {\n        facetValues(options: $options) {\n            items {\n                ...FacetValue\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetFacetValueList($options: FacetValueListOptions) {\n        facetValues(options: $options) {\n            items {\n                ...FacetValue\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), FACET_VALUE_FRAGMENT);
+    var GET_FACET_WITH_VALUES = apolloAngular.gql(templateObject_12$1 || (templateObject_12$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_13$1 || (templateObject_13$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_14$1 || (templateObject_14$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, templateObject_14$1;
 
     var FacetDataService = /** @class */ (function () {
         function FacetDataService(baseDataService) {
@@ -2552,6 +2553,9 @@
                 },
             });
         };
+        FacetDataService.prototype.getFacetValues = function (options, fetchPolicy) {
+            return this.baseDataService.query(GET_FACET_VALUE_LIST, { options: options }, fetchPolicy);
+        };
         FacetDataService.prototype.getAllFacets = function () {
             return this.baseDataService.query(GET_FACET_LIST, {});
         };
@@ -5568,6 +5572,7 @@
                 "CustomerGroupList",
                 "CustomerList",
                 "FacetList",
+                "FacetValueList",
                 "HistoryEntryList",
                 "JobList",
                 "OrderList",
@@ -7215,9 +7220,8 @@
      * @docsPage default-inputs
      */
     var FacetValueFormInputComponent = /** @class */ (function () {
-        function FacetValueFormInputComponent(dataService) {
+        function FacetValueFormInputComponent() {
             var _this = this;
-            this.dataService = dataService;
             this.isListInput = true;
             this.valueTransformFn = function (values) {
                 var isUsedInConfigArg = _this.config.__typename === 'ConfigArgDefinition';
@@ -7229,26 +7233,17 @@
                 }
             };
         }
-        FacetValueFormInputComponent.prototype.ngOnInit = function () {
-            this.facets$ = this.dataService.facet
-                .getAllFacets()
-                .mapSingle(function (data) { return data.facets.items; })
-                .pipe(operators.shareReplay(1));
-        };
         return FacetValueFormInputComponent;
     }());
     FacetValueFormInputComponent.id = 'facet-value-form-input';
     FacetValueFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-facet-value-form-input',
-                    template: "<vdr-facet-value-selector\r\n    *ngIf=\"facets$ | async as facets\"\r\n    [readonly]=\"readonly\"\r\n    [facets]=\"facets\"\r\n    [formControl]=\"formControl\"\r\n    [transformControlValueAccessorValue]=\"valueTransformFn\"\r\n></vdr-facet-value-selector>\r\n",
+                    template: "<vdr-facet-value-selector\r\n    [readonly]=\"readonly\"\r\n    [formControl]=\"formControl\"\r\n    [transformControlValueAccessorValue]=\"valueTransformFn\"\r\n></vdr-facet-value-selector>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [""]
                 },] }
-    ];
-    FacetValueFormInputComponent.ctorParameters = function () { return [
-        { type: DataService }
-    ]; };
+    ];
 
     /**
      * @description
@@ -10712,10 +10707,6 @@
         remove: [{ type: i0.Output }]
     };
 
-    function flattenFacetValues(facetsWithValues) {
-        return facetsWithValues.reduce(function (flattened, facet) { return flattened.concat(facet.values); }, []);
-    }
-
     /**
      * @description
      * A form control for selecting facet values.
@@ -10739,30 +10730,55 @@
      * @docsCategory components
      */
     var FacetValueSelectorComponent = /** @class */ (function () {
-        function FacetValueSelectorComponent(dataService) {
+        function FacetValueSelectorComponent(dataService, changeDetectorRef) {
             this.dataService = dataService;
+            this.changeDetectorRef = changeDetectorRef;
             this.selectedValuesChange = new i0.EventEmitter();
             this.readonly = false;
             this.transformControlValueAccessorValue = function (value) { return value; };
-            this.facetValues = [];
+            this.searchInput$ = new rxjs.Subject();
+            this.searchLoading = false;
+            this.selectedIds$ = new rxjs.Subject();
             this.disabled = false;
-            this.toSelectorItem = function (facetValue) {
-                return {
-                    name: facetValue.name,
-                    facetName: facetValue.facet.name,
-                    id: facetValue.id,
-                    value: facetValue,
-                };
-            };
         }
         FacetValueSelectorComponent.prototype.ngOnInit = function () {
-            this.facetValues = flattenFacetValues(this.facets).map(this.toSelectorItem);
+            this.initSearchResults();
+        };
+        FacetValueSelectorComponent.prototype.initSearchResults = function () {
+            var _this = this;
+            var searchItems$ = this.searchInput$.pipe(operators.debounceTime(200), operators.distinctUntilChanged(), operators.tap(function () { return (_this.searchLoading = true); }), operators.switchMap(function (term) {
+                if (!term) {
+                    return rxjs.of([]);
+                }
+                return _this.dataService.facet
+                    .getFacetValues({ take: 10, filter: { name: { contains: term } } })
+                    .mapSingle(function (result) { return result.facetValues.items; });
+            }), operators.tap(function () { return (_this.searchLoading = false); }));
+            this.subscription = this.selectedIds$
+                .pipe(operators.switchMap(function (ids) {
+                if (!ids.length) {
+                    return rxjs.of([]);
+                }
+                return _this.dataService.facet
+                    .getFacetValues({ take: 10, filter: { id: { in: ids } } }, 'cache-first')
+                    .mapSingle(function (result) { return result.facetValues.items; });
+            }))
+                .subscribe(function (val) {
+                _this.value = val;
+                _this.changeDetectorRef.markForCheck();
+            });
+            var clear$ = this.selectedValuesChange.pipe(operators.mapTo([]));
+            this.searchResults$ = rxjs.concat(rxjs.of([]), rxjs.merge(searchItems$, clear$));
+        };
+        FacetValueSelectorComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         };
         FacetValueSelectorComponent.prototype.onChange = function (selected) {
             if (this.readonly) {
                 return;
             }
-            this.selectedValuesChange.emit(selected.map(function (s) { return s.value; }));
+            this.selectedValuesChange.emit(selected);
             if (this.onChangeFn) {
                 var transformedValue = this.transformControlValueAccessorValue(selected);
                 this.onChangeFn(transformedValue);
@@ -10781,10 +10797,11 @@
             this.ngSelect.focus();
         };
         FacetValueSelectorComponent.prototype.writeValue = function (obj) {
+            var valueIds;
             if (typeof obj === 'string') {
                 try {
-                    var facetIds = JSON.parse(obj);
-                    this.value = facetIds;
+                    var facetValueIds = JSON.parse(obj);
+                    valueIds = facetValueIds;
                 }
                 catch (err) {
                     // TODO: log error
@@ -10794,19 +10811,23 @@
             else if (Array.isArray(obj)) {
                 var isIdArray = function (input) { return input.every(function (i) { return typeof i === 'number' || typeof i === 'string'; }); };
                 if (isIdArray(obj)) {
-                    this.value = obj.map(function (fv) { return fv.toString(); });
+                    valueIds = obj.map(function (fv) { return fv.toString(); });
                 }
                 else {
-                    this.value = obj.map(function (fv) { return fv.id; });
+                    valueIds = obj.map(function (fv) { return fv.id; });
                 }
             }
+            if (valueIds) {
+                // this.value = valueIds;
+                this.selectedIds$.next(valueIds);
+            }
         };
         return FacetValueSelectorComponent;
     }());
     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            *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",
+                    template: "<ng-select\r\n    [items]=\"searchResults$ | async\"\r\n    [addTag]=\"false\"\r\n    [hideSelected]=\"true\"\r\n    [loading]=\"searchLoading\"\r\n    [typeahead]=\"searchInput$\"\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; else facetNotFound\"\r\n            [facetValue]=\"item\"\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\" [removable]=\"false\"></vdr-facet-value-chip>\r\n    </ng-template>\r\n</ng-select>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -10819,11 +10840,11 @@
                 },] }
     ];
     FacetValueSelectorComponent.ctorParameters = function () { return [
-        { type: DataService }
+        { type: DataService },
+        { type: i0.ChangeDetectorRef }
     ]; };
     FacetValueSelectorComponent.propDecorators = {
         selectedValuesChange: [{ type: i0.Output }],
-        facets: [{ type: i0.Input }],
         readonly: [{ type: i0.Input }],
         transformControlValueAccessorValue: [{ type: i0.Input }],
         ngSelect: [{ type: i0.ViewChild, args: [ngSelect.NgSelectComponent,] }]
@@ -10965,7 +10986,7 @@
             if (!this.formFieldControl || !this.formFieldControl.formControlName) {
                 return;
             }
-            var errors = this.formFieldControl.formControlName.errors;
+            var errors = this.formFieldControl.formControlName.dirty && this.formFieldControl.formControlName.errors;
             if (errors) {
                 try {
                     for (var _b = __values(Object.keys(errors)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -13387,7 +13408,7 @@
     TimelineEntryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-timeline-entry',
-                    template: "<div\r\n    [ngClass]=\"displayType\"\r\n    [class.has-custom-icon]=\"!!iconShape\"\r\n    class=\"entry\"\r\n    [class.last]=\"isLast === true\"\r\n    [class.collapsed]=\"collapsed\"\r\n>\r\n    <div class=\"timeline\" (click)=\"expandClick.emit()\" [title]=\"timelineTitle | translate\">\r\n        <div class=\"custom-icon\">\r\n            <clr-icon\r\n                *ngIf=\"iconShape && !collapsed\"\r\n                [attr.shape]=\"getIconShape()\"\r\n                [ngClass]=\"getIconClass()\"\r\n                size=\"24\"\r\n            ></clr-icon>\r\n        </div>\r\n    </div>\r\n    <div class=\"entry-body\">\r\n        <div class=\"detail\">\r\n            <div class=\"time\">\r\n                {{ createdAt | localeDate: 'short' }}\r\n            </div>\r\n            <div class=\"name\">\r\n                {{ name }}\r\n            </div>\r\n        </div>\r\n        <div [class.featured-entry]=\"featured\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
+                    template: "<div\r\n    [ngClass]=\"displayType\"\r\n    [class.has-custom-icon]=\"!!iconShape\"\r\n    class=\"entry\"\r\n    [class.last]=\"isLast === true\"\r\n    [class.collapsed]=\"collapsed\"\r\n>\r\n    <div class=\"timeline\" (click)=\"expandClick.emit()\" [title]=\"timelineTitle | translate\">\r\n        <div class=\"custom-icon\">\r\n            <clr-icon\r\n                *ngIf=\"iconShape && !collapsed\"\r\n                [attr.shape]=\"getIconShape()\"\r\n                [ngClass]=\"getIconClass()\"\r\n                size=\"24\"\r\n            ></clr-icon>\r\n        </div>\r\n    </div>\r\n    <div class=\"entry-body\">\r\n        <div class=\"detail\">\r\n            <div class=\"time\">\r\n                {{ createdAt | localeDate: 'short' }}\r\n            </div>\r\n            <div class=\"name\">\r\n                {{ name || '' }}\r\n            </div>\r\n        </div>\r\n        <div [class.featured-entry]=\"featured\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:block}:host:first-of-type .timeline:before{border-left-color:var(--color-timeline-thread)}:host:first-of-type .entry-body{max-height:initial}.entry{display:flex}.timeline{border-left:2px solid var(--color-timeline-thread);padding-bottom:8px;position:relative}.timeline:before{content:\"\";position:absolute;width:2px;height:32px;left:-2px;border-left:2px solid var(--color-timeline-thread)}.timeline:after{content:\"\";display:block;border-radius:50%;width:8px;height:8px;background-color:var(--color-component-bg-200);border:1px solid var(--color-component-border-300);position:absolute;left:-5px;top:32px;transition:top .2s;cursor:pointer}.timeline .custom-icon{position:absolute;width:32px;height:32px;left:-17px;top:32px;align-items:center;justify-content:center;border-radius:50%;color:var(--color-primary-600);background-color:var(--color-component-bg-100);border:1px solid var(--color-component-border-200);display:none}.entry.has-custom-icon .timeline:after{display:none}.entry.has-custom-icon .custom-icon{display:flex}.entry.last .timeline{border-left-color:transparent}.entry-body{flex:1;padding-top:24px;padding-left:12px;line-height:16px;margin-left:12px;color:var(--color-text-200);overflow:visible;max-height:100px;transition:max-height .2s,padding-top .2s,opacity .2s .2s}.featured-entry ::ng-deep .title{color:var(--color-text-100);font-size:16px;line-height:26px}.featured-entry ::ng-deep .note-text{color:var(--color-text-100);white-space:pre-wrap}.detail{display:flex;color:var(--color-text-300);font-size:12px}.detail .name{margin-left:12px}.muted .timeline,.muted .timeline .custom-icon{color:var(--color-text-300)}.success .timeline,.success .timeline .custom-icon{color:var(--color-success-400)}.success .timeline:after{background-color:var(--color-success-200);border:1px solid var(--color-success-400)}.error .timeline,.error .timeline .custom-icon{color:var(--color-error-400)}.error .timeline:after{background-color:var(--color-error-200);border:1px solid var(--color-error-400)}.warning .timeline,.warning .timeline .custom-icon{color:var(--color-warning-400)}.warning .timeline:after{background-color:var(--color-warning-200);border:1px solid var(--color-warning-400)}.collapsed .entry-body{max-height:0;overflow:hidden;opacity:0;padding-top:0}.collapsed .timeline{border-left-color:transparent}.collapsed .timeline:after{top:0}\n"]
                 },] }
@@ -16071,7 +16092,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.8.4';
+    var ADMIN_UI_VERSION = '1.9.0';
 
     /**
      * @description
@@ -16134,6 +16155,44 @@
         };
     }
 
+    /**
+     * @description
+     * Registers a {@link HistoryEntryComponent} for displaying history entries in the Order/Customer
+     * history timeline.
+     *
+     * @since 1.9.0
+     * @docsCategory custom-history-entry-components
+     */
+    function registerHistoryEntryComponent(config) {
+        return {
+            provide: i0.APP_INITIALIZER,
+            multi: true,
+            useFactory: function (customHistoryEntryComponentService) { return function () {
+                customHistoryEntryComponentService.registerComponent(config);
+            }; },
+            deps: [HistoryEntryComponentService],
+        };
+    }
+    var HistoryEntryComponentService = /** @class */ (function () {
+        function HistoryEntryComponentService() {
+            this.customEntryComponents = new Map();
+        }
+        HistoryEntryComponentService.prototype.registerComponent = function (config) {
+            this.customEntryComponents.set(config.type, config);
+        };
+        HistoryEntryComponentService.prototype.getComponent = function (type) {
+            var _a;
+            return (_a = this.customEntryComponents.get(type)) === null || _a === void 0 ? void 0 : _a.component;
+        };
+        return HistoryEntryComponentService;
+    }());
+    HistoryEntryComponentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function HistoryEntryComponentService_Factory() { return new HistoryEntryComponentService(); }, token: HistoryEntryComponentService, providedIn: "root" });
+    HistoryEntryComponentService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
     /**
      * Responsible for registering dashboard widget components and querying for layouts.
      */
@@ -16579,6 +16638,7 @@
     exports.GET_CUSTOMER_HISTORY = GET_CUSTOMER_HISTORY;
     exports.GET_CUSTOMER_LIST = GET_CUSTOMER_LIST;
     exports.GET_FACET_LIST = GET_FACET_LIST;
+    exports.GET_FACET_VALUE_LIST = GET_FACET_VALUE_LIST;
     exports.GET_FACET_WITH_VALUES = GET_FACET_WITH_VALUES;
     exports.GET_GLOBAL_SETTINGS = GET_GLOBAL_SETTINGS;
     exports.GET_JOBS_BY_ID = GET_JOBS_BY_ID;
@@ -16626,6 +16686,7 @@
     exports.HasPermissionPipe = HasPermissionPipe;
     exports.HealthCheckService = HealthCheckService;
     exports.HelpTooltipComponent = HelpTooltipComponent;
+    exports.HistoryEntryComponentService = HistoryEntryComponentService;
     exports.HistoryEntryDetailComponent = HistoryEntryDetailComponent;
     exports.HtmlEditorFormInputComponent = HtmlEditorFormInputComponent;
     exports.HttpLoaderFactory = HttpLoaderFactory;
@@ -16836,7 +16897,6 @@
     exports.detailBreadcrumb = detailBreadcrumb;
     exports.encodeConfigArgValue = encodeConfigArgValue;
     exports.findTranslation = findTranslation;
-    exports.flattenFacetValues = flattenFacetValues;
     exports.getAppConfig = getAppConfig;
     exports.getChannelCodeFromUserStatus = getChannelCodeFromUserStatus;
     exports.getClientDefaults = getClientDefaults;
@@ -16873,6 +16933,7 @@
     exports.registerDashboardWidget = registerDashboardWidget;
     exports.registerDefaultFormInputs = registerDefaultFormInputs;
     exports.registerFormInputComponent = registerFormInputComponent;
+    exports.registerHistoryEntryComponent = registerHistoryEntryComponent;
     exports.removeReadonlyCustomFields = removeReadonlyCustomFields;
     exports.renderClarityIcon = renderClarityIcon;
     exports.setDashboardWidgetLayout = setDashboardWidgetLayout;