@ironsource/shared-ui 2.2.0-rc.9 → 2.2.0-test.10

package/index.d.ts

@@ -568,6 +568,7 @@ declare const _default: {
                 openOnTop: boolean;
                 showPresets: boolean;
                 maxDate: Date;
+                minDate: Date;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -635,6 +636,10 @@ declare const _default: {
                     type: import("vue").PropType<Date>;
                     default: any;
                 };
+                minDate: {
+                    type: import("vue").PropType<Date>;
+                    default: any;
+                };
             }>> & {
                 onOpened?: (...args: any[]) => any;
                 onRangeTypeChanged?: (...args: any[]) => any;
@@ -642,7 +647,7 @@ declare const _default: {
                 onRangeChanged?: (...args: any[]) => any;
                 onDateRangePresetNameChanged?: (...args: any[]) => any;
                 onDismissed?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate" | "minDate">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -723,6 +728,10 @@ declare const _default: {
                     type: import("vue").PropType<Date>;
                     default: any;
                 };
+                minDate: {
+                    type: import("vue").PropType<Date>;
+                    default: any;
+                };
             }>> & {
                 onOpened?: (...args: any[]) => any;
                 onRangeTypeChanged?: (...args: any[]) => any;
@@ -752,6 +761,7 @@ declare const _default: {
                 openOnTop: boolean;
                 showPresets: boolean;
                 maxDate: Date;
+                minDate: Date;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -839,6 +849,10 @@ declare const _default: {
                 type: import("vue").PropType<Date>;
                 default: any;
             };
+            minDate: {
+                type: import("vue").PropType<Date>;
+                default: any;
+            };
         }>> & {
             onOpened?: (...args: any[]) => any;
             onRangeTypeChanged?: (...args: any[]) => any;
@@ -917,6 +931,10 @@ declare const _default: {
             type: import("vue").PropType<Date>;
             default: any;
         };
+        minDate: {
+            type: import("vue").PropType<Date>;
+            default: any;
+        };
     }>> & {
         onOpened?: (...args: any[]) => any;
         onRangeTypeChanged?: (...args: any[]) => any;
@@ -946,6 +964,7 @@ declare const _default: {
         openOnTop: boolean;
         showPresets: boolean;
         maxDate: Date;
+        minDate: Date;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             field?(_: {
@@ -974,6 +993,7 @@ declare const _default: {
                 openOnTop: boolean;
                 showPresets: boolean;
                 maxDate: Date;
+                minDate: Date;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -1041,6 +1061,10 @@ declare const _default: {
                     type: import("vue").PropType<Date>;
                     default: any;
                 };
+                minDate: {
+                    type: import("vue").PropType<Date>;
+                    default: any;
+                };
             }>> & {
                 onOpened?: (...args: any[]) => any;
                 onRangeTypeChanged?: (...args: any[]) => any;
@@ -1048,7 +1072,7 @@ declare const _default: {
                 onRangeChanged?: (...args: any[]) => any;
                 onDateRangePresetNameChanged?: (...args: any[]) => any;
                 onDismissed?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate" | "minDate">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1129,6 +1153,10 @@ declare const _default: {
                     type: import("vue").PropType<Date>;
                     default: any;
                 };
+                minDate: {
+                    type: import("vue").PropType<Date>;
+                    default: any;
+                };
             }>> & {
                 onOpened?: (...args: any[]) => any;
                 onRangeTypeChanged?: (...args: any[]) => any;
@@ -1158,6 +1186,7 @@ declare const _default: {
                 openOnTop: boolean;
                 showPresets: boolean;
                 maxDate: Date;
+                minDate: Date;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1245,6 +1274,10 @@ declare const _default: {
                 type: import("vue").PropType<Date>;
                 default: any;
             };
+            minDate: {
+                type: import("vue").PropType<Date>;
+                default: any;
+            };
         }>> & {
             onOpened?: (...args: any[]) => any;
             onRangeTypeChanged?: (...args: any[]) => any;
@@ -1323,6 +1356,10 @@ declare const _default: {
             type: import("vue").PropType<Date>;
             default: any;
         };
+        minDate: {
+            type: import("vue").PropType<Date>;
+            default: any;
+        };
     }>> & {
         onOpened?: (...args: any[]) => any;
         onRangeTypeChanged?: (...args: any[]) => any;
@@ -1352,6 +1389,7 @@ declare const _default: {
         openOnTop: boolean;
         showPresets: boolean;
         maxDate: Date;
+        minDate: Date;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             field?(_: {
@@ -6109,6 +6147,7 @@ declare const _default: {
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number) => any;
                 onSelectRow?: (value: boolean) => any;
+                onColumnHover?: (column: tableV3.Column) => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "loadingRowCount" | "zIndexBase" | "showSearch" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "helpTooltipVariant" | "useAvailableHeight" | "selectedMatcher" | "isSelectionSticky" | "isSelectionBordered">;
             $attrs: {
                 [x: string]: unknown;
@@ -6121,7 +6160,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "clickRow", rowIndex: number) => void) & ((event: "selectRow", value: boolean) => void);
+            $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "clickRow", rowIndex: number) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "columnHover", column: tableV3.Column) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -6266,6 +6305,7 @@ declare const _default: {
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number) => any;
                 onSelectRow?: (value: boolean) => any;
+                onColumnHover?: (column: tableV3.Column) => any;
             }, {
                 scrollTo: (index: number) => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -6279,6 +6319,7 @@ declare const _default: {
                 selectAll: (value: boolean) => void;
                 selectRow: (value: boolean) => void;
                 clickRow: (rowIndex: number) => void;
+                columnHover: (column: tableV3.Column) => void;
             }, string, {
                 sort: tableV3.Sort;
                 title: string;
@@ -6473,6 +6514,7 @@ declare const _default: {
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number) => any;
             onSelectRow?: (value: boolean) => any;
+            onColumnHover?: (column: tableV3.Column) => any;
         } & import("vue").ShallowUnwrapRef<{
             scrollTo: (index: number) => void;
         }> & {} & import("vue").ComponentCustomProperties & {};
@@ -6622,6 +6664,7 @@ declare const _default: {
         onOnClearSearch?: () => any;
         onClickRow?: (rowIndex: number) => any;
         onSelectRow?: (value: boolean) => any;
+        onColumnHover?: (column: tableV3.Column) => any;
     }, {
         scrollTo: (index: number) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -6635,6 +6678,7 @@ declare const _default: {
         selectAll: (value: boolean) => void;
         selectRow: (value: boolean) => void;
         clickRow: (rowIndex: number) => void;
+        columnHover: (column: tableV3.Column) => void;
     }, string, {
         sort: tableV3.Sort;
         title: string;
@@ -7356,6 +7400,7 @@ declare const _default: {
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number) => any;
                 onSelectRow?: (value: boolean) => any;
+                onColumnHover?: (column: tableV3.Column) => any;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "loadingRowCount" | "zIndexBase" | "showSearch" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "emptyStateVariant" | "rowCustomClassKey" | "rowDataKey" | "helpTooltipVariant" | "useAvailableHeight" | "selectedMatcher" | "isSelectionSticky" | "isSelectionBordered">;
             $attrs: {
                 [x: string]: unknown;
@@ -7368,7 +7413,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "clickRow", rowIndex: number) => void) & ((event: "selectRow", value: boolean) => void);
+            $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "clickRow", rowIndex: number) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "columnHover", column: tableV3.Column) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -7513,6 +7558,7 @@ declare const _default: {
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number) => any;
                 onSelectRow?: (value: boolean) => any;
+                onColumnHover?: (column: tableV3.Column) => any;
             }, {
                 scrollTo: (index: number) => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -7526,6 +7572,7 @@ declare const _default: {
                 selectAll: (value: boolean) => void;
                 selectRow: (value: boolean) => void;
                 clickRow: (rowIndex: number) => void;
+                columnHover: (column: tableV3.Column) => void;
             }, string, {
                 sort: tableV3.Sort;
                 title: string;
@@ -7720,6 +7767,7 @@ declare const _default: {
             onOnClearSearch?: () => any;
             onClickRow?: (rowIndex: number) => any;
             onSelectRow?: (value: boolean) => any;
+            onColumnHover?: (column: tableV3.Column) => any;
         } & import("vue").ShallowUnwrapRef<{
             scrollTo: (index: number) => void;
         }> & {} & import("vue").ComponentCustomProperties & {};
@@ -7869,6 +7917,7 @@ declare const _default: {
         onOnClearSearch?: () => any;
         onClickRow?: (rowIndex: number) => any;
         onSelectRow?: (value: boolean) => any;
+        onColumnHover?: (column: tableV3.Column) => any;
     }, {
         scrollTo: (index: number) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -7882,6 +7931,7 @@ declare const _default: {
         selectAll: (value: boolean) => void;
         selectRow: (value: boolean) => void;
         clickRow: (rowIndex: number) => void;
+        columnHover: (column: tableV3.Column) => void;
     }, string, {
         sort: tableV3.Sort;
         title: string;
@@ -28044,6 +28094,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        iconSize: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -28076,6 +28130,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        iconSize: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -28094,6 +28152,7 @@ declare const _default: {
         testId: string;
         variant: "default" | "primary";
         tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        iconSize: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
         iconKey: string;
         tooltipTextKey: string;
     }>;
@@ -28115,6 +28174,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        iconSize: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -28147,6 +28210,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        iconSize: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
+            default: string;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -28165,6 +28232,7 @@ declare const _default: {
         testId: string;
         variant: "default" | "primary";
         tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        iconSize: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
         iconKey: string;
         tooltipTextKey: string;
     }>[];
@@ -28519,3 +28587,4 @@ export * from '@/components/chart';
 export * from '@/components/columnPicker';
 export * from '@/components/columnConfigurator';
 export * from '@/components/tagsField';
+export * from '@/components/tag';

package/index.js

@@ -1,4 +1,4 @@
-import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
@@ -6,7 +6,7 @@ import { MenuTypes as io } from "./components/menu/index.js";
 import { AppIconTypes as so } from "./components/appIcon/index.js";
 import { FloatingToolbarTypes as lo } from "./components/floatingToolbar/index.js";
 import { IncludeExcludeTypes as $o } from "./components/includeExclude/index.js";
-import { ID_INJECTION_KEY as co, useId as yo } from "./composables/useId.js";
+import { ID_INJECTION_KEY as yo, useId as co } from "./composables/useId.js";
 import { FilterDropdownTypes as Fo } from "./components/filterDropdown/index.js";
 import { TypographyTypes as Co } from "./components/typography/index.js";
 import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
@@ -30,8 +30,8 @@ import * as l from "./components/checkbox/v4/index.js";
 import * as u from "./components/icon/v3/index.js";
 import * as $ from "./components/icon/v4/index.js";
 import * as T from "./components/input/v3/index.js";
-import * as c from "./components/input/v4/index.js";
-import * as y from "./components/tabs/v3/index.js";
+import * as y from "./components/input/v4/index.js";
+import * as c from "./components/tabs/v3/index.js";
 import * as g from "./components/tabs/v4/index.js";
 import * as F from "./components/dialog/v3/index.js";
 import * as I from "./components/dialog/v4/index.js";
@@ -79,40 +79,43 @@ import { ChartTypes as or } from "./components/chart/index.js";
 import { ColumnPickerTypes as er } from "./components/columnPicker/index.js";
 import { ColumnConfiguratorTypes as mr } from "./components/columnConfigurator/index.js";
 import { TagsFieldTypes as ar } from "./components/tagsField/index.js";
-import { default as ir } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as xr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as nr } from "./components/menuItem/MenuItem.vue.js";
-import { default as ur } from "./components/menu/Menu.vue.js";
-import { default as Tr } from "./components/appIcon/AppIcon.vue.js";
-import { default as yr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as Fr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as Cr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as Er } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as hr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as Mr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as wr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Hr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as Pr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as vr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as Nr } from "./components/typography/Heading.vue.js";
-import { default as Jr } from "./components/typography/Text.vue.js";
-import { default as Rr } from "./components/typography/v4/Typography.vue.js";
-import { default as jr } from "./components/multibar/MultiBar.vue.js";
-import { default as zr } from "./components/layout/FoldableSection.vue.js";
-import { default as Qr } from "./components/forms/FormRow.vue.js";
-import { default as Ur } from "./components/forms/FormCard.vue.js";
-import { default as Xr } from "./components/forms/CardPanel.vue.js";
-import { default as oe } from "./components/forms/FormField.vue.js";
-import { default as ee } from "./components/banner/Banner.vue.js";
-import { default as me } from "./components/alert/Alert.vue.js";
-import { default as ae } from "./components/link/Link.vue.js";
-import { default as ie } from "./components/helpText/HelpText.vue.js";
-import { default as xe } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as ne } from "./components/chart/Chart.vue.js";
-import { ChartType as ue, TooltipOrder as $e, TrendDirection as Te } from "./components/chart/types.js";
-import { default as ye } from "./components/columnPicker/ColumnPicker.vue.js";
-import { default as Fe } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
-import { default as Ce } from "./components/tagsField/TagsField.vue.js";
+import { TagTypes as ir } from "./components/tag/index.js";
+import { default as xr } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as nr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as ur } from "./components/menuItem/MenuItem.vue.js";
+import { default as Tr } from "./components/menu/Menu.vue.js";
+import { default as cr } from "./components/appIcon/AppIcon.vue.js";
+import { default as Fr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as Cr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as Er } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as hr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as Mr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as wr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as Hr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as Pr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as vr } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Nr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Jr } from "./components/typography/Heading.vue.js";
+import { default as Rr } from "./components/typography/Text.vue.js";
+import { default as jr } from "./components/typography/v4/Typography.vue.js";
+import { default as zr } from "./components/multibar/MultiBar.vue.js";
+import { default as Qr } from "./components/layout/FoldableSection.vue.js";
+import { default as Ur } from "./components/forms/FormRow.vue.js";
+import { default as Xr } from "./components/forms/FormCard.vue.js";
+import { default as oe } from "./components/forms/CardPanel.vue.js";
+import { default as ee } from "./components/forms/FormField.vue.js";
+import { default as me } from "./components/banner/Banner.vue.js";
+import { default as ae } from "./components/alert/Alert.vue.js";
+import { default as ie } from "./components/link/Link.vue.js";
+import { default as xe } from "./components/helpText/HelpText.vue.js";
+import { default as ne } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as ue } from "./components/chart/Chart.vue.js";
+import { ChartType as Te, TooltipOrder as ye, TrendDirection as ce } from "./components/chart/types.js";
+import { default as Fe } from "./components/columnPicker/ColumnPicker.vue.js";
+import { default as Ce } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
+import { default as Ee } from "./components/tagsField/TagsField.vue.js";
+import { default as he } from "./components/tagsField/TagsFieldChip.vue.js";
+import { default as Me } from "./components/tag/Tag.vue.js";
 const Z = {
   ...e,
   ...t,
@@ -127,10 +130,10 @@ const Z = {
   ...x,
   ...s,
   ...T,
-  ...c,
+  ...y,
   ...u,
   ...$,
-  ...y,
+  ...c,
   ...g,
   ...F,
   ...I,
@@ -169,64 +172,67 @@ const Z = {
   ...X
 };
 export {
-  vr as AddFilterButton,
-  me as Alert,
+  Nr as AddFilterButton,
+  ae as Alert,
   zo as AlertTypes,
-  Tr as AppIcon,
+  cr as AppIcon,
   so as AppIconTypes,
-  ir as AppTrigger,
+  xr as AppTrigger,
   eo as AppTriggerTypes,
-  xe as Autocomplete,
-  xr as AutocompleteDropdown,
+  ne as Autocomplete,
+  nr as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
   Xo as AutocompleteTypes,
-  ee as Banner,
+  me as Banner,
   jo as BannerTypes,
-  Xr as CardPanel,
-  ne as Chart,
-  ue as ChartType,
+  oe as CardPanel,
+  ue as Chart,
+  Te as ChartType,
   or as ChartTypes,
-  Fe as ColumnConfigurator,
+  Ce as ColumnConfigurator,
   mr as ColumnConfiguratorTypes,
-  ye as ColumnPicker,
+  Fe as ColumnPicker,
   er as ColumnPickerTypes,
-  Pr as FilterDropdown,
+  vr as FilterDropdown,
   Fo as FilterDropdownTypes,
-  yr as FloatingToolbar,
+  Fr as FloatingToolbar,
   lo as FloatingToolbarTypes,
-  zr as FoldableSection,
+  Qr as FoldableSection,
   Mo as FoldableSectionTypes,
-  Ur as FormCard,
+  Xr as FormCard,
   wo as FormCardTypes,
-  oe as FormField,
+  ee as FormField,
   ko as FormFieldTypes,
-  Qr as FormRow,
-  Nr as Heading,
-  ie as HelpText,
+  Ur as FormRow,
+  Jr as Heading,
+  xe as HelpText,
   Uo as HelpTextTypes,
-  co as ID_INJECTION_KEY,
-  Fr as IncludeExclude,
-  wr as IncludeExcludeAppHeader,
-  Mr as IncludeExcludeAppTrigger,
-  Hr as IncludeExcludeChipFilter,
-  Cr as IncludeExcludeDragDrop,
-  Er as IncludeExcludeOption,
-  hr as IncludeExcludeOptionDraggable,
+  yo as ID_INJECTION_KEY,
+  Cr as IncludeExclude,
+  Hr as IncludeExcludeAppHeader,
+  wr as IncludeExcludeAppTrigger,
+  Pr as IncludeExcludeChipFilter,
+  Er as IncludeExcludeDragDrop,
+  hr as IncludeExcludeOption,
+  Mr as IncludeExcludeOptionDraggable,
   $o as IncludeExcludeTypes,
-  ae as Link,
+  ie as Link,
   Qo as LinkTypes,
-  ur as Menu,
-  nr as MenuItem,
+  Tr as Menu,
+  ur as MenuItem,
   ao as MenuItemTypes,
   io as MenuTypes,
-  jr as MultiBar,
+  zr as MultiBar,
   ho as MultiBarTypes,
-  Ce as TagsField,
+  Me as Tag,
+  ir as TagTypes,
+  Ee as TagsField,
+  he as TagsFieldChip,
   ar as TagsFieldTypes,
-  Jr as Text,
-  $e as TooltipOrder,
-  Te as TrendDirection,
-  Rr as Typography,
+  Rr as Text,
+  ye as TooltipOrder,
+  ce as TrendDirection,
+  jr as Typography,
   Co as TypographyTypes,
   Eo as TypographyTypesV4,
   Z as default,
@@ -234,7 +240,7 @@ export {
   No as scrollToFirstInvalidElement,
   Ro as useDateService,
   Vo as useFormValidation,
-  yo as useId,
+  co as useId,
   So as useSearch,
   Oo as useToggle,
   Jo as yupValidation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.2.0-rc.9",
+  "version": "2.2.0-test.10",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -239,7 +239,8 @@
     "./sortableList": "./components/sortableList/index.js",
     "./composables/useFormValidation": "./composables/useFormValidation.js",
     "./composables/useDateService": "./composables/useDateService.js",
-    "./utils/": "./utils/index.ts"
+    "./utils/": "./utils/index.ts",
+    "./tag": "./components/tag/index.js"
   },
   "typesVersions": {
     "*": {
@@ -494,6 +495,9 @@
       ],
       "composables/useDateService": [
         "./composables/useDateService.d.ts"
+      ],
+      "tag": [
+        "./components/tag/index.d.ts"
       ]
     }
   },

package/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css

@@ -1 +0,0 @@
-.label[data-v-acd3440c]{color:#41454d}.days-wrapper[data-v-acd3440c]{color:#53575b}.days-wrapper .day[data-v-acd3440c]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-acd3440c]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#f1f3f4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-acd3440c]:after{content:"";background:#3083ff;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-acd3440c]:after,.days-wrapper .day.today.selected-day-between[data-v-acd3440c]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-acd3440c]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-acd3440c]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-acd3440c]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-acd3440c]:before{content:"";display:block;position:absolute;background:#3083ff;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-acd3440c]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-acd3440c]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-acd3440c]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-acd3440c]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-acd3440c]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-acd3440c]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-acd3440c]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-acd3440c]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-acd3440c]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-acd3440c]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-acd3440c]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-acd3440c],.calendar-month .previous[data-v-acd3440c]{transform:translateY(8px)}.calendar-month .previous[data-v-acd3440c]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css

@@ -1 +0,0 @@
-.label[data-v-b0d3ea50]{color:#41454d}.days-wrapper .date-wrapper[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer;color:var(--text-Primary, #202020)}.days-wrapper .day[data-v-b0d3ea50]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.today[data-v-b0d3ea50]:after{content:"";background:var(--primary-main, #0091ff);position:absolute;text-align:center;width:4px;height:4px;border-radius:var(--borderRadius-full, 100px);bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-b0d3ea50]:after,.days-wrapper .day.today.selected-day-between[data-v-b0d3ea50]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-b0d3ea50]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-b0d3ea50]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-b0d3ea50]{background:var(--primary-main, #0091ff)!important;border-radius:var(--borderRadius-full, 100px);color:var(--common-white, #fff)}.days-wrapper .day.selected-day[data-v-b0d3ea50]:hover{color:var(--common-white, #fff)}.days-wrapper .day.disabled-day[data-v-b0d3ea50]{color:var(--text-disabled, #bbb);cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-b0d3ea50]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-b0d3ea50]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header span[data-v-b0d3ea50]{width:32px;display:inline-block;display:inline-flex;text-align:center;height:32px;justify-content:center;align-items:center}.calendar-month .month-header[data-v-b0d3ea50]{display:flex;height:var(--spacing-500, 40px);padding:8px 0;align-items:center;gap:8px;align-self:stretch;text-align:center;flex-direction:column}.calendar-month .month-header .month-name[data-v-b0d3ea50]{color:var(--text-primary, #202020)}.calendar-month .week-day[data-v-b0d3ea50]{color:var(--text-secondary, #646464);text-align:center}.calendar-month .next[data-v-b0d3ea50]{right:1px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-b0d3ea50],.calendar-month .previous[data-v-b0d3ea50]{transform:translateY(8px)}.calendar-month .previous[data-v-b0d3ea50]{left:1px;cursor:pointer;position:absolute;z-index:16}

package/ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-9a603520]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-9a603520]{padding-top:22px}.chart-header--compact .header-texts[data-v-9a603520]{flex-direction:row}.chart-header--compact .header-text[data-v-9a603520]{color:var(--text-secondary)}.header-row[data-v-9a603520]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-9a603520]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-9a603520]{display:flex;align-items:center;gap:var(--spacing-200)}

package/ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css

@@ -1 +0,0 @@
-.column-picker[data-v-01c4e08f]{width:37.375rem;border-radius:var(--border-radius-lg);background:var(--background-modal-elevation)}.content[data-v-01c4e08f]{min-height:18.75rem;display:grid;grid-template-columns:1fr 1fr}.selected-list-wrapper[data-v-01c4e08f]{padding:.25rem 1rem 1rem}.scrollable-list[data-v-01c4e08f]{overflow-y:auto;max-height:24.625rem}.search-wrapper[data-v-01c4e08f]{height:3rem;padding:1rem 1rem .25rem}.options-list-wrapper[data-v-01c4e08f]{border-right:1px solid var(--common-divider)}.options-list[data-v-01c4e08f]{margin:0;list-style:none;padding:.3125rem .75rem}.options-list__item[data-v-01c4e08f]{margin-bottom:.5rem}.options-list[data-v-01c4e08f] .item-container{margin-bottom:1px;min-height:1.9375rem}.selected-list-header[data-v-01c4e08f]{height:3rem;padding:.25rem 1rem 0;display:flex;justify-content:space-between;align-items:center}.group-name[data-v-01c4e08f]{color:var(--text-secondary)}.inline-group[data-v-01c4e08f]{padding:.25rem .5rem}.no-result-container[data-v-01c4e08f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}

package/DataGrid.vue_vue_type_style_index_0_scoped_46851fcb_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-46851fcb]{position:sticky}.table-container[data-v-46851fcb]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-46851fcb]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-46851fcb]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-46851fcb]{display:inline-table}.table-row[data-v-46851fcb]{position:relative}.table-row.loading[data-v-46851fcb]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-46851fcb]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-46851fcb]{border-bottom:none}.expanded-row[data-v-46851fcb]{grid-column:var(--5caaa606);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-46851fcb]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-46851fcb]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-46851fcb],table th[data-v-46851fcb]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-46851fcb]:first-of-type,table th[data-v-46851fcb]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-46851fcb]:last-of-type,table th[data-v-46851fcb]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-46851fcb],table th.expand-toggle-cell[data-v-46851fcb]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-46851fcb]{border-bottom:none;z-index:calc(var(--55ef8912) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-46851fcb]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--b7356102)}table>thead>tr>th[data-v-46851fcb]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-46851fcb]{cursor:pointer}table>thead>tr>td[data-v-46851fcb]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-46851fcb],table>thead>tr>td.bordered[data-v-46851fcb]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-46851fcb],table>thead>tr>td.bordered.isStickyRight[data-v-46851fcb]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-46851fcb],table>thead>tr>td.isTextRight[data-v-46851fcb]{justify-content:flex-end}table>thead.sticky[data-v-46851fcb]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-46851fcb]{z-index:calc(var(--55ef8912) + 2);top:var(--7d96c2a6)}table .totals-row[data-v-46851fcb]{height:40px}table .totals-row[data-v-46851fcb]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-46851fcb]{background-color:var(--background-default)}table>tbody[data-v-46851fcb]{display:block}table>tbody>*>tr[data-v-46851fcb]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--b7356102)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-46851fcb]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-46851fcb],table>tbody>*>tr.activeMenu>td[data-v-46851fcb]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-46851fcb]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-46851fcb]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-46851fcb]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-46851fcb]{justify-content:flex-end;text-align:right}.underlined[data-v-46851fcb]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-46851fcb]:hover{cursor:pointer}.section-container[data-v-46851fcb]{left:0}.sections[data-v-46851fcb]{display:flex}.section[data-v-46851fcb]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-46851fcb]{width:100%}.empty-state[data-v-46851fcb]{min-height:250px}.floating-row[data-v-46851fcb]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--55ef8912) + 1)}.floating-row *[data-v-46851fcb-s]{pointer-events:auto}.bg[data-v-46851fcb]{background:var(--background-default)}.useAvailableHeight[data-v-46851fcb]{height:100%}.disabled-scrolling[data-v-46851fcb]{overflow:hidden}

package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css

@@ -1 +0,0 @@
-.label[data-v-70e316e9]{color:#41454d}.pop-up[data-v-70e316e9]{width:652px;position:absolute;z-index:1000;top:32px;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;background-color:#fff;border-radius:8px;left:1px;overflow:hidden}.pop-up.open-on-top[data-v-70e316e9]{top:0}.pop-up.hide-presets[data-v-70e316e9],.pop-up.hide-presets .calendar-wrap[data-v-70e316e9]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-70e316e9]{padding:15px 16px}.pop-up .date-picker-menu[data-v-70e316e9]{width:164px;background:#ffffff;vertical-align:top}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]:hover{background:#f1f3f4}.pop-up .date-picker-menu .selected-preset[data-v-70e316e9]{background:#e2eeff!important;color:#3083ff}.pop-up .date-picker-menu li[data-v-70e316e9]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-70e316e9]{left:-1px}.pop-up .date-picker-calendar[data-v-70e316e9]{box-sizing:border-box;height:100%;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px}.pop-up .calendars-wrapper[data-v-70e316e9]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-70e316e9]{list-style:none;margin:0;padding:12px 16px 12px 12px;line-height:32px}.pop-up .buttons-cover[data-v-70e316e9]{height:48px;padding:0 16px 0 0;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;display:grid;grid-template-columns:auto 250px;align-items:center}.pop-up button[data-v-70e316e9]{float:right;margin-left:4px}.pop-up .error[data-v-70e316e9]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-70e316e9]{display:inline-block}.pop-up.right[data-v-70e316e9]{left:initial;right:1px}.calendar-wrap[data-v-70e316e9]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-70e316e9]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-70e316e9]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-70e316e9]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-70e316e9]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-70e316e9]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-70e316e9]{padding-left:12px}.date-range-field.no-button-limit[data-v-70e316e9]{overflow:visible}.date-range-field.no-button-limit span[data-v-70e316e9]{width:100%;line-height:22px}.date-range-field span[data-v-70e316e9]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-70e316e9]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-70e316e9]:after{border-top-color:#8e959d}.pop-up-content[data-v-70e316e9]{margin-top:1px}.type-message[data-v-70e316e9]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-70e316e9]{position:relative}.space-right[data-v-70e316e9]{margin-right:13px}.space-left[data-v-70e316e9]{margin-left:9px}.top-date[data-v-70e316e9]{line-height:13px}.flex[data-v-70e316e9]{display:flex}