@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.6

package/components/toggle/v3/Toggle.vue2.js

@@ -0,0 +1,95 @@
+ import "../../../Toggle.vue_vue_type_style_index_0_scoped_1cf7973e_lang.css"; import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as d, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
+import "../../typography/Heading.vue.js";
+import u from "../../typography/Text.vue.js";
+import { COLORS as b } from "../../../consts/colors.js";
+import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
+const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I = ["disabled", "checked", "data-testid"], z = /* @__PURE__ */ h({
+  __name: "Toggle",
+  props: {
+    modelValue: { type: Boolean },
+    activeText: { default: void 0 },
+    inactiveText: { default: void 0 },
+    errorText: { default: void 0 },
+    helperText: { default: void 0 },
+    isDisabled: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    color: { default: b.PRIMARY_500 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: x }) {
+    const r = e;
+    v((g) => ({
+      "59dc9bfa": e.color
+    }));
+    const T = () => {
+      r.isDisabled || x("update:modelValue", !r.modelValue);
+    };
+    return (g, y) => (l(), m("div", null, [
+      d("div", {
+        class: "toggle-wrap",
+        "data-testid": `${e.testId}-${t(a).WRAPPER}`
+      }, [
+        d("div", {
+          class: i(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
+          "data-testid": `${e.testId}-${t(a).BODY}`,
+          onClick: T
+        }, [
+          d("div", E, [
+            e.isLoading ? (l(), m("span", {
+              key: 0,
+              class: i(["loader", {
+                "loader-active": e.modelValue
+              }])
+            }, null, 2)) : s("", !0)
+          ])
+        ], 10, k),
+        d("input", {
+          type: "checkbox",
+          disabled: e.isDisabled,
+          checked: e.modelValue,
+          "data-testid": `${e.testId}-${t(a).FIELD}`,
+          class: "checkbox"
+        }, null, 8, I),
+        V(t(u), {
+          size: "sm",
+          "is-truncated": "",
+          class: i(["item-text", { "text-disabled": e.isDisabled }]),
+          "test-id": `${e.testId}-${t(a).TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.modelValue ? e.activeText : e.inactiveText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "test-id"])
+      ], 8, $),
+      d("div", null, [
+        e.helperText ? (l(), f(t(u), {
+          key: 0,
+          size: "caption",
+          class: "helper-text",
+          "test-id": `${e.testId}-${t(a).HELPER_TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.helperText), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])) : s("", !0),
+        e.errorText ? (l(), f(t(u), {
+          key: 1,
+          size: "caption",
+          class: i(["error-text", { "error-and-help": !!e.helperText }]),
+          "test-id": `${e.testId}-${t(a).ERROR_TEXT}`
+        }, {
+          default: o(() => [
+            c(n(e.errorText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "test-id"])) : s("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  z as default
+};

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

@@ -0,0 +1,90 @@
+declare const ToggleTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    errorText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    activeText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    errorText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    activeText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {
+    testId: string;
+    color: string;
+    isLoading: boolean;
+    helperText: string;
+    errorText: string;
+    activeText: string;
+    inactiveText: string;
+    isDisabled: boolean;
+}>[];
+export { default as Toggle } from './Toggle.vue';
+export { ToggleTypes };

package/components/toggle/v4/ToggleV4.vue.d.ts

@@ -0,0 +1,98 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    text?: string;
+    activeText?: string;
+    inactiveText?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackText?: string;
+    feedbackVariant?: "error" | "success" | "warning";
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    color?: "primary" | "test";
+    size?: "small" | "medium";
+    testId?: string;
+}>, {
+    text: any;
+    activeText: any;
+    inactiveText: any;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    isDisabled: boolean;
+    isLoading: boolean;
+    color: string;
+    size: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    text?: string;
+    activeText?: string;
+    inactiveText?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackText?: string;
+    feedbackVariant?: "error" | "success" | "warning";
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    color?: "primary" | "test";
+    size?: "small" | "medium";
+    testId?: string;
+}>, {
+    text: any;
+    activeText: any;
+    inactiveText: any;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    isDisabled: boolean;
+    isLoading: boolean;
+    color: string;
+    size: string;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {
+    text: string;
+    size: "small" | "medium";
+    testId: string;
+    color: "primary" | "test";
+    isLoading: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackText: string;
+    feedbackVariant: "error" | "success" | "warning";
+    activeText: string;
+    inactiveText: string;
+    isDisabled: boolean;
+}>, {
+    "icon-left"?(_: {}): any;
+    "icon-right"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/tooltip/common/Tooltip.common.d.ts

@@ -0,0 +1,3 @@
+export declare const tooltipCommon: (props: any) => {
+    textForDisplay: any;
+};

package/components/tooltip/common/Tooltip.common.js

@@ -0,0 +1,27 @@
+import { ref as n, useSlots as r, watch as s, nextTick as f } from "vue";
+const d = (e) => {
+  const l = n(!1), o = n(null), a = n(null), u = r(), i = () => l.value ? e.text : null, c = async () => {
+    if (l.value = !0, await f(), !e.forceShowWithTruncate) {
+      const t = a.value?.children && a.value.children[0];
+      (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (l.value = t.offsetWidth < t.scrollWidth);
+    }
+  };
+  return s(
+    () => e.text,
+    async () => {
+      await c(), o.value = i();
+    },
+    { immediate: !0 }
+  ), s(
+    () => u.default,
+    async () => {
+      await c(), o.value = i();
+    },
+    { immediate: !0 }
+  ), {
+    textForDisplay: o
+  };
+};
+export {
+  d as tooltipCommon
+};

package/components/tooltip/v3/TextWithTitleContent.vue.js

@@ -0,0 +1,7 @@
+import t from "./TextWithTitleContent.vue2.js";
+/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_13b5aebd_lang.css"; //*');
+const i = /* @__PURE__ */ e(t, [["__scopeId", "data-v-13b5aebd"]]);
+export {
+  i as default
+};

package/components/tooltip/v3/TextWithTitleContent.vue2.js

@@ -0,0 +1,46 @@
+ import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_13b5aebd_lang.css"; import { defineComponent as l, openBlock as f, createElementBlock as m, createElementVNode as o, createVNode as n, unref as t, withCtx as d, createTextVNode as i, toDisplayString as r } from "vue";
+import "../../typography/Heading.vue.js";
+import a from "../../typography/Text.vue.js";
+import { TooltipTestIdModifiers as c } from "../../../testids/index.js";
+const u = { class: "content-wrap" }, p = { class: "content-header" }, T = { class: "content-body" }, g = /* @__PURE__ */ l({
+  __name: "TextWithTitleContent",
+  props: {
+    text: null,
+    header: null,
+    testId: { default: "" }
+  },
+  setup(e) {
+    const s = e;
+    return (_, h) => (f(), m("div", u, [
+      o("div", p, [
+        n(t(a), {
+          size: "md",
+          "is-truncated": !1,
+          strong: "",
+          "test-id": `${s.testId}-${t(c).TEXT}`
+        }, {
+          default: d(() => [
+            i(r(e.header), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])
+      ]),
+      o("div", T, [
+        n(t(a), {
+          size: "xs",
+          "is-truncated": !1,
+          strong: "",
+          "test-id": `${s.testId}-${t(c).TEXT}`
+        }, {
+          default: d(() => [
+            i(r(e.text), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])
+      ])
+    ]));
+  }
+});
+export {
+  g as default
+};

package/components/tooltip/v3/Tooltip.vue.js

@@ -0,0 +1,5 @@
+import e from "./Tooltip.vue2.js";
+/* empty css              */// import "../../../Tooltip.vue_vue_type_style_index_0_lang.css"; //');
+export {
+  e as default
+};

package/components/tooltip/v3/Tooltip.vue2.js

@@ -0,0 +1,87 @@
+ import "../../../Tooltip.vue_vue_type_style_index_0_lang.css"; import { defineComponent as y, ref as s, useSlots as g, watch as h, openBlock as r, createBlock as n, unref as a, mergeProps as w, withCtx as u, createElementVNode as m, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
+import I from "./TextWithTitleContent.vue.js";
+import "../../typography/Heading.vue.js";
+import W from "../../typography/Text.vue.js";
+import { Tooltip as b } from "floating-vue";
+import { TooltipTestIdModifiers as v } from "../../../testids/index.js";
+const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
+  __name: "Tooltip",
+  props: {
+    text: { default: null },
+    header: { default: null },
+    delay: { default: 0 },
+    triggers: { default: () => ["hover"] },
+    forceShowWithTruncate: { type: Boolean, default: !1 },
+    placement: { default: "top" },
+    theme: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const o = e, i = s(!1), l = s(null), d = s(null), x = g(), c = () => i.value ? o.text : null, f = async () => {
+      if (i.value = !0, await $(), !o.forceShowWithTruncate) {
+        const t = d.value?.children && d.value.children[0];
+        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
+      }
+    };
+    return h(
+      () => o.text,
+      async () => {
+        await f(), l.value = c();
+      },
+      { immediate: !0 }
+    ), h(
+      () => x.default,
+      async () => {
+        await f(), l.value = c();
+      },
+      { immediate: !0 }
+    ), (t, T) => (r(), n(a(b), w(t.$props, {
+      theme: e.theme,
+      "no-auto-focus": "",
+      triggers: e.triggers,
+      delay: { show: e.delay, hide: 0 },
+      placement: e.placement,
+      disabled: e.disabled || e.text && !l.value,
+      "data-testid": `${e.testId}-${a(v).TRIGGER}`,
+      "popper-class": [e.theme],
+      "auto-hide": ""
+    }), {
+      popper: u(() => [
+        m("div", B, [
+          p(t.$slots, "tooltip", { text: l.value }, () => [
+            e.header ? (r(), n(I, {
+              key: 1,
+              text: e.text,
+              header: e.header
+            }, null, 8, ["text", "header"])) : (r(), n(a(W), {
+              key: 0,
+              size: "sm",
+              "is-truncated": !1,
+              strong: "",
+              "test-id": `${e.testId}-${a(v).TEXT}`
+            }, {
+              default: u(() => [
+                S(k(l.value), 1)
+              ]),
+              _: 1
+            }, 8, ["test-id"]))
+          ])
+        ])
+      ]),
+      default: u(() => [
+        m("div", {
+          ref_key: "container",
+          ref: d,
+          class: "container"
+        }, [
+          p(t.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid", "popper-class"]));
+  }
+});
+export {
+  O as default
+};

package/components/tooltip/v3/index.js

@@ -0,0 +1,7 @@
+import "./Tooltip.vue.js";
+import o from "./Tooltip.vue2.js";
+const i = () => [o];
+export {
+  o as Tooltip,
+  i as TooltipTypes
+};

package/components/tooltip/v4/TextWithTitleContent.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text: string;
+    header: string;
+    testId?: string;
+}>, {
+    testId: 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<{
+    text: string;
+    header: string;
+    testId?: string;
+}>, {
+    testId: string;
+}>>>, {
+    testId: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/tooltip/v4/TextWithTitleContent.vue.js

@@ -0,0 +1,7 @@
+import t from "./TextWithTitleContent.vue2.js";
+/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_7792f772_lang.css"; //*');
+const i = /* @__PURE__ */ e(t, [["__scopeId", "data-v-7792f772"]]);
+export {
+  i as default
+};

package/components/tooltip/v4/TextWithTitleContent.vue2.js

@@ -0,0 +1,36 @@
+ import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_7792f772_lang.css"; import { defineComponent as p, openBlock as m, createElementBlock as f, createElementVNode as n, createVNode as s, unref as t, mergeProps as a, withCtx as d, createTextVNode as c, toDisplayString as i } from "vue";
+import l from "../../typography/v4/Typography.vue.js";
+import { TooltipTestIdModifiers as o } from "../../../testids/index.js";
+import { useTestIdAttrs as h } from "../../../utils/testIds.js";
+const u = { class: "content-wrap" }, _ = { class: "content-header" }, T = { class: "content-body" }, C = /* @__PURE__ */ p({
+  __name: "TextWithTitleContent",
+  props: {
+    text: null,
+    header: null,
+    testId: { default: "" }
+  },
+  setup(e) {
+    const r = h(e.testId, o);
+    return (v, y) => (m(), f("div", u, [
+      n("div", _, [
+        s(t(l), a({ variant: "h5" }, t(r)[t(o).HEADER]), {
+          default: d(() => [
+            c(i(e.header), 1)
+          ]),
+          _: 1
+        }, 16)
+      ]),
+      n("div", T, [
+        s(t(l), a({ variant: "body2" }, t(r)[t(o).TEXT]), {
+          default: d(() => [
+            c(i(e.text), 1)
+          ]),
+          _: 1
+        }, 16)
+      ])
+    ]));
+  }
+});
+export {
+  C as default
+};

package/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -0,0 +1,85 @@
+type Triggers = 'hover' | 'click' | 'focus' | 'touch';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text?: string;
+    header?: string;
+    delay?: number;
+    triggers?: Triggers[];
+    forceShowWithTruncate?: boolean;
+    placement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    theme?: string;
+    disabled?: boolean;
+    testId?: string;
+    distance?: string | number;
+}>, {
+    text: any;
+    header: any;
+    delay: number;
+    triggers: () => string[];
+    forceShowWithTruncate: boolean;
+    placement: string;
+    theme: string;
+    disabled: boolean;
+    testId: string;
+    distance: 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<{
+    text?: string;
+    header?: string;
+    delay?: number;
+    triggers?: Triggers[];
+    forceShowWithTruncate?: boolean;
+    placement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    theme?: string;
+    disabled?: boolean;
+    testId?: string;
+    distance?: string | number;
+}>, {
+    text: any;
+    header: any;
+    delay: number;
+    triggers: () => string[];
+    forceShowWithTruncate: boolean;
+    placement: string;
+    theme: string;
+    disabled: boolean;
+    testId: string;
+    distance: string;
+}>>>, {
+    header: string;
+    text: string;
+    theme: string;
+    testId: string;
+    delay: number;
+    triggers: Triggers[];
+    forceShowWithTruncate: boolean;
+    placement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    disabled: boolean;
+    distance: string | number;
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {
+        text: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};