@ironsource/shared-ui 2.1.12-test.81 → 2.1.12-test.82

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 (21) hide show
  1. package/ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_9560a062_lang.css +1 -0
  4. package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css +1 -0
  5. package/components/chart/ChartPlane.vue.js +4 -4
  6. package/components/chart/ChartPlane.vue2.js +21 -21
  7. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  8. package/components/dropdown/v4/OptionV4.vue2.js +35 -34
  9. package/components/switch/v4/SwitchV4.vue.d.ts +11 -0
  10. package/components/switch/v4/SwitchV4.vue.js +2 -2
  11. package/components/switch/v4/SwitchV4.vue2.js +39 -26
  12. package/components/switch/v4/index.d.ts +18 -0
  13. package/components/table/v4/DataGrid.vue.js +4 -4
  14. package/components/table/v4/DataGrid.vue2.js +4 -4
  15. package/index.d.ts +36 -0
  16. package/mocks/optionsWithIcons.d.ts +1 -0
  17. package/package.json +1 -1
  18. package/ChartPlane.vue_vue_type_style_index_0_scoped_d6b5dadd_lang.css +0 -1
  19. package/DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css +0 -1
  20. package/OptionV4.vue_vue_type_style_index_0_scoped_a8de6151_lang.css +0 -1
  21. package/SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css +0 -1
package/ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-plane-container[data-v-ff7e556e]{--headerHeight: var(--2f09324f);width:100%;height:var(--0d942f3a);position:relative}.header-wrapper[data-v-ff7e556e]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-ff7e556e]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-ff7e556e]{background:var(--background-paper)}.chart[data-v-ff7e556e]{width:100%;height:100%;position:relative}.chart__canvas[data-v-ff7e556e]{width:100%;height:100%}.chart__tooltip[data-v-ff7e556e]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
package/DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-0963bb3c]{position:sticky}.table-container[data-v-0963bb3c]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-0963bb3c]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-0963bb3c]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-0963bb3c]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-0963bb3c]{width:13.75rem}.table-header.isStickyHeader[data-v-0963bb3c]{z-index:calc(var(--63c838b5) + 3);top:0}.table-head-container[data-v-0963bb3c]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-0963bb3c]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-0963bb3c]{display:inline-table}.table-header-pre-search-content[data-v-0963bb3c]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-0963bb3c]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-0963bb3c]{position:relative}.table-row.loading[data-v-0963bb3c]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-0963bb3c]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-0963bb3c]{border-bottom:none}.expanded-row[data-v-0963bb3c]{grid-column:var(--8cc8612e);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-0963bb3c]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-0963bb3c]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-0963bb3c],table th[data-v-0963bb3c]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-0963bb3c]:first-of-type,table th[data-v-0963bb3c]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-0963bb3c]:last-of-type,table th[data-v-0963bb3c]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-0963bb3c],table th.expand-toggle-cell[data-v-0963bb3c]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-0963bb3c]{border-bottom:none;z-index:calc(var(--63c838b5) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-0963bb3c]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--ec9ca7bc)}table>thead>tr>th[data-v-0963bb3c]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-0963bb3c]{cursor:pointer}table>thead>tr>td[data-v-0963bb3c]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-0963bb3c],table>thead>tr>td.bordered[data-v-0963bb3c]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-0963bb3c],table>thead>tr>td.bordered.isStickyRight[data-v-0963bb3c]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-0963bb3c],table>thead>tr>td.isTextRight[data-v-0963bb3c]{justify-content:flex-end}table>thead.sticky[data-v-0963bb3c]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-0963bb3c]{z-index:calc(var(--63c838b5) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-0963bb3c]{height:40px}table .totals-row[data-v-0963bb3c]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-0963bb3c]{display:block}table>tbody>*>tr[data-v-0963bb3c]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--ec9ca7bc)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-0963bb3c]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-0963bb3c],table>tbody>*>tr.activeMenu>td[data-v-0963bb3c]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-0963bb3c]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-0963bb3c]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-0963bb3c]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-0963bb3c]{justify-content:flex-end;text-align:right}.underlined[data-v-0963bb3c]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-0963bb3c]:hover{cursor:help}.section-container[data-v-0963bb3c]{left:0}.sections[data-v-0963bb3c]{display:flex}.section[data-v-0963bb3c]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-0963bb3c]{width:100%}.empty-state[data-v-0963bb3c]{min-height:250px}.floating-row[data-v-0963bb3c]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--63c838b5) + 1)}.floating-row *[data-v-0963bb3c-s]{pointer-events:auto}.bg[data-v-0963bb3c]{background:var(--background-default)}
package/OptionV4.vue_vue_type_style_index_0_scoped_9560a062_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-9560a062]{color:#41454d}.item-container[data-v-9560a062]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-9560a062]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-9560a062]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-9560a062],.item-container[data-v-9560a062]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-9560a062]{background-color:var(--action-selected)}.subtitle[data-v-9560a062]{color:#7b838c;line-height:1rem}.clear-button[data-v-9560a062]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-9560a062]:hover{color:#3083ff}.item[data-v-9560a062]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-9560a062],.item--multi[data-v-9560a062]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-9560a062]{width:20px;height:20px;flex:none}.item .image img[data-v-9560a062]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-9560a062]{width:16px;height:16px}.item .flag img[data-v-9560a062]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-9560a062],.item .end-icon[data-v-9560a062]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-9560a062]{display:inline-flex}.item .option-text[data-v-9560a062]{line-height:1.1875rem}.text-container[data-v-9560a062]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-9560a062]{display:block}.tooltip-option[data-v-9560a062] .container{width:100%}.app-trigger--icon[data-v-9560a062]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-9560a062]{transform:rotate(0)}.option-warning[data-v-9560a062]{display:flex}.option-warning__icon[data-v-9560a062]{color:var(--warning-main)}.option-content[data-v-9560a062]{display:flex}.option-content[data-v-9560a062]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-9560a062]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-9560a062]{flex-direction:column}.option-text .main-text[data-v-9560a062]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-9560a062]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-9560a062]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-9560a062]{color:var(--text-secondary)}.multiline-tooltip[data-v-9560a062]{display:flex;flex-direction:column}
package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css ADDED
@@ -0,0 +1 @@
1
+ .switch[data-v-cd6621a7]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch--variant-primary .option--selected[data-v-cd6621a7]{background:var(--primary-main-8-p)}.switch--variant-primary .option[data-v-cd6621a7]:hover{background:var(--primary-light)}.switch--variant-primary .option[data-v-cd6621a7]:hover .icon{color:var(--primary-main)}.switch--variant-default .option--selected[data-v-cd6621a7]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-cd6621a7] .icon{color:var(--text-primary)}.option[data-v-cd6621a7]{border-radius:0;padding:3px}.option-wrapper[data-v-cd6621a7]:not(:last-child){border-right:1px solid var(--default-outlined-border)}
package/components/chart/ChartPlane.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import o from "./ChartPlane.vue2.js";
2
- /* empty css */import d from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_d6b5dadd_lang.css"; //*');
4
- const a = /* @__PURE__ */ d(o, [["__scopeId", "data-v-d6b5dadd"]]);
1
+ import e from "./ChartPlane.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ff7e556e"]]);
5
5
  export {
6
6
  a as default
7
7
  };
package/components/chart/ChartPlane.vue2.js CHANGED
@@ -1,9 +1,9 @@
1
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_d6b5dadd_lang.css"; import { defineComponent as ae, useCssVars as oe, unref as s, computed as l, ref as k, onMounted as le, watch as v, nextTick as re, openBlock as p, createElementBlock as A, createVNode as ie, isRef as ne, createSlots as se, withCtx as ue, renderSlot as de, createCommentVNode as S, createElementVNode as L, normalizeStyle as ce, createBlock as E } from "vue";
1
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css"; import { defineComponent as ae, useCssVars as oe, unref as s, computed as l, ref as k, onMounted as le, watch as v, nextTick as re, openBlock as p, createElementBlock as A, createVNode as ie, isRef as ne, createSlots as se, withCtx as de, renderSlot as ue, createCommentVNode as S, createElementVNode as L, normalizeStyle as ce, createBlock as E } from "vue";
2
2
  import { Chart as P, ArcElement as fe, LineElement as pe, BarElement as he, PointElement as me, LineController as ve, BarController as ye, PieController as Te, ScatterController as Ce, CategoryScale as be, LinearScale as ge, Filler as xe, Tooltip as ke } from "chart.js";
3
3
  import { HoverVerticalLine as Ae } from "./plugins/HoverVerticalLine.js";
4
4
  import { prepareTickLabel as Se, formatValue as Le } from "./utils/utils.js";
5
5
  import { DEFAULT_TICK_COUNT as Ee, TOTALS_HELPER_KEY as w, BASE_COLOR_KEY as V, CHART_PADDING as Re, POINT_BORDER_COLOR as Be, TICK_LABEL_COLOR as N, TICK_LABEL_FONT as F, TICKS_EXTRA_PADDING as De, GRID_LINE_COLOR as K, HEADER_HEIGHT as Oe, COMPACT_HEADER_HEIGHT as Ie, HOVER_AREA_TRANSPARENCY as He, HOVER_TRANSPARENCY as y } from "./consts.js";
6
- import { ChartType as u, DateInterval as Pe, TooltipOrder as M, TrendDirection as we } from "./types.js";
6
+ import { ChartType as d, DateInterval as Pe, TooltipOrder as M, TrendDirection as we } from "./types.js";
7
7
  import { useTooltipPosition as Ve } from "./composables/useTooltipPosition.js";
8
8
  import Ne from "./ChartTooltip.vue.js";
9
9
  import { hexColorToRgba as h } from "../../utils/color.js";
@@ -27,7 +27,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
27
27
  dataSets: { default: () => [] },
28
28
  visibleIds: { default: () => [] },
29
29
  highlightedId: { default: null },
30
- chartType: { default: u.Line },
30
+ chartType: { default: d.Line },
31
31
  parsing: { default: void 0 },
32
32
  xAxisFormat: { default: "string" },
33
33
  yAxisFormat: { default: "number" },
@@ -63,8 +63,8 @@ const Ze = { class: "chart-plane-container" }, Xe = {
63
63
  setup(o, { emit: Y }) {
64
64
  const e = o;
65
65
  oe((t) => ({
66
- "3fe18254": s(q),
67
- "87e95782": o.height
66
+ "2f09324f": s(q),
67
+ "0d942f3a": o.height
68
68
  }));
69
69
  const _ = Ke(Se);
70
70
  P.register(
@@ -103,9 +103,9 @@ const Ze = { class: "chart-plane-container" }, Xe = {
103
103
  $
104
104
  );
105
105
  const f = l(() => e.totalsChart), b = l(
106
- () => e.chartType === u.StackedLine || e.chartType === u.StackedBar || f.value
106
+ () => e.chartType === d.StackedLine || e.chartType === d.StackedBar || f.value
107
107
  ), g = l(
108
- () => e.chartType === u.Line || e.chartType === u.StackedLine
108
+ () => e.chartType === d.Line || e.chartType === d.StackedLine
109
109
  ), z = l(() => f.value && !e.parsing.xAxisKey ? { ...e.parsing, xAxisKey: w } : e.parsing), W = l(() => f.value ? e.dataSets.map((t) => ({
110
110
  ...t,
111
111
  data: t.data.map((i) => ({
@@ -125,7 +125,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
125
125
  fill: r,
126
126
  backgroundColor: h(
127
127
  a,
128
- e.chartType === u.StackedLine ? 10 : 70
128
+ e.chartType === d.StackedLine ? 10 : 70
129
129
  ),
130
130
  borderColor: a,
131
131
  pointBackgroundColor: a,
@@ -141,7 +141,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
141
141
  })), X = l(
142
142
  () => e.tooltipTotalType === U.Total ? "Total" : "Mean"
143
143
  ), O = l(() => ({
144
- type: e.chartType == u.Bar || e.chartType === u.StackedBar ? "bar" : "line",
144
+ type: e.chartType == d.Bar || e.chartType === d.StackedBar ? "bar" : "line",
145
145
  // Chart Data
146
146
  data: {
147
147
  datasets: D.value
@@ -164,7 +164,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
164
164
  enabled: !1,
165
165
  position: "average",
166
166
  external: ({ tooltip: t }) => {
167
- d.value = { ...t };
167
+ u.value = { ...t };
168
168
  },
169
169
  callbacks: {
170
170
  footer: (t) => {
@@ -268,15 +268,15 @@ const Ze = { class: "chart-plane-container" }, Xe = {
268
268
  }
269
269
  }
270
270
  }
271
- })), I = k(null), d = k(null), { position: H } = Ve(
271
+ })), I = k(null), u = k(null), { position: H } = Ve(
272
272
  m,
273
273
  I,
274
- d,
274
+ u,
275
275
  e.tooltipRespectsTopEdge
276
276
  ), j = l(() => ({
277
277
  left: `${H.value.left}px`,
278
278
  top: `${H.value.top}px`,
279
- opacity: d.value?.opacity || 0
279
+ opacity: u.value?.opacity || 0
280
280
  })), q = l(
281
281
  () => (e.compactHeader ? Ie : Oe) + "px"
282
282
  );
@@ -290,7 +290,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
290
290
  (n?.data.datasets || []).forEach((a) => {
291
291
  ze(a);
292
292
  const r = a[V];
293
- a.id === t ? e.chartType === u.StackedLine && (a.backgroundColor = h(
293
+ a.id === t ? e.chartType === d.StackedLine && (a.backgroundColor = h(
294
294
  r,
295
295
  He
296
296
  )) : (a.backgroundColor = h(r, y), a.borderColor = h(r, y), a.pointBackgroundColor = h(r, y), a.pointHoverBorderColor = h(r, y));
@@ -314,8 +314,8 @@ const Ze = { class: "chart-plane-container" }, Xe = {
314
314
  }, se({ _: 2 }, [
315
315
  t.$slots["subheader-tooltip"] ? {
316
316
  name: "subheader-tooltip",
317
- fn: ue(() => [
318
- de(t.$slots, "subheader-tooltip", {}, void 0, !0)
317
+ fn: de(() => [
318
+ ue(t.$slots, "subheader-tooltip", {}, void 0, !0)
319
319
  ]),
320
320
  key: "0"
321
321
  } : void 0
@@ -334,16 +334,16 @@ const Ze = { class: "chart-plane-container" }, Xe = {
334
334
  class: "chart__tooltip",
335
335
  style: ce(s(j))
336
336
  }, [
337
- d.value ? (p(), E(Ne, {
337
+ u.value ? (p(), E(Ne, {
338
338
  key: 0,
339
339
  "totals-chart": s(f),
340
- title: String(d.value.title),
341
- "data-points": d.value.dataPoints,
340
+ title: String(u.value.title),
341
+ "data-points": u.value.dataPoints,
342
342
  "x-axis-format": o.xAxisFormat,
343
343
  "y-axis-format": o.yAxisFormat,
344
344
  "x-axis-date-interval": o.xAxisDateInterval,
345
- "total-label": d.value.footer?.[0],
346
- "total-value": Number(d.value.footer?.[1]),
345
+ "total-label": u.value.footer?.[0],
346
+ "total-value": Number(u.value.footer?.[1]),
347
347
  "value-suffix": o.valueSuffix,
348
348
  "value-prefix": o.valuePrefix
349
349
  }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "x-axis-date-interval", "total-label", "total-value", "value-suffix", "value-prefix"])) : S("", !0)
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_a8de6151_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8de6151"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_9560a062_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9560a062"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_a8de6151_lang.css"; import { defineComponent as A, ref as w, watch as F, computed as L, openBlock as o, createBlock as f, unref as n, createSlots as N, withCtx as s, createElementVNode as c, normalizeClass as v, createCommentVNode as i, createElementBlock as l, renderSlot as u, createVNode as a, toDisplayString as r, createTextVNode as g, withModifiers as C, Fragment as j, renderList as R } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_9560a062_lang.css"; import { defineComponent as A, ref as w, watch as F, computed as L, openBlock as o, createBlock as f, unref as n, createSlots as N, withCtx as d, createElementVNode as c, normalizeClass as v, createCommentVNode as i, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as u, createTextVNode as g, withModifiers as C, Fragment as j, renderList as R } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import D from "../../typography/Text.vue.js";
4
4
  import q from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -67,24 +67,24 @@ const U = { class: "multiline-tooltip" }, W = {
67
67
  },
68
68
  emits: ["toggleTreeCollapse"],
69
69
  setup(e, { emit: $ }) {
70
- const d = e, { selected: K, id: B, onClick: z, api: x } = H(d), M = (t) => {
71
- d.stopOptionClickEventPropagation && t.stopPropagation(), d.disabled ? I() : z(t);
70
+ const s = e, { selected: K, id: B, onClick: z, api: h } = H(s), M = (t) => {
71
+ s.stopOptionClickEventPropagation && t.stopPropagation(), s.disabled ? I() : z(t);
72
72
  }, p = w(null), b = w(!1), E = (t) => {
73
- d.disabled && (t.stopPropagation(), I());
73
+ s.disabled && (t.stopPropagation(), I());
74
74
  };
75
- F([() => d.treeChildShown, p], async () => {
75
+ F([() => s.treeChildShown, p], async () => {
76
76
  await Q(100), b.value = p.value && J(p.value);
77
77
  });
78
- const P = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : b.value ? t[d.nameKey] : "", h = L(() => P(d.option)), S = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null, V = () => {
79
- $("toggleTreeCollapse", d.option);
78
+ const P = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : b.value ? t[s.nameKey] : "", x = L(() => P(s.option)), S = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null, V = () => {
79
+ $("toggleTreeCollapse", s.option);
80
80
  };
81
81
  return (t, k) => (o(), f(n(O), {
82
- text: n(h),
82
+ text: n(x),
83
83
  "test-id": S(e.option),
84
84
  placement: e.toolTipPlacement,
85
85
  class: "tooltip-option"
86
86
  }, N({
87
- default: s(() => [
87
+ default: d(() => [
88
88
  c("div", {
89
89
  ref: "el",
90
90
  class: v(["item-container", {
@@ -111,7 +111,7 @@ const U = { class: "multiline-tooltip" }, W = {
111
111
  onClick: k[0] || (k[0] = (y) => M(y))
112
112
  }, null, 8, ["id", "is-checked", "is-indeterminate"])) : i("", !0),
113
113
  !e.option?.conditionalOptions && (t.$slots.image || e.imageKey) ? (o(), l("div", W, [
114
- u(t.$slots, "image", {}, () => [
114
+ r(t.$slots, "image", {}, () => [
115
115
  e.imageKey ? (o(), l("img", {
116
116
  key: 0,
117
117
  src: e.option[e.imageKey]
@@ -119,7 +119,7 @@ const U = { class: "multiline-tooltip" }, W = {
119
119
  ], !0)
120
120
  ])) : i("", !0),
121
121
  !e.option?.conditionalOptions && (t.$slots.flag || e.optionFlagKey) ? (o(), l("div", Y, [
122
- u(t.$slots, "flag", {}, () => [
122
+ r(t.$slots, "flag", {}, () => [
123
123
  e.optionFlagKey ? (o(), f(n(G), {
124
124
  key: 0,
125
125
  "country-code": e.option[e.optionFlagKey]
@@ -127,12 +127,13 @@ const U = { class: "multiline-tooltip" }, W = {
127
127
  ], !0)
128
128
  ])) : i("", !0),
129
129
  !e.option?.conditionalOptions && (t.$slots["icon-start"] || e.iconKey) ? (o(), l("div", Z, [
130
- u(t.$slots, "icon-start", {}, () => [
130
+ r(t.$slots, "icon-start", {}, () => [
131
131
  a(n(m), {
132
132
  type: e.iconType,
133
133
  name: e.option[e.iconKey],
134
+ color: e.option.disabled ? "var(--text-disabled)" : null,
134
135
  size: e.iconType === "regular" ? "20px" : "16px"
135
- }, null, 8, ["type", "name", "size"])
136
+ }, null, 8, ["type", "name", "color", "size"])
136
137
  ], !0)
137
138
  ])) : i("", !0),
138
139
  c("div", {
@@ -144,8 +145,8 @@ const U = { class: "multiline-tooltip" }, W = {
144
145
  class: "option-text",
145
146
  variant: "body2"
146
147
  }, {
147
- default: s(() => [
148
- u(t.$slots, "default", {}, () => [
148
+ default: d(() => [
149
+ r(t.$slots, "default", {}, () => [
149
150
  c("div", {
150
151
  class: v(`option-content-${e.optionTwoLinesVariant} option-content`)
151
152
  }, [
@@ -154,8 +155,8 @@ const U = { class: "multiline-tooltip" }, W = {
154
155
  variant: "body2",
155
156
  class: "conditional-option-label"
156
157
  }, {
157
- default: s(() => [
158
- g(r(e.option.conditionalName) + ": ", 1)
158
+ default: d(() => [
159
+ g(u(e.option.conditionalName) + ": ", 1)
159
160
  ]),
160
161
  _: 1
161
162
  }),
@@ -163,12 +164,12 @@ const U = { class: "multiline-tooltip" }, W = {
163
164
  variant: "h5",
164
165
  class: "conditional-option-value"
165
166
  }, {
166
- default: s(() => [
167
- g('"' + r(e.option[e.nameKey]) + '"', 1)
167
+ default: d(() => [
168
+ g('"' + u(e.option[e.nameKey]) + '"', 1)
168
169
  ]),
169
170
  _: 1
170
171
  })
171
- ])) : (o(), l("div", _, r(e.option[e.nameKey]), 1)),
172
+ ])) : (o(), l("div", _, u(e.option[e.nameKey]), 1)),
172
173
  e.endTextIconKey && e.option[e.endTextIconKey] ? (o(), l("span", te, [
173
174
  a(n(m), {
174
175
  type: "regular",
@@ -178,8 +179,8 @@ const U = { class: "multiline-tooltip" }, W = {
178
179
  ])) : i("", !0),
179
180
  e.optionTwoLinesKey ? (o(), l("div", ne, [
180
181
  a(n(T), { variant: "caption" }, {
181
- default: s(() => [
182
- g(r(e.option[e.optionTwoLinesKey]), 1)
182
+ default: d(() => [
183
+ g(u(e.option[e.optionTwoLinesKey]), 1)
183
184
  ]),
184
185
  _: 1
185
186
  })
@@ -194,14 +195,14 @@ const U = { class: "multiline-tooltip" }, W = {
194
195
  class: "subtitle",
195
196
  size: "xs"
196
197
  }, {
197
- default: s(() => [
198
- g(r(e.subtitle), 1)
198
+ default: d(() => [
199
+ g(u(e.subtitle), 1)
199
200
  ]),
200
201
  _: 1
201
202
  })) : i("", !0)
202
203
  ], 512),
203
204
  t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (o(), l("div", oe, [
204
- u(t.$slots, "icon-end", {}, () => [
205
+ r(t.$slots, "icon-end", {}, () => [
205
206
  a(n(m), {
206
207
  type: e.endIconType || "regular",
207
208
  name: e.option[e.endIconKey],
@@ -214,7 +215,7 @@ const U = { class: "multiline-tooltip" }, W = {
214
215
  text: e.option[e.warningKey],
215
216
  placement: "top"
216
217
  }, {
217
- default: s(() => [
218
+ default: d(() => [
218
219
  a(n(m), {
219
220
  class: "option-warning__icon",
220
221
  name: "warning-circle",
@@ -224,7 +225,7 @@ const U = { class: "multiline-tooltip" }, W = {
224
225
  _: 1
225
226
  }, 8, ["text"])
226
227
  ])) : i("", !0),
227
- t.$slots["option-end"] ? u(t.$slots, "option-end", {
228
+ t.$slots["option-end"] ? r(t.$slots, "option-end", {
228
229
  key: 6,
229
230
  option: e.option
230
231
  }, void 0, !0) : i("", !0),
@@ -240,10 +241,10 @@ const U = { class: "multiline-tooltip" }, W = {
240
241
  }, null, 8, ["class"])
241
242
  ], 8, le)) : i("", !0)
242
243
  ], 2),
243
- n(x).clearable && n(K) ? (o(), l("div", ae, [
244
+ n(h).clearable && n(K) ? (o(), l("div", ae, [
244
245
  c("button", {
245
246
  class: "clear-button",
246
- onClick: k[1] || (k[1] = C((y) => n(x).clearSelection(), ["prevent", "stop"]))
247
+ onClick: k[1] || (k[1] = C((y) => n(h).clearSelection(), ["prevent", "stop"]))
247
248
  }, [
248
249
  a(n(m), {
249
250
  name: "close",
@@ -256,16 +257,16 @@ const U = { class: "multiline-tooltip" }, W = {
256
257
  ]),
257
258
  _: 2
258
259
  }, [
259
- Array.isArray(n(h)) ? {
260
+ Array.isArray(n(x)) ? {
260
261
  name: "tooltip",
261
- fn: s(() => [
262
+ fn: d(() => [
262
263
  c("div", U, [
263
- (o(!0), l(j, null, R(n(h), (y) => (o(), f(n(T), {
264
+ (o(!0), l(j, null, R(n(x), (y) => (o(), f(n(T), {
264
265
  key: y,
265
266
  variant: "body2"
266
267
  }, {
267
- default: s(() => [
268
- g(r(y), 1)
268
+ default: d(() => [
269
+ g(u(y), 1)
269
270
  ]),
270
271
  _: 2
271
272
  }, 1024))), 128))
package/components/switch/v4/SwitchV4.vue.d.ts CHANGED
@@ -1,13 +1,18 @@
1
+ import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
1
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
3
  options: unknown[];
3
4
  modelValue: unknown;
4
5
  variant: 'primary' | 'default';
5
6
  testId?: string;
6
7
  iconKey?: string;
8
+ tooltipTextKey?: string;
9
+ tooltipPlacement?: TooltipPositions;
7
10
  }>, {
8
11
  testId: string;
9
12
  variant: string;
10
13
  iconKey: string;
14
+ tooltipTextKey: string;
15
+ tooltipPlacement: string;
11
16
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
12
17
  "update:modelValue": (...args: any[]) => void;
13
18
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -16,16 +21,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
16
21
  variant: 'primary' | 'default';
17
22
  testId?: string;
18
23
  iconKey?: string;
24
+ tooltipTextKey?: string;
25
+ tooltipPlacement?: TooltipPositions;
19
26
  }>, {
20
27
  testId: string;
21
28
  variant: string;
22
29
  iconKey: string;
30
+ tooltipTextKey: string;
31
+ tooltipPlacement: string;
23
32
  }>>> & {
24
33
  "onUpdate:modelValue"?: (...args: any[]) => any;
25
34
  }, {
26
35
  testId: string;
27
36
  variant: 'primary' | 'default';
37
+ tooltipPlacement: TooltipPositions;
28
38
  iconKey: string;
39
+ tooltipTextKey: string;
29
40
  }>;
30
41
  export default _default;
31
42
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/components/switch/v4/SwitchV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./SwitchV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fa120cf6"]]);
3
+ // import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/switch/v4/SwitchV4.vue2.js CHANGED
@@ -1,46 +1,59 @@
1
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css"; import { defineComponent as k, ref as h, onMounted as I, openBlock as l, createElementBlock as r, normalizeClass as u, unref as i, Fragment as V, renderList as $, createBlock as B } from "vue";
2
- import { useVModel as C } from "@vueuse/core";
1
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
2
+ import { useVModel as I } from "@vueuse/core";
3
+ import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
3
4
  import "../../button/v4/ButtonV4.vue.js";
4
- import w from "../../button/v4/IconButtonV4.vue.js";
5
+ import $ from "../../button/v4/IconButtonV4.vue.js";
5
6
  import "../../button/v4/ButtonGroup.vue.js";
6
7
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
7
- import { SwitchTestIdModifiers as m } from "../../../testids/index.js";
8
- const y = ["data-testid"], g = /* @__PURE__ */ k({
8
+ import B from "../../tooltip/v4/TooltipV4.vue.js";
9
+ const K = ["data-testid"], A = /* @__PURE__ */ T({
9
10
  __name: "SwitchV4",
10
11
  props: {
11
12
  options: null,
12
13
  modelValue: null,
13
14
  variant: { default: "default" },
14
15
  testId: { default: "" },
15
- iconKey: { default: "icon" }
16
+ iconKey: { default: "icon" },
17
+ tooltipTextKey: { default: "tooltipText" },
18
+ tooltipPlacement: { default: "top" }
16
19
  },
17
20
  emits: ["update:modelValue"],
18
21
  setup(t, { emit: f }) {
19
- const a = t, n = h(), v = C(a, "modelValue", f), c = (e) => n.value === e;
20
- I(() => {
21
- n.value = a.options.findIndex(
22
- (e) => e === a.modelValue
22
+ const i = t, n = h(), p = I(i, "modelValue", f), d = (e) => n.value === e;
23
+ k(() => {
24
+ n.value = i.options.findIndex(
25
+ (e) => e === i.modelValue
23
26
  );
24
27
  });
25
- const p = (e, s) => {
26
- n.value = s, v.value = e;
28
+ const v = (e, s) => {
29
+ n.value = s, p.value = e;
27
30
  };
28
- return (e, s) => (l(), r("div", {
29
- class: u(["switch", [`switch--variant-${t.variant}`]]),
30
- "data-testid": `${t.testId}-${i(m).WRAPPER}`
31
+ return (e, s) => (c(), r("div", {
32
+ class: m(["switch", [`switch--variant-${t.variant}`]]),
33
+ "data-testid": `${t.testId}-${a(u).WRAPPER}`
31
34
  }, [
32
- (l(!0), r(V, null, $(t.options, (d, o) => (l(), B(i(w), {
33
- key: o,
34
- class: u(["option", { "option--selected": c(o) }]),
35
- "icon-name": d[t.iconKey],
36
- size: "small",
37
- color: c(o) ? t.variant : "default",
38
- "data-testid": `${t.testId}-${i(m).BUTTON}`,
39
- onClick: (M) => p(d, o)
40
- }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"]))), 128))
41
- ], 10, y));
35
+ (c(!0), r(x, null, V(t.options, (o, l) => (c(), w(a(B), {
36
+ key: l,
37
+ text: o[t.tooltipTextKey],
38
+ disabled: !o[t.tooltipTextKey],
39
+ placement: t.tooltipPlacement,
40
+ class: "option-wrapper"
41
+ }, {
42
+ default: y(() => [
43
+ C(a($), {
44
+ class: m(["option", { "option--selected": d(l) }]),
45
+ "icon-name": o[t.iconKey],
46
+ size: "small",
47
+ color: d(l) ? t.variant : "default",
48
+ "data-testid": `${t.testId}-${a(u).BUTTON}`,
49
+ onClick: (P) => v(o, l)
50
+ }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"])
51
+ ]),
52
+ _: 2
53
+ }, 1032, ["text", "disabled", "placement"]))), 128))
54
+ ], 10, K));
42
55
  }
43
56
  });
44
57
  export {
45
- g as default
58
+ A as default
46
59
  };
package/components/switch/v4/index.d.ts CHANGED
@@ -8,6 +8,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
8
8
  required: true;
9
9
  default: string;
10
10
  };
11
+ tooltipPlacement: {
12
+ 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">;
13
+ default: string;
14
+ };
11
15
  modelValue: {
12
16
  type: import("vue").PropType<unknown>;
13
17
  required: true;
@@ -20,6 +24,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
20
24
  type: import("vue").PropType<string>;
21
25
  default: string;
22
26
  };
27
+ tooltipTextKey: {
28
+ type: import("vue").PropType<string>;
29
+ default: string;
30
+ };
23
31
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
24
32
  "update:modelValue": (...args: any[]) => void;
25
33
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -32,6 +40,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
32
40
  required: true;
33
41
  default: string;
34
42
  };
43
+ tooltipPlacement: {
44
+ 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">;
45
+ default: string;
46
+ };
35
47
  modelValue: {
36
48
  type: import("vue").PropType<unknown>;
37
49
  required: true;
@@ -44,12 +56,18 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
44
56
  type: import("vue").PropType<string>;
45
57
  default: string;
46
58
  };
59
+ tooltipTextKey: {
60
+ type: import("vue").PropType<string>;
61
+ default: string;
62
+ };
47
63
  }>> & {
48
64
  "onUpdate:modelValue"?: (...args: any[]) => any;
49
65
  }, {
50
66
  testId: string;
51
67
  variant: "default" | "primary";
68
+ 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";
52
69
  iconKey: string;
70
+ tooltipTextKey: string;
53
71
  }>[];
54
72
  export { default as Switch } from './SwitchV4.vue';
55
73
  export { SwitchTypes };
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5b72e35a"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0963bb3c"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as o, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0963bb3c_lang.css"; import { defineComponent as he, useCssVars as ye, unref as t, useSlots as fe, computed as g, openBlock as i, createElementBlock as o, createElementVNode as f, normalizeStyle as v, normalizeClass as u, renderSlot as c, createVNode as h, withCtx as $, createTextVNode as R, toDisplayString as P, createCommentVNode as n, isRef as Se, Fragment as T, renderList as x, mergeProps as L, createBlock as D } from "vue";
2
2
  import p from "../../typography/v4/Typography.vue.js";
3
3
  import ke from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import ge from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -67,9 +67,9 @@ const we = ["data-testid"], Ee = ["data-testid"], He = ["data-testid"], Be = ["d
67
67
  setup(l, { expose: m, emit: k }) {
68
68
  const a = l;
69
69
  ye((s) => ({
70
- "6eb1b581": l.zIndexBase,
71
- "4420f996": t(ee),
72
- "3030c624": t(K)
70
+ "63c838b5": l.zIndexBase,
71
+ "8cc8612e": t(ee),
72
+ ec9ca7bc: t(K)
73
73
  }));
74
74
  const b = fe(), Q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
75
75
  list: w,
package/index.d.ts CHANGED
@@ -26568,6 +26568,10 @@ declare const _default: {
26568
26568
  required: true;
26569
26569
  default: string;
26570
26570
  };
26571
+ tooltipPlacement: {
26572
+ 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">;
26573
+ default: string;
26574
+ };
26571
26575
  modelValue: {
26572
26576
  type: import("vue").PropType<unknown>;
26573
26577
  required: true;
@@ -26580,6 +26584,10 @@ declare const _default: {
26580
26584
  type: import("vue").PropType<string>;
26581
26585
  default: string;
26582
26586
  };
26587
+ tooltipTextKey: {
26588
+ type: import("vue").PropType<string>;
26589
+ default: string;
26590
+ };
26583
26591
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26584
26592
  "update:modelValue": (...args: any[]) => void;
26585
26593
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -26592,6 +26600,10 @@ declare const _default: {
26592
26600
  required: true;
26593
26601
  default: string;
26594
26602
  };
26603
+ tooltipPlacement: {
26604
+ 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">;
26605
+ default: string;
26606
+ };
26595
26607
  modelValue: {
26596
26608
  type: import("vue").PropType<unknown>;
26597
26609
  required: true;
@@ -26604,12 +26616,18 @@ declare const _default: {
26604
26616
  type: import("vue").PropType<string>;
26605
26617
  default: string;
26606
26618
  };
26619
+ tooltipTextKey: {
26620
+ type: import("vue").PropType<string>;
26621
+ default: string;
26622
+ };
26607
26623
  }>> & {
26608
26624
  "onUpdate:modelValue"?: (...args: any[]) => any;
26609
26625
  }, {
26610
26626
  testId: string;
26611
26627
  variant: "default" | "primary";
26628
+ 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";
26612
26629
  iconKey: string;
26630
+ tooltipTextKey: string;
26613
26631
  }>;
26614
26632
  SwitchTypes: () => import("vue").DefineComponent<{
26615
26633
  testId: {
@@ -26621,6 +26639,10 @@ declare const _default: {
26621
26639
  required: true;
26622
26640
  default: string;
26623
26641
  };
26642
+ tooltipPlacement: {
26643
+ 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">;
26644
+ default: string;
26645
+ };
26624
26646
  modelValue: {
26625
26647
  type: import("vue").PropType<unknown>;
26626
26648
  required: true;
@@ -26633,6 +26655,10 @@ declare const _default: {
26633
26655
  type: import("vue").PropType<string>;
26634
26656
  default: string;
26635
26657
  };
26658
+ tooltipTextKey: {
26659
+ type: import("vue").PropType<string>;
26660
+ default: string;
26661
+ };
26636
26662
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26637
26663
  "update:modelValue": (...args: any[]) => void;
26638
26664
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -26645,6 +26671,10 @@ declare const _default: {
26645
26671
  required: true;
26646
26672
  default: string;
26647
26673
  };
26674
+ tooltipPlacement: {
26675
+ 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">;
26676
+ default: string;
26677
+ };
26648
26678
  modelValue: {
26649
26679
  type: import("vue").PropType<unknown>;
26650
26680
  required: true;
@@ -26657,12 +26687,18 @@ declare const _default: {
26657
26687
  type: import("vue").PropType<string>;
26658
26688
  default: string;
26659
26689
  };
26690
+ tooltipTextKey: {
26691
+ type: import("vue").PropType<string>;
26692
+ default: string;
26693
+ };
26660
26694
  }>> & {
26661
26695
  "onUpdate:modelValue"?: (...args: any[]) => any;
26662
26696
  }, {
26663
26697
  testId: string;
26664
26698
  variant: "default" | "primary";
26699
+ 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";
26665
26700
  iconKey: string;
26701
+ tooltipTextKey: string;
26666
26702
  }>[];
26667
26703
  Chip: {
26668
26704
  new (...args: any[]): {
package/mocks/optionsWithIcons.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export type OptionWithIcon = {
2
2
  icon: string;
3
3
  name: string;
4
+ disabled?: boolean;
4
5
  };
5
6
  export declare const optionWithIconMocks: OptionWithIcon[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.81",
3
+ "version": "2.1.12-test.82",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ChartPlane.vue_vue_type_style_index_0_scoped_d6b5dadd_lang.css DELETED
@@ -1 +0,0 @@
1
- .chart-plane-container[data-v-d6b5dadd]{--headerHeight: var(--3fe18254);width:100%;height:var(--87e95782);position:relative}.header-wrapper[data-v-d6b5dadd]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-d6b5dadd]{padding-top:var(--headerHeight);height:100%}.chart[data-v-d6b5dadd]{width:100%;height:100%;position:relative}.chart__canvas[data-v-d6b5dadd]{width:100%;height:100%}.chart__tooltip[data-v-d6b5dadd]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
package/DataGrid.vue_vue_type_style_index_0_scoped_5b72e35a_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-5b72e35a]{position:sticky}.table-container[data-v-5b72e35a]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-5b72e35a]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-5b72e35a]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-5b72e35a]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-5b72e35a]{width:13.75rem}.table-header.isStickyHeader[data-v-5b72e35a]{z-index:calc(var(--6eb1b581) + 3);top:0}.table-head-container[data-v-5b72e35a]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-5b72e35a]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-5b72e35a]{display:inline-table}.table-header-pre-search-content[data-v-5b72e35a]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-5b72e35a]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-5b72e35a]{position:relative}.table-row.loading[data-v-5b72e35a]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-5b72e35a]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-5b72e35a]{border-bottom:none}.expanded-row[data-v-5b72e35a]{grid-column:var(--4420f996);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-5b72e35a]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-5b72e35a]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-5b72e35a],table th[data-v-5b72e35a]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-5b72e35a]:first-of-type,table th[data-v-5b72e35a]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-5b72e35a]:last-of-type,table th[data-v-5b72e35a]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-5b72e35a],table th.expand-toggle-cell[data-v-5b72e35a]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-5b72e35a]{border-bottom:none;z-index:calc(var(--6eb1b581) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-5b72e35a]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--3030c624)}table>thead>tr>th[data-v-5b72e35a]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-5b72e35a]{cursor:pointer}table>thead>tr>td[data-v-5b72e35a]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-5b72e35a],table>thead>tr>td.bordered[data-v-5b72e35a]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-5b72e35a],table>thead>tr>td.bordered.isStickyRight[data-v-5b72e35a]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-5b72e35a],table>thead>tr>td.isTextRight[data-v-5b72e35a]{justify-content:flex-end}table>thead.sticky[data-v-5b72e35a]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-5b72e35a]{z-index:calc(var(--6eb1b581) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-5b72e35a]{height:40px}table .totals-row[data-v-5b72e35a]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-5b72e35a]{display:block}table>tbody>*>tr[data-v-5b72e35a]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--3030c624)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-5b72e35a]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-5b72e35a],table>tbody>*>tr.activeMenu>td[data-v-5b72e35a]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-5b72e35a]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-5b72e35a]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-5b72e35a]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-5b72e35a]{justify-content:flex-end;text-align:right}.underlined[data-v-5b72e35a]{border-bottom:.0625rem dashed var(--common-divider)}.underlined[data-v-5b72e35a]:hover{cursor:help}.section-container[data-v-5b72e35a]{left:0}.sections[data-v-5b72e35a]{display:flex}.section[data-v-5b72e35a]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-5b72e35a]{width:100%}.empty-state[data-v-5b72e35a]{min-height:250px}.floating-row[data-v-5b72e35a]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--6eb1b581) + 1)}.floating-row *[data-v-5b72e35a-s]{pointer-events:auto}.bg[data-v-5b72e35a]{background:var(--background-default)}
package/OptionV4.vue_vue_type_style_index_0_scoped_a8de6151_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-a8de6151]{color:#41454d}.item-container[data-v-a8de6151]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-a8de6151]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-a8de6151]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-a8de6151],.item-container[data-v-a8de6151]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-a8de6151]{background-color:var(--action-selected)}.subtitle[data-v-a8de6151]{color:#7b838c;line-height:1rem}.clear-button[data-v-a8de6151]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-a8de6151]:hover{color:#3083ff}.item[data-v-a8de6151]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-a8de6151],.item--multi[data-v-a8de6151]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-a8de6151]{width:20px;height:20px;flex:none}.item .image img[data-v-a8de6151]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-a8de6151]{width:16px;height:16px}.item .flag img[data-v-a8de6151]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-a8de6151],.item .end-icon[data-v-a8de6151]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-a8de6151]{display:inline-flex}.item .option-text[data-v-a8de6151]{line-height:1.1875rem}.text-container[data-v-a8de6151]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-a8de6151]{display:block}.tooltip-option[data-v-a8de6151] .container{width:100%}.app-trigger--icon[data-v-a8de6151]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-a8de6151]{transform:rotate(0)}.option-warning[data-v-a8de6151]{display:flex}.option-warning__icon[data-v-a8de6151]{color:var(--warning-main)}.option-content[data-v-a8de6151]{display:flex}.option-content[data-v-a8de6151]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-a8de6151]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-a8de6151]{flex-direction:column}.option-text .main-text[data-v-a8de6151]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-a8de6151]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-a8de6151]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-a8de6151]{color:var(--text-secondary)}.multiline-tooltip[data-v-a8de6151]{display:flex;flex-direction:column}
package/SwitchV4.vue_vue_type_style_index_0_scoped_fa120cf6_lang.css DELETED
@@ -1 +0,0 @@
1
- .switch[data-v-fa120cf6]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch--variant-primary .option--selected[data-v-fa120cf6]{background:var(--primary-main-8-p)}.switch--variant-default .option--selected[data-v-fa120cf6]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-fa120cf6] .icon{color:var(--text-primary)}.option[data-v-fa120cf6]{border-radius:0;padding:3px}.option[data-v-fa120cf6]:not(:last-child){border-right:1px solid var(--default-outlined-border)}