@ironsource/shared-ui 2.1.11-rc.34 → 2.1.11-rc.35

package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-b8213498]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-b8213498]{color:var(--text-secondary)}.header-texts[data-v-b8213498]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-b8213498]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css

@@ -0,0 +1 @@
+.disabled-tooltip[data-v-214d2926],.disabled-tooltip[data-v-214d2926] .container{width:100%}.chart-legend[data-v-214d2926]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-214d2926]{padding:12px 0 4px}.legend[data-v-214d2926]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-214d2926]{list-style:none;padding:0}.legend__list>li[data-v-214d2926]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-214d2926]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-214d2926]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-214d2926]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-214d2926]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-214d2926]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-214d2926]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-214d2926]{color:var(--text-secondary, #646464)}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-af4ae3c3]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-af4ae3c3]{outline:solid;border-radius:4px}.icon.unchecked[data-v-af4ae3c3]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-af4ae3c3]{color:var(--action-active)}.checkboxes[data-v-af4ae3c3]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-af4ae3c3]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-af4ae3c3]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-af4ae3c3]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-af4ae3c3]{cursor:not-allowed}.disabled .checkbox-label[data-v-af4ae3c3]{color:var(--text-disabled)}.checkbox-label[data-v-af4ae3c3]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-088fa9b9"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b8213498"]]);
 export {
-  r as default
+  s as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as b, createElementVNode as S, createVNode as i, unref as a, withCtx as o, renderSlot as V, createTextVNode as s, toDisplayString as u, createBlock as g, isRef as v, createCommentVNode as w } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as b, createElementVNode as S, createVNode as i, unref as a, withCtx as o, renderSlot as V, createTextVNode as s, toDisplayString as u, createBlock as g, isRef as v, createCommentVNode as w } from "vue";
 import h from "../typography/v4/Typography.vue.js";
 import B from "../switch/v4/SwitchV4.vue.js";
 import { ChartType as r } from "./types.js";

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f00a9b1f"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-214d2926"]]);
 export {
-  a as default
+  d as default
 };

package/components/chart/ChartLegend.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css"; import { defineComponent as N, ref as S, computed as p, openBlock as c, createElementBlock as u, createElementVNode as a, createVNode as n, unref as l, mergeProps as x, Fragment as U, renderList as M, normalizeClass as A, withCtx as m, createBlock as F, createCommentVNode as H, createTextVNode as _, toDisplayString as I } from "vue";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css"; import { defineComponent as N, ref as S, computed as p, openBlock as r, createElementBlock as u, createElementVNode as a, createVNode as n, unref as l, mergeProps as x, Fragment as U, renderList as M, normalizeClass as A, withCtx as m, createBlock as F, createCommentVNode as H, createTextVNode as _, toDisplayString as I } from "vue";
 import { useVirtualList as P } from "@vueuse/core";
 import L from "../typography/v4/Typography.vue.js";
 import z from "../checkbox/v4/CheckboxV4.vue.js";
@@ -7,7 +7,7 @@ import { DEFAULT_MIN_VISIBLE as q, DEFAULT_MAX_VISIBLE as G } from "./consts.js"
 import X from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import $ from "../tooltip/v4/TooltipV4.vue.js";
-const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"], O = { class: "item-wrapper" }, Q = { class: "label-container" }, ae = /* @__PURE__ */ N({
+const j = { class: "chart-legend" }, J = { class: "search-box" }, K = { class: "item-wrapper" }, O = ["onClick"], se = /* @__PURE__ */ N({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
@@ -18,8 +18,8 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
   },
   emits: ["update:visibleIds"],
   setup(b, { emit: T }) {
-    const o = b, k = 32, d = S(""), C = p(() => {
-      const t = d.value.toLowerCase();
+    const o = b, k = 32, c = S(""), C = p(() => {
+      const t = c.value.toLowerCase();
       return o.items.filter(
         (i) => i.label.toLowerCase().includes(t)
       );
@@ -27,7 +27,7 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
       () => o.visibleIds.length >= o.maxVisible
     ), g = p(
       () => o.visibleIds.length <= o.minVisible
-    ), r = (t) => g.value && s(t) || f.value && !s(t), V = (t) => !o.maxLimitTooltipText || s(t) || !f.value, h = (t, i) => {
+    ), d = (t) => g.value && s(t) || f.value && !s(t), V = (t) => !o.maxLimitTooltipText || s(t) || !f.value, h = (t, i) => {
       T(
         "update:visibleIds",
         t ? [...o.visibleIds, i.id] : o.visibleIds.filter((e) => e !== i.id)
@@ -36,21 +36,20 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
       itemHeight: k,
       overscan: 10
     }), B = (t) => {
-      r(t) || h(!s(t), t);
+      d(t) || h(!s(t), t);
     };
-    return (t, i) => (c(), u("div", j, [
+    return (t, i) => (r(), u("div", j, [
       a("div", J, [
         n(l(R), {
-          modelValue: d.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (e) => d.value = e)
+          modelValue: c.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => c.value = e)
         }, null, 8, ["modelValue"])
       ]),
       a("div", x({ class: "legend" }, l(E)), [
         a("ul", x({ class: "legend__list" }, l(w)), [
-          (c(!0), u(U, null, M(l(y), ({ data: e, index: D }) => (c(), u("li", {
+          (r(!0), u(U, null, M(l(y), ({ data: e, index: D }) => (r(), u("li", {
             key: D,
-            class: A({ "disabled-item": r(e) }),
-            onClick: (v) => B(e)
+            class: A({ "disabled-item": d(e) })
           }, [
             n(l($), {
               text: b.maxLimitTooltipText,
@@ -58,21 +57,24 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
               class: "disabled-tooltip"
             }, {
               default: m(() => [
-                a("div", O, [
+                a("div", K, [
                   n(l(z), {
                     color: e.color,
                     "is-checked": s(e),
-                    disabled: r(e),
+                    disabled: d(e),
                     "onUpdate:isChecked": (v) => h(v, e)
                   }, null, 8, ["color", "is-checked", "disabled", "onUpdate:isChecked"]),
-                  e.icon ? (c(), F(l(X), {
+                  e.icon ? (r(), F(l(X), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
                   }, null, 8, ["type", "name"])) : H("", !0),
-                  a("div", Q, [
+                  a("div", {
+                    class: "label-container",
+                    onClick: (v) => B(e)
+                  }, [
                     n(l(L), {
                       variant: "body2",
                       class: "legend-label",
@@ -99,17 +101,17 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
                       ]),
                       _: 2
                     }, 1032, ["tooltip-text"])
-                  ])
+                  ], 8, O)
                 ])
               ]),
               _: 2
             }, 1032, ["text", "disabled"])
-          ], 10, K))), 128))
+          ], 2))), 128))
         ], 16)
       ], 16)
     ]));
   }
 });
 export {
-  ae as default
+  se as default
 };

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./CheckboxV4.vue2.js";
 /* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e5b619a"]]);
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-af4ae3c3"]]);
 export {
-  c as default
+  t as default
 };

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
 import v from "../../typography/v4/Typography.vue.js";
 import L from "./icons/UncheckedState.vue.js";
 import N from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
 import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
 import { checkboxCommon as R } from "../common/Checkbox.common.js";
 import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (A("data-v-8e5b619a"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
+const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-rc.34",
+  "version": "2.1.11-rc.35",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-088fa9b9]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-088fa9b9]{color:var(--text-secondary)}.header-texts[data-v-088fa9b9]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-088fa9b9]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css

@@ -1 +0,0 @@
-.disabled-tooltip[data-v-f00a9b1f],.disabled-tooltip[data-v-f00a9b1f] .container{width:100%}.chart-legend[data-v-f00a9b1f]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-f00a9b1f]{padding:12px 0 4px}.legend[data-v-f00a9b1f]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-f00a9b1f]{list-style:none;padding:0}.legend__list>li[data-v-f00a9b1f]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-f00a9b1f]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-f00a9b1f]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-f00a9b1f]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-f00a9b1f]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-f00a9b1f]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-f00a9b1f]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-f00a9b1f]{color:var(--text-secondary, #646464)}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css

@@ -1 +0,0 @@
-.checkbox[data-v-8e5b619a]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-8e5b619a]{outline:solid;border-radius:4px}.icon.unchecked[data-v-8e5b619a]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-8e5b619a]{color:var(--action-active)}.checkboxes[data-v-8e5b619a]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-8e5b619a]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-8e5b619a]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-8e5b619a]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-8e5b619a]{cursor:default}.disabled .checkbox-label[data-v-8e5b619a]{color:var(--text-disabled)}.checkbox-label[data-v-8e5b619a]{margin-left:var(--spacing-100);color:var(--text-primary)}