@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/dropdown/v4/index.d.ts

@@ -7,7 +7,7 @@ import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
 import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
 import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
-import ConditionalDroprown from './ConditionalDroprown.vue';
+import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1631,6 +1631,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    cancelAllSelectedDisplay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValueInQuotes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1681,6 +1689,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    cancelAllSelectedDisplay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValueInQuotes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onClear?: () => any;
 }, {
@@ -1691,6 +1707,8 @@ declare const DropdownTypes: () => (({
     feedbackVariant: string;
     allSelected: boolean;
     displayedValue: any;
+    cancelAllSelectedDisplay: boolean;
+    displayValueInQuotes: boolean;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1710,9 +1728,9 @@ declare const DropdownTypes: () => (({
             modelValue: any;
             selected: any;
             valueToCopy: string;
-            onClear: () => void;
             placeholder: string;
             multi: boolean;
+            infiniteLoading: boolean;
             showSelectAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
@@ -1731,6 +1749,7 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
@@ -1795,13 +1814,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1818,10 +1837,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1830,6 +1845,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1902,6 +1924,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -1992,11 +2018,14 @@ declare const DropdownTypes: () => (({
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2008,7 +2037,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -2054,13 +2083,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2077,10 +2106,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2089,6 +2114,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2161,6 +2193,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -2251,8 +2287,11 @@ declare const DropdownTypes: () => (({
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -2268,6 +2307,9 @@ declare const DropdownTypes: () => (({
             clear: () => void;
             copyToClipboard: () => void;
             onsearch: (value: string) => void;
+            loadMore: () => void;
+            allSelectedChanged: (value: boolean) => void;
+            unsavedSelectionUpdate: (value: unknown[]) => void;
         }, string, {
             theme: string;
             testId: string;
@@ -2283,9 +2325,9 @@ declare const DropdownTypes: () => (({
             modelValue: any;
             selected: any;
             valueToCopy: string;
-            onClear: () => void;
             placeholder: string;
             multi: boolean;
+            infiniteLoading: boolean;
             showSelectAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
@@ -2304,6 +2346,7 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
@@ -2388,13 +2431,13 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2411,10 +2454,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        onClear: {
-            type: import("vue").PropType<() => void>;
-            default: () => true;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2423,6 +2462,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadMoreLoading: {
+            type: import("vue").PropType<boolean>;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2495,6 +2541,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        onClearSearch: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
+        };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
@@ -2585,8 +2635,11 @@ declare const DropdownTypes: () => (({
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
+        onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -2640,13 +2693,13 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -2663,10 +2716,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    onClear: {
-        type: import("vue").PropType<() => void>;
-        default: () => true;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2675,6 +2724,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    loadMoreLoading: {
+        type: import("vue").PropType<boolean>;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2747,6 +2803,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    onClearSearch: {
+        type: import("vue").PropType<() => void>;
+        default: () => true;
+    };
     displayValue: {
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
@@ -2837,8 +2897,11 @@ declare const DropdownTypes: () => (({
     onApply?: (value: unknown) => any;
     onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
+    onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
+    onLoadMore?: () => any;
+    onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -2854,6 +2917,9 @@ declare const DropdownTypes: () => (({
     clear: () => void;
     copyToClipboard: () => void;
     onsearch: (value: string) => void;
+    loadMore: () => void;
+    allSelectedChanged: (value: boolean) => void;
+    unsavedSelectionUpdate: (value: unknown[]) => void;
 }, string, {
     theme: string;
     testId: string;
@@ -2869,9 +2935,9 @@ declare const DropdownTypes: () => (({
     modelValue: any;
     selected: any;
     valueToCopy: string;
-    onClear: () => void;
     placeholder: string;
     multi: boolean;
+    infiniteLoading: boolean;
     showSelectAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
@@ -2890,6 +2956,7 @@ declare const DropdownTypes: () => (({
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
     searchAutoFocus: boolean;
+    onClearSearch: () => void;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -3502,11 +3569,39 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
         default: string;
     };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: any;
+    };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     comparingKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3540,6 +3635,22 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
+    searchQuery: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadMoreFn: {
+        type: import("vue").PropType<() => Promise<any[]>>;
+        default: any;
+    };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: {
         label: string;
@@ -3547,6 +3658,7 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => void;
     "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -3557,11 +3669,39 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
         default: string;
     };
+    optionIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionImageKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: any;
+    };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     comparingKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3595,7 +3735,24 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
+    searchQuery: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loadMoreFn: {
+        type: import("vue").PropType<() => Promise<any[]>>;
+        default: any;
+    };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
+    onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: {
         label: string;
         value: string;
@@ -3605,8 +3762,19 @@ declare const DropdownTypes: () => (({
 }, {
     label: string;
     testId: string;
+    isOpen: boolean;
+    infiniteLoading: boolean;
     optionNameKey: string;
+    optionIconKey: string;
+    optionImageKey: string;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey: string;
+    groupedOptions: boolean;
     comparingKey: string;
     minCharsToStart: number;
+    searchQuery: string;
+    loadMoreFn: () => Promise<any[]>;
+    fetchDataDebounceTime: number;
+    autoFocusSearch: boolean;
 }>)[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDroprown, };
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };

package/components/dropdown/v4/index.js

@@ -0,0 +1,35 @@
+import o from "./DropdownV4.vue.js";
+import r from "./DefaultDropdownTrigger.vue.js";
+import p from "./IconButtonDropdownTrigger.vue.js";
+import t from "./ChipDropdownTrigger.vue.js";
+import i from "./AppDropdownTrigger.vue.js";
+import m from "./ButtonDropdownTrigger.vue.js";
+import n from "./ButtonFilterDropdownTrigger.vue.js";
+import e from "./TreeDropdown.vue.js";
+import g from "./OptionV4.vue.js";
+import d from "./ConditionalDropdown.vue.js";
+const C = () => [
+  o,
+  r,
+  p,
+  t,
+  m,
+  n,
+  i,
+  g,
+  e,
+  d
+];
+export {
+  i as AppDropdownTrigger,
+  m as ButtonDropdownTrigger,
+  n as ButtonFilterDropdownTrigger,
+  t as ChipDropdownTrigger,
+  d as ConditionalDropdown,
+  r as DefaultDropdownTrigger,
+  o as Dropdown,
+  C as DropdownTypes,
+  p as IconButtonDropdownTrigger,
+  g as Option,
+  e as TreeDropdown
+};

package/components/emptyState/v3/EmptyState.vue.js

@@ -0,0 +1,7 @@
+import t from "./EmptyState.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../EmptyState.vue_vue_type_style_index_0_scoped_d3aecf34_lang.css"; //*');
+const s = /* @__PURE__ */ e(t, [["__scopeId", "data-v-d3aecf34"]]);
+export {
+  s as default
+};

package/components/emptyState/v3/EmptyState.vue2.js

@@ -0,0 +1,91 @@
+ import "../../../EmptyState.vue_vue_type_style_index_0_scoped_d3aecf34_lang.css"; import { defineComponent as h, computed as k, openBlock as e, createElementBlock as b, normalizeClass as d, createElementVNode as f, renderSlot as a, createBlock as n, normalizeProps as B, mergeProps as g, unref as l, createCommentVNode as o, withCtx as s, createTextVNode as r, toDisplayString as u } from "vue";
+import v from "../../button/v3/Button.vue.js";
+import "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import N from "./EmptyStateIcon.vue.js";
+import $ from "../../icon/v3/Icon.vue.js";
+import "../../typography/Heading.vue.js";
+import y from "../../typography/Text.vue.js";
+const p = { class: "empty-state-title-container" }, w = /* @__PURE__ */ h({
+  __name: "EmptyState",
+  props: {
+    title: { default: void 0 },
+    subtitle: { default: void 0 },
+    buttonText: { default: void 0 },
+    isHorizontal: { type: Boolean, default: !1 },
+    hasIcon: { type: Boolean, default: !0 },
+    isBordered: { type: Boolean, default: !1 },
+    iconName: { default: null },
+    fontSize: { default: "5rem" },
+    size: { default: "lg" },
+    iconWidth: { default: 44 },
+    iconHeight: { default: 44 }
+  },
+  emits: ["click"],
+  setup(t) {
+    const m = t, z = k(() => ({
+      width: m.iconWidth,
+      height: m.iconHeight
+    }));
+    return (i, c) => (e(), b("div", {
+      class: d(["empty-state-container", { horizontal: t.isHorizontal, bordered: t.isBordered }])
+    }, [
+      f("div", {
+        class: d(`empty-state-icon-container empty-state-icon-container--${t.size}`)
+      }, [
+        t.hasIcon ? a(i.$slots, "icon", { key: 0 }, () => [
+          t.iconName ? o("", !0) : (e(), n(N, B(g({ key: 0 }, l(z))), null, 16)),
+          t.iconName ? (e(), n(l($), {
+            key: 1,
+            name: t.iconName,
+            "font-size": t.fontSize,
+            class: "empty-state-icon"
+          }, null, 8, ["name", "font-size"])) : o("", !0)
+        ], !0) : o("", !0)
+      ], 2),
+      f("div", p, [
+        a(i.$slots, "title", {}, () => [
+          t.title ? (e(), n(l(y), {
+            key: 0,
+            size: "lg",
+            strong: "",
+            class: "empty-state-title"
+          }, {
+            default: s(() => [
+              r(u(t.title), 1)
+            ]),
+            _: 1
+          })) : o("", !0)
+        ], !0),
+        a(i.$slots, "subtitle", {}, () => [
+          t.subtitle ? (e(), n(l(y), {
+            key: 0,
+            size: "sm",
+            class: "empty-state-subtitle"
+          }, {
+            default: s(() => [
+              r(u(t.subtitle), 1)
+            ]),
+            _: 1
+          })) : o("", !0)
+        ], !0)
+      ]),
+      a(i.$slots, "button", {}, () => [
+        t.buttonText ? (e(), n(l(v), {
+          key: 0,
+          theme: "secondary",
+          class: "empty-state-button",
+          onClick: c[0] || (c[0] = (S) => i.$emit("click"))
+        }, {
+          default: s(() => [
+            r(u(t.buttonText), 1)
+          ]),
+          _: 1
+        })) : o("", !0)
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  w as default
+};