@ironsource/shared-ui 2.1.11 → 2.1.12-rc.1

package/components/dropdown/common/useGroupedOptions.js

@@ -1,57 +1,58 @@
-import { GROUP_OPTION_FLAG as i } from "./consts.js";
-const O = (r) => {
-  const u = (e) => e && !!e[i], p = (e) => e.reduce((t, n) => {
+import { GROUP_OPTION_FLAG as s } from "./consts.js";
+const f = (u) => {
+  const r = (t) => t && !!t[s], i = (t) => t.reduce((e, n) => {
     const { options: o = [], ...l } = n, g = {
       ...l,
-      [i]: !0
+      [s]: !0
     };
-    return [...t, g, ...o];
-  }, []), c = (e) => {
-    const t = r.groupedOptions ? [] : e;
-    if (r.groupedOptions)
-      for (let n = 0; n < e.length; n++) {
-        const o = e[n];
-        if (u(o)) {
-          const l = e[n + 1];
-          if (u(l) || !l)
+    return [...e, g, ...o];
+  }, []), c = (t) => i(t).reduce((n, o) => o[s] ? n : n + 1, 0), h = (t) => {
+    const e = u.groupedOptions ? [] : t;
+    if (u.groupedOptions)
+      for (let n = 0; n < t.length; n++) {
+        const o = t[n];
+        if (r(o)) {
+          const l = t[n + 1];
+          if (r(l) || !l)
             continue;
-          t.push(o);
+          e.push(o);
         } else
-          t.push(o);
+          e.push(o);
       }
-    return t;
-  }, h = (e, t) => {
-    const n = r.options.length;
-    if (t.value.length === e.value.length - n) {
-      t.value = [];
+    return e;
+  }, d = (t, e) => {
+    const n = u.options.length;
+    if (e.value.length === t.value.length - n) {
+      e.value = [];
       return;
     }
-    t.value = e.value.filter(
-      (o) => !u(o)
+    e.value = t.value.filter(
+      (o) => !r(o)
     );
-  }, s = (e) => e.value.reduce(
-    (t, n) => t + (u(n) ? 0 : 1),
+  }, p = (t) => t.value.reduce(
+    (e, n) => e + (r(n) ? 0 : 1),
     0
   );
   return {
-    isGroup: u,
-    sortOutGroups: c,
-    flattenAndMarkGroupOptions: p,
-    selectAllWithGroups: h,
-    isIndeterminateGrouped: (e, t) => {
-      const n = s(e);
-      return t.value.length > 0 && t.value.length < n;
+    isGroup: r,
+    sortOutGroups: h,
+    flattenAndMarkGroupOptions: i,
+    selectAllWithGroups: d,
+    isIndeterminateGrouped: (t, e) => {
+      const n = p(t);
+      return e.value.length > 0 && e.value.length < n;
     },
-    allSelectedGrouped: (e, t) => {
-      const n = s(e);
-      return t.value.length === n;
+    allSelectedGrouped: (t, e) => {
+      const n = p(t);
+      return e.value.length === n;
     },
-    areAllPreviousSelected: (e, t) => {
-      const n = r.options.length;
-      return e.value.length - n === t.value.length;
-    }
+    areAllPreviousSelected: (t, e) => {
+      const n = u.options.length;
+      return t.value.length - n === e.value.length;
+    },
+    groupedChildOptionsLength: c
   };
 };
 export {
-  O as useGroupedOptions
+  f as useGroupedOptions
 };

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

@@ -1,7 +1,7 @@
 import o from "./ButtonFilterDropdownTrigger.vue2.js";
-/* empty css                                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1aa6df01"]]);
+/* empty css                                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1c4589"]]);
 export {
   p as default
 };

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

@@ -1,10 +1,10 @@
- import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
+ import "../../../ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as u, mergeProps as l, unref as t, createBlock as d, createCommentVNode as i, createVNode as f, withCtx as p, createTextVNode as I, toDisplayString as T } from "vue";
 import y from "../../typography/v4/Typography.vue.js";
 import s from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { useTestIdAttrs as N } from "../../../utils/testIds.js";
-import { DropdownTestIdModifiers as n } from "../../../testids/index.js";
-const h = /* @__PURE__ */ m({
+import { DropdownTestIdModifiers as a } from "../../../testids/index.js";
+const E = /* @__PURE__ */ m({
   __name: "ButtonFilterDropdownTrigger",
   props: {
     label: null,
@@ -18,10 +18,10 @@ const h = /* @__PURE__ */ m({
   },
   emits: ["click"],
   setup(e, { emit: c }) {
-    const a = N(e.testId, n);
+    const n = N(e.testId, a);
     return (g, r) => (o(), u("div", l({
       class: ["button-filter-dropdown-trigger", [e.variant, { disabled: e.disabled, open: e.open }]]
-    }, t(a)[t(n).BUTTON], {
+    }, t(n)[t(a).BUTTON], {
       onClick: r[0] || (r[0] = (k) => c("click"))
     }), [
       e.startIconName ? (o(), d(t(s), {
@@ -31,7 +31,10 @@ const h = /* @__PURE__ */ m({
         size: "16px",
         class: "start-icon"
       }, null, 8, ["name", "type"])) : i("", !0),
-      f(t(y), l({ variant: "button" }, t(a)[t(n).BUTTON_CONTENT]), {
+      f(t(y), l({
+        variant: "chipLabel",
+        class: "content"
+      }, t(n)[t(a).BUTTON_CONTENT]), {
         default: p(() => [
           I(T(e.label), 1)
         ]),
@@ -47,5 +50,5 @@ const h = /* @__PURE__ */ m({
   }
 });
 export {
-  h as default
+  E as default
 };

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_8e026669_lang.css"; //*');
-const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e026669"]]);
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3a2aeea3"]]);
 export {
-  n as default
+  p as default
 };

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

@@ -1,11 +1,11 @@
- import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as K, onMounted as q, openBlock as D, createBlock as G, unref as d, withCtx as f, createVNode as g, 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 L from "./DropdownV4.vue.js";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css"; import { defineComponent as W, computed as O, ref as s, watch as K, onMounted as q, openBlock as D, createBlock as G, unref as d, withCtx as f, createVNode as g, 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 F from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import ae from "./ChipDropdownTrigger.vue.js";
 import "./AppDropdownTrigger.vue.js";
-import te from "./ButtonDropdownTrigger.vue.js";
-import "./ButtonFilterDropdownTrigger.vue.js";
+import "./ButtonDropdownTrigger.vue.js";
+import te from "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
 import "./ConditionalDropdown.vue.js";
@@ -52,10 +52,10 @@ const re = { class: "conditional-container" }, se = {
       set: (l) => {
         h("update:selectedCondition", l);
       }
-    }), F = () => {
+    }), L = () => {
       const { appliedSelections: l } = e;
       return l ? Array.isArray(l) ? l : [l] : [];
-    }, w = s(null), c = s(!0), a = s([]), n = s(F()), T = s(!0), p = s(!1), C = s(!1), u = s(e.searchQuery), B = s(""), m = s(e.label), k = s([]), U = O(() => (!u.value || u.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
+    }, w = s(null), c = s(!0), a = s([]), n = s(L()), T = s(!0), p = s(!1), C = s(!1), u = s(e.searchQuery), B = s(""), m = s(e.label), k = s([]), U = O(() => (!u.value || u.value?.length < e.minCharsToStart) && !a.value.length ? `Enter at least ${e.minCharsToStart} characters to begin` : "No results found"), I = O(() => {
       const l = c.value ? 4 : 4.5, t = a.value.length > 4 ? a.value.length : l;
       if (e.groupedOptions) {
         let o = 0;
@@ -154,7 +154,7 @@ const re = { class: "conditional-container" }, se = {
     const $ = () => {
       h("closed");
     };
-    return (l, t) => (D(), G(d(L), {
+    return (l, t) => (D(), G(d(F), {
       ref_key: "dropdownRef",
       ref: w,
       selected: n.value,
@@ -200,7 +200,7 @@ const re = { class: "conditional-container" }, se = {
       ]),
       "dropdown-conditions": f(() => [
         J("div", re, [
-          g(d(L), {
+          g(d(F), {
             selected: d(i),
             "onUpdate:selected": t[0] || (t[0] = (o) => X(i) ? i.value = o : null),
             options: r.conditionalOptions,

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

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-73bf9b5b"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-64ae80dd"]]);
 export {
-  p as default
+  d as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
 import w from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
 import g from "../../icon/v4/IconV4.vue.js";
@@ -92,8 +92,8 @@ const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
             i(o.$slots, "flag", {}, () => [
               t.optionFlagKey ? (a(), m(l(K), {
                 key: 0,
-                src: l(s)[t.optionFlagKey]
-              }, null, 8, ["src"])) : n("", !0)
+                "country-code": l(s)[t.optionFlagKey]
+              }, null, 8, ["country-code"])) : n("", !0)
             ], !0)
           ])) : n("", !0),
           o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), d("div", P, [

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

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen?: boolean;
     autoSize?: boolean;
     disableKeyboardEvents?: boolean;
+    dynamicFilterMode?: boolean;
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -89,6 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableKeyboardEvents: boolean;
     testId: string;
     showSelectAll: boolean;
+    dynamicFilterMode: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -153,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen?: boolean;
     autoSize?: boolean;
     disableKeyboardEvents?: boolean;
+    dynamicFilterMode?: boolean;
     isOnTop?: boolean;
     distance?: number;
     container?: string;
@@ -225,6 +228,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableKeyboardEvents: boolean;
     testId: string;
     showSelectAll: boolean;
+    dynamicFilterMode: boolean;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
@@ -291,6 +295,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
+    dynamicFilterMode: boolean;
     isOnTop: boolean;
     triggerLabel: string;
     triggerHelperText: string;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css"; //*');
+/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_48ba81e5_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-75002075"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-48ba81e5"]]);
 export {
   r as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as G, withModifiers as W, Fragment as Te, renderList as ke, toRaw as C, createBlock as X, resolveDynamicComponent as he } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_48ba81e5_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as G, withModifiers as W, Fragment as Te, renderList as ke, toRaw as C, createBlock as X, resolveDynamicComponent as he } from "vue";
 import L from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
@@ -56,6 +56,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
     keepOpen: { type: Boolean, default: !1 },
     autoSize: { type: Boolean, default: !1 },
     disableKeyboardEvents: { type: Boolean, default: !1 },
+    dynamicFilterMode: { type: Boolean, default: !1 },
     isOnTop: { type: Boolean, default: !1 },
     distance: { default: 0 },
     container: { default: "body" },

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

@@ -54,36 +54,66 @@ export declare const dropDownStoryArgs: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
     };
     placeholder: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
     };
     disabled: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
     };
     mandatory: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
     };
     loading: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
     };
     testId: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
     };
     isOpen: {
         control: {
             type: string;
         };
+        table: {
+            category: string;
+        };
+    };
+    dynamicFilterMode: {
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+        description: string;
     };
     isOnTop: {
         control: {

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

@@ -1736,6 +1736,7 @@ declare const DropdownTypes: () => (({
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
+            dynamicFilterMode: boolean;
             isOnTop: boolean;
             triggerLabel: string;
             triggerHelperText: string;
@@ -1872,6 +1873,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            dynamicFilterMode: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2025,7 +2030,7 @@ declare const DropdownTypes: () => (({
             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" | "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">;
+        } & 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" | "dynamicFilterMode" | "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;
         };
@@ -2141,6 +2146,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            dynamicFilterMode: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2333,6 +2342,7 @@ declare const DropdownTypes: () => (({
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
+            dynamicFilterMode: boolean;
             isOnTop: boolean;
             triggerLabel: string;
             triggerHelperText: string;
@@ -2489,6 +2499,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        dynamicFilterMode: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2751,6 +2765,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    dynamicFilterMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2943,6 +2961,7 @@ declare const DropdownTypes: () => (({
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
+    dynamicFilterMode: boolean;
     isOnTop: boolean;
     triggerLabel: string;
     triggerHelperText: string;

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SnackbarV4.vue2.js";
-/* empty css                 */import a from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; //*');
-const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-89fe8aa1"]]);
+/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; //*');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1b650c39"]]);
 export {
   r as default
 };

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
 import D from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import H from "../../button/v4/ButtonV4.vue.js";

package/index.d.ts

@@ -16300,6 +16300,7 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                dynamicFilterMode: boolean;
                 isOnTop: boolean;
                 triggerLabel: string;
                 triggerHelperText: string;
@@ -16436,6 +16437,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                dynamicFilterMode: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16589,7 +16594,7 @@ declare const _default: {
                 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" | "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">;
+            } & 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" | "dynamicFilterMode" | "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;
             };
@@ -16705,6 +16710,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                dynamicFilterMode: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16897,6 +16906,7 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                dynamicFilterMode: boolean;
                 isOnTop: boolean;
                 triggerLabel: string;
                 triggerHelperText: string;
@@ -17053,6 +17063,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            dynamicFilterMode: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -17315,6 +17329,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        dynamicFilterMode: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17507,6 +17525,7 @@ declare const _default: {
         keepOpen: boolean;
         autoSize: boolean;
         disableKeyboardEvents: boolean;
+        dynamicFilterMode: boolean;
         isOnTop: boolean;
         triggerLabel: string;
         triggerHelperText: string;
@@ -20902,6 +20921,7 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                dynamicFilterMode: boolean;
                 isOnTop: boolean;
                 triggerLabel: string;
                 triggerHelperText: string;
@@ -21038,6 +21058,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                dynamicFilterMode: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -21191,7 +21215,7 @@ declare const _default: {
                 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" | "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">;
+            } & 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" | "dynamicFilterMode" | "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;
             };
@@ -21307,6 +21331,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                dynamicFilterMode: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 isOnTop: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -21499,6 +21527,7 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                dynamicFilterMode: boolean;
                 isOnTop: boolean;
                 triggerLabel: string;
                 triggerHelperText: string;
@@ -21655,6 +21684,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            dynamicFilterMode: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -21917,6 +21950,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        dynamicFilterMode: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -22109,6 +22146,7 @@ declare const _default: {
         keepOpen: boolean;
         autoSize: boolean;
         disableKeyboardEvents: boolean;
+        dynamicFilterMode: boolean;
         isOnTop: boolean;
         triggerLabel: string;
         triggerHelperText: string;