@ironsource/shared-ui 2.1.6-rc.31 → 2.1.6-rc.32

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c700276e_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-c700276e]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-c700276e]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-c700276e]{flex:none}.app-trigger-key--content[data-v-c700276e]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-c700276e]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-c700276e]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-c700276e]:hover,.app-trigger.active[data-v-c700276e]{background:var(--action-selected)}.app-trigger.disabled[data-v-c700276e]{cursor:auto}.app-trigger--content[data-v-c700276e]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-c700276e]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-c700276e]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-c700276e]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-c700276e]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.app-trigger .image[data-v-c700276e]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-c700276e]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-c700276e],.app-trigger .end-icon[data-v-c700276e]{display:flex;color:var(--action-active)}.app-trigger .end-icon[data-v-c700276e]{margin-right:var(--spacing-100)}.app-trigger .label-text[data-v-c700276e]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-c700276e]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-c700276e]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-c700276e]{padding-top:5px;color:var(--error-main)}.value-tooltip[data-v-c700276e]{display:block}.value-tooltip[data-v-c700276e] .container{width:100%}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-d25514d1]{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-d25514d1]{outline:solid;border-radius:4px}.icon.unchecked[data-v-d25514d1]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-d25514d1]{color:var(--action-active)}.checkboxes[data-v-d25514d1]{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-d25514d1]{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-d25514d1]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-d25514d1]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-d25514d1]{cursor:default}.disabled .checkbox-label[data-v-d25514d1]{color:var(--text-disabled)}.checkbox-label[data-v-d25514d1]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css

@@ -0,0 +1 @@
+.chip[data-v-12c0f396]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius-sm);padding:2px 4px}.chip--medium[data-v-12c0f396]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-12c0f396]{color:var(--action-primary);background:var(--default-light);outline-color:var(--common-divider)}.chip--primary[data-v-12c0f396]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-12c0f396]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-12c0f396]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-12c0f396]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-12c0f396]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-12c0f396]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-12c0f396]{outline-width:0}.chip--outlined[data-v-12c0f396]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-12c0f396]{color:var(--action-primary)}.chip--disabled[data-v-12c0f396]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}

package/InlineCopy.vue_vue_type_style_index_0_scoped_893a203c_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-893a203c]{display:inline-flex;cursor:pointer;color:var(--text-secondary)}.inline-copy .icon-copy[data-v-893a203c]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-893a203c]:hover{color:var(--action-primary)}

package/OptionV4.vue_vue_type_style_index_0_scoped_1df23c31_lang.css

@@ -0,0 +1 @@
+.label[data-v-1df23c31]{color:#41454d}.item-container[data-v-1df23c31]{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-1df23c31]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-1df23c31]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-1df23c31],.item-container[data-v-1df23c31]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-1df23c31]{background-color:var(--action-selected)}.subtitle[data-v-1df23c31]{color:#7b838c;line-height:1rem}.clear-button[data-v-1df23c31]{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-1df23c31]:hover{color:#3083ff}.item[data-v-1df23c31]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-1df23c31],.item--multi[data-v-1df23c31]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-1df23c31]{width:20px;height:20px;flex:none}.item .image img[data-v-1df23c31]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-1df23c31],.item .end-icon[data-v-1df23c31]{display:flex;color:var(--action-active)}.item .option-text[data-v-1df23c31]{line-height:1.1875rem}.text-container[data-v-1df23c31]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-1df23c31]{display:block}.tooltip-option[data-v-1df23c31] .container{width:100%}

package/SearchV4.vue_vue_type_style_index_0_scoped_a468fb4a_lang.css

@@ -0,0 +1 @@
+.search-container[data-v-a468fb4a]{position:relative}.search-container[data-v-a468fb4a] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-a468fb4a]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-a468fb4a]:hover{color:var(--text-primary)}

package/SkeletonV4.vue_vue_type_style_index_0_scoped_2f3b3470_lang.css

@@ -0,0 +1 @@
+.skeleton[data-v-2f3b3470]{position:relative;display:inline-block;overflow:hidden;width:100%;background-color:var(--action-hover);color:transparent;height:var(--5977811c)}.skeleton--circle[data-v-2f3b3470]{border-radius:100%;width:var(--5977811c)}.skeleton--square[data-v-2f3b3470]{border-radius:var(--border-radius-sm);width:var(--5977811c)}.skeleton--rectangle[data-v-2f3b3470]{border-radius:var(--border-radius-sm)}.skeleton--pill[data-v-2f3b3470]{border-radius:calc(var(--5977811c) / 2)}.skeleton[data-v-2f3b3470]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-2f3b3470 2s infinite;content:""}@keyframes shimmer-2f3b3470{to{transform:translate(100%)}}

package/SwitchV4.vue_vue_type_style_index_0_scoped_afb0d2d7_lang.css

@@ -0,0 +1 @@
+.label[data-v-afb0d2d7]{color:#41454d}.switch[data-v-afb0d2d7]{position:relative;display:inline-flex;border-radius:.5rem;background:#f1f3f4;height:2rem;padding:0 .125rem 0 0}.switch--lg[data-v-afb0d2d7]{height:2.5rem}.option[data-v-afb0d2d7]{margin:.25rem .125rem;border:none;background:yellow;display:flex;height:auto;justify-content:center;align-items:center;min-width:auto;padding:0 .5rem;user-select:none;z-index:1;border-radius:.5rem;color:#53575b}.option[data-v-afb0d2d7]:nth-of-type(1){margin-left:4px}.option[data-v-afb0d2d7]:hover:not(.option--selected){color:#53575b;background:#e5e7e9}.box[data-v-afb0d2d7]{transition:transform .2s ease-in-out 0s;position:absolute;top:.25rem;left:0;height:1.5rem;background:#ffffff;box-shadow:0 0 1px #0006;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.box--lg[data-v-afb0d2d7]{height:2rem}

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css

@@ -0,0 +1 @@
+span[data-v-137fabdf]{display:inline}

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version?: "v3" | "v4";
+    version: "v3" | "v4";
 }>, {
     version: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version?: "v3" | "v4";
+    version: "v3" | "v4";
 }>, {
     version: string;
 }>>>, {

package/components/ThemeWrapper/ThemeWrapper.vue.js

@@ -0,0 +1,8 @@
+import e from "./ThemeWrapper.vue2.js";
+/* empty css                   *//* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; //*');
+// import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  //');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-137fabdf"]]);
+export {
+  t as default
+};

package/components/ThemeWrapper/ThemeWrapper.vue2.js

@@ -0,0 +1,22 @@
+ import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css";  import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  import { defineComponent as a, computed as l, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as h } from "vue";
+import { useThemeStore as i } from "./ThemeStrore.js";
+const v = /* @__PURE__ */ a({
+  __name: "ThemeWrapper",
+  props: {
+    version: { default: "v4" }
+  },
+  setup(o) {
+    const s = o, r = l(() => {
+      const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
+      return e.push(n), e.push(s.version), e.join("-");
+    });
+    return (e, t) => (m(), c("div", {
+      class: p(u(r))
+    }, [
+      h(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/components/ThemeWrapper/index.d.ts

@@ -8,6 +8,7 @@ declare const ThemeWrapperTypes: () => ({
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
+                required: true;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
@@ -27,6 +28,7 @@ declare const ThemeWrapperTypes: () => ({
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
+                required: true;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -54,6 +56,7 @@ declare const ThemeWrapperTypes: () => ({
     } & Readonly<import("vue").ExtractPropTypes<{
         version: {
             type: import("vue").PropType<"v3" | "v4">;
+            required: true;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -63,6 +66,7 @@ declare const ThemeWrapperTypes: () => ({
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     version: {
         type: import("vue").PropType<"v3" | "v4">;
+        required: true;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {

package/components/alert/Alert.vue.js

@@ -0,0 +1,7 @@
+import o from "./Alert.vue2.js";
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a9f0dfcc"]]);
+export {
+  s as default
+};

package/components/alert/Alert.vue2.js

@@ -0,0 +1,91 @@
+ import "../../Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css"; import { defineComponent as C, computed as N, openBlock as l, createElementBlock as m, mergeProps as a, unref as t, createVNode as f, normalizeClass as g, createElementVNode as v, createBlock as s, withCtx as T, createTextVNode as x, toDisplayString as k, createCommentVNode as c, renderSlot as A } from "vue";
+import y from "../typography/v4/Typography.vue.js";
+import E from "../icon/v4/IconV4.vue.js";
+import S from "../button/v4/ButtonV4.vue.js";
+import $ from "../button/v4/IconButtonV4.vue.js";
+import { useTestIdAttrs as b } from "../../utils/testIds.js";
+import { AlertTestIdModifiers as n } from "../../testids/index.js";
+const p = { class: "alert-content" }, w = { key: 0 }, R = /* @__PURE__ */ C({
+  __name: "Alert",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    color: { default: "success" },
+    variant: { default: "standard" },
+    dismissible: { type: Boolean, default: !1 },
+    actionText: { default: "" },
+    actionIconName: { default: null },
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "" }
+  },
+  emits: ["close", "actionButtonClick"],
+  setup(e, { emit: d }) {
+    const u = e, B = N(() => {
+      const i = {
+        success: "check-circle",
+        warning: "warning",
+        danger: "warning-octagon",
+        info: "info"
+      };
+      return i[u.color] || i.success;
+    }), o = b(u.testId, n);
+    return (i, r) => (l(), m("div", a({
+      class: ["alert", {
+        [`alert--${e.color}`]: !0,
+        [`alert--${e.variant}`]: !0,
+        "alert--rounded": e.rounded
+      }]
+    }, t(o)[t(n).WRAPPER]), [
+      f(t(E), {
+        name: t(B),
+        class: g(["alert-icon", { "alert-icon--align-top": e.title && e.description }]),
+        type: "fill",
+        size: "20px"
+      }, null, 8, ["name", "class"]),
+      v("div", p, [
+        e.title ? (l(), s(t(y), a({
+          key: 0,
+          class: "alert-title",
+          variant: "h4"
+        }, t(o)[t(n).TITLE]), {
+          default: T(() => [
+            x(k(e.title), 1)
+          ]),
+          _: 1
+        }, 16)) : c("", !0),
+        f(t(y), a({
+          class: "alert-description",
+          variant: "body1"
+        }, t(o)[t(n).MESSAGE]), {
+          default: T(() => [
+            A(i.$slots, "default", {}, () => [
+              e.description ? (l(), m("span", w, k(e.description), 1)) : c("", !0)
+            ], !0)
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      e.actionText ? (l(), s(t(S), a({
+        key: 0,
+        variant: "outlined",
+        content: e.actionText,
+        "end-icon-name": e.actionIconName,
+        color: e.color,
+        size: "small"
+      }, t(o)[t(n).ACTION_BUTTON], {
+        onClick: r[0] || (r[0] = (I) => d("actionButtonClick"))
+      }), null, 16, ["content", "end-icon-name", "color"])) : c("", !0),
+      e.dismissible ? (l(), s(t($), a({
+        key: 1,
+        class: "close-button",
+        "icon-name": "x",
+        size: "small"
+      }, t(o)[t(n).CLOSE_BUTTON], {
+        onClick: r[1] || (r[1] = (I) => d("close"))
+      }), null, 16)) : c("", !0)
+    ], 16));
+  }
+});
+export {
+  R as default
+};

package/components/appHeader/AppHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./AppHeader.vue2.js";
+/* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
+export {
+  s as default
+};

package/components/appHeader/AppHeader.vue2.js

@@ -0,0 +1,85 @@
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
+import c from "../icon/v4/IconV4.vue.js";
+import T from "../typography/v4/Typography.vue.js";
+import g from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
+const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, $ = /* @__PURE__ */ h({
+  __name: "AppHeader",
+  props: {
+    image: { default: "" },
+    name: { default: "" },
+    platform: { default: "android" },
+    appKey: { default: "" },
+    testId: { default: "" },
+    type: { default: "normal" },
+    showAbIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["copyToClipboard"],
+  setup(t, { emit: f }) {
+    const a = t, y = o(
+      () => a.platform ? a.platform.toLowerCase() : ""
+    ), u = o(
+      () => a.type === "normal" ? "24px" : "20px"
+    ), x = o(
+      () => a.type === "small" ? "18px" : null
+    ), I = o(
+      () => a.type === "normal" ? "h2" : "subtitle1"
+    ), s = N(a.testId, l);
+    return (S, d) => (m(), p("div", {
+      class: C(["app-header", `size-${t.type}`])
+    }, [
+      n("div", w, [
+        n("img", {
+          src: t.image,
+          alt: t.name
+        }, null, 8, k)
+      ]),
+      n("div", r({
+        class: "icon-container",
+        "data-platform": t.platform
+      }, e(s)[e(l).APP_PLATFORM]), [
+        i(e(c), {
+          type: "branded",
+          name: e(y),
+          size: e(u)
+        }, null, 8, ["name", "size"])
+      ], 16, B),
+      n("div", P, [
+        i(e(T), r({
+          variant: e(I),
+          class: "title"
+        }, e(s)[e(l).TITLE]), {
+          default: b(() => [
+            v(z(t.name), 1)
+          ]),
+          _: 1
+        }, 16, ["variant"]),
+        i(e(g), {
+          text: t.appKey,
+          size: "medium",
+          class: "inline-copy",
+          "hide-text-value": t.type === "small",
+          "test-id": t.testId,
+          "icon-size": e(x),
+          "tooltip-header": "Copy app key",
+          "tooltip-text": t.appKey,
+          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
+        }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
+      ]),
+      t.showAbIcon ? (m(), p("div", r({
+        key: 0,
+        class: "ab-icon-wrapper"
+      }, e(s)[e(l).AB_ICON]), [
+        i(e(c), {
+          type: "ab-test",
+          name: "ab",
+          size: "28px"
+        })
+      ], 16)) : A("", !0)
+    ], 2));
+  }
+});
+export {
+  $ as default
+};

package/components/appIcon/AppIcon.vue.js

@@ -0,0 +1,7 @@
+import o from "./AppIcon.vue2.js";
+/* empty css              */import p from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-56ba337c"]]);
+export {
+  s as default
+};

package/components/appIcon/AppIcon.vue2.js

@@ -0,0 +1,35 @@
+ import "../../AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css"; import { defineComponent as s, openBlock as c, createElementBlock as o, normalizeClass as a, createElementVNode as t, pushScopeId as n, popScopeId as i } from "vue";
+const l = (e) => (n("data-v-56ba337c"), e = e(), i(), e), p = ["src"], r = /* @__PURE__ */ l(() => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 120 120",
+  preserveAspectRatio: "none",
+  class: "squircle-mask"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
+    fill: "white",
+    fillRule: "evenodd"
+  })
+], -1)), u = /* @__PURE__ */ s({
+  __name: "AppIcon",
+  props: {
+    size: { default: "md" },
+    src: { default: "" }
+  },
+  setup(e) {
+    return (d, h) => (c(), o("span", {
+      class: a(["application-icon", `icon-${e.size}`])
+    }, [
+      t("img", {
+        src: e.src,
+        alt: ""
+      }, null, 8, p),
+      r
+    ], 2));
+  }
+});
+export {
+  u as default
+};

package/components/appTrigger/AppTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./AppTrigger.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-121aac8b"]]);
+export {
+  s as default
+};

package/components/appTrigger/AppTrigger.vue2.js

@@ -0,0 +1,124 @@
+ import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as m, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
+import V from "../appIcon/AppIcon.vue.js";
+import "../button/v3/Button.vue.js";
+import X from "../button/v3/IconButton.vue.js";
+import "../button/v3/ScrollButton.vue.js";
+import T from "../icon/v3/Icon.vue.js";
+import O from "../tooltip/v3/Tooltip.vue.js";
+import "../typography/Heading.vue.js";
+import k from "../typography/Text.vue.js";
+import { AppTriggerTestIdModifiers as o } from "../../testids/index.js";
+const b = ["data-testid"], G = { class: "app-trigger__left-image" }, Z = /* @__PURE__ */ w({
+  __name: "AppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(l) {
+    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : g.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
+      () => n.singleAppSelection && h.value ? x : C
+    ), I = t(() => !g.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), A = t(() => !a.value || !r.value ? "" : i.value?.icon), _ = t(() => n.loading ? "" : u.value ? i.value.appKey : g.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), g = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
+    return (d, M) => (m(), L("div", {
+      class: S(["app-trigger", {
+        "app-trigger--with-icons": e(a) > 0 || e(g)
+      }]),
+      "data-testid": `${l.testId}-${e(o).WRAPPER}`
+    }, [
+      c(d.$slots, "left-image", {}, () => [
+        f("div", G, [
+          e(A) ? (m(), v(e(V), {
+            key: 0,
+            size: "xl",
+            src: e(A)
+          }, null, 8, ["src"])) : (m(), v(e(T), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: e(P)
+          }, null, 8, ["name"]))
+        ])
+      ], !0),
+      c(d.$slots, "left-icon", {}, () => [
+        e(I) ? (m(), v(e(T), {
+          key: 0,
+          class: "app-trigger__left-icon",
+          name: e(I),
+          "font-size": "md"
+        }, null, 8, ["name"])) : D("", !0)
+      ], !0),
+      f("div", {
+        class: S(["app-trigger__middle-section", {
+          "app-trigger__middle-section--single": e(u),
+          "app-trigger__middle-section--loading": l.loading || !l.options?.length
+        }])
+      }, [
+        c(d.$slots, "title", {}, () => [
+          s(e(O), {
+            text: e($),
+            "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
+          }, {
+            default: p(() => [
+              s(e(k), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm",
+                "test-id": `${l.testId}-${e(o).TITLE_TEXT}`
+              }, {
+                default: p(() => [
+                  z(N(e($)), 1)
+                ]),
+                _: 1
+              }, 8, ["test-id"])
+            ]),
+            _: 1
+          }, 8, ["text", "data-testid"])
+        ], !0),
+        c(d.$slots, "description", {}, () => [
+          f("div", null, [
+            s(e(O), {
+              text: e(_),
+              "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
+            }, {
+              default: p(() => [
+                s(e(k), {
+                  class: "app-trigger__description",
+                  size: "xs",
+                  "is-truncated": "",
+                  "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
+                }, {
+                  default: p(() => [
+                    z(N(e(_)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["test-id"])
+              ]),
+              _: 1
+            }, 8, ["text", "data-testid"])
+          ])
+        ], !0)
+      ], 2),
+      c(d.$slots, "right-icon", {}, () => [
+        s(e(X), {
+          class: "app-trigger__right-icon",
+          theme: "third",
+          "data-testid": `${l.testId}-${e(o).TRIGGER_BUTTON}`
+        }, {
+          default: p(() => [
+            s(e(T), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])
+      ], !0)
+    ], 10, b));
+  }
+});
+export {
+  Z as default
+};

package/components/autocomplete/Autocomplete.vue.js

@@ -0,0 +1,7 @@
+import o from "./Autocomplete.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a7bfd237"]]);
+export {
+  s as default
+};

package/components/autocomplete/Autocomplete.vue2.js

@@ -0,0 +1,121 @@
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; import { defineComponent as w, computed as c, ref as m, watchEffect as T, openBlock as r, createElementBlock as h, Fragment as F, createVNode as v, unref as d, withCtx as x, isRef as L, renderSlot as I, normalizeProps as S, guardReactiveProps as B, createBlock as b, createCommentVNode as f } from "vue";
+import C from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/OptionV4.vue.js";
+import E from "../input/v4/TextField.vue.js";
+import { useVModel as z } from "@vueuse/core";
+import H from "../shared/FieldHelpText.vue.js";
+import P from "../shared/FieldMaxLength.vue.js";
+const N = {
+  key: 0,
+  class: "footer"
+}, Q = /* @__PURE__ */ w({
+  __name: "Autocomplete",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !1 },
+    inlineError: { type: Boolean, default: !1 },
+    inlineErrorText: { default: "" },
+    maxLength: { default: null },
+    options: null,
+    displayValue: null,
+    optionNameKey: { default: "" },
+    optionsListWidth: { default: null },
+    onSearch: { type: Function, default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: g }) {
+    const a = e, i = z(a, "modelValue", g), p = (l) => {
+      l !== void 0 && (i.value = a.displayValue(l));
+    }, k = c(() => (i.value || "").length), y = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), u = c(() => {
+      const l = i.value.toString();
+      return (a.options || []).filter(
+        (t) => a.onSearch !== null ? a.onSearch(t, l) : y(t, l)
+      );
+    }), n = m(!1), s = m(!1);
+    T(() => {
+      a.disabled ? n.value = !1 : s.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
+    });
+    const V = () => {
+      a.disabled || !n.value && u.value.length && (n.value = !0);
+    };
+    return (l, t) => (r(), h(F, null, [
+      v(d(C), {
+        "is-open": n.value,
+        "onUpdate:is-open": t[3] || (t[3] = (o) => n.value = o),
+        class: "autocomplete-dropdown",
+        "display-value": e.displayValue,
+        options: d(u),
+        "option-name-key": e.optionNameKey,
+        "options-list-width": e.optionsListWidth,
+        disabled: e.disabled,
+        "search-auto-focus": !1,
+        "full-width": !1,
+        "test-id": e.testId,
+        "onUpdate:selected": p
+      }, {
+        "dropdown-trigger": x(() => [
+          v(d(E), {
+            modelValue: d(i),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => L(i) ? i.value = o : null),
+            class: "autocomplete-field",
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            size: e.size,
+            label: e.label,
+            "label-direction": e.labelDirection,
+            mandatory: e.mandatory,
+            "hover-help-text": e.hoverHelpText,
+            "hover-help-text-placemen": e.hoverHelpTextPlacement,
+            "test-id": e.testId,
+            "feedback-variant": e.feedbackVariant,
+            "show-feedback-text-icon": e.showFeedbackTextIcon,
+            "inline-error": e.inlineError,
+            "inline-error-text": e.inlineErrorText,
+            maxlength: e.maxLength,
+            onFocusin: t[1] || (t[1] = (o) => s.value = !0),
+            onFocusout: t[2] || (t[2] = (o) => s.value = !1),
+            onClick: V
+          }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text", "maxlength"])
+        ]),
+        default: x((o) => [
+          I(l.$slots, "default", S(B(o)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
+      e.feedbackText || e.maxLength ? (r(), h("div", N, [
+        e.feedbackText ? (r(), b(H, {
+          key: 0,
+          text: e.feedbackText,
+          variant: e.feedbackVariant,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
+        e.maxLength ? (r(), b(P, {
+          key: 1,
+          "current-length": d(k),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : f("", !0)
+      ])) : f("", !0)
+    ], 64));
+  }
+});
+export {
+  Q as default
+};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

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