@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-rc.5

package/components/filterDropdown/FilterDropdown.vue.js

@@ -1,60 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from 'vue';
-import Dropdown from '../dropdown/v3/Dropdown.vue.js';
-import Option from '../dropdown/common/Option.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                                        *//* empty css                                                               *//* empty css                                                                   *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                              */import AddFilterButton from './AddFilterButton.vue.js';
-/* empty css                                                                */
-import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FilterDropdown",
-  props: {
-    displayValue: null,
-    text: { default: "Add Filter" },
-    disabled: { type: Boolean, default: false },
-    onSearch: null,
-    options: null,
-    addNewFilter: null,
-    testId: { default: "" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), {
-        "display-value": __props.displayValue,
-        disabled: __props.disabled,
-        "on-search": __props.onSearch,
-        distance: 0,
-        skidding: 0,
-        "is-on-top": "",
-        options: __props.options,
-        "test-id": __props.testId,
-        "onUpdate:selected": __props.addNewFilter
-      }, {
-        input: withCtx(() => [
-          createVNode(AddFilterButton, {
-            class: "add-filter-button",
-            disabled: __props.disabled,
-            "test-id": __props.testId
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.text), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled", "test-id"])
-        ]),
-        default: withCtx(({ option }) => [
-          createVNode(unref(Option), { option }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(option.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["option"])
-        ]),
-        _: 1
-      }, 8, ["display-value", "disabled", "on-search", "options", "test-id", "onUpdate:selected"]);
-    };
-  }
-});
-var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14bde5f0"]]);
-
-export { FilterDropdown as default };
+import o from "./FilterDropdown.vue2.js";
+/* empty css                     */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b25c5605"]]);
+export {
+  r as default
+};

package/components/filterDropdown/FilterDropdown.vue2.js

@@ -0,0 +1,56 @@
+ import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css"; import { defineComponent as n, openBlock as s, createBlock as r, unref as l, withCtx as t, createVNode as a, createTextVNode as i, toDisplayString as o } from "vue";
+import u from "../dropdown/v3/Dropdown.vue.js";
+import c from "../dropdown/common/Option.vue.js";
+import "../dropdown/common/Label.vue.js";
+import "../dropdown/common/SearchInput.vue.js";
+import f from "./AddFilterButton.vue.js";
+const B = /* @__PURE__ */ n({
+  __name: "FilterDropdown",
+  props: {
+    displayValue: null,
+    text: { default: "Add Filter" },
+    disabled: { type: Boolean, default: !1 },
+    onSearch: null,
+    options: null,
+    addNewFilter: null,
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (m, p) => (s(), r(l(u), {
+      "display-value": e.displayValue,
+      disabled: e.disabled,
+      "on-search": e.onSearch,
+      distance: 0,
+      skidding: 0,
+      "is-on-top": "",
+      options: e.options,
+      "test-id": e.testId,
+      "onUpdate:selected": e.addNewFilter
+    }, {
+      input: t(() => [
+        a(f, {
+          class: "add-filter-button",
+          disabled: e.disabled,
+          "test-id": e.testId
+        }, {
+          default: t(() => [
+            i(o(e.text), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "test-id"])
+      ]),
+      default: t(({ option: d }) => [
+        a(l(c), { option: d }, {
+          default: t(() => [
+            i(o(d.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["option"])
+      ]),
+      _: 1
+    }, 8, ["display-value", "disabled", "on-search", "options", "test-id", "onUpdate:selected"]));
+  }
+});
+export {
+  B as default
+};

package/components/filterDropdown/index.d.ts

@@ -1,5 +1,86 @@
 import AddFilterButton from './AddFilterButton.vue';
-declare const FilterDropdownTypes: () => (import("vue").DefineComponent<{
+declare const FilterDropdownTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefix: {
+                type: import("vue").PropType<string>;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            selected: {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            prefix: {
+                type: import("vue").PropType<string>;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        selected: {
+            type: import("vue").PropType<boolean>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        prefix: {
+            type: import("vue").PropType<string>;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     selected: {
         type: import("vue").PropType<boolean>;
     };
@@ -12,81 +93,66 @@ declare const FilterDropdownTypes: () => (import("vue").DefineComponent<{
     testId: {
         type: import("vue").PropType<string>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    selected: {
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    prefix: {
-        type: import("vue").PropType<string>;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-    };
-}>>, {}> | import("vue").DefineComponent<{
+})) | import("vue").DefineComponent<{
     text: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
-    onSearch: {
-        type: import("vue").PropType<(item: unknown) => boolean>;
+        type: import("vue").PropType<any[]>;
         required: true;
     };
     displayValue: {
         type: import("vue").PropType<(item: unknown) => string>;
         required: true;
     };
+    onSearch: {
+        type: import("vue").PropType<(item: unknown) => boolean>;
+        required: true;
+    };
     addNewFilter: {
-        type: import("vue").PropType<(filter: import("./FilterDropdown.vue.__VLS_script").__VLS_types_Filter) => void>;
+        type: import("vue").PropType<(filter: import("../filtersPanel").Filter) => void>;
         required: true;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
-    onSearch: {
-        type: import("vue").PropType<(item: unknown) => boolean>;
+        type: import("vue").PropType<any[]>;
         required: true;
     };
     displayValue: {
         type: import("vue").PropType<(item: unknown) => string>;
         required: true;
     };
+    onSearch: {
+        type: import("vue").PropType<(item: unknown) => boolean>;
+        required: true;
+    };
     addNewFilter: {
-        type: import("vue").PropType<(filter: import("./FilterDropdown.vue.__VLS_script").__VLS_types_Filter) => void>;
+        type: import("vue").PropType<(filter: import("../filtersPanel").Filter) => void>;
         required: true;
     };
 }>>, {

package/components/filterDropdown/index.js

@@ -0,0 +1,8 @@
+import o from "./FilterDropdown.vue.js";
+import r from "./AddFilterButton.vue.js";
+const e = () => [o, r];
+export {
+  r as AddFilterButton,
+  o as FilterDropdown,
+  e as FilterDropdownTypes
+};

package/components/filtersPanel/FilterSearchInput.vue.js

@@ -1,54 +1,7 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  */import Icon from '../icon/v3/Icon.vue.js';
-/* empty css                                                                   *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                         *//* empty css                                                                    */import '@vue/shared';
-/* empty css                                                                         *//* empty css                                                                     */import '@vueuse/core';
-/* empty css                                                                       *//* empty css                                                           *//* empty css                                                                        */import SearchInput from '../dropdown/common/SearchInput.vue.js';
-/* empty css                                                                   */
-import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  class: "search-container",
-  tabindex: "0"
+import e from "./FilterSearchInput.vue2.js";
+/* empty css                        */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_9198bf4e_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9198bf4e"]]);
+export {
+  r as default
 };
-const _hoisted_2 = { class: "search" };
-const _hoisted_3 = ["placeholder", "disabled", "onInput"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FilterSearchInput",
-  setup(__props) {
-    const element = ref(null);
-    onMounted(() => {
-      setTimeout(() => {
-        element.value.focus();
-      }, 250);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(SearchInput), null, {
-          default: withCtx(({ disabled, change, placeholder }) => [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(unref(Icon), {
-                class: "search-icon",
-                width: "12",
-                height: "12",
-                name: "search"
-              }),
-              createElementVNode("input", {
-                ref_key: "element",
-                ref: element,
-                class: "search-input",
-                placeholder: placeholder ? placeholder : "Search",
-                disabled,
-                onInput: change
-              }, null, 40, _hoisted_3)
-            ])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-var FilterSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b4f2638"]]);
-
-export { FilterSearchInput as default };

package/components/filtersPanel/FilterSearchInput.vue2.js

@@ -0,0 +1,45 @@
+ import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_9198bf4e_lang.css"; import { defineComponent as a, ref as i, onMounted as l, openBlock as p, createElementBlock as u, createVNode as n, unref as o, withCtx as m, createElementVNode as r } from "vue";
+import "../dropdown/v3/Dropdown.vue.js";
+import "../dropdown/common/Option.vue.js";
+import "../dropdown/common/Label.vue.js";
+import h from "../dropdown/common/SearchInput.vue.js";
+import d from "../icon/v3/Icon.vue.js";
+const _ = {
+  class: "search-container",
+  tabindex: "0"
+}, f = { class: "search" }, I = ["placeholder", "disabled", "onInput"], N = /* @__PURE__ */ a({
+  __name: "FilterSearchInput",
+  setup(x) {
+    const e = i(null);
+    return l(() => {
+      setTimeout(() => {
+        e.value.focus();
+      }, 250);
+    }), (k, v) => (p(), u("div", _, [
+      n(o(h), null, {
+        default: m(({ disabled: c, change: s, placeholder: t }) => [
+          r("div", f, [
+            n(o(d), {
+              class: "search-icon",
+              width: "12",
+              height: "12",
+              name: "search"
+            }),
+            r("input", {
+              ref_key: "element",
+              ref: e,
+              class: "search-input",
+              placeholder: t || "Search",
+              disabled: c,
+              onInput: s
+            }, null, 40, I)
+          ])
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  N as default
+};

package/components/filtersPanel/FiltersPanel.vue.js

@@ -1,59 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
-/* empty css                                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "filter-panel" };
-const _hoisted_2 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FiltersPanel",
-  props: {
-    filters: null,
-    isOpen: { type: Boolean, default: false },
-    selected: null,
-    isMultiSelect: { type: Boolean },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sortedFilters = computed(() => {
-      const { filters } = props;
-      return filters.sort((a, b) => b.order - a.order).sort((a, b) => {
-        if (a.hidden) {
-          return 1;
-        }
-        if (b.hidden) {
-          return 1;
-        }
-        return -1;
-      });
-    });
-    const hiddenFilters = computed(
-      () => props.filters.filter((item) => item.hidden)
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortedFilters), (filter) => {
-          return openBlock(), createElementBlock("div", {
-            key: filter.id,
-            class: normalizeClass(["filter-button", {
-              [`always-first`]: !!filter.alwaysFirst,
-              hidden: filter.hidden,
-              selected: props.isMultiSelect ? __props.selected[filter.id].length > 0 : !!__props.selected[filter.id],
-              exposed: !filter.hidden
-            }]),
-            "data-testid": `${props.testId}-filter-${filter.id}`
-          }, [
-            renderSlot(_ctx.$slots, filter.id, normalizeProps(guardReactiveProps(filter)), void 0, true)
-          ], 10, _hoisted_2);
-        }), 128)),
-        !__props.isOpen ? renderSlot(_ctx.$slots, "add", {
-          key: 0,
-          hiddenFilters: unref(hiddenFilters)
-        }, void 0, true) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-var FiltersPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bb724f2"]]);
-
-export { FiltersPanel as default };
+import e from "./FiltersPanel.vue2.js";
+/* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2996b384"]]);
+export {
+  p as default
+};

package/components/filtersPanel/FiltersPanel.vue2.js

@@ -0,0 +1,40 @@
+ import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css"; import { defineComponent as h, computed as l, openBlock as r, createElementBlock as i, Fragment as m, renderList as p, unref as o, normalizeClass as f, renderSlot as a, normalizeProps as y, guardReactiveProps as F, createCommentVNode as v } from "vue";
+const k = { class: "filter-panel" }, B = ["data-testid"], g = /* @__PURE__ */ h({
+  __name: "FiltersPanel",
+  props: {
+    filters: null,
+    isOpen: { type: Boolean, default: !1 },
+    selected: null,
+    isMultiSelect: { type: Boolean },
+    testId: { default: "" }
+  },
+  setup(d) {
+    const s = d, u = l(() => {
+      const { filters: t } = s;
+      return t.sort((n, e) => e.order - n.order).sort((n, e) => n.hidden || e.hidden ? 1 : -1);
+    }), c = l(
+      () => s.filters.filter((t) => t.hidden)
+    );
+    return (t, n) => (r(), i("div", k, [
+      (r(!0), i(m, null, p(o(u), (e) => (r(), i("div", {
+        key: e.id,
+        class: f(["filter-button", {
+          "always-first": !!e.alwaysFirst,
+          hidden: e.hidden,
+          selected: s.isMultiSelect ? d.selected[e.id].length > 0 : !!d.selected[e.id],
+          exposed: !e.hidden
+        }]),
+        "data-testid": `${s.testId}-filter-${e.id}`
+      }, [
+        a(t.$slots, e.id, y(F(e)), void 0, !0)
+      ], 10, B))), 128)),
+      d.isOpen ? v("", !0) : a(t.$slots, "add", {
+        key: 0,
+        hiddenFilters: o(c)
+      }, void 0, !0)
+    ]));
+  }
+});
+export {
+  g as default
+};

package/components/filtersPanel/index.js

@@ -0,0 +1,14 @@
+import r from "./FiltersPanel.vue.js";
+import e from "./FilterSearchInput.vue.js";
+import { useHiddenFilter as t } from "./useHiddenFilter.js";
+const m = () => [
+  r,
+  e,
+  t
+];
+export {
+  m as FilterPanelTypes,
+  e as FilterSearchInput,
+  r as FiltersPanel,
+  t as useHiddenFilter
+};

package/components/filtersPanel/useHiddenFilter.js

@@ -0,0 +1,20 @@
+import { computed as l, ref as n, reactive as i } from "vue";
+const f = ({ filters: o }) => {
+  const d = l(() => ({ label: e }, s) => e.toLowerCase().replace(/\s+/g, "").includes(s.toLowerCase().replace(/\s+/g, ""))), t = n([]), a = i({}), r = n(!1), c = (e) => {
+    t.value.push(e), r.value = !0;
+  }, u = l(() => t.value.length === o.filter((e) => e.hidden).length);
+  return {
+    onClear: (e) => {
+      t.value = t.value.filter((s) => s.id !== e.id), r.value = !1, delete a[e.id];
+    },
+    disabled: u,
+    isOpen: r,
+    state: a,
+    added: t,
+    search: d,
+    addNewFilter: c
+  };
+};
+export {
+  f as useHiddenFilter
+};

package/components/floatingToolbar/FloatingToolbar.vue.d.ts

@@ -1,11 +1,13 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean;
     count?: number;
     appendToBody?: boolean;
 }>, {
     count: any;
     appendToBody: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean;
     count?: number;
     appendToBody?: boolean;
@@ -17,6 +19,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     appendToBody: boolean;
     count: number;
+}>, {
+    label?(_: {}): any;
+    actions?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -29,7 +34,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };