@ironsource/shared-ui 2.1.9-test.1 → 2.1.9-test.2

package/DropdownV4.vue_vue_type_style_index_0_scoped_cf64ca64_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-cf64ca64],.v-leave-active[data-v-cf64ca64]{transition:opacity .25s ease}ol[data-v-cf64ca64],ul[data-v-cf64ca64],menu[data-v-cf64ca64]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-cf64ca64],.dropdown.full-width .button__container[data-v-cf64ca64]{width:100%}.dropdown-list-wrapper[data-v-cf64ca64]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-cf64ca64]{padding:.5rem}.list-container--multi[data-v-cf64ca64]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-cf64ca64]{padding-bottom:.25rem;display:flex;flex-direction:row;gap:.25rem}.inline-search .list-container[data-v-cf64ca64]{padding-top:0}.inline-search-wrapper[data-v-cf64ca64]{padding-bottom:.25rem;display:flex;flex-direction:row;gap:.25rem}.no-result-container[data-v-cf64ca64]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-cf64ca64]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-cf64ca64]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-cf64ca64]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-cf64ca64]{margin-right:.5rem}.actions-wrapper[data-v-cf64ca64]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-cf64ca64]{margin-left:.5rem}

package/DropdownV4.vue_vue_type_style_index_1_lang.css

@@ -1 +1 @@
-.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.v-popper--theme-light-theme-v4.v4-dropdown--custom-width .v-popper__wrapper{min-width:none}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}
+.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}.loader>div{margin:7px 0}

package/components/dropdown/common/Dropdown.common.d.ts

@@ -23,6 +23,7 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
     }>;
     filteredOptions: import("vue").ComputedRef<any>;
     allSelected: import("vue").ComputedRef<boolean>;
+    allSelectedApplied: Ref<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     onSelectAll: () => void;
     virtualOptions: Ref<UseVirtualListItem<unknown>[]>;

package/components/dropdown/common/Dropdown.common.js

@@ -1,81 +1,83 @@
-import { useToggle as ke } from "../../../composables/useToggle.js";
-import { inject as Ve, ref as n, computed as i, watch as m, useSlots as _e, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
-import { isObjectInArray as Z } from "../../../utils/array.js";
+import { useToggle as Ve } from "../../../composables/useToggle.js";
+import { inject as _e, ref as i, computed as r, watch as b, useSlots as Ke, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
+import { isObjectInArray as ee } from "../../../utils/array.js";
 import { objectsEqual as Be } from "../../../utils/object.js";
-import { useClamp as Le, useVirtualList as Ue, onClickOutside as F } from "@vueuse/core";
-import { Mode as T, Type as V, DropdownContext as qe } from "./DropdownContext.js";
-import { pxToRem as Ke } from "../../../utils/style.js";
-import { useEditableContext as $e } from "../../table-cells/common/EditableContext.js";
-import { useGroupedOptions as je } from "./useGroupedOptions.js";
-const el = (l, A, b) => {
-  const ee = Ve("isTreeDropdown", !1), {
-    sortOutGroups: _,
-    flattenAndMarkGroupOptions: le,
-    isGroup: G,
-    selectAllWithGroups: te,
-    isIndeterminateGrouped: ae,
-    allSelectedGrouped: ue,
-    areAllPreviousSelected: ne
-  } = je(l), ie = (e, t) => l.multi ? Z(e, t) : P(e) === t;
-  let H;
+import { useClamp as Le, useVirtualList as Ue, onClickOutside as le } from "@vueuse/core";
+import { Mode as T, Type as K, DropdownContext as qe } from "./DropdownContext.js";
+import { pxToRem as $e } from "../../../utils/style.js";
+import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
+import { useGroupedOptions as Xe } from "./useGroupedOptions.js";
+const ll = (l, m, A) => {
+  const te = _e("isTreeDropdown", !1), {
+    sortOutGroups: G,
+    flattenAndMarkGroupOptions: ae,
+    isGroup: H,
+    selectAllWithGroups: ue,
+    isIndeterminateGrouped: ne,
+    allSelectedGrouped: ie,
+    areAllPreviousSelected: re
+  } = Xe(l), oe = (e, t) => l.multi ? l.comparingKey ? e.findIndex(
+    (n) => n[l.comparingKey] === t[l.comparingKey]
+  ) > -1 : ee(e, t) : l.comparingKey ? e[l.comparingKey] === t[l.comparingKey] : P(e) === t;
+  let B;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
-  })(H || (H = {}));
-  const a = n(
+  })(B || (B = {}));
+  const a = i(
     l.selected
-  ), R = $e(), u = i({
+  ), R = je(), u = r({
     get() {
       return R?.value?.value ?? a.value;
     },
     set(e) {
-      R.onChange?.(e), R.onClose?.(), A("update:selected", e);
+      R.onChange?.(e), R.onClose?.(), m("update:selected", e);
     }
   });
-  m(
+  b(
     () => l.selected,
     () => {
       a.value = l.selected, c.value = l.selected;
     }
   );
-  const re = _e(), w = n(null), h = n(null), B = n(null), E = n(null), L = n(null), I = n(null), oe = n(), U = n(null), q = n(null), K = n(null), se = 8, ce = i(() => I.value ? I.value.getBoundingClientRect().height + se + l.distance : 0), d = n([]), x = n(-1), y = n(""), c = n(l.selected || []), $ = () => I.value?.focus(), [f, ve, de] = ke({
+  const se = Ke(), w = i(null), y = i(null), L = i(null), E = i(null), U = i(null), I = i(null), ce = i(), q = i(null), $ = i(null), j = i(null), ve = 8, de = r(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), X = i(!1), d = i([]), x = i(-1), h = i(""), c = i(l.selected || []), z = () => I.value?.focus(), [f, fe, ge] = Ve({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
-  m(
+  b(
     () => l.disabled,
     (e) => {
-      e !== void 0 && de(e);
+      e !== void 0 && ge(e);
     }
   );
-  const j = (e) => {
-    fe.value = ve(e);
-  }, fe = i({
+  const W = (e) => {
+    ye.value = fe(e);
+  }, ye = r({
     get() {
       return l.isOpen;
     },
     set(e) {
-      A("update:isOpen", e);
+      m("update:isOpen", e);
     }
-  }), ge = i(() => r.value.length - 1), v = Le(0, 0, ge), X = i(() => u.value ? l.displayValue(u.value) : ""), he = (e) => {
+  }), he = r(() => o.value.length - 1), v = Le(0, 0, he), J = r(() => u.value ? l.displayValue(u.value) : ""), Oe = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
     return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, ye = i(() => {
+  }, Se = r(() => {
     if (!l.multi)
       return u.value ? l.displayValue(u.value) : l.placeholder;
     if (Array.isArray(a.value))
-      return he(a);
-  }), p = i(() => {
+      return Oe(a);
+  }), M = r(() => {
     if (Array.isArray(a.value))
-      return l.groupedOptions ? ue(r, a) : a.value.length === r.value.length;
-  }), Oe = i(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ae(
-    r,
+      return l.groupedOptions ? ie(o, a) : a.value.length === o.value.length;
+  }), me = r(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ne(
+    o,
     a
-  ) : a.value.length > 0 && a.value.length < r.value.length), M = (e) => {
-    y.value = e;
-  }, D = i(() => l.groupedOptions ? le(l.options) : l.options), Se = i(() => {
-    if (ne(
+  ) : a.value.length > 0 && a.value.length < o.value.length), k = (e) => {
+    h.value = e;
+  }, D = r(() => l.groupedOptions ? ae(l.options) : l.options), Ae = r(() => {
+    if (re(
       D,
       c
     ))
@@ -84,97 +86,99 @@ const el = (l, A, b) => {
       selected: [],
       notSelected: []
     };
-    P(D).value.forEach((s) => {
-      const g = c.value.includes(s) ? "selected" : "notSelected";
-      e[g].push(s);
+    P(D).value.forEach((n) => {
+      const g = (l.comparingKey ? c.value.findIndex(
+        (_) => _[l.comparingKey] === n[l.comparingKey]
+      ) > -1 : c.value.includes(n)) ? "selected" : "notSelected";
+      e[g].push(n);
     });
-    const t = l.groupedOptions ? _(e.notSelected) : e.notSelected;
+    const t = l.groupedOptions ? G(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
-  }), r = i(() => {
-    const e = Array.isArray(c.value) && l.multi && b.VERSION === 4 && !ee ? Se.value : D.value;
+  }), o = r(() => {
+    const e = Array.isArray(c.value) && l.multi && A.VERSION === 4 && !te ? Ae.value : D.value;
     if (l.onSearch) {
-      const t = e.filter((s) => l.groupedOptions && G(s) ? s : l.onSearch(s, y.value));
-      return l.groupedOptions ? _(t) : t;
+      const t = e.filter((n) => l.groupedOptions && H(n) ? n : l.onSearch(n, h.value));
+      return l.groupedOptions ? G(t) : t;
     } else
       return e;
-  }), Ae = i(() => d.value[0]?.hasSubtitle), z = i(() => o.mode === T.Multi), W = i(
-    () => Ae.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
+  }), be = r(() => d.value[0]?.hasSubtitle), Q = r(() => s.mode === T.Multi), Y = r(
+    () => be.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
-    list: J,
-    containerProps: Q,
-    wrapperProps: be,
+    list: Z,
+    containerProps: F,
+    wrapperProps: Pe,
     scrollTo: C
-  } = Ue(r, {
-    itemHeight: W.value,
+  } = Ue(o, {
+    itemHeight: Y.value,
     overscan: l.disableVirtualScroll ? 1 / 0 : 2
   });
-  m(
+  b(
     () => l.isOpen,
     (e) => {
-      j(e);
+      W(e);
     }
-  ), m([x], async () => {
+  ), b([x], async () => {
     await N();
-  }), m(
+  }), b(
     [f, v, x],
     async ([e], [t]) => {
       f.value && (await N(), x.value !== -1 && e !== t && setTimeout(() => {
-        l.multi && b.VERSION === 4 || C(x.value);
+        l.multi && A.VERSION === 4 || C(x.value);
       }), v.value && setTimeout(() => {
         C(v.value);
       }));
     }
-  ), m(y, () => {
-    A("onsearch", y.value), C(0);
+  ), b(h, () => {
+    m("onsearch", h.value), C(0);
   });
   const O = (e, t = !1) => {
-    l.disabled || (j(e), N(() => {
-      f.value && A("opened"), f.value || A("closed"), w.value && t && w.value.focus();
+    l.disabled || (W(e), N(() => {
+      f.value && m("opened"), f.value || m("closed"), w.value && t && w.value.focus();
     }));
   };
-  m(f, (e) => {
+  b(f, (e) => {
     if (e) {
-      y.value = "", z.value && Array.isArray(u.value) && (c.value = P(u.value).slice());
+      h.value = "", Q.value && Array.isArray(u.value) && (c.value = P(u.value).slice());
       return;
     }
-    $();
+    z();
   });
-  const me = () => {
-    if (p.value) {
+  const Te = () => {
+    if (M.value) {
       a.value = [];
       return;
     }
     if (Array.isArray(a.value)) {
       if (l.groupedOptions)
-        te(r, a);
+        ue(o, a);
       else {
-        if (a.value.length === r.value.length) {
+        if (a.value.length === o.value.length) {
           a.value = [];
           return;
         }
-        a.value = r.value;
+        a.value = o.value;
       }
-      A("selectAll");
+      m("selectAll");
     }
-  }, Pe = () => {
-    me(), b.VERSION !== 4 && (u.value = a.value);
-  }, Te = (e = !0) => {
-    a.value = [], e && (u.value = [], c.value = []), A("clear");
-  }, k = (e, t) => {
+  }, we = () => {
+    Te(), A.VERSION !== 4 && (u.value = a.value);
+  }, Ie = (e = !0) => {
+    a.value = [], e && (u.value = [], c.value = []), m("clear");
+  }, V = (e, t) => {
     if (e = P(e), d.value[t]?.disabled)
       return;
-    if (x.value = t, o.mode !== T.Multi) {
-      l.keepOpen || O(!1), o.goToOption(
+    if (x.value = t, s.mode !== T.Multi) {
+      l.keepOpen || O(!1), s.goToOption(
         0
         /* None */
-      ), u.value = e, M(""), $(), o.type === V.Search && h.value && (h.value.value = l.displayValue(e));
+      ), u.value = e, k(""), z(), s.type === K.Search && y.value && (y.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
       return;
-    h.value?.focus();
+    y.value?.focus();
     const S = P(a.value);
-    if (Z(S, e)) {
+    if (ee(S, e)) {
       a.value = S.filter(
         (g) => !Be(g, e)
       );
@@ -183,86 +187,86 @@ const el = (l, A, b) => {
       a.value = [...S, e];
       return;
     }
-  }, we = (e) => d.value[e]?.disabled, o = {
+  }, xe = (e) => d.value[e]?.disabled, s = {
     activeIndex: v,
     options: d,
     selectedOption: u,
-    labelRef: L,
+    labelRef: U,
     activeOption: E,
     listRef: w,
     clearable: l.clearable,
-    type: re.input ? V.Search : V.Dropdown,
+    type: se.input ? K.Search : K.Dropdown,
     mode: l.multi ? T.Multi : T.Single,
-    query: y,
-    selectedValue: X,
+    query: h,
+    selectedValue: J,
     toggle: O,
     disabled: l.disabled,
     open: f,
     mandatory: l.mandatory,
     size: l.size,
     placeholder: l.placeholder,
-    select: k,
+    select: V,
     clearSelection: () => {
-      M(""), u.value = o.mode === T.Single ? null : [], c.value = o.mode === T.Single ? null : [], h.value && (h.value.value = "");
+      k(""), u.value = s.mode === T.Single ? null : [], c.value = s.mode === T.Single ? null : [], y.value && (y.value.value = "");
     },
-    search: M,
+    search: k,
     goToOption: async (e) => {
       if (!f.value)
         return;
       let t = v.value + e;
-      const s = d.value.filter(
+      const n = d.value.filter(
         (g) => g.disabled
-      ).length, S = r.value.length - s;
+      ).length, S = o.value.length - n;
       for (t > S && (t = S + 1); ; ) {
         if (!d.value[t]?.disabled) {
-          E.value = r.value[t], v.value = t;
+          E.value = o.value[t], v.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!we(v.value)) {
-          E.value = r.value[t], v.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!xe(v.value)) {
+          E.value = o.value[t], v.value = t;
           return;
         }
       }
     },
     registerInput: (e) => {
-      h.value = e.value;
+      y.value = e.value;
     },
-    registerOption: (e, t, s) => {
-      d.value = [...d.value, { id: e, disabled: t, hasSubtitle: s }];
+    registerOption: (e, t, n) => {
+      d.value = [...d.value, { id: e, disabled: t, hasSubtitle: n }];
     },
     unRegisterOption(e) {
       d.value = d.value.filter((t) => t.id !== e);
     }
   };
-  Ge(qe, o), F(
+  Ge(qe, s), le(
     w,
     () => {
-      f.value && Y();
+      f.value && p();
     },
     {
       ignore: [
         I,
-        U,
         q,
-        K,
-        h,
-        Q.ref
+        $,
+        j,
+        y,
+        F.ref
       ]
     }
   );
-  const Ie = () => {
-    h.value && (h.value.value = o.query.value = "");
+  const De = () => {
+    y.value && (y.value.value = s.query.value = "");
   };
   He(async () => {
     l.autoFocus && (await N(), setTimeout(() => {
-      B.value.focus();
-    })), o.goToOption(0);
+      L.value.focus();
+    })), s.goToOption(0);
   });
-  const xe = () => {
-    u.value = a.value, Array.isArray(u.value) && (c.value = P(u.value).slice()), A("apply", u.value), O(!1), Ie();
-  }, Y = () => {
-    z.value && Array.isArray(c.value) && (u.value = P(c.value).slice()), y.value = "", O(!1);
-  }, De = (e) => {
+  const Ce = () => {
+    X.value = M.value, u.value = a.value, Array.isArray(u.value) && (c.value = P(u.value).slice()), m("apply", u.value), O(!1), De();
+  }, p = () => {
+    Q.value && Array.isArray(c.value) && (u.value = P(c.value).slice()), h.value = "", O(!1);
+  }, Ne = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "Space":
@@ -271,18 +275,18 @@ const el = (l, A, b) => {
         case "ArrowDown":
           O(!0), e.preventDefault();
       }
-  }, Ce = (e) => {
+  }, Re = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "ArrowUp": {
-          o.goToOption(
+          s.goToOption(
             -1
             /* Previous */
           ), e.preventDefault(), e.stopPropagation();
           break;
         }
         case "ArrowDown": {
-          o.goToOption(
+          s.goToOption(
             1
             /* Next */
           ), e.preventDefault(), e.stopPropagation();
@@ -293,14 +297,14 @@ const el = (l, A, b) => {
           break;
         }
         case "PageUp": {
-          o.goToOption(
+          s.goToOption(
             10
             /* NextPage */
           ), e.preventDefault();
           break;
         }
         case "PageDown": {
-          o.goToOption(
+          s.goToOption(
             -10
             /* PrevPage */
           ), e.preventDefault();
@@ -311,58 +315,61 @@ const el = (l, A, b) => {
             O(!0);
             return;
           }
-          k(r.value[v.value], v.value), o.mode === T.Single && !l.keepOpen && O(!1), e.preventDefault();
+          V(o.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && O(!1), e.preventDefault();
           break;
         }
       }
-  }, Ne = i(() => {
-    const e = J.value.reduce((Re, Ee) => {
-      const Me = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Ee.data) : 1;
-      return Re + Me;
-    }, 0), t = l.multi && l.showSelectAll && !y.value ? 1 : 0, s = e > b.MAX_NUMBER_OF_OPTIONS, S = e + t;
-    let g = s ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
-    return l.noResultsText && g === 0 && (g = g + 1), Ke(
-      g * W.value + b.PADDING_PX
+  }, Ee = r(() => {
+    if (l.loading)
+      return 8.5;
+    const e = Z.value.reduce((_, Me) => {
+      const ke = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Me.data) : 1;
+      return _ + ke;
+    }, 0), t = l.multi && l.showSelectAll && !h.value ? 1 : 0, n = e > A.MAX_NUMBER_OF_OPTIONS, S = e + t;
+    let g = n ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
+    return l.noResultsText && g === 0 && (g = g + 1), $e(
+      g * Y.value + A.PADDING_PX
     );
   });
   return {
-    onKeydown: Ce,
-    location: ce,
+    onKeydown: Re,
+    location: de,
     open: f,
     toggleMenu: O,
-    onButtonKeydown: De,
-    displayedValue: ye,
-    labelRef: L,
-    query: y,
-    containerProps: Q,
-    calculateTableHeight: Ne,
-    wrapperProps: be,
-    filteredOptions: r,
-    allSelected: p,
-    isIndeterminate: Oe,
-    onSelectAll: Pe,
-    virtualOptions: J,
-    isSelected: ie,
+    onButtonKeydown: Ne,
+    displayedValue: Se,
+    labelRef: U,
+    query: h,
+    containerProps: F,
+    calculateTableHeight: Ee,
+    wrapperProps: Pe,
+    filteredOptions: o,
+    allSelected: M,
+    allSelectedApplied: X,
+    isIndeterminate: me,
+    onSelectAll: we,
+    virtualOptions: Z,
+    isSelected: oe,
     selectedOption: u,
     selectedOptionPrevious: c,
-    selectedValue: X,
-    onSelect: k,
+    selectedValue: J,
+    onSelect: V,
     activeIndex: v,
-    onCancel: Y,
-    onApply: xe,
+    onCancel: p,
+    onApply: Ce,
     scrollTo: C,
-    onClickOutside: F,
+    onClickOutside: le,
     listRef: w,
     buttonRef: I,
-    apply: U,
-    cancel: q,
-    el: B,
-    triggerRef: oe,
-    clearAll: K,
-    onClearAllSelections: Te,
-    isGroup: G
+    apply: q,
+    cancel: $,
+    el: L,
+    triggerRef: ce,
+    clearAll: j,
+    onClearAllSelections: Ie,
+    isGroup: H
   };
 };
 export {
-  el as dropdownCommon
+  ll as dropdownCommon
 };

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

@@ -132,12 +132,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionFlagKey: string;
     allSelected: boolean;
     selectedOption: any;
     showFeedbackIcon: boolean;
     brandIconType: "android" | "ios";
     showAllSelectedText: boolean;
-    optionFlagKey: string;
     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     image?(_: {}): any;