@vendure/admin-ui 1.0.0-beta.9 → 1.0.3

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

@@ -1138,7 +1138,7 @@
     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 || (templateObject_26 = __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 || (templateObject_27 = __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                productPreview\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                productPreview\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 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 = apolloAngular.gql(templateObject_29 || (templateObject_29 = __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_VARIANT = apolloAngular.gql(templateObject_30 || (templateObject_30 = __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_31 || (templateObject_31 = __makeTemplateObject(["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                id\n                name\n                code\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    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                id\n                name\n                code\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"])), PRODUCT_OPTION_FRAGMENT);
@@ -1462,7 +1462,7 @@
     var GET_ORDER = apolloAngular.gql(templateObject_9$1 || (templateObject_9$1 = __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_10 || (templateObject_10 = __makeTemplateObject(["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\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    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"])), ERROR_RESULT_FRAGMENT);
     var TRANSITION_PAYMENT_TO_STATE = apolloAngular.gql(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"], ["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"])), ERROR_RESULT_FRAGMENT);
-    var CREATE_FULFILLMENT = apolloAngular.gql(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var CREATE_FULFILLMENT = apolloAngular.gql(templateObject_12 || (templateObject_12 = __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_13 || (templateObject_13 = __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_14 || (templateObject_14 = __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_15 || (templateObject_15 = __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);
@@ -1638,28 +1638,84 @@
         Permission["Authenticated"] = "Authenticated";
         /** Grants permission to create Administrator */
         Permission["CreateAdministrator"] = "CreateAdministrator";
-        /** Grants permission to create Catalog */
+        /** Grants permission to create Asset */
+        Permission["CreateAsset"] = "CreateAsset";
+        /** Grants permission to create Products, Facets, Assets, Collections */
         Permission["CreateCatalog"] = "CreateCatalog";
+        /** Grants permission to create Channel */
+        Permission["CreateChannel"] = "CreateChannel";
+        /** Grants permission to create Collection */
+        Permission["CreateCollection"] = "CreateCollection";
+        /** Grants permission to create Country */
+        Permission["CreateCountry"] = "CreateCountry";
         /** Grants permission to create Customer */
         Permission["CreateCustomer"] = "CreateCustomer";
+        /** Grants permission to create CustomerGroup */
+        Permission["CreateCustomerGroup"] = "CreateCustomerGroup";
+        /** Grants permission to create Facet */
+        Permission["CreateFacet"] = "CreateFacet";
         /** Grants permission to create Order */
         Permission["CreateOrder"] = "CreateOrder";
+        /** Grants permission to create PaymentMethod */
+        Permission["CreatePaymentMethod"] = "CreatePaymentMethod";
+        /** Grants permission to create Product */
+        Permission["CreateProduct"] = "CreateProduct";
         /** Grants permission to create Promotion */
         Permission["CreatePromotion"] = "CreatePromotion";
-        /** Grants permission to create Settings */
+        /** Grants permission to create PaymentMethods, ShippingMethods, TaxCategories, TaxRates, Zones, Countries, System & GlobalSettings */
         Permission["CreateSettings"] = "CreateSettings";
+        /** Grants permission to create ShippingMethod */
+        Permission["CreateShippingMethod"] = "CreateShippingMethod";
+        /** Grants permission to create System */
+        Permission["CreateSystem"] = "CreateSystem";
+        /** Grants permission to create Tag */
+        Permission["CreateTag"] = "CreateTag";
+        /** Grants permission to create TaxCategory */
+        Permission["CreateTaxCategory"] = "CreateTaxCategory";
+        /** Grants permission to create TaxRate */
+        Permission["CreateTaxRate"] = "CreateTaxRate";
+        /** Grants permission to create Zone */
+        Permission["CreateZone"] = "CreateZone";
         /** Grants permission to delete Administrator */
         Permission["DeleteAdministrator"] = "DeleteAdministrator";
-        /** Grants permission to delete Catalog */
+        /** Grants permission to delete Asset */
+        Permission["DeleteAsset"] = "DeleteAsset";
+        /** Grants permission to delete Products, Facets, Assets, Collections */
         Permission["DeleteCatalog"] = "DeleteCatalog";
+        /** Grants permission to delete Channel */
+        Permission["DeleteChannel"] = "DeleteChannel";
+        /** Grants permission to delete Collection */
+        Permission["DeleteCollection"] = "DeleteCollection";
+        /** Grants permission to delete Country */
+        Permission["DeleteCountry"] = "DeleteCountry";
         /** Grants permission to delete Customer */
         Permission["DeleteCustomer"] = "DeleteCustomer";
+        /** Grants permission to delete CustomerGroup */
+        Permission["DeleteCustomerGroup"] = "DeleteCustomerGroup";
+        /** Grants permission to delete Facet */
+        Permission["DeleteFacet"] = "DeleteFacet";
         /** Grants permission to delete Order */
         Permission["DeleteOrder"] = "DeleteOrder";
+        /** Grants permission to delete PaymentMethod */
+        Permission["DeletePaymentMethod"] = "DeletePaymentMethod";
+        /** Grants permission to delete Product */
+        Permission["DeleteProduct"] = "DeleteProduct";
         /** Grants permission to delete Promotion */
         Permission["DeletePromotion"] = "DeletePromotion";
-        /** Grants permission to delete Settings */
+        /** Grants permission to delete PaymentMethods, ShippingMethods, TaxCategories, TaxRates, Zones, Countries, System & GlobalSettings */
         Permission["DeleteSettings"] = "DeleteSettings";
+        /** Grants permission to delete ShippingMethod */
+        Permission["DeleteShippingMethod"] = "DeleteShippingMethod";
+        /** Grants permission to delete System */
+        Permission["DeleteSystem"] = "DeleteSystem";
+        /** Grants permission to delete Tag */
+        Permission["DeleteTag"] = "DeleteTag";
+        /** Grants permission to delete TaxCategory */
+        Permission["DeleteTaxCategory"] = "DeleteTaxCategory";
+        /** Grants permission to delete TaxRate */
+        Permission["DeleteTaxRate"] = "DeleteTaxRate";
+        /** Grants permission to delete Zone */
+        Permission["DeleteZone"] = "DeleteZone";
         /** Owner means the user owns this entity, e.g. a Customer's own Order */
         Permission["Owner"] = "Owner";
         Permission["Placeholder"] = "Placeholder";
@@ -1667,30 +1723,88 @@
         Permission["Public"] = "Public";
         /** Grants permission to read Administrator */
         Permission["ReadAdministrator"] = "ReadAdministrator";
-        /** Grants permission to read Catalog */
+        /** Grants permission to read Asset */
+        Permission["ReadAsset"] = "ReadAsset";
+        /** Grants permission to read Products, Facets, Assets, Collections */
         Permission["ReadCatalog"] = "ReadCatalog";
+        /** Grants permission to read Channel */
+        Permission["ReadChannel"] = "ReadChannel";
+        /** Grants permission to read Collection */
+        Permission["ReadCollection"] = "ReadCollection";
+        /** Grants permission to read Country */
+        Permission["ReadCountry"] = "ReadCountry";
         /** Grants permission to read Customer */
         Permission["ReadCustomer"] = "ReadCustomer";
+        /** Grants permission to read CustomerGroup */
+        Permission["ReadCustomerGroup"] = "ReadCustomerGroup";
+        /** Grants permission to read Facet */
+        Permission["ReadFacet"] = "ReadFacet";
         /** Grants permission to read Order */
         Permission["ReadOrder"] = "ReadOrder";
+        /** Grants permission to read PaymentMethod */
+        Permission["ReadPaymentMethod"] = "ReadPaymentMethod";
+        /** Grants permission to read Product */
+        Permission["ReadProduct"] = "ReadProduct";
         /** Grants permission to read Promotion */
         Permission["ReadPromotion"] = "ReadPromotion";
-        /** Grants permission to read Settings */
+        /** Grants permission to read PaymentMethods, ShippingMethods, TaxCategories, TaxRates, Zones, Countries, System & GlobalSettings */
         Permission["ReadSettings"] = "ReadSettings";
+        /** Grants permission to read ShippingMethod */
+        Permission["ReadShippingMethod"] = "ReadShippingMethod";
+        /** Grants permission to read System */
+        Permission["ReadSystem"] = "ReadSystem";
+        /** Grants permission to read Tag */
+        Permission["ReadTag"] = "ReadTag";
+        /** Grants permission to read TaxCategory */
+        Permission["ReadTaxCategory"] = "ReadTaxCategory";
+        /** Grants permission to read TaxRate */
+        Permission["ReadTaxRate"] = "ReadTaxRate";
+        /** Grants permission to read Zone */
+        Permission["ReadZone"] = "ReadZone";
         /** SuperAdmin has unrestricted access to all operations */
         Permission["SuperAdmin"] = "SuperAdmin";
         /** Grants permission to update Administrator */
         Permission["UpdateAdministrator"] = "UpdateAdministrator";
-        /** Grants permission to update Catalog */
+        /** Grants permission to update Asset */
+        Permission["UpdateAsset"] = "UpdateAsset";
+        /** Grants permission to update Products, Facets, Assets, Collections */
         Permission["UpdateCatalog"] = "UpdateCatalog";
+        /** Grants permission to update Channel */
+        Permission["UpdateChannel"] = "UpdateChannel";
+        /** Grants permission to update Collection */
+        Permission["UpdateCollection"] = "UpdateCollection";
+        /** Grants permission to update Country */
+        Permission["UpdateCountry"] = "UpdateCountry";
         /** Grants permission to update Customer */
         Permission["UpdateCustomer"] = "UpdateCustomer";
+        /** Grants permission to update CustomerGroup */
+        Permission["UpdateCustomerGroup"] = "UpdateCustomerGroup";
+        /** Grants permission to update Facet */
+        Permission["UpdateFacet"] = "UpdateFacet";
+        /** Grants permission to update GlobalSettings */
+        Permission["UpdateGlobalSettings"] = "UpdateGlobalSettings";
         /** Grants permission to update Order */
         Permission["UpdateOrder"] = "UpdateOrder";
+        /** Grants permission to update PaymentMethod */
+        Permission["UpdatePaymentMethod"] = "UpdatePaymentMethod";
+        /** Grants permission to update Product */
+        Permission["UpdateProduct"] = "UpdateProduct";
         /** Grants permission to update Promotion */
         Permission["UpdatePromotion"] = "UpdatePromotion";
-        /** Grants permission to update Settings */
+        /** Grants permission to update PaymentMethods, ShippingMethods, TaxCategories, TaxRates, Zones, Countries, System & GlobalSettings */
         Permission["UpdateSettings"] = "UpdateSettings";
+        /** Grants permission to update ShippingMethod */
+        Permission["UpdateShippingMethod"] = "UpdateShippingMethod";
+        /** Grants permission to update System */
+        Permission["UpdateSystem"] = "UpdateSystem";
+        /** Grants permission to update Tag */
+        Permission["UpdateTag"] = "UpdateTag";
+        /** Grants permission to update TaxCategory */
+        Permission["UpdateTaxCategory"] = "UpdateTaxCategory";
+        /** Grants permission to update TaxRate */
+        Permission["UpdateTaxRate"] = "UpdateTaxRate";
+        /** Grants permission to update Zone */
+        Permission["UpdateZone"] = "UpdateZone";
     })(exports.Permission || (exports.Permission = {}));
     exports.SortOrder = void 0;
     (function (SortOrder) {
@@ -4174,31 +4288,60 @@
             return this.navBuilderService.getRouterLink(item, this.route);
         };
         MainNavComponent.prototype.defineNavMenu = function () {
+            function allow() {
+                var permissions = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    permissions[_i] = arguments[_i];
+                }
+                return function (userPermissions) {
+                    var e_1, _a;
+                    try {
+                        for (var permissions_1 = __values(permissions), permissions_1_1 = permissions_1.next(); !permissions_1_1.done; permissions_1_1 = permissions_1.next()) {
+                            var permission = permissions_1_1.value;
+                            if (userPermissions.includes(permission)) {
+                                return true;
+                            }
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (permissions_1_1 && !permissions_1_1.done && (_a = permissions_1.return)) _a.call(permissions_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    return false;
+                };
+            }
             this.navBuilderService.defineNavMenuSections([
                 {
-                    requiresPermission: 'ReadCatalog',
+                    requiresPermission: allow(exports.Permission.ReadCatalog, exports.Permission.ReadProduct, exports.Permission.ReadFacet, exports.Permission.ReadCollection, exports.Permission.ReadAsset),
                     id: 'catalog',
                     label: ngxTranslateExtractMarker.marker('nav.catalog'),
                     items: [
                         {
+                            requiresPermission: allow(exports.Permission.ReadCatalog, exports.Permission.ReadProduct),
                             id: 'products',
                             label: ngxTranslateExtractMarker.marker('nav.products'),
                             icon: 'library',
                             routerLink: ['/catalog', 'products'],
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadCatalog, exports.Permission.ReadFacet),
                             id: 'facets',
                             label: ngxTranslateExtractMarker.marker('nav.facets'),
                             icon: 'tag',
                             routerLink: ['/catalog', 'facets'],
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadCatalog, exports.Permission.ReadCollection),
                             id: 'collections',
                             label: ngxTranslateExtractMarker.marker('nav.collections'),
                             icon: 'folder-open',
                             routerLink: ['/catalog', 'collections'],
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadCatalog, exports.Permission.ReadAsset),
                             id: 'assets',
                             label: ngxTranslateExtractMarker.marker('nav.assets'),
                             icon: 'image-gallery',
@@ -4209,9 +4352,10 @@
                 {
                     id: 'sales',
                     label: ngxTranslateExtractMarker.marker('nav.sales'),
-                    requiresPermission: 'ReadOrder',
+                    requiresPermission: allow(exports.Permission.ReadOrder),
                     items: [
                         {
+                            requiresPermission: allow(exports.Permission.ReadOrder),
                             id: 'orders',
                             label: ngxTranslateExtractMarker.marker('nav.orders'),
                             routerLink: ['/orders'],
@@ -4222,15 +4366,17 @@
                 {
                     id: 'customers',
                     label: ngxTranslateExtractMarker.marker('nav.customers'),
-                    requiresPermission: 'ReadCustomer',
+                    requiresPermission: allow(exports.Permission.ReadCustomer, exports.Permission.ReadCustomerGroup),
                     items: [
                         {
+                            requiresPermission: allow(exports.Permission.ReadCustomer),
                             id: 'customers',
                             label: ngxTranslateExtractMarker.marker('nav.customers'),
                             routerLink: ['/customer', 'customers'],
                             icon: 'user',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadCustomerGroup),
                             id: 'customer-groups',
                             label: ngxTranslateExtractMarker.marker('nav.customer-groups'),
                             routerLink: ['/customer', 'groups'],
@@ -4241,9 +4387,10 @@
                 {
                     id: 'marketing',
                     label: ngxTranslateExtractMarker.marker('nav.marketing'),
-                    requiresPermission: 'ReadPromotion',
+                    requiresPermission: allow(exports.Permission.ReadPromotion),
                     items: [
                         {
+                            requiresPermission: allow(exports.Permission.ReadPromotion),
                             id: 'promotions',
                             label: ngxTranslateExtractMarker.marker('nav.promotions'),
                             routerLink: ['/marketing', 'promotions'],
@@ -4254,67 +4401,75 @@
                 {
                     id: 'settings',
                     label: ngxTranslateExtractMarker.marker('nav.settings'),
-                    requiresPermission: 'ReadSettings',
+                    requiresPermission: allow(exports.Permission.ReadSettings, exports.Permission.ReadChannel, exports.Permission.ReadAdministrator, exports.Permission.ReadShippingMethod, exports.Permission.ReadPaymentMethod, exports.Permission.ReadTaxCategory, exports.Permission.ReadTaxRate, exports.Permission.ReadCountry, exports.Permission.ReadZone, exports.Permission.UpdateGlobalSettings),
                     collapsible: true,
                     collapsedByDefault: true,
                     items: [
                         {
+                            requiresPermission: allow(exports.Permission.ReadChannel),
                             id: 'channels',
                             label: ngxTranslateExtractMarker.marker('nav.channels'),
                             routerLink: ['/settings', 'channels'],
                             icon: 'layers',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadAdministrator),
                             id: 'administrators',
                             label: ngxTranslateExtractMarker.marker('nav.administrators'),
-                            requiresPermission: 'ReadAdministrator',
                             routerLink: ['/settings', 'administrators'],
                             icon: 'administrator',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadAdministrator),
                             id: 'roles',
                             label: ngxTranslateExtractMarker.marker('nav.roles'),
-                            requiresPermission: 'ReadAdministrator',
                             routerLink: ['/settings', 'roles'],
                             icon: 'users',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadShippingMethod),
                             id: 'shipping-methods',
                             label: ngxTranslateExtractMarker.marker('nav.shipping-methods'),
                             routerLink: ['/settings', 'shipping-methods'],
                             icon: 'truck',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadPaymentMethod),
                             id: 'payment-methods',
                             label: ngxTranslateExtractMarker.marker('nav.payment-methods'),
                             routerLink: ['/settings', 'payment-methods'],
                             icon: 'credit-card',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadTaxCategory),
                             id: 'tax-categories',
                             label: ngxTranslateExtractMarker.marker('nav.tax-categories'),
                             routerLink: ['/settings', 'tax-categories'],
                             icon: 'view-list',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadTaxRate),
                             id: 'tax-rates',
                             label: ngxTranslateExtractMarker.marker('nav.tax-rates'),
                             routerLink: ['/settings', 'tax-rates'],
                             icon: 'calculator',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadCountry),
                             id: 'countries',
                             label: ngxTranslateExtractMarker.marker('nav.countries'),
                             routerLink: ['/settings', 'countries'],
                             icon: 'flag',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.ReadZone),
                             id: 'zones',
                             label: ngxTranslateExtractMarker.marker('nav.zones'),
                             routerLink: ['/settings', 'zones'],
                             icon: 'world',
                         },
                         {
+                            requiresPermission: allow(exports.Permission.UpdateGlobalSettings),
                             id: 'global-settings',
                             label: ngxTranslateExtractMarker.marker('nav.global-settings'),
                             routerLink: ['/settings', 'global-settings'],
@@ -4325,7 +4480,7 @@
                 {
                     id: 'system',
                     label: ngxTranslateExtractMarker.marker('nav.system'),
-                    requiresPermission: 'ReadSettings',
+                    requiresPermission: exports.Permission.ReadSystem,
                     collapsible: true,
                     collapsedByDefault: true,
                     items: [
@@ -6642,7 +6797,7 @@
     AssetPreviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-asset-preview',
-                    template: "<div class=\"preview-image\" #previewDiv [class.centered]=\"centered\">\r\n    <div class=\"image-wrapper\">\r\n        <vdr-focal-point-control\r\n            [width]=\"width\"\r\n            [height]=\"height\"\r\n            [fpx]=\"fpx\"\r\n            [fpy]=\"fpy\"\r\n            [editable]=\"settingFocalPoint\"\r\n            (focalPointChange)=\"onFocalPointChange($event)\"\r\n        >\r\n            <img\r\n                class=\"asset-image\"\r\n                [src]=\"asset | assetPreview: size\"\r\n                #imageElement\r\n                (load)=\"onImageLoad()\"\r\n            />\r\n        </vdr-focal-point-control>\r\n        <div class=\"focal-point-info\" *ngIf=\"settingFocalPoint\">\r\n            <button class=\"icon-button\" (click)=\"setFocalPointCancel()\">\r\n                <clr-icon shape=\"times\"></clr-icon>\r\n            </button>\r\n            <button class=\"btn btn-primary btn-sm\" (click)=\"setFocalPointEnd()\" [disabled]=\"!lastFocalPoint\">\r\n                <clr-icon shape=\"crosshairs\"></clr-icon>\r\n                {{ 'asset.set-focal-point' | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"controls\" [class.fade]=\"settingFocalPoint\">\r\n    <form [formGroup]=\"form\">\r\n        <clr-input-container class=\"name-input\" *ngIf=\"editable\">\r\n            <label>{{ 'common.name' | translate }}</label>\r\n            <input\r\n                clrInput\r\n                type=\"text\"\r\n                formControlName=\"name\"\r\n                [readonly]=\"!('UpdateCatalog' | hasPermission) || settingFocalPoint\"\r\n            />\r\n        </clr-input-container>\r\n\r\n        <vdr-labeled-data [label]=\"'common.name' | translate\" *ngIf=\"!editable\">\r\n            <span class=\"elide\">\r\n                {{ asset.name }}\r\n            </span>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.source-file' | translate\">\r\n            <a [href]=\"asset.source\" [title]=\"asset.source\" target=\"_blank\" class=\"elide source-link\">{{\r\n                getSourceFileName()\r\n            }}</a>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.original-asset-size' | translate\">\r\n            {{ asset.fileSize | filesize }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.dimensions' | translate\">\r\n            {{ asset.width }} x {{ asset.height }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.focal-point' | translate\">\r\n            <span *ngIf=\"fpx\"\r\n                ><clr-icon shape=\"crosshairs\"></clr-icon> x: {{ fpx | number: '1.2-2' }}, y:\r\n                {{ fpy | number: '1.2-2' }}</span\r\n            >\r\n            <span *ngIf=\"!fpx\">{{ 'common.not-set' | translate }}</span>\r\n            <br />\r\n            <button\r\n                class=\"btn btn-secondary-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                (click)=\"setFocalPointStart()\"\r\n            >\r\n                <ng-container *ngIf=\"!fpx\">{{ 'asset.set-focal-point' | translate }}</ng-container>\r\n                <ng-container *ngIf=\"fpx\">{{ 'asset.update-focal-point' | translate }}</ng-container>\r\n            </button>\r\n            <button\r\n                class=\"btn btn-warning-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                *ngIf=\"!!fpx\"\r\n                (click)=\"removeFocalPoint()\"\r\n            >\r\n                {{ 'asset.unset-focal-point' | translate }}\r\n            </button>\r\n        </vdr-labeled-data>\r\n        <vdr-labeled-data [label]=\"'common.tags' | translate\">\r\n            <ng-container *ngIf=\"editable\">\r\n                <vdr-tag-selector formControlName=\"tags\"></vdr-tag-selector>\r\n                <button class=\"btn btn-link btn-sm\" (click)=\"manageTags()\">\r\n                    <clr-icon shape=\"tags\"></clr-icon>\r\n                    {{ 'common.manage-tags' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <div *ngIf=\"!editable\">\r\n                <vdr-chip *ngFor=\"let tag of asset.tags\" [colorFrom]=\"tag.value\">\r\n                    <clr-icon shape=\"tag\" class=\"mr2\"></clr-icon>\r\n                    {{ tag.value }}</vdr-chip\r\n                >\r\n            </div>\r\n        </vdr-labeled-data>\r\n    </form>\r\n    <section *ngIf=\"customFields.length\">\r\n        <label>{{ 'common.custom-fields' | translate }}</label>\r\n        <ng-container *ngFor=\"let customField of customFields\">\r\n            <vdr-custom-field-control\r\n                *ngIf=\"customFieldIsSet(customField.name)\"\r\n                entityName=\"Asset\"\r\n                [compact]=\"true\"\r\n                [customFieldsFormGroup]=\"customFieldsForm\"\r\n                [customField]=\"customField\"\r\n            ></vdr-custom-field-control>\r\n        </ng-container>\r\n    </section>\r\n    <div class=\"flex-spacer\"></div>\r\n    <div class=\"preview-select\">\r\n        <clr-select-container>\r\n            <label>{{ 'asset.preview' | translate }}</label>\r\n            <select clrSelect name=\"options\" [(ngModel)]=\"size\" [disabled]=\"settingFocalPoint\">\r\n                <option value=\"tiny\">tiny</option>\r\n                <option value=\"thumb\">thumb</option>\r\n                <option value=\"small\">small</option>\r\n                <option value=\"medium\">medium</option>\r\n                <option value=\"large\">large</option>\r\n                <option value=\"\">full size</option>\r\n            </select>\r\n        </clr-select-container>\r\n        <div class=\"asset-detail\">{{ width }} x {{ height }}</div>\r\n    </div>\r\n    <a\r\n        *ngIf=\"!editable\"\r\n        class=\"btn btn-link btn-sm\"\r\n        [routerLink]=\"['/catalog', 'assets', asset.id]\"\r\n        (click)=\"editClick.emit()\"\r\n    >\r\n        <clr-icon shape=\"edit\"></clr-icon> {{ 'common.edit' | translate }}\r\n    </a>\r\n</div>\r\n",
+                    template: "<div class=\"preview-image\" #previewDiv [class.centered]=\"centered\">\r\n    <div class=\"image-wrapper\">\r\n        <vdr-focal-point-control\r\n            [width]=\"width\"\r\n            [height]=\"height\"\r\n            [fpx]=\"fpx\"\r\n            [fpy]=\"fpy\"\r\n            [editable]=\"settingFocalPoint\"\r\n            (focalPointChange)=\"onFocalPointChange($event)\"\r\n        >\r\n            <img\r\n                class=\"asset-image\"\r\n                [src]=\"asset | assetPreview: size\"\r\n                #imageElement\r\n                (load)=\"onImageLoad()\"\r\n            />\r\n        </vdr-focal-point-control>\r\n        <div class=\"focal-point-info\" *ngIf=\"settingFocalPoint\">\r\n            <button class=\"icon-button\" (click)=\"setFocalPointCancel()\">\r\n                <clr-icon shape=\"times\"></clr-icon>\r\n            </button>\r\n            <button class=\"btn btn-primary btn-sm\" (click)=\"setFocalPointEnd()\" [disabled]=\"!lastFocalPoint\">\r\n                <clr-icon shape=\"crosshairs\"></clr-icon>\r\n                {{ 'asset.set-focal-point' | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"controls\" [class.fade]=\"settingFocalPoint\">\r\n    <form [formGroup]=\"form\">\r\n        <clr-input-container class=\"name-input\" *ngIf=\"editable\">\r\n            <label>{{ 'common.name' | translate }}</label>\r\n            <input\r\n                clrInput\r\n                type=\"text\"\r\n                formControlName=\"name\"\r\n                [readonly]=\"!(['UpdateCatalog', 'UpdateAsset'] | hasPermission) || settingFocalPoint\"\r\n            />\r\n        </clr-input-container>\r\n\r\n        <vdr-labeled-data [label]=\"'common.name' | translate\" *ngIf=\"!editable\">\r\n            <span class=\"elide\">\r\n                {{ asset.name }}\r\n            </span>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.source-file' | translate\">\r\n            <a [href]=\"asset.source\" [title]=\"asset.source\" target=\"_blank\" class=\"elide source-link\">{{\r\n                getSourceFileName()\r\n            }}</a>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.original-asset-size' | translate\">\r\n            {{ asset.fileSize | filesize }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.dimensions' | translate\">\r\n            {{ asset.width }} x {{ asset.height }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.focal-point' | translate\">\r\n            <span *ngIf=\"fpx\"\r\n                ><clr-icon shape=\"crosshairs\"></clr-icon> x: {{ fpx | number: '1.2-2' }}, y:\r\n                {{ fpy | number: '1.2-2' }}</span\r\n            >\r\n            <span *ngIf=\"!fpx\">{{ 'common.not-set' | translate }}</span>\r\n            <br />\r\n            <button\r\n                class=\"btn btn-secondary-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                (click)=\"setFocalPointStart()\"\r\n            >\r\n                <ng-container *ngIf=\"!fpx\">{{ 'asset.set-focal-point' | translate }}</ng-container>\r\n                <ng-container *ngIf=\"fpx\">{{ 'asset.update-focal-point' | translate }}</ng-container>\r\n            </button>\r\n            <button\r\n                class=\"btn btn-warning-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                *ngIf=\"!!fpx\"\r\n                (click)=\"removeFocalPoint()\"\r\n            >\r\n                {{ 'asset.unset-focal-point' | translate }}\r\n            </button>\r\n        </vdr-labeled-data>\r\n        <vdr-labeled-data [label]=\"'common.tags' | translate\">\r\n            <ng-container *ngIf=\"editable\">\r\n                <vdr-tag-selector formControlName=\"tags\"></vdr-tag-selector>\r\n                <button class=\"btn btn-link btn-sm\" (click)=\"manageTags()\">\r\n                    <clr-icon shape=\"tags\"></clr-icon>\r\n                    {{ 'common.manage-tags' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <div *ngIf=\"!editable\">\r\n                <vdr-chip *ngFor=\"let tag of asset.tags\" [colorFrom]=\"tag.value\">\r\n                    <clr-icon shape=\"tag\" class=\"mr2\"></clr-icon>\r\n                    {{ tag.value }}</vdr-chip\r\n                >\r\n            </div>\r\n        </vdr-labeled-data>\r\n    </form>\r\n    <section *ngIf=\"customFields.length\">\r\n        <label>{{ 'common.custom-fields' | translate }}</label>\r\n        <ng-container *ngFor=\"let customField of customFields\">\r\n            <vdr-custom-field-control\r\n                *ngIf=\"customFieldIsSet(customField.name)\"\r\n                entityName=\"Asset\"\r\n                [compact]=\"true\"\r\n                [customFieldsFormGroup]=\"customFieldsForm\"\r\n                [customField]=\"customField\"\r\n            ></vdr-custom-field-control>\r\n        </ng-container>\r\n    </section>\r\n    <div class=\"flex-spacer\"></div>\r\n    <div class=\"preview-select\">\r\n        <clr-select-container>\r\n            <label>{{ 'asset.preview' | translate }}</label>\r\n            <select clrSelect name=\"options\" [(ngModel)]=\"size\" [disabled]=\"settingFocalPoint\">\r\n                <option value=\"tiny\">tiny</option>\r\n                <option value=\"thumb\">thumb</option>\r\n                <option value=\"small\">small</option>\r\n                <option value=\"medium\">medium</option>\r\n                <option value=\"large\">large</option>\r\n                <option value=\"\">full size</option>\r\n            </select>\r\n        </clr-select-container>\r\n        <div class=\"asset-detail\">{{ width }} x {{ height }}</div>\r\n    </div>\r\n    <a\r\n        *ngIf=\"!editable\"\r\n        class=\"btn btn-link btn-sm\"\r\n        [routerLink]=\"['/catalog', 'assets', asset.id]\"\r\n        (click)=\"editClick.emit()\"\r\n    >\r\n        <clr-icon shape=\"edit\"></clr-icon> {{ 'common.edit' | translate }}\r\n    </a>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:flex;height:100%}.preview-image{width:100%;height:100%;min-height:60vh;overflow:auto;text-align:center;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1);background:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAK0lEQVQ4T2P4jwP8xgFGNSADqDwGIF0DlMYAUH0YYFQDMoDKYwASNfz/DwB/JvcficphowAAAABJRU5ErkJggg==\");flex:1}.preview-image.centered{display:flex;align-items:center;justify-content:center}.preview-image vdr-focal-point-control{position:relative;box-shadow:0 0 10px -3px rgba(0,0,0,.15)}.preview-image .image-wrapper{position:relative}.preview-image .asset-image{width:100%}.preview-image .focal-point-info{position:absolute;display:flex;right:0}.controls{display:flex;flex-direction:column;margin-left:12px;min-width:15vw;max-width:25vw;transition:opacity .3s}.controls.fade{opacity:.5}.controls .name-input{margin-bottom:24px}.controls ::ng-deep .clr-control-container,.controls ::ng-deep .clr-control-container .clr-input{width:100%}.controls .elide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.controls .source-link{direction:rtl}.controls .preview-select{display:flex;align-items:center;margin-bottom:12px}.controls .preview-select clr-select-container{margin-right:12px}"]
                 },] }
@@ -6834,12 +6989,10 @@
         }
         ChannelAssignmentControlComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.channels$ = this.dataService.client
-                .userStatus()
-                .single$.pipe(operators.map(function (_a) {
-                var userStatus = _a.userStatus;
+            this.channels$ = this.dataService.client.userStatus().single$.pipe(operators.map(function (_b) {
+                var userStatus = _b.userStatus;
                 return userStatus.channels.filter(function (c) { return _this.includeDefaultChannel ? true : c.code !== sharedConstants.DEFAULT_CHANNEL_CODE; });
-            }));
+            }), operators.tap(function (channels) { return (_this.channels = channels); }));
         };
         ChannelAssignmentControlComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
@@ -6851,8 +7004,26 @@
             this.disabled = isDisabled;
         };
         ChannelAssignmentControlComponent.prototype.writeValue = function (obj) {
+            var _this = this;
+            var _a;
             if (Array.isArray(obj)) {
-                this.value = obj;
+                if (typeof obj[0] === 'string') {
+                    this.value = obj.map(function (id) { var _a; return (_a = _this.channels) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.id === id; }); }).filter(sharedUtils.notNullOrUndefined);
+                }
+                else {
+                    this.value = obj;
+                }
+            }
+            else {
+                if (typeof obj === 'string') {
+                    var channel = (_a = this.channels) === null || _a === void 0 ? void 0 : _a.find(function (c) { return c.id === obj; });
+                    if (channel) {
+                        this.value = [channel];
+                    }
+                }
+                else if (obj && obj.id) {
+                    this.value = [obj];
+                }
             }
         };
         ChannelAssignmentControlComponent.prototype.focussed = function () {
@@ -6872,7 +7043,9 @@
             }
         };
         ChannelAssignmentControlComponent.prototype.compareFn = function (c1, c2) {
-            return c1 && c2 ? c1.id === c2.id : c1 === c2;
+            var c1id = typeof c1 === 'string' ? c1 : c1.id;
+            var c2id = typeof c2 === 'string' ? c2 : c2.id;
+            return c1id === c2id;
         };
         return ChannelAssignmentControlComponent;
     }());
@@ -7963,6 +8136,7 @@
                 hasBackdrop: true,
                 backdropClass: 'clear-backdrop',
                 positionStrategy: this.getPositionStrategy(),
+                maxHeight: '70vh',
             });
             this.menuPortal = new portal.TemplatePortal(this.menuTemplate, this.viewContainerRef);
             this.backdropClickSub = this.overlayRef.backdropClick().subscribe(function () {
@@ -8025,9 +8199,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                    <ng-content></ng-content>\n                </div>\n            </div>\n        </ng-template>\n    ",
+                    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    ",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".clear-backdrop{background-color:#ff69b4}.dropdown.open>.dropdown-menu{position:relative;top:0}:host{opacity:1;transition:opacity .3s}"]
+                    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}"]
                 },] }
     ];
     DropdownMenuComponent.ctorParameters = function () { return [
@@ -10130,8 +10304,8 @@
                     try {
                         for (var permissions_1 = __values(permissions), permissions_1_1 = permissions_1.next(); !permissions_1_1.done; permissions_1_1 = permissions_1.next()) {
                             var permission = permissions_1_1.value;
-                            if (!userStatus.permissions.includes(permission)) {
-                                return false;
+                            if (userStatus.permissions.includes(permission)) {
+                                return true;
                             }
                         }
                     }
@@ -10142,7 +10316,7 @@
                         }
                         finally { if (e_1) throw e_1.error; }
                     }
-                    return true;
+                    return false;
                 })
                     .pipe(operators.tap(function () { return _this.changeDetectorRef.markForCheck(); }));
             }) || this;
@@ -10433,7 +10607,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 *vdrIfPermissions=\"'UpdateCatalog'\">\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 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",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -10990,19 +11164,21 @@
             this.dataService = dataService;
             this.changeDetectorRef = changeDetectorRef;
             this.hasPermission = false;
-            this.permission = null;
+            this.lastPermissions = null;
             this.currentPermissions$ = this.dataService.client
                 .userStatus()
                 .mapStream(function (data) { return data.userStatus.permissions; });
         }
-        HasPermissionPipe.prototype.transform = function (permission) {
+        HasPermissionPipe.prototype.transform = function (input) {
             var _this = this;
-            if (this.permission !== permission) {
-                this.permission = permission;
+            var requiredPermissions = Array.isArray(input) ? input : [input];
+            var requiredPermissionsString = requiredPermissions.join(',');
+            if (this.lastPermissions !== requiredPermissionsString) {
+                this.lastPermissions = requiredPermissionsString;
                 this.hasPermission = false;
                 this.dispose();
                 this.subscription = this.currentPermissions$.subscribe(function (permissions) {
-                    _this.hasPermission = permissions.includes(permission);
+                    _this.hasPermission = _this.checkPermissions(permissions, requiredPermissions);
                     _this.changeDetectorRef.markForCheck();
                 });
             }
@@ -11011,6 +11187,25 @@
         HasPermissionPipe.prototype.ngOnDestroy = function () {
             this.dispose();
         };
+        HasPermissionPipe.prototype.checkPermissions = function (userPermissions, requiredPermissions) {
+            var e_1, _a;
+            try {
+                for (var requiredPermissions_1 = __values(requiredPermissions), requiredPermissions_1_1 = requiredPermissions_1.next(); !requiredPermissions_1_1.done; requiredPermissions_1_1 = requiredPermissions_1.next()) {
+                    var perm = requiredPermissions_1_1.value;
+                    if (userPermissions.includes(perm)) {
+                        return true;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (requiredPermissions_1_1 && !requiredPermissions_1_1.done && (_a = requiredPermissions_1.return)) _a.call(requiredPermissions_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return false;
+        };
         HasPermissionPipe.prototype.dispose = function () {
             if (this.subscription) {
                 this.subscription.unsubscribe();
@@ -12150,7 +12345,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.0.0-beta.9';
+    var ADMIN_UI_VERSION = '1.0.3';
 
     /**
      * Responsible for registering dashboard widget components and querying for layouts.