@ironsource/shared-ui 2.1.12-test.74 → 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/DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-5b72e35a]{position:sticky}.table-container[data-v-5b72e35a]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-5b72e35a]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-5b72e35a]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-5b72e35a]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-5b72e35a]{width:13.75rem}.table-header.isStickyHeader[data-v-5b72e35a]{z-index:calc(var(--6eb1b581) + 3);top:0}.table-head-container[data-v-5b72e35a]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-5b72e35a]{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-5b72e35a]{display:inline-table}.table-header-pre-search-content[data-v-5b72e35a]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-5b72e35a]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-5b72e35a]{position:relative}.table-row.loading[data-v-5b72e35a]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-5b72e35a]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-5b72e35a]{border-bottom:none}.expanded-row[data-v-5b72e35a]{grid-column:var(--4420f996);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-5b72e35a]{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-5b72e35a]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-5b72e35a],table th[data-v-5b72e35a]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-5b72e35a]:first-of-type,table th[data-v-5b72e35a]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-5b72e35a]:last-of-type,table th[data-v-5b72e35a]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-5b72e35a],table th.expand-toggle-cell[data-v-5b72e35a]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-5b72e35a]{border-bottom:none;z-index:calc(var(--6eb1b581) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-5b72e35a]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--3030c624)}table>thead>tr>th[data-v-5b72e35a]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-5b72e35a]{cursor:pointer}table>thead>tr>td[data-v-5b72e35a]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-5b72e35a],table>thead>tr>td.bordered[data-v-5b72e35a]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-5b72e35a],table>thead>tr>td.bordered.isStickyRight[data-v-5b72e35a]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-5b72e35a],table>thead>tr>td.isTextRight[data-v-5b72e35a]{justify-content:flex-end}table>thead.sticky[data-v-5b72e35a]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-5b72e35a]{z-index:calc(var(--6eb1b581) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-5b72e35a]{height:40px}table .totals-row[data-v-5b72e35a]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-5b72e35a]{display:block}table>tbody>*>tr[data-v-5b72e35a]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--3030c624)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-5b72e35a]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-5b72e35a],table>tbody>*>tr.activeMenu>td[data-v-5b72e35a]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-5b72e35a]{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-5b72e35a]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-5b72e35a]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-5b72e35a]{justify-content:flex-end;text-align:right}.underlined[data-v-5b72e35a]{border-bottom:.0625rem dashed var(--common-divider)}.underlined[data-v-5b72e35a]:hover{cursor:help}.section-container[data-v-5b72e35a]{left:0}.sections[data-v-5b72e35a]{display:flex}.section[data-v-5b72e35a]{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-5b72e35a]{width:100%}.empty-state[data-v-5b72e35a]{min-height:250px}.floating-row[data-v-5b72e35a]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--6eb1b581) + 1)}.floating-row *[data-v-5b72e35a-s]{pointer-events:auto}.bg[data-v-5b72e35a]{background:var(--background-default)}

package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css

@@ -0,0 +1 @@
+.group-button-wrapper[data-v-2076b5ab]{display:flex}.group-button-wrapper[data-v-2076b5ab] button{border-radius:0}.group-button-wrapper .toggle-button[data-v-2076b5ab]:nth-child(1){border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);border-right:none;background-color:var(--common-inverse-white);width:32px}.group-button-wrapper .toggle-button[data-v-2076b5ab]:nth-child(2){border-right:none;border-left:none;width:32px}.group-button-wrapper .toggle-button[data-v-2076b5ab]:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-right:1px solid var(--default-outlined-border)}.group-button-wrapper .toggle-button[data-v-2076b5ab]:nth-child(3){padding:0}.group-button-wrapper .popover-trigger[data-v-2076b5ab]{padding:5px 3px}.group-button-wrapper .trigger-active[data-v-2076b5ab]{background:var(--default-light)}.group-button-wrapper .primary[data-v-2076b5ab]{border-color:var(--default-outlined-border);color:var(--action-active)}.group-button-wrapper .toggle-button[data-v-2076b5ab]:nth-child(3):hover,.group-button-wrapper .toggle-button[data-v-2076b5ab]:nth-child(1):not(.selected-a):hover,.group-button-wrapper .toggle-button[data-v-2076b5ab]:nth-child(2):not(.selected-b):hover{background-color:var(--action-hover)}.group-button-wrapper .toggle-button.selected-a[data-v-2076b5ab],.group-button-wrapper .toggle-button.selected-a[data-v-2076b5ab]:hover{background-color:var(--aba);color:var(--common-inverse-white)}.group-button-wrapper .toggle-button.selected-b[data-v-2076b5ab],.group-button-wrapper .toggle-button.selected-b[data-v-2076b5ab]:hover{background-color:var(--abb);color:var(--common-inverse-white)}

package/components/button/v4/ToggleButtonGroupAB.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToggleButtonGroupAB.vue2.js";
-/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c81a7d3e"]]);
+/* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2076b5ab"]]);
 export {
   s as default
 };

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,12 +1,12 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css"; import { defineComponent as A, ref as s, onMounted as C, computed as y, openBlock as f, createElementBlock as N, createVNode as a, mergeProps as p, unref as e, withCtx as r, createTextVNode as B, createBlock as w, createElementVNode as O, renderSlot as R, createCommentVNode as x } from "vue";
-import i from "./ButtonV4.vue.js";
-import { useVModel as E } from "@vueuse/core";
-import G from "../../icon/v4/IconV4.vue.js";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+import c from "./ButtonV4.vue.js";
+import { useVModel as R } from "@vueuse/core";
+import x from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import M from "../../popover/v4/PopoverV4.vue.js";
-import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
-import { ToggleButtonGroupABTestIdModifiers as u } from "../../../testids/index.js";
-const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K = /* @__PURE__ */ A({
+import E from "../../popover/v4/PopoverV4.vue.js";
+import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import { ToggleButtonGroupABTestIdModifiers as p } from "../../../testids/index.js";
+const $ = { class: "group-button-wrapper" }, h = { class: "popover-trigger" }, H = /* @__PURE__ */ b({
   __name: "ToggleButtonGroupAB",
   props: {
     modelValue: null,
@@ -16,49 +16,45 @@ const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K
   },
   emits: ["update:modelValue"],
   setup(d, { expose: T, emit: P }) {
-    const t = d, m = s(null), v = s(!1), _ = (o) => {
+    const r = d, m = u(null), v = u(!1), _ = (o) => {
       v.value = o;
-    }, c = $(
-      t.testId,
-      u,
+    }, a = G(
+      r.testId,
+      p,
       !0
-    ), V = s(
-      t.popoverProps ? { ...t.popoverProps } : {}
-    ), l = s(), k = E(t, "modelValue", P);
-    C(() => {
-      l.value = t.modelValue;
-    });
-    const g = (o) => {
-      l.value = o, k.value = o;
-    }, I = y(() => m.value?.toggle);
+    ), V = u(
+      r.popoverProps ? { ...r.popoverProps } : {}
+    ), i = R(r, "modelValue", P), g = (o) => {
+      i.value = o;
+    }, k = A(() => m.value?.toggle);
     return T({
-      toggle: I
-    }), (o, n) => (f(), N("div", h, [
-      a(i, p({
-        class: ["toggle-button", { "selected-a": l.value === "a" }],
+      toggle: k
+    }), (o, l) => (f(), C("div", $, [
+      n(c, s({
+        class: ["toggle-button", { "selected-a": e(i) === "a" }],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).BUTTON_A], {
-        onClick: n[0] || (n[0] = (b) => g("a"))
+      }, e(a)[e(p).BUTTON_A], {
+        onClick: l[0] || (l[0] = (I) => g("a"))
       }), {
-        default: r(() => [
+        default: t(() => [
           B(" A ")
         ]),
         _: 1
       }, 16, ["class"]),
-      a(i, p({
-        class: ["toggle-button", { "selected-b": l.value === "b" }],
+      n(c, s({
+        class: ["toggle-button", { "selected-b": e(i) === "b" }],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).BUTTON_B], {
-        onClick: n[1] || (n[1] = (b) => g("b"))
+      }, e(a)[e(p).BUTTON_B], {
+        onClick: l[1] || (l[1] = (I) => g("b"))
       }), {
-        default: r(() => [
+        default: t(() => [
           B(" B ")
         ]),
         _: 1
       }, 16, ["class"]),
-      d.withPopover ? (f(), w(i, p({
+      d.withPopover ? (f(), y(c, s({
         key: 0,
         class: [
           "toggle-button",
@@ -68,33 +64,33 @@ const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K
         ],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).POPOVER_TRIGGER]), {
-        default: r(() => [
-          a(e(M), p({
+      }, e(a)[e(p).POPOVER_TRIGGER]), {
+        default: t(() => [
+          n(e(E), s({
             ref_key: "popoverRef",
             ref: m
           }, {
             ...V.value
           }, { onIsOpen: _ }), {
-            trigger: r(() => [
-              O("div", U, [
-                a(e(G), {
+            trigger: t(() => [
+              N("div", h, [
+                n(e(x), {
                   name: "caret-down",
                   size: "16px"
                 })
               ])
             ]),
-            content: r(() => [
-              R(o.$slots, "popover-content", {}, void 0, !0)
+            content: t(() => [
+              w(o.$slots, "popover-content", {}, void 0, !0)
             ]),
             _: 3
           }, 16)
         ]),
         _: 3
-      }, 16, ["class"])) : x("", !0)
+      }, 16, ["class"])) : O("", !0)
     ]));
   }
 });
 export {
-  K as default
+  H as default
 };

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/v3/Dropdown.vue.d.ts

@@ -185,8 +185,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     error: string;
     skidding: number;
     modelValue: any;
-    selected: any;
     valueToCopy: string;
+    selected: any;
     placeholder: string;
     autoFocus: boolean;
     multi: boolean;

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

@@ -21,8 +21,8 @@ declare const DropdownTypes: () => (({
             error: string;
             skidding: number;
             modelValue: any;
-            selected: any;
             valueToCopy: string;
+            selected: any;
             placeholder: string;
             autoFocus: boolean;
             multi: boolean;
@@ -104,14 +104,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            selected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<any[]>;
                 required: true;
@@ -203,7 +203,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "searchPlaceholder" | "helperText" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "searchPlaceholder" | "helperText" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -280,14 +280,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            selected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<any[]>;
                 required: true;
@@ -405,8 +405,8 @@ declare const DropdownTypes: () => (({
             error: string;
             skidding: number;
             modelValue: any;
-            selected: any;
             valueToCopy: string;
+            selected: any;
             placeholder: string;
             autoFocus: boolean;
             multi: boolean;
@@ -508,14 +508,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
-        selected: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        selected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<any[]>;
             required: true;
@@ -677,14 +677,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
-    selected: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    selected: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<any[]>;
         required: true;
@@ -802,8 +802,8 @@ declare const DropdownTypes: () => (({
     error: string;
     skidding: number;
     modelValue: any;
-    selected: any;
     valueToCopy: string;
+    selected: any;
     placeholder: string;
     autoFocus: boolean;
     multi: boolean;

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 e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_cce87267_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cce87267"]]);
+/* 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
 };