@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.100

package/components/emptyState/v4/EmptyStateV4.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconSize?: string;
+    testId?: string;
 }>, {
     title: string;
     subtitle: any;
@@ -14,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: any;
     iconType: string;
     iconSize: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -24,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconSize?: string;
+    testId?: string;
 }>, {
     title: string;
     subtitle: any;
@@ -32,10 +35,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: any;
     iconType: string;
     iconSize: string;
+    testId: string;
 }>>> & {
     onClick?: () => any;
 }, {
     title: string;
+    testId: string;
     variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     iconName: string;
     iconSize: string;

package/components/emptyState/v4/EmptyStateV4.vue.js

@@ -1,7 +1,7 @@
 import t from "./EmptyStateV4.vue2.js";
 /* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; //*');
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-18728498"]]);
+// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css"; //*');
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-76757f22"]]);
 export {
   s as default
 };

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1,14 +1,16 @@
- import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
-import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
-import I from "../../button/v4/ButtonV4.vue.js";
+ import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css"; import I from "../../../_virtual/dynamic-import-helper.js";
+import { defineComponent as T, computed as N, defineAsyncComponent as b, openBlock as o, createElementBlock as k, mergeProps as s, unref as e, createBlock as n, createCommentVNode as a, createElementVNode as C, renderSlot as p, withCtx as m, createTextVNode as l, toDisplayString as u } from "vue";
+import E from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import u from "../../typography/v4/Typography.vue.js";
-import { capitalizeFirstLetter as C, snakeCaseToCamelCase as T } from "../../../utils/string.js";
-import S from "../../icon/v4/IconV4.vue.js";
+import y from "../../typography/v4/Typography.vue.js";
+import { capitalizeFirstLetter as S, snakeCaseToCamelCase as g } from "../../../utils/string.js";
+import x from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const g = { class: "empty-state" }, x = { class: "title-wrapper" }, j = /* @__PURE__ */ v({
+import { useTestIdAttrs as z } from "../../../utils/testIds.js";
+import { EmptyStateTestIdModifiers as r } from "../../../testids/index.js";
+const A = { class: "title-wrapper" }, P = /* @__PURE__ */ T({
   __name: "EmptyStateV4",
   props: {
     title: { default: "No data to display" },
@@ -17,67 +19,68 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, j = /* @__PU
     buttonText: { default: void 0 },
     iconName: { default: null },
     iconType: { default: "regular" },
-    iconSize: { default: "48px" }
+    iconSize: { default: "48px" },
+    testId: { default: "" }
   },
   emits: ["click"],
   setup(t) {
-    const d = t, f = y(() => {
-      const o = C(T(d.variant));
-      return b(() => p(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${o}.vue`));
-    });
-    return (o, m) => (e(), k("div", g, [
-      t.variant && !t.iconName ? (e(), i(n(f), {
+    const d = t, v = N(() => {
+      const i = S(g(d.variant));
+      return b(() => I(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${i}.vue`));
+    }), c = z(d.testId, r);
+    return (i, f) => (o(), k("div", s({ class: "empty-state" }, e(c)[e(r).CONTAINER]), [
+      t.variant && !t.iconName ? (o(), n(e(v), {
         key: 0,
         class: "empty-variant-icon"
       })) : a("", !0),
-      t.iconName ? (e(), i(n(S), {
+      t.iconName ? (o(), n(e(x), {
         key: 1,
         class: "custom-empty-icon",
         name: t.iconName,
         size: t.iconSize,
         type: t.iconType
       }, null, 8, ["name", "size", "type"])) : a("", !0),
-      N("div", x, [
-        s(o.$slots, "content", {}, () => [
-          t.title ? (e(), i(n(u), {
+      C("div", A, [
+        p(i.$slots, "content", {}, () => [
+          t.title ? (o(), n(e(y), s({
             key: 0,
             variant: "h4",
             class: "title"
-          }, {
-            default: c(() => [
-              r(l(t.title), 1)
+          }, e(c)[e(r).TITLE]), {
+            default: m(() => [
+              l(u(t.title), 1)
             ]),
             _: 1
-          })) : a("", !0),
-          t.subtitle ? (e(), i(n(u), {
+          }, 16)) : a("", !0),
+          t.subtitle ? (o(), n(e(y), s({
             key: 1,
             variant: "body1",
             class: "subtitle"
-          }, {
-            default: c(() => [
-              r(l(t.subtitle), 1)
+          }, e(c)[e(r).SUBTITLE]), {
+            default: m(() => [
+              l(u(t.subtitle), 1)
             ]),
             _: 1
-          })) : a("", !0)
+          }, 16)) : a("", !0)
         ], !0)
       ]),
-      s(o.$slots, "button", {}, () => [
-        t.buttonText ? (e(), i(n(I), {
+      p(i.$slots, "button", {}, () => [
+        t.buttonText ? (o(), n(e(E), {
           key: 0,
           variant: "outlined",
           color: "default",
           class: "button",
-          onClick: m[0] || (m[0] = (z) => o.$emit("click"))
+          onClick: f[0] || (f[0] = (B) => i.$emit("click"))
         }, {
-          default: c(() => [
-            r(l(t.buttonText), 1)
+          default: m(() => [
+            l(u(t.buttonText), 1)
           ]),
           _: 1
         })) : a("", !0)
       ], !0)
-    ]));
+    ], 16));
   }
 });
 export {
-  j as default
+  P as default
 };

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

@@ -5,6 +5,7 @@ declare const EmptyStateTypes: () => ({
         $data: {};
         $props: Partial<{
             title: string;
+            testId: string;
             variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             iconName: string;
             iconSize: string;
@@ -16,6 +17,10 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             variant: {
                 type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: string;
@@ -42,7 +47,7 @@ declare const EmptyStateTypes: () => ({
             };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -61,6 +66,10 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             variant: {
                 type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
                 default: string;
@@ -91,6 +100,7 @@ declare const EmptyStateTypes: () => ({
             click: () => void;
         }, string, {
             title: string;
+            testId: string;
             variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
             iconName: string;
             iconSize: string;
@@ -122,6 +132,10 @@ declare const EmptyStateTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         variant: {
             type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
             default: string;
@@ -157,6 +171,10 @@ declare const EmptyStateTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
         default: string;
@@ -187,6 +205,7 @@ declare const EmptyStateTypes: () => ({
     click: () => void;
 }, string, {
     title: string;
+    testId: string;
     variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
     iconName: string;
     iconSize: string;

package/components/forms/FormRow.vue.d.ts

@@ -1,34 +1,41 @@
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;
     testId?: string;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;
     testId?: string;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>>>, {
     label: string;
     testId: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger: TooltipTriggers[];
 }>, {
+    "icon-tooltip-content"?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/components/forms/FormRow.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormRow.vue2.js";
 /* empty css              */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fc3897fd"]]);
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2d5a3057"]]);
 export {
-  c as default
+  p as default
 };

package/components/forms/FormRow.vue2.js

@@ -1,34 +1,45 @@
- import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; import { defineComponent as a, openBlock as t, createElementBlock as l, createVNode as n, createCommentVNode as r, createElementVNode as d, renderSlot as c } from "vue";
-import m from "../shared/FieldLabel.vue.js";
-const s = { class: "form-row" }, h = {
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css"; import { defineComponent as r, useSlots as i, openBlock as o, createElementBlock as l, createVNode as c, createSlots as d, unref as s, withCtx as h, renderSlot as n, createCommentVNode as m, createElementVNode as p } from "vue";
+import u from "../shared/FieldLabel.vue.js";
+const f = { class: "form-row" }, v = {
   key: 0,
   class: "label-container"
-}, i = { class: "content" }, p = /* @__PURE__ */ a({
+}, x = { class: "content" }, y = /* @__PURE__ */ r({
   __name: "FormRow",
   props: {
     label: { default: "" },
     mandatory: { type: Boolean, default: !1 },
     testId: { default: "" },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" }
+    hoverHelpText: { default: null },
+    hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] }
   },
   setup(e) {
-    return (o, f) => (t(), l("div", s, [
-      e.label ? (t(), l("div", h, [
-        n(m, {
+    const a = i();
+    return (t, T) => (o(), l("div", f, [
+      e.label ? (o(), l("div", v, [
+        c(u, {
           label: e.label,
           mandatory: e.mandatory,
           "hover-help-text": e.hoverHelpText,
           "hover-help-text-placement": e.hoverHelpTextPlacement,
+          "help-text-icon-tooltip-trigger": e.helpTextIconTooltipTrigger,
           "test-id": e.testId
-        }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "test-id"])
-      ])) : r("", !0),
-      d("div", i, [
-        c(o.$slots, "default", {}, void 0, !0)
+        }, d({ _: 2 }, [
+          s(a)["icon-tooltip-content"] ? {
+            name: "icon-tooltip-content",
+            fn: h(() => [
+              n(t.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "help-text-icon-tooltip-trigger", "test-id"])
+      ])) : m("", !0),
+      p("div", x, [
+        n(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  p as default
+  y as default
 };

package/components/forms/index.d.ts

@@ -404,6 +404,7 @@ declare const FormCardTypes: () => (({
             mandatory: boolean;
             hoverHelpText: string;
             hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -420,13 +421,17 @@ declare const FormCardTypes: () => (({
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
             hoverHelpTextPlacement: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement">;
+            helpTextIconTooltipTrigger: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "helpTextIconTooltipTrigger">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -456,18 +461,23 @@ declare const FormCardTypes: () => (({
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
             hoverHelpTextPlacement: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
+            helpTextIconTooltipTrigger: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             label: string;
             testId: string;
             mandatory: boolean;
             hoverHelpText: string;
             hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -504,12 +514,16 @@ declare const FormCardTypes: () => (({
         };
         hoverHelpText: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: any;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
+        helpTextIconTooltipTrigger: {
+            type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+            default: () => string[];
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -530,20 +544,26 @@ declare const FormCardTypes: () => (({
     };
     hoverHelpText: {
         type: import("vue").PropType<string>;
-        default: string;
+        default: any;
     };
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
+    helpTextIconTooltipTrigger: {
+        type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+        default: () => string[];
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     label: string;
     testId: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "icon-tooltip-content"?(_: {}): any;
         default?(_: {}): any;
     };
 })))[];

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -87,13 +87,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     autoFocus: boolean;
     hasSubtitle: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
     searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
-    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
 }>, {

package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts

@@ -84,9 +84,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchAttribute: string;
     isLoading: boolean;
     showIcon: boolean;
+    clearable: boolean;
     iconKey: string;
     searchPlaceholder: string;
-    clearable: boolean;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;

package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts

@@ -94,13 +94,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     autoFocus: boolean;
     hasSubtitle: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     isOnTop: boolean;
     onSearch: (option: any, term: string) => boolean;
     searchPlaceholder: string;
     titleText: string;
     alwayesOpen: boolean;
-    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
     isDraggable: boolean;

package/components/includeExclude/IncludeExcludeOption.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     titleText: string;
 }>>>, {
     disabled: boolean;
-    subtitle: string;
     clearable: boolean;
+    subtitle: string;
     titleText: string;
     showCheckbox: boolean;
 }>, {

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     titleText: string;
 }>>>, {
     disabled: boolean;
-    subtitle: string;
     clearable: boolean;
+    subtitle: string;
     titleText: string;
 }>, {
     image?(_: {}): any;