@ironsource/shared-ui 2.1.6-rc.24 → 2.1.6-rc.27

package/Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css

@@ -0,0 +1 @@
+.alert[data-v-a9f0dfcc]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-a9f0dfcc]{border-radius:var(--border-radius-lg)}.alert--success[data-v-a9f0dfcc]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-a9f0dfcc]{color:var(--success-main)}.alert--warning[data-v-a9f0dfcc]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-a9f0dfcc]{color:var(--warning-main)}.alert--danger[data-v-a9f0dfcc]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-a9f0dfcc]{color:var(--error-main)}.alert--info[data-v-a9f0dfcc]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-a9f0dfcc]{color:var(--info-main)}.alert--standard[data-v-a9f0dfcc]{outline:none}.alert--outlined[data-v-a9f0dfcc]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-a9f0dfcc]{align-self:flex-start}.alert-content[data-v-a9f0dfcc]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-a9f0dfcc]{color:var(--text-primary);line-height:20px}.alert-description[data-v-a9f0dfcc]{color:var(--text-secondary)}.close-button[data-v-a9f0dfcc]{margin-left:var(--spacing-100)}

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-39c47ad1]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-39c47ad1]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-39c47ad1]{flex:none}.app-trigger-key--content[data-v-39c47ad1]{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-39c47ad1]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-39c47ad1]{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-39c47ad1]:hover,.app-trigger.active[data-v-39c47ad1]{background:var(--action-selected)}.app-trigger.disabled[data-v-39c47ad1]{cursor:auto}.app-trigger--content[data-v-39c47ad1]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-39c47ad1]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-39c47ad1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-39c47ad1]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-39c47ad1]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-39c47ad1]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-39c47ad1]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-39c47ad1]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-39c47ad1]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-39c47ad1]{padding-top:5px;color:var(--error-main)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-0363db63],.v-leave-active[data-v-0363db63]{transition:opacity .25s ease}ol[data-v-0363db63],ul[data-v-0363db63],menu[data-v-0363db63]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0363db63],.dropdown.full-width .button__container[data-v-0363db63]{width:100%}.dropdown-list-wrapper[data-v-0363db63]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-0363db63]{padding:.5rem}.list-container--multi[data-v-0363db63]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0363db63]{padding-bottom:.25rem}.inline-search .list-container[data-v-0363db63]{padding-top:0}.no-result-container[data-v-0363db63]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0363db63]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0363db63]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0363db63]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-0363db63]{margin-right:.5rem}.actions-wrapper[data-v-0363db63]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0363db63]{margin-left:.5rem}

package/HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css

@@ -0,0 +1 @@
+.table-help-icon[data-v-7a611779]{margin-left:var(--spacing-50);color:var(--action-active);margin-right:calc(var(--spacing-50) * -1)}

package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css

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

package/components/alert/Alert.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
+    actionIconName?: string;
     rounded?: boolean;
     testId?: string;
 }>, {
@@ -14,10 +15,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color: string;
     dismissible: boolean;
     actionText: string;
+    actionIconName: any;
     rounded: boolean;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    actionButtonClick: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     description?: string;
@@ -25,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "outlined" | "standard";
     dismissible?: boolean;
     actionText?: string;
+    actionIconName?: string;
     rounded?: boolean;
     testId?: string;
 }>, {
@@ -34,10 +38,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color: string;
     dismissible: boolean;
     actionText: string;
+    actionIconName: any;
     rounded: boolean;
     testId: string;
 }>>> & {
     onClose?: () => any;
+    onActionButtonClick?: () => any;
 }, {
     title: string;
     variant: "outlined" | "standard";
@@ -46,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     description: string;
     dismissible: boolean;
     actionText: string;
+    actionIconName: string;
     rounded: boolean;
 }>, {
     default?(_: {}): any;

package/components/alert/Alert.vue.js

@@ -1,7 +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_d6680a72_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d6680a72"]]);
+// import "../../Alert.vue_vue_type_style_index_0_scoped_a9f0dfcc_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a9f0dfcc"]]);
 export {
-  p as default
+  s as default
 };

package/components/alert/Alert.vue2.js

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

package/components/alert/index.d.ts

@@ -11,6 +11,7 @@ declare const AlertTypes: () => ({
             description: string;
             dismissible: boolean;
             actionText: string;
+            actionIconName: string;
             rounded: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -41,13 +42,18 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            actionIconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
         }>> & {
             onClose?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "rounded">;
+            onActionButtonClick?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "actionIconName" | "rounded">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -59,7 +65,7 @@ declare const AlertTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "close") => void;
+        $emit: ((event: "close") => void) & ((event: "actionButtonClick") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -90,14 +96,20 @@ declare const AlertTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            actionIconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             rounded: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
         }>> & {
             onClose?: () => any;
+            onActionButtonClick?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             close: () => void;
+            actionButtonClick: () => void;
         }, string, {
             title: string;
             variant: "outlined" | "standard";
@@ -106,6 +118,7 @@ declare const AlertTypes: () => ({
             description: string;
             dismissible: boolean;
             actionText: string;
+            actionIconName: string;
             rounded: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -156,12 +169,17 @@ declare const AlertTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        actionIconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         rounded: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
     }>> & {
         onClose?: () => any;
+        onActionButtonClick?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -195,14 +213,20 @@ declare const AlertTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    actionIconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     rounded: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
 }>> & {
     onClose?: () => any;
+    onActionButtonClick?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    actionButtonClick: () => void;
 }, string, {
     title: string;
     variant: "outlined" | "standard";
@@ -211,6 +235,7 @@ declare const AlertTypes: () => ({
     description: string;
     dismissible: boolean;
     actionText: string;
+    actionIconName: string;
     rounded: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts

@@ -18,8 +18,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey?: string;
     optionIconKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    optionEndIconKey?: string;
-    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -43,8 +41,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey: any;
     optionIconKey: any;
     optionIconType: any;
-    optionEndIconKey: any;
-    optionEndIconType: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     copyToClipboard: () => void;
@@ -68,8 +64,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey?: string;
     optionIconKey?: string;
     optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    optionEndIconKey?: string;
-    optionEndIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -93,8 +87,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionImageKey: any;
     optionIconKey: any;
     optionIconType: any;
-    optionEndIconKey: any;
-    optionEndIconType: any;
 }>>> & {
     onClick?: () => any;
     onCopyToClipboard?: () => any;
@@ -114,15 +106,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    optionEndIconKey: string;
-    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;
-    "icon-end"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
-/* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-092d0e03"]]);
+/* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-39c47ad1"]]);
 export {
   s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,24 +1,21 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_092d0e03_lang.css"; import { defineComponent as A, computed as r, openBlock as n, createElementBlock as a, normalizeClass as $, createElementVNode as s, mergeProps as v, unref as o, renderSlot as u, createCommentVNode as d, createVNode as c, withCtx as I, toDisplayString as V } from "vue";
-import p from "../../icon/v4/IconV4.vue.js";
-import B from "../../typography/v4/Typography.vue.js";
-import { DropdownTestIdModifiers as y } from "../../../testids/index.js";
-import { useTestIdAttrs as E } from "../../../utils/testIds.js";
-import x from "../../tooltip/v4/TooltipV4.vue.js";
-import { useClipboard as z } from "@vueuse/core";
-import { Snackbar as N } from "../../snackbar/v4/index.js";
-const w = { class: "app-trigger--content" }, S = {
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as O, unref as l, renderSlot as T, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
+import r from "../../icon/v4/IconV4.vue.js";
+import x from "../../typography/v4/Typography.vue.js";
+import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
+import { useTestIdAttrs as K } from "../../../utils/testIds.js";
+import N from "../../tooltip/v4/TooltipV4.vue.js";
+import { useClipboard as w } from "@vueuse/core";
+import { Snackbar as z } from "../../snackbar/v4/index.js";
+const S = { class: "app-trigger--content" }, D = {
   key: 0,
   class: "image"
-}, D = ["src"], P = {
+}, E = ["src"], P = {
   key: 1,
   class: "start-icon"
 }, R = { class: "label-text" }, U = { key: 0 }, L = { class: "text-content" }, M = { class: "text-content-value" }, W = {
   key: 0,
   class: "is-mandatory"
-}, j = {
-  key: 2,
-  class: "end-icon"
-}, q = { class: "app-trigger-key--content" }, ee = /* @__PURE__ */ A({
+}, j = { class: "app-trigger-key--content" }, _ = /* @__PURE__ */ V({
   __name: "AppDropdownTrigger",
   props: {
     placeholder: { default: "Select app" },
@@ -39,108 +36,97 @@ const w = { class: "app-trigger--content" }, S = {
     optionNameKey: { default: null },
     optionImageKey: { default: null },
     optionIconKey: { default: null },
-    optionIconType: { default: null },
-    optionEndIconKey: { default: null },
-    optionEndIconType: { default: null }
+    optionIconType: { default: null }
   },
   emits: ["click", "copyToClipboard"],
-  setup(t, { emit: f }) {
-    const e = t, { copy: O, copied: k } = z({}), C = r(
+  setup(t, { emit: y }) {
+    const e = t, { copy: k, copied: C } = w({}), I = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), b = () => {
-      f("click");
-    }, m = E(e.testId, y), g = "All apps selected", h = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${g} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), l = r(() => {
+      y("click");
+    }, f = K(e.testId, u), m = "All apps selected", g = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${m} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
         return e.selectedOption;
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
-    }), K = async () => {
-      await O(e.valueToCopy), k.value && (N({
+    }), A = async () => {
+      await k(e.valueToCopy), C.value && (z({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
-      }), f("copyToClipboard"));
+      }), y("copyToClipboard"));
     };
-    return (i, T) => (n(), a("div", {
-      class: $(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
+    return (c, h) => (o(), n("div", {
+      class: B(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
     }, [
-      s("div", v({
-        class: ["app-trigger", [t.size, o(C), { open: t.open, disabled: t.disabled }]],
+      a("div", O({
+        class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]],
         style: {
-          paddingLeft: i.$slots.image || o(l) && t.optionImageKey ? "8px" : "12px"
+          paddingLeft: c.$slots.image || l(d) && t.optionImageKey ? "8px" : "12px"
         }
-      }, o(m)[o(y).BUTTON_WRAPPER], {
-        onClick: T[0] || (T[0] = (F) => b())
+      }, l(f)[l(u).BUTTON_WRAPPER], {
+        onClick: h[0] || (h[0] = (q) => b())
       }), [
-        s("div", w, [
-          i.$slots.image || o(l) && t.optionImageKey ? (n(), a("div", S, [
-            u(i.$slots, "image", {}, () => [
-              t.optionImageKey ? (n(), a("img", {
+        a("div", S, [
+          c.$slots.image || l(d) && t.optionImageKey ? (o(), n("div", D, [
+            T(c.$slots, "image", {}, () => [
+              t.optionImageKey ? (o(), n("img", {
                 key: 0,
-                src: o(l)[t.optionImageKey]
-              }, null, 8, D)) : d("", !0)
+                src: l(d)[t.optionImageKey]
+              }, null, 8, E)) : i("", !0)
             ], !0)
-          ])) : d("", !0),
-          i.$slots["icon-start"] || o(l) && t.optionIconKey ? (n(), a("div", P, [
-            u(i.$slots, "icon-start", {}, () => [
-              c(o(p), {
+          ])) : i("", !0),
+          c.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), n("div", P, [
+            T(c.$slots, "icon-start", {}, () => [
+              s(l(r), {
                 type: t.optionIconType,
-                name: o(l)[t.optionIconKey],
+                name: l(d)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : d("", !0),
-          c(o(B), v({ variant: "button" }, o(m)[o(y).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: I(() => [
-              s("div", R, [
-                o(h) === g ? (n(), a("span", U, [
-                  c(o(p), {
+          ])) : i("", !0),
+          s(l(x), O({ variant: "button" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: v(() => [
+              a("div", R, [
+                l(g) === m ? (o(), n("span", U, [
+                  s(l(r), {
                     name: "cube",
                     size: "20px",
                     type: "fill"
                   })
-                ])) : d("", !0),
-                s("div", L, [
-                  s("div", M, V(o(h)), 1),
-                  t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (n(), a("span", W, "*")) : d("", !0)
+                ])) : i("", !0),
+                a("div", L, [
+                  a("div", M, $(l(g)), 1),
+                  t.mandatory && (Array.isArray(t.selectedOption) ? !t.selectedOption.length : !t.selectedOption) ? (o(), n("span", W, "*")) : i("", !0)
                 ])
               ])
             ]),
             _: 1
-          }, 16),
-          i.$slots["icon-end"] || o(l) && t.optionEndIconKey && o(l)[t.optionEndIconKey] ? (n(), a("div", j, [
-            u(i.$slots, "icon-end", {}, () => [
-              c(o(p), {
-                type: t.optionEndIconType,
-                name: o(l)[t.optionEndIconKey],
-                size: "24px"
-              }, null, 8, ["type", "name"])
-            ], !0)
-          ])) : d("", !0)
+          }, 16)
         ]),
-        s("div", null, [
-          c(o(p), {
+        a("div", null, [
+          s(l(r), {
             name: "caret-down",
             size: "20px",
             class: "app-trigger--icon"
           })
         ])
       ], 16),
-      t.valueToCopy ? (n(), a("div", {
+      t.valueToCopy ? (o(), n("div", {
         key: 0,
         class: "app-trigger-key",
-        onClick: K
+        onClick: A
       }, [
-        c(o(x), {
+        s(l(N), {
           text: t.valueToCopy,
           header: "Copy app key",
           placement: "bottom"
         }, {
-          default: I(() => [
-            s("div", q, [
-              c(o(p), {
+          default: v(() => [
+            a("div", j, [
+              s(l(r), {
                 name: "copy",
                 size: "20px"
               })
@@ -148,10 +134,10 @@ const w = { class: "app-trigger--content" }, S = {
           ]),
           _: 1
         }, 8, ["text"])
-      ])) : d("", !0)
+      ])) : i("", !0)
     ], 2));
   }
 });
 export {
-  ee as default
+  _ as default
 };

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2e7a89bc_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2e7a89bc"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0363db63"]]);
 export {
   r as default
 };