@ironsource/shared-ui 2.2.0-rc.31 → 2.2.0-rc.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/TooltipV4.vue_vue_type_style_index_0_scoped_488778eb_lang.css +1 -0
  2. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  3. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -1
  4. package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
  5. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  6. package/components/tooltip/v4/TooltipV4.vue2.js +38 -24
  7. package/components/tooltip/v4/index.d.ts +20 -1
  8. package/index.d.ts +60 -22
  9. package/index.js +1 -1
  10. package/package.json +1 -1
  11. package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +0 -1
package/TooltipV4.vue_vue_type_style_index_0_scoped_488778eb_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-488778eb]{display:block}
package/TooltipV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-4.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-3px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
1
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:var(--tooltip-max-width)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-4.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-3px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts CHANGED
@@ -58,8 +58,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
58
58
  withTooltip: boolean;
59
59
  tooltipPlacement: "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";
60
60
  disabled: boolean;
61
- size: "small" | "medium";
62
61
  maxWidth: number;
62
+ size: "small" | "medium";
63
63
  open: boolean;
64
64
  startIconName: string;
65
65
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
package/components/tooltip/v4/TooltipV4.vue.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
14
14
  shown?: boolean;
15
15
  autoHide?: boolean;
16
16
  dontWrapDisabled?: boolean;
17
+ maxWidth?: string;
17
18
  }>, {
18
19
  text: any;
19
20
  header: any;
@@ -29,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
29
30
  shown: any;
30
31
  autoHide: boolean;
31
32
  dontWrapDisabled: boolean;
33
+ maxWidth: string;
32
34
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
35
  show: () => void;
34
36
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -46,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
46
48
  shown?: boolean;
47
49
  autoHide?: boolean;
48
50
  dontWrapDisabled?: boolean;
51
+ maxWidth?: string;
49
52
  }>, {
50
53
  text: any;
51
54
  header: any;
@@ -61,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
61
64
  shown: any;
62
65
  autoHide: boolean;
63
66
  dontWrapDisabled: boolean;
67
+ maxWidth: string;
64
68
  }>>> & {
65
69
  onShow?: () => any;
66
70
  }, {
@@ -78,6 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
78
82
  shown: boolean;
79
83
  autoHide: boolean;
80
84
  dontWrapDisabled: boolean;
85
+ maxWidth: string;
81
86
  }>, {
82
87
  default?(_: {}): any;
83
88
  tooltip?(_: {
package/components/tooltip/v4/TooltipV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./TooltipV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; //*');
3
+ // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_488778eb_lang.css"; //*');
4
4
  // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8a451e54"]]);
5
+ const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-488778eb"]]);
6
6
  export {
7
7
  l as default
8
8
  };
package/components/tooltip/v4/TooltipV4.vue2.js CHANGED
@@ -1,14 +1,14 @@
1
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, renderSlot as l, openBlock as d, createBlock as i, unref as t, mergeProps as m, withCtx as n, createTextVNode as y, toDisplayString as p, createElementVNode as T } from "vue";
1
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_488778eb_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, onMounted as y, watch as p, renderSlot as d, openBlock as n, createBlock as i, unref as t, mergeProps as f, withCtx as r, createTextVNode as x, toDisplayString as w, createElementVNode as T } from "vue";
2
2
  import g from "./TextWithTitleContent.vue.js";
3
- import { Tooltip as w } from "floating-vue";
4
- import { TooltipTestIdModifiers as r } from "../../../testids/index.js";
5
- import b from "../../typography/v4/Typography.vue.js";
6
- import { tooltipCommon as v } from "../common/Tooltip.common.js";
7
- import { useTestIdAttrs as x } from "../../../utils/testIds.js";
8
- const B = {
3
+ import { Tooltip as b } from "floating-vue";
4
+ import { TooltipTestIdModifiers as s } from "../../../testids/index.js";
5
+ import v from "../../typography/v4/Typography.vue.js";
6
+ import { tooltipCommon as B } from "../common/Tooltip.common.js";
7
+ import { useTestIdAttrs as W } from "../../../utils/testIds.js";
8
+ const k = {
9
9
  ref: "container",
10
10
  class: "container"
11
- }, E = /* @__PURE__ */ c({
11
+ }, V = /* @__PURE__ */ c({
12
12
  __name: "TooltipV4",
13
13
  props: {
14
14
  text: { default: null },
@@ -24,45 +24,59 @@ const B = {
24
24
  container: { default: "body" },
25
25
  shown: { type: Boolean, default: null },
26
26
  autoHide: { type: Boolean, default: !0 },
27
- dontWrapDisabled: { type: Boolean, default: !1 }
27
+ dontWrapDisabled: { type: Boolean, default: !1 },
28
+ maxWidth: { default: "21.875rem" }
28
29
  },
29
30
  emits: ["show"],
30
31
  setup(e, { emit: h }) {
31
- const s = e, { textForDisplay: a } = v(s), u = x(s.testId, r);
32
- return (o, f) => (e.disabled || !e.text) && e.dontWrapDisabled ? l(o.$slots, "default", { key: 0 }, void 0, !0) : (d(), i(t(w), m({ key: 1 }, { ...o.$props, ...t(u)[t(r).TRIGGER] }, {
32
+ const a = e, { textForDisplay: l } = B(a), u = W(a.testId, s);
33
+ return y(() => {
34
+ document.documentElement.style.setProperty(
35
+ "--tooltip-max-width",
36
+ a.maxWidth
37
+ );
38
+ }), p(
39
+ () => a.maxWidth,
40
+ (o) => {
41
+ document.documentElement.style.setProperty(
42
+ "--tooltip-max-width",
43
+ o
44
+ );
45
+ }
46
+ ), (o, m) => (e.disabled || !e.text) && e.dontWrapDisabled ? d(o.$slots, "default", { key: 0 }, void 0, !0) : (n(), i(t(b), f({ key: 1 }, { ...o.$props, ...t(u)[t(s).TRIGGER] }, {
33
47
  theme: e.theme,
34
48
  "no-auto-focus": "",
35
49
  triggers: e.triggers,
36
50
  delay: { show: e.delay, hide: 0 },
37
51
  placement: e.placement,
38
- disabled: e.disabled || e.text && !t(a),
52
+ disabled: e.disabled || e.text && !t(l),
39
53
  "popper-class": [e.theme, e.placement, "v4-tooltip"],
40
54
  class: ["v4-tooltip"],
41
55
  distance: e.distance,
42
56
  "auto-hide": e.autoHide,
43
57
  shown: e.shown,
44
- onApplyShow: f[0] || (f[0] = (k) => h("show"))
58
+ onApplyShow: m[0] || (m[0] = (I) => h("show"))
45
59
  }), {
46
- popper: n(() => [
47
- l(o.$slots, "tooltip", { text: t(a) }, () => [
48
- e.header ? (d(), i(g, {
60
+ popper: r(() => [
61
+ d(o.$slots, "tooltip", { text: t(l) }, () => [
62
+ e.header ? (n(), i(g, {
49
63
  key: 1,
50
64
  text: e.text,
51
65
  header: e.header
52
- }, null, 8, ["text", "header"])) : (d(), i(t(b), m({
66
+ }, null, 8, ["text", "header"])) : (n(), i(t(v), f({
53
67
  key: 0,
54
68
  variant: "body2"
55
- }, t(u)[t(r).TEXT]), {
56
- default: n(() => [
57
- y(p(t(a)), 1)
69
+ }, t(u)[t(s).TEXT]), {
70
+ default: r(() => [
71
+ x(w(t(l)), 1)
58
72
  ]),
59
73
  _: 1
60
74
  }, 16))
61
75
  ], !0)
62
76
  ]),
63
- default: n(() => [
64
- T("div", B, [
65
- l(o.$slots, "default", {}, void 0, !0)
77
+ default: r(() => [
78
+ T("div", k, [
79
+ d(o.$slots, "default", {}, void 0, !0)
66
80
  ], 512)
67
81
  ]),
68
82
  _: 3
@@ -70,5 +84,5 @@ const B = {
70
84
  }
71
85
  });
72
86
  export {
73
- E as default
87
+ V as default
74
88
  };
package/components/tooltip/v4/index.d.ts CHANGED
@@ -18,6 +18,7 @@ declare const TooltipTypes: () => ({
18
18
  shown: boolean;
19
19
  autoHide: boolean;
20
20
  dontWrapDisabled: boolean;
21
+ maxWidth: string;
21
22
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
22
23
  header: {
23
24
  type: import("vue").PropType<string>;
@@ -75,9 +76,13 @@ declare const TooltipTypes: () => ({
75
76
  type: import("vue").PropType<boolean>;
76
77
  default: boolean;
77
78
  };
79
+ maxWidth: {
80
+ type: import("vue").PropType<string>;
81
+ default: string;
82
+ };
78
83
  }>> & {
79
84
  onShow?: () => any;
80
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
85
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
81
86
  $attrs: {
82
87
  [x: string]: unknown;
83
88
  };
@@ -148,6 +153,10 @@ declare const TooltipTypes: () => ({
148
153
  type: import("vue").PropType<boolean>;
149
154
  default: boolean;
150
155
  };
156
+ maxWidth: {
157
+ type: import("vue").PropType<string>;
158
+ default: string;
159
+ };
151
160
  }>> & {
152
161
  onShow?: () => any;
153
162
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -167,6 +176,7 @@ declare const TooltipTypes: () => ({
167
176
  shown: boolean;
168
177
  autoHide: boolean;
169
178
  dontWrapDisabled: boolean;
179
+ maxWidth: string;
170
180
  }, {}, string> & {
171
181
  beforeCreate?: (() => void) | (() => void)[];
172
182
  created?: (() => void) | (() => void)[];
@@ -244,6 +254,10 @@ declare const TooltipTypes: () => ({
244
254
  type: import("vue").PropType<boolean>;
245
255
  default: boolean;
246
256
  };
257
+ maxWidth: {
258
+ type: import("vue").PropType<string>;
259
+ default: string;
260
+ };
247
261
  }>> & {
248
262
  onShow?: () => any;
249
263
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -307,6 +321,10 @@ declare const TooltipTypes: () => ({
307
321
  type: import("vue").PropType<boolean>;
308
322
  default: boolean;
309
323
  };
324
+ maxWidth: {
325
+ type: import("vue").PropType<string>;
326
+ default: string;
327
+ };
310
328
  }>> & {
311
329
  onShow?: () => any;
312
330
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -326,6 +344,7 @@ declare const TooltipTypes: () => ({
326
344
  shown: boolean;
327
345
  autoHide: boolean;
328
346
  dontWrapDisabled: boolean;
347
+ maxWidth: string;
329
348
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
330
349
  $slots: {
331
350
  default?(_: {}): any;
package/index.d.ts CHANGED
@@ -10811,6 +10811,7 @@ declare const _default: {
10811
10811
  shown: boolean;
10812
10812
  autoHide: boolean;
10813
10813
  dontWrapDisabled: boolean;
10814
+ maxWidth: string;
10814
10815
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10815
10816
  header: {
10816
10817
  type: import("vue").PropType<string>;
@@ -10868,9 +10869,13 @@ declare const _default: {
10868
10869
  type: import("vue").PropType<boolean>;
10869
10870
  default: boolean;
10870
10871
  };
10872
+ maxWidth: {
10873
+ type: import("vue").PropType<string>;
10874
+ default: string;
10875
+ };
10871
10876
  }>> & {
10872
10877
  onShow?: () => any;
10873
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
10878
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
10874
10879
  $attrs: {
10875
10880
  [x: string]: unknown;
10876
10881
  };
@@ -10941,6 +10946,10 @@ declare const _default: {
10941
10946
  type: import("vue").PropType<boolean>;
10942
10947
  default: boolean;
10943
10948
  };
10949
+ maxWidth: {
10950
+ type: import("vue").PropType<string>;
10951
+ default: string;
10952
+ };
10944
10953
  }>> & {
10945
10954
  onShow?: () => any;
10946
10955
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -10960,6 +10969,7 @@ declare const _default: {
10960
10969
  shown: boolean;
10961
10970
  autoHide: boolean;
10962
10971
  dontWrapDisabled: boolean;
10972
+ maxWidth: string;
10963
10973
  }, {}, string> & {
10964
10974
  beforeCreate?: (() => void) | (() => void)[];
10965
10975
  created?: (() => void) | (() => void)[];
@@ -11037,6 +11047,10 @@ declare const _default: {
11037
11047
  type: import("vue").PropType<boolean>;
11038
11048
  default: boolean;
11039
11049
  };
11050
+ maxWidth: {
11051
+ type: import("vue").PropType<string>;
11052
+ default: string;
11053
+ };
11040
11054
  }>> & {
11041
11055
  onShow?: () => any;
11042
11056
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -11100,6 +11114,10 @@ declare const _default: {
11100
11114
  type: import("vue").PropType<boolean>;
11101
11115
  default: boolean;
11102
11116
  };
11117
+ maxWidth: {
11118
+ type: import("vue").PropType<string>;
11119
+ default: string;
11120
+ };
11103
11121
  }>> & {
11104
11122
  onShow?: () => any;
11105
11123
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11119,6 +11137,7 @@ declare const _default: {
11119
11137
  shown: boolean;
11120
11138
  autoHide: boolean;
11121
11139
  dontWrapDisabled: boolean;
11140
+ maxWidth: string;
11122
11141
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
11123
11142
  $slots: {
11124
11143
  default?(_: {}): any;
@@ -11146,6 +11165,7 @@ declare const _default: {
11146
11165
  shown: boolean;
11147
11166
  autoHide: boolean;
11148
11167
  dontWrapDisabled: boolean;
11168
+ maxWidth: string;
11149
11169
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
11150
11170
  header: {
11151
11171
  type: import("vue").PropType<string>;
@@ -11203,9 +11223,13 @@ declare const _default: {
11203
11223
  type: import("vue").PropType<boolean>;
11204
11224
  default: boolean;
11205
11225
  };
11226
+ maxWidth: {
11227
+ type: import("vue").PropType<string>;
11228
+ default: string;
11229
+ };
11206
11230
  }>> & {
11207
11231
  onShow?: () => any;
11208
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
11232
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
11209
11233
  $attrs: {
11210
11234
  [x: string]: unknown;
11211
11235
  };
@@ -11276,6 +11300,10 @@ declare const _default: {
11276
11300
  type: import("vue").PropType<boolean>;
11277
11301
  default: boolean;
11278
11302
  };
11303
+ maxWidth: {
11304
+ type: import("vue").PropType<string>;
11305
+ default: string;
11306
+ };
11279
11307
  }>> & {
11280
11308
  onShow?: () => any;
11281
11309
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11295,6 +11323,7 @@ declare const _default: {
11295
11323
  shown: boolean;
11296
11324
  autoHide: boolean;
11297
11325
  dontWrapDisabled: boolean;
11326
+ maxWidth: string;
11298
11327
  }, {}, string> & {
11299
11328
  beforeCreate?: (() => void) | (() => void)[];
11300
11329
  created?: (() => void) | (() => void)[];
@@ -11372,6 +11401,10 @@ declare const _default: {
11372
11401
  type: import("vue").PropType<boolean>;
11373
11402
  default: boolean;
11374
11403
  };
11404
+ maxWidth: {
11405
+ type: import("vue").PropType<string>;
11406
+ default: string;
11407
+ };
11375
11408
  }>> & {
11376
11409
  onShow?: () => any;
11377
11410
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -11435,6 +11468,10 @@ declare const _default: {
11435
11468
  type: import("vue").PropType<boolean>;
11436
11469
  default: boolean;
11437
11470
  };
11471
+ maxWidth: {
11472
+ type: import("vue").PropType<string>;
11473
+ default: string;
11474
+ };
11438
11475
  }>> & {
11439
11476
  onShow?: () => any;
11440
11477
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11454,6 +11491,7 @@ declare const _default: {
11454
11491
  shown: boolean;
11455
11492
  autoHide: boolean;
11456
11493
  dontWrapDisabled: boolean;
11494
+ maxWidth: string;
11457
11495
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
11458
11496
  $slots: {
11459
11497
  default?(_: {}): any;
@@ -19740,8 +19778,8 @@ declare const _default: {
19740
19778
  withTooltip: boolean;
19741
19779
  tooltipPlacement: "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";
19742
19780
  disabled: boolean;
19743
- size: "small" | "medium";
19744
19781
  maxWidth: number;
19782
+ size: "small" | "medium";
19745
19783
  open: boolean;
19746
19784
  startIconName: string;
19747
19785
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -19771,14 +19809,14 @@ declare const _default: {
19771
19809
  type: import("vue").PropType<boolean>;
19772
19810
  default: boolean;
19773
19811
  };
19774
- size: {
19775
- type: import("vue").PropType<"small" | "medium">;
19776
- default: string;
19777
- };
19778
19812
  maxWidth: {
19779
19813
  type: import("vue").PropType<number>;
19780
19814
  default: number;
19781
19815
  };
19816
+ size: {
19817
+ type: import("vue").PropType<"small" | "medium">;
19818
+ default: string;
19819
+ };
19782
19820
  open: {
19783
19821
  type: import("vue").PropType<boolean>;
19784
19822
  default: boolean;
@@ -19797,7 +19835,7 @@ declare const _default: {
19797
19835
  };
19798
19836
  }>> & {
19799
19837
  onClick?: () => any;
19800
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipPlacement" | "disabled" | "size" | "maxWidth" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
19838
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipPlacement" | "disabled" | "maxWidth" | "size" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
19801
19839
  $attrs: {
19802
19840
  [x: string]: unknown;
19803
19841
  };
@@ -19836,14 +19874,14 @@ declare const _default: {
19836
19874
  type: import("vue").PropType<boolean>;
19837
19875
  default: boolean;
19838
19876
  };
19839
- size: {
19840
- type: import("vue").PropType<"small" | "medium">;
19841
- default: string;
19842
- };
19843
19877
  maxWidth: {
19844
19878
  type: import("vue").PropType<number>;
19845
19879
  default: number;
19846
19880
  };
19881
+ size: {
19882
+ type: import("vue").PropType<"small" | "medium">;
19883
+ default: string;
19884
+ };
19847
19885
  open: {
19848
19886
  type: import("vue").PropType<boolean>;
19849
19887
  default: boolean;
@@ -19870,8 +19908,8 @@ declare const _default: {
19870
19908
  withTooltip: boolean;
19871
19909
  tooltipPlacement: "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";
19872
19910
  disabled: boolean;
19873
- size: "small" | "medium";
19874
19911
  maxWidth: number;
19912
+ size: "small" | "medium";
19875
19913
  open: boolean;
19876
19914
  startIconName: string;
19877
19915
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -19921,14 +19959,14 @@ declare const _default: {
19921
19959
  type: import("vue").PropType<boolean>;
19922
19960
  default: boolean;
19923
19961
  };
19924
- size: {
19925
- type: import("vue").PropType<"small" | "medium">;
19926
- default: string;
19927
- };
19928
19962
  maxWidth: {
19929
19963
  type: import("vue").PropType<number>;
19930
19964
  default: number;
19931
19965
  };
19966
+ size: {
19967
+ type: import("vue").PropType<"small" | "medium">;
19968
+ default: string;
19969
+ };
19932
19970
  open: {
19933
19971
  type: import("vue").PropType<boolean>;
19934
19972
  default: boolean;
@@ -19976,14 +20014,14 @@ declare const _default: {
19976
20014
  type: import("vue").PropType<boolean>;
19977
20015
  default: boolean;
19978
20016
  };
19979
- size: {
19980
- type: import("vue").PropType<"small" | "medium">;
19981
- default: string;
19982
- };
19983
20017
  maxWidth: {
19984
20018
  type: import("vue").PropType<number>;
19985
20019
  default: number;
19986
20020
  };
20021
+ size: {
20022
+ type: import("vue").PropType<"small" | "medium">;
20023
+ default: string;
20024
+ };
19987
20025
  open: {
19988
20026
  type: import("vue").PropType<boolean>;
19989
20027
  default: boolean;
@@ -20010,8 +20048,8 @@ declare const _default: {
20010
20048
  withTooltip: boolean;
20011
20049
  tooltipPlacement: "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";
20012
20050
  disabled: boolean;
20013
- size: "small" | "medium";
20014
20051
  maxWidth: number;
20052
+ size: "small" | "medium";
20015
20053
  open: boolean;
20016
20054
  startIconName: string;
20017
20055
  startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.2.0-rc.31",
3
+ "version": "2.2.0-rc.33",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css DELETED
@@ -1 +0,0 @@
1
- div[data-v-8a451e54]{display:block}