@ironsource/shared-ui 2.1.12-test.75 → 2.1.12-test.76

package/ChartPlane.vue_vue_type_style_index_0_scoped_a4130027_lang.css

@@ -0,0 +1 @@
+.chart-plane-container[data-v-a4130027]{--headerHeight: var(--699b2c4c);width:100%;height:var(--002a7637);position:relative}.header-wrapper[data-v-a4130027]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-a4130027]{padding-top:var(--headerHeight);height:100%}.chart[data-v-a4130027]{width:100%;height:100%;position:relative}.chart__canvas[data-v-a4130027]{width:100%;height:100%}.chart__tooltip[data-v-a4130027]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_683b8a75_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-683b8a75]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 10px}.inline-search[data-v-683b8a75]{width:100%}.contain-accept[data-v-683b8a75]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-683b8a75]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-683b8a75]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
-import e from "./ChartPlane.vue2.js";
-/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-903fc6ae"]]);
+import o from "./ChartPlane.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_a4130027_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4130027"]]);
 export {
   s as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,8 +1,8 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as k, onMounted as ne, watch as T, nextTick as se, openBlock as f, createElementBlock as S, createVNode as ue, isRef as ce, createSlots as de, withCtx as pe, renderSlot as fe, createCommentVNode as A, createElementVNode as L, normalizeStyle as he, createBlock as E } from "vue";
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_a4130027_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as k, onMounted as ne, watch as T, nextTick as se, openBlock as f, createElementBlock as S, createVNode as ue, isRef as ce, createSlots as de, withCtx as pe, renderSlot as fe, createCommentVNode as A, createElementVNode as L, normalizeStyle as he, createBlock as E } from "vue";
 import { Chart as N, ArcElement as me, LineElement as ve, BarElement as ye, PointElement as Te, LineController as Ce, BarController as be, PieController as ge, ScatterController as xe, CategoryScale as ke, LinearScale as Se, Filler as Ae, Tooltip as Le } from "chart.js";
 import { HoverVerticalLine as Ee } from "./plugins/HoverVerticalLine.js";
 import { prepareTickLabel as Re, formatValue as Be, calcStepSize as De } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as Oe, TOTALS_HELPER_KEY as F, BASE_COLOR_KEY as K, CHART_PADDING as Ie, POINT_BORDER_COLOR as He, TICK_LABEL_COLOR as M, TICK_LABEL_FONT as U, TICKS_EXTRA_PADDING as Ve, GRID_LINE_COLOR as z, HEADER_HEIGHT as we, COMPACT_HEADER_HEIGHT as Pe, HOVER_AREA_TRANSPARENCY as Ne, HOVER_TRANSPARENCY as C } from "./consts.js";
+import { DEFAULT_TICK_COUNT as Oe, TOTALS_HELPER_KEY as F, BASE_COLOR_KEY as K, CHART_PADDING as Ie, POINT_BORDER_COLOR as He, TICK_LABEL_COLOR as M, TICK_LABEL_FONT as U, TICKS_EXTRA_PADDING as Pe, GRID_LINE_COLOR as z, HEADER_HEIGHT as Ve, COMPACT_HEADER_HEIGHT as we, HOVER_AREA_TRANSPARENCY as Ne, HOVER_TRANSPARENCY as C } from "./consts.js";
 import { ChartType as u, DateInterval as Fe, TooltipOrder as Y, TrendDirection as Ke } from "./types.js";
 import { useTooltipPosition as Me } from "./composables/useTooltipPosition.js";
 import Ue from "./ChartTooltip.vue.js";
@@ -64,8 +64,8 @@ const Qe = { class: "chart-plane-container" }, et = {
   setup(o, { emit: G }) {
     const e = o;
     ie((t) => ({
-      d271311a: s(ee),
-      "6c5bc85e": o.height
+      "699b2c4c": s(ee),
+      "002a7637": o.height
     }));
     const $ = _e(Re);
     N.register(
@@ -94,7 +94,15 @@ const Qe = { class: "chart-plane-container" }, et = {
     };
     ne(g), T(() => e.chartType, g), T(d, async (t) => {
       t && (await se(), g());
-    }), T([() => e.visibleIds, () => e.dataSets], Z);
+    }), T(
+      [
+        () => e.visibleIds,
+        () => e.dataSets,
+        () => e.valuePrefix,
+        () => e.valueSuffix
+      ],
+      Z
+    );
     const p = l(() => e.totalsChart), v = l(
       () => e.chartType === u.StackedLine || e.chartType === u.StackedBar || p.value
     ), x = l(
@@ -218,7 +226,7 @@ const Qe = { class: "chart-plane-container" }, et = {
               autoSkip: !e.truncateTickLabels,
               autoSkipPadding: 8,
               callback: function(t, i, a) {
-                const r = this.getLabelForValue(t), oe = x.value && !p.value ? a.length - 1 : a.length, le = this.chart.scales?.x?.width / oe - Ve;
+                const r = this.getLabelForValue(t), oe = x.value && !p.value ? a.length - 1 : a.length, le = this.chart.scales?.x?.width / oe - Pe;
                 return $({
                   label: r,
                   format: e.xAxisFormat,
@@ -248,10 +256,10 @@ const Qe = { class: "chart-plane-container" }, et = {
               color: M,
               font: U,
               padding: 8,
-              stepSize: P.value,
-              min: w.value,
-              max: P.value * e.tickCount,
-              callback: (t) => Be(t, e.yAxisFormat)
+              stepSize: w.value,
+              min: V.value,
+              max: w.value * e.tickCount,
+              callback: (t) => e.valuePrefix + Be(t, e.yAxisFormat) + e.valueSuffix
             },
             // grid lines
             grid: {
@@ -262,23 +270,23 @@ const Qe = { class: "chart-plane-container" }, et = {
           }
         }
       }
-    })), H = k(null), c = k(null), { position: V } = Me(
+    })), H = k(null), c = k(null), { position: P } = Me(
       m,
       H,
       c,
       e.tooltipRespectsTopEdge
     ), J = l(() => ({
-      left: `${V.value.left}px`,
-      top: `${V.value.top}px`,
+      left: `${P.value.left}px`,
+      top: `${P.value.top}px`,
       opacity: c.value?.opacity || 0
-    })), { minValue: w, maxValue: Q } = ze({
+    })), { minValue: V, maxValue: Q } = ze({
       parsingConfig: B.value,
       dataSets: y,
       isStacked: v
-    }), P = l(
-      () => De(w.value, Q.value, e.tickCount)
+    }), w = l(
+      () => De(V.value, Q.value, e.tickCount)
     ), ee = l(
-      () => (e.compactHeader ? Pe : we) + "px"
+      () => (e.compactHeader ? we : Ve) + "px"
     );
     T(
       () => e.highlightedId,

package/components/dropdown/v4/ConditionalDropdown.vue.d.ts

@@ -1,12 +1,11 @@
-import { IconTypes } from '@is-ssp/icon/v4/Icon.types';
 type SelectedCondition = {
     label: string;
     value: string;
     multi: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selectedCondition: SelectedCondition | null;
-    appliedSelections: unknown | unknown[];
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selectedCondition: SelectedCondition;
+    appliedSelections: unknown;
     conditionalOptions: SelectedCondition[];
     label: string;
     testId?: string;
@@ -24,7 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionFlagKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: IconTypes;
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     loadingOverride?: boolean;
     triggerShownValuesCount?: number;
 }>, {
@@ -52,8 +51,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     clear: () => void;
     closed: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selectedCondition: SelectedCondition | null;
-    appliedSelections: unknown | unknown[];
+    selectedCondition: SelectedCondition;
+    appliedSelections: unknown;
     conditionalOptions: SelectedCondition[];
     label: string;
     testId?: string;
@@ -71,7 +70,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionFlagKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: IconTypes;
+    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     loadingOverride?: boolean;
     triggerShownValuesCount?: number;
 }>, {
@@ -107,7 +106,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
-    optionIconType: IconTypes;
+    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionFlagKey: string;
     groupedOptions: boolean;
     comparingKey: string;
@@ -117,6 +116,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchDataDebounceTime: number;
     autoFocusSearch: boolean;
     loadingOverride: boolean;
+}>, {
+    "option-end"?(_: {
+        option: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -136,3 +139,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/dropdown/v4/ConditionalDropdown.vue.js

@@ -1,7 +1,7 @@
 import o from "./ConditionalDropdown.vue2.js";
-/* empty css                          */import d from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_acd8417d_lang.css"; //*');
-const p = /* @__PURE__ */ d(o, [["__scopeId", "data-v-acd8417d"]]);
+/* empty css                          */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_683b8a75_lang.css"; //*');
+const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-683b8a75"]]);
 export {
-  p as default
+  n as default
 };

package/components/dropdown/v4/ConditionalDropdown.vue2.js

@@ -1,21 +1,21 @@
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_acd8417d_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as h, onMounted as q, openBlock as F, createBlock as G, unref as c, withCtx as f, createVNode as S, mergeProps as H, createElementVNode as J, isRef as X, normalizeProps as Y, guardReactiveProps as Z, createElementBlock as _, createTextVNode as ee, toDisplayString as le, createCommentVNode as oe } from "vue";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_683b8a75_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as h, onMounted as q, openBlock as F, createBlock as G, unref as c, createSlots as H, withCtx as v, createVNode as S, mergeProps as J, createElementVNode as X, isRef as Y, normalizeProps as Z, guardReactiveProps as _, createElementBlock as ee, createTextVNode as le, toDisplayString as oe, createCommentVNode as te, renderSlot as ae } from "vue";
 import L from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
-import te from "./ChipDropdownTrigger.vue.js";
+import ne from "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
 import "./ButtonDropdownTrigger.vue.js";
-import ae from "./ButtonFilterDropdownTrigger.vue.js";
+import ie from "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
 import "./ConditionalDropdown.vue.js";
-import ne from "../../search/v4/SearchV4.vue.js";
-import ie from "../../typography/v4/Typography.vue.js";
-import { useDebounceFn as ue } from "@vueuse/core";
-const re = { class: "conditional-container" }, se = {
+import ue from "../../search/v4/SearchV4.vue.js";
+import re from "../../typography/v4/Typography.vue.js";
+import { useDebounceFn as se } from "@vueuse/core";
+const de = { class: "conditional-container" }, ce = {
   key: 0,
   class: "custom-list-area"
-}, ke = /* @__PURE__ */ W({
+}, Ae = /* @__PURE__ */ W({
   __name: "ConditionalDropdown",
   props: {
     selectedCondition: null,
@@ -57,38 +57,38 @@ const re = { class: "conditional-container" }, se = {
       const { appliedSelections: l } = e;
       return l ? Array.isArray(l) ? l : [l] : [];
     }, T = s(null), p = s(!0), a = s([]), n = s(k()), A = s(!0), d = s(!1), b = s(!1), r = s(e.searchQuery), B = s(""), g = s(e.label), K = s([]), U = O(() => (!r.value || r.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
-      const l = p.value ? 4 : 4.5, o = a.value.length > 4 ? a.value.length : l;
+      const l = p.value ? 4 : 4.5, t = a.value.length > 4 ? a.value.length : l;
       if (e.groupedOptions) {
-        let t = 0;
+        let o = 0;
         return a.value.forEach((y) => {
-          y.options && (t = t + y.options.length);
-        }), t > 4 ? t : l;
+          y.options && (o = o + y.options.length);
+        }), o > 4 ? o : l;
       }
-      return o > l ? o : l;
-    }), M = (l, o) => {
-      if (e.infiniteLoading && u.value.multi && Array.isArray(n.value) && n.value.length && l && o.length) {
-        const t = [], y = n.value.filter(
-          (v) => v[e.optionNameKey].includes(l)
+      return t > l ? t : l;
+    }), M = (l, t) => {
+      if (e.infiniteLoading && u.value.multi && Array.isArray(n.value) && n.value.length && l && t.length) {
+        const o = [], y = n.value.filter(
+          (f) => f[e.optionNameKey].includes(l)
         );
-        return o.forEach((v) => {
+        return t.forEach((f) => {
           y.find(
-            (j) => j[e.comparingKey] === v[e.comparingKey]
-          ) && t.push(v[e.comparingKey]);
+            (j) => j[e.comparingKey] === f[e.comparingKey]
+          ) && o.push(f[e.comparingKey]);
         }), y.filter(
-          (v) => !t.includes(v[e.comparingKey])
+          (f) => !o.includes(f[e.comparingKey])
         );
       }
       return [];
     }, N = async (l) => {
       try {
         d.value = !0;
-        const o = await e.fetchFnCallback(l), t = M(
+        const t = await e.fetchFnCallback(l), o = M(
           l,
-          o
+          t
         );
-        a.value = [...t, ...o], d.value = !1;
-      } catch (o) {
-        d.value = !1, console.error("Error fetching data:", o);
+        a.value = [...o, ...t], d.value = !1;
+      } catch (t) {
+        d.value = !1, console.error("Error fetching data:", t);
       }
     }, E = async () => {
       if (e.infiniteLoading)
@@ -99,12 +99,12 @@ const re = { class: "conditional-container" }, se = {
         } catch (l) {
           b.value = !1, console.error("Error fetching data:", l);
         }
-    }, x = ue(
+    }, P = se(
       N,
       e.fetchDataDebounceTime
     ), w = (l) => {
-      l.length >= e.minCharsToStart ? (x(l), T.value?.scrollTo(0)) : e.infiniteLoading && u.value.multi ? a.value = K.value || [] : a.value = [];
-    }, P = () => {
+      l.length >= e.minCharsToStart ? (P(l), T.value?.scrollTo(0)) : e.infiniteLoading && u.value.multi ? a.value = K.value || [] : a.value = [];
+    }, Q = () => {
       r.value && a.value.length && !d.value && !u.value.multi ? a.value[0].conditionalOptions ? a.value[0] = {
         [e.optionNameKey]: r.value,
         conditionalOptions: !0,
@@ -125,45 +125,45 @@ const re = { class: "conditional-container" }, se = {
     h(r, () => {
       w(r.value);
     }), h([u, a], () => {
-      P();
+      Q();
     }), h(
       () => e.loadingOverride,
-      (l, o) => {
-        !l && o && !e.infiniteLoading && N(e.searchQuery);
+      (l, t) => {
+        !l && t && !e.infiniteLoading && N(e.searchQuery);
       }
     );
-    const Q = () => {
+    const V = () => {
       p.value && n.value.length === 0 ? (u.value = null, m.value = [], u.value = null) : (B.value = r.value, m.value = p.value ? [...n.value] : { ...n.value }, A.value = p.value), D();
     };
-    h(u, (l, o) => {
-      u.value.multi ? (d.value = !0, !o.multi && l.multi && (Array.isArray(e.appliedSelections) ? n.value = e.appliedSelections : n.value = [e.appliedSelections]), setTimeout(() => {
+    h(u, (l, t) => {
+      u.value.multi ? (d.value = !0, !t.multi && l.multi && (Array.isArray(e.appliedSelections) ? n.value = e.appliedSelections : n.value = [e.appliedSelections]), setTimeout(() => {
         d.value = !1, p.value = !0;
-      }, 100)) : (!o.multi && !l.multi && (d.value = !0), setTimeout(() => {
-        !o.multi && !l.multi && (d.value = !1), p.value = !1;
+      }, 100)) : (!t.multi && !l.multi && (d.value = !0), setTimeout(() => {
+        !t.multi && !l.multi && (d.value = !1), p.value = !1;
       }, 100));
     }), h(m, () => {
       n.value = k();
     });
-    const V = (l) => {
+    const $ = (l) => {
       K.value = l;
-    }, R = () => {
+    }, x = () => {
       n.value = [], m.value = [], u.value = null, g.value = e.label, r.value = "", C("clear");
-    }, z = (l) => {
+    }, R = (l) => {
       l && u.value.multi && e.infiniteLoading && n.value && (a.value = n.value, r.value && w(r.value));
     };
     q(() => {
       (e.searchQuery || !e.infiniteLoading || e.minCharsToStart === 0) && w(e.searchQuery), e.appliedSelections && Array.isArray(e.appliedSelections) && (a.value = e.appliedSelections, n.value = e.appliedSelections, K.value = e.appliedSelections), D();
     });
-    const $ = () => {
+    const z = () => {
       C("closed");
     };
-    return (l, o) => (F(), G(c(L), {
+    return (l, t) => (F(), G(c(L), {
       ref_key: "dropdownRef",
       ref: T,
       selected: n.value,
-      "onUpdate:selected": o[2] || (o[2] = (t) => n.value = t),
+      "onUpdate:selected": t[2] || (t[2] = (o) => n.value = o),
       "predefined-trigger": "chip",
-      "display-value": (t) => t?.[i.optionNameKey],
+      "display-value": (o) => o?.[i.optionNameKey],
       multi: p.value,
       options: a.value,
       placeholder: g.value,
@@ -185,46 +185,46 @@ const re = { class: "conditional-container" }, se = {
       "option-icon-key": i.optionIconKey,
       "option-icon-type": i.optionIconType,
       "trigger-shown-values-count": i.triggerShownValuesCount,
-      "onUpdate:isOpen": z,
+      "onUpdate:isOpen": R,
       onOnsearch: w,
-      onApply: Q,
+      onApply: V,
       onLoadMore: E,
-      onUnsavedSelectionUpdate: V,
-      onClosed: $
-    }, {
-      "dropdown-trigger": f(({ defaultTriggerProps: t }) => [
-        S(c(te), H(t, {
+      onUnsavedSelectionUpdate: $,
+      onClosed: z
+    }, H({
+      "dropdown-trigger": v(({ defaultTriggerProps: o }) => [
+        S(c(ne), J(o, {
           label: g.value,
           "selected-option": c(m),
           multi: A.value,
           "cancel-all-selected-display": "",
           "display-value-in-quotes": !Array.isArray(n.value) && n.value.conditionalOptions,
           "shown-values-count": i.triggerShownValuesCount,
-          onClear: R
+          onClear: x
         }), null, 16, ["label", "selected-option", "multi", "display-value-in-quotes", "shown-values-count"])
       ]),
-      "dropdown-conditions": f(() => [
-        J("div", re, [
+      "dropdown-conditions": v(() => [
+        X("div", de, [
           S(c(L), {
             selected: c(u),
-            "onUpdate:selected": o[0] || (o[0] = (t) => X(u) ? u.value = t : null),
+            "onUpdate:selected": t[0] || (t[0] = (o) => Y(u) ? u.value = o : null),
             options: i.conditionalOptions,
             "option-name-key": "label",
-            "display-value": (t) => t?.label,
+            "display-value": (o) => o?.label,
             container: ".conditional-container",
             size: "small"
           }, {
-            "dropdown-trigger": f(({ buttonTriggerProps: t }) => [
-              S(c(ae), Y(Z(t)), null, 16)
+            "dropdown-trigger": v(({ buttonTriggerProps: o }) => [
+              S(c(ie), Z(_(o)), null, 16)
             ]),
             _: 1
           }, 8, ["selected", "options", "display-value"])
         ])
       ]),
-      "inline-search": f(() => [
-        S(c(ne), {
+      "inline-search": v(() => [
+        S(c(ue), {
           modelValue: r.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (t) => r.value = t),
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
           class: "inline-search",
           placeholder: "Search",
           variant: "transparent",
@@ -232,20 +232,28 @@ const re = { class: "conditional-container" }, se = {
           "auto-focus": i.autoFocusSearch
         }, null, 8, ["modelValue", "auto-focus"])
       ]),
-      "custom-list-area": f(() => [
-        !a.value.length && !d.value ? (F(), _("div", se, [
-          S(ie, { variant: "body1" }, {
-            default: f(() => [
-              ee(le(c(U)), 1)
+      "custom-list-area": v(() => [
+        !a.value.length && !d.value ? (F(), ee("div", ce, [
+          S(re, { variant: "body1" }, {
+            default: v(() => [
+              le(oe(c(U)), 1)
             ]),
             _: 1
           })
-        ])) : oe("", !0)
+        ])) : te("", !0)
       ]),
-      _: 1
-    }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "load-more-loading", "comparing-key", "is-open", "infinite-loading", "show-select-all", "grouped-options", "option-flag-key", "option-image-key", "option-icon-key", "option-icon-type", "trigger-shown-values-count"]));
+      _: 2
+    }, [
+      l.$slots["option-end"] ? {
+        name: "option-end",
+        fn: v(({ option: o }) => [
+          ae(l.$slots, "option-end", { option: o }, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "load-more-loading", "comparing-key", "is-open", "infinite-loading", "show-select-all", "grouped-options", "option-flag-key", "option-image-key", "option-icon-key", "option-icon-type", "trigger-shown-values-count"]));
   }
 });
 export {
-  ke as default
+  Ae as default
 };