@ironsource/shared-ui 2.1.6-rc.14 → 2.1.6-rc.16

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css

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

package/Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css

@@ -0,0 +1 @@
+.label[data-v-aaa8c4bb]{color:#41454d}.v-enter-active[data-v-aaa8c4bb],.v-leave-active[data-v-aaa8c4bb]{transition:opacity .25s ease}ol[data-v-aaa8c4bb],ul[data-v-aaa8c4bb],menu[data-v-aaa8c4bb]{list-style:none;margin:0;padding:0}.dropdown[data-v-aaa8c4bb]{display:flex;flex-direction:column}.dropdown--disabled[data-v-aaa8c4bb]{opacity:.7}.list-container[data-v-aaa8c4bb]{padding:.5rem}.list-container--multi[data-v-aaa8c4bb]{margin-bottom:0}.v-popper__arrow-container[data-v-aaa8c4bb]{display:none}.helper-text[data-v-aaa8c4bb]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-aaa8c4bb]{color:#da564f}.no-result-container[data-v-aaa8c4bb]{height:100%;display:flex;align-items:center}.no-result[data-v-aaa8c4bb]{color:#8e959d;padding-left:.5rem}.list[data-v-aaa8c4bb]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-aaa8c4bb]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-aaa8c4bb]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-aaa8c4bb]:not(.button__container--disabled){cursor:pointer}.loader[data-v-aaa8c4bb]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-aaa8c4bb]{margin-right:.25rem;display:flex}.button[data-v-aaa8c4bb]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#f1f3f4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-aaa8c4bb]{height:2.5rem}.button[data-v-aaa8c4bb]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#edeff0}.button--open[data-v-aaa8c4bb],.button[data-v-aaa8c4bb]:focus-visible{background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.image-slot[data-v-aaa8c4bb]{margin-right:.5rem}.angle-down[data-v-aaa8c4bb]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-aaa8c4bb]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #dddfe1;justify-content:flex-end}.actions[data-v-aaa8c4bb]:first-child{padding-right:.25rem}.apply-button[data-v-aaa8c4bb]{margin-left:.25rem}.dropdown-title__text[data-v-aaa8c4bb]{color:#41454d;border-bottom:1px solid #dddfe1;padding:1rem}.dropdown-title__search[data-v-aaa8c4bb]{padding:3px 0;width:100%;border-bottom:1px solid #dddfe1}

package/DropdownV4.vue_vue_type_style_index_0_scoped_77f8bdb6_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-77f8bdb6],.v-leave-active[data-v-77f8bdb6]{transition:opacity .25s ease}ol[data-v-77f8bdb6],ul[data-v-77f8bdb6],menu[data-v-77f8bdb6]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-77f8bdb6],.dropdown.full-width .button__container[data-v-77f8bdb6]{width:100%}.dropdown-list-wrapper[data-v-77f8bdb6]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-77f8bdb6]{padding:.5rem}.list-container--multi[data-v-77f8bdb6]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-77f8bdb6]{padding-bottom:.25rem}.inline-search .list-container[data-v-77f8bdb6]{padding-top:0}.no-result-container[data-v-77f8bdb6]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-77f8bdb6]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-77f8bdb6]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-77f8bdb6]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-77f8bdb6]{margin-right:.5rem}.actions-wrapper[data-v-77f8bdb6]{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-77f8bdb6]{margin-left:.5rem}

package/InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css

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

package/OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css

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

package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-a6457440],.font-chart-2[data-v-a6457440],.font-chart-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a6457440],.font-table-label[data-v-a6457440],.font-button[data-v-a6457440],.font-heading-6[data-v-a6457440],.font-heading-5[data-v-a6457440],.font-heading-4[data-v-a6457440],.font-heading-3[data-v-a6457440],.font-heading-2[data-v-a6457440],.font-heading-1[data-v-a6457440],.font-title[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a6457440],.font-input-label[data-v-a6457440],.font-overline[data-v-a6457440],.font-subtitle-2[data-v-a6457440],.font-subtitle-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a6457440],.font-body-2[data-v-a6457440],.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a6457440]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a6457440]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a6457440]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a6457440]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a6457440]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a6457440]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a6457440]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a6457440]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a6457440]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a6457440]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a6457440]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a6457440]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a6457440],.font-tab-label2[data-v-a6457440]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a6457440]{font-size:.75rem;line-height:1rem}h1[data-v-a6457440],h2[data-v-a6457440],h3[data-v-a6457440],h4[data-v-a6457440],h5[data-v-a6457440],h6[data-v-a6457440]{margin:0}.disabled .input[data-v-a6457440]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-a6457440]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-a6457440]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-a6457440]{height:28px}.input-size-medium[data-v-a6457440]{height:32px}.input-size-large[data-v-a6457440]{height:40px}.input-with-label-container[data-v-a6457440]{display:flex;flex-direction:column}.input-container[data-v-a6457440]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-a6457440]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-a6457440]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-a6457440]:focus{outline:none}.input-container .input[data-v-a6457440]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-a6457440]{color:var(--text-disabled)}.input-container .input[type=number][data-v-a6457440]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-a6457440]{letter-spacing:4px}.input-container[data-v-a6457440] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-a6457440]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-a6457440]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-a6457440]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-a6457440]{padding-left:var(--spacing-100)}.prefix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-a6457440],.focused[data-v-a6457440]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-a6457440],.error-icon.error-icon[data-v-a6457440]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-a6457440]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-a6457440]:hover{color:var(--primary-main)}.label-direction-left[data-v-a6457440]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-a6457440]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-a6457440]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-a6457440]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-a6457440]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-a6457440]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-a6457440],.variant-success .input-container[data-v-a6457440]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-a6457440],.variant-error .input-container[data-v-a6457440]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-a6457440],.variant-warning .input-container[data-v-a6457440]:hover{outline:2px solid var(--warning-dark)}

package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css

@@ -0,0 +1 @@
+div[data-v-fcdb9d02]{display:block}

package/components/dropdown/common/Dropdown.common.js

@@ -1,12 +1,12 @@
 import { useToggle as me } from "../../../composables/useToggle.js";
-import { ref as n, computed as r, watch as m, useSlots as Pe, toRaw as A, nextTick as D, provide as Te, onMounted as we } from "vue";
+import { ref as n, computed as r, watch as P, useSlots as Pe, toRaw as A, nextTick as D, provide as Te, onMounted as we } from "vue";
 import { isObjectInArray as W } from "../../../utils/array.js";
 import { objectsEqual as xe } from "../../../utils/object.js";
 import { useClamp as Ie, useVirtualList as De, onClickOutside as Y } from "@vueuse/core";
-import { Mode as O, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
+import { Mode as m, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
 import { pxToRem as Re } from "../../../utils/style.js";
 import { useEditableContext as Ee } from "../../table-cells/common/EditableContext.js";
-const Ue = (l, P, b) => {
+const Ue = (l, O, b) => {
   const Z = (e, t) => l.multi ? W(e, t) : A(e) === t;
   let k;
   ((e) => {
@@ -19,10 +19,10 @@ const Ue = (l, P, b) => {
       return N?.value?.value ?? a.value;
     },
     set(e) {
-      N.onChange?.(e), N.onClose?.(), P("update:selected", e);
+      N.onChange?.(e), N.onClose?.(), O("update:selected", e);
     }
   });
-  m(
+  P(
     () => l.selected,
     () => {
       a.value = l.selected, v.value = l.selected;
@@ -32,7 +32,7 @@ const Ue = (l, P, b) => {
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
-  m(
+  P(
     () => l.disabled,
     (e) => {
       e !== void 0 && ae(e);
@@ -45,7 +45,7 @@ const Ue = (l, P, b) => {
       return l.isOpen;
     },
     set(e) {
-      P("update:isOpen", e);
+      O("update:isOpen", e);
     }
   }), ne = r(() => s.value.length - 1), o = Ie(0, 0, ne), K = r(() => u.value ? l.displayValue(u.value) : ""), ie = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
@@ -74,7 +74,7 @@ const Ue = (l, P, b) => {
   }), s = r(() => {
     const e = Array.isArray(v.value) && l.multi && b.VERSION === 4 ? se.value : l.options;
     return l.onSearch ? e.filter((t) => l.onSearch(t, I.value)) : e;
-  }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === O.Multi), j = r(
+  }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === m.Multi), j = r(
     () => ce.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
   ), {
     list: z,
@@ -85,14 +85,14 @@ const Ue = (l, P, b) => {
     itemHeight: j.value,
     overscan: 2
   });
-  m(
+  P(
     () => l.isOpen,
     (e) => {
       G(e);
     }
-  ), m([x], async () => {
+  ), P([x], async () => {
     await D();
-  }), m(
+  }), P(
     [d, o, x],
     async ([e], [t]) => {
       d.value && (await D(), x.value !== -1 && e !== t && setTimeout(() => {
@@ -104,10 +104,10 @@ const Ue = (l, P, b) => {
   );
   const h = (e, t = !1) => {
     l.disabled || (G(e), D(() => {
-      d.value && P("opened"), d.value || P("closed"), T.value && t && T.value.focus();
+      d.value && O("opened"), d.value || O("closed"), T.value && t && T.value.focus();
     }));
   };
-  m(d, (e) => {
+  P(d, (e) => {
     if (e) {
       X.value && Array.isArray(u.value) && (v.value = A(u.value).slice());
       return;
@@ -127,13 +127,13 @@ const Ue = (l, P, b) => {
       a.value = s.value;
     }
   }, fe = () => {
-    de(), b.VERSION !== 4 && (u.value = a.value);
+    de(), b.VERSION !== 4 && (u.value = a.value), O("selectAll");
   }, ge = (e = !0) => {
-    a.value = [], e && (u.value = [], v.value = []);
+    a.value = [], e && (u.value = [], v.value = [], O("clear"));
   }, C = (e, t) => {
     if (e = A(e), c.value[t]?.disabled)
       return;
-    if (x.value = t, i.mode !== O.Multi) {
+    if (x.value = t, i.mode !== m.Multi) {
       l.keepOpen || h(!1), i.goToOption(
         0
         /* None */
@@ -162,7 +162,7 @@ const Ue = (l, P, b) => {
     listRef: T,
     clearable: l.clearable,
     type: p.input ? _.Search : _.Dropdown,
-    mode: l.multi ? O.Multi : O.Single,
+    mode: l.multi ? m.Multi : m.Single,
     query: I,
     selectedValue: K,
     toggle: h,
@@ -173,7 +173,7 @@ const Ue = (l, P, b) => {
     placeholder: l.placeholder,
     select: C,
     clearSelection: () => {
-      E(""), u.value = i.mode === O.Single ? null : [], v.value = i.mode === O.Single ? null : [], g.value && (g.value.value = "");
+      E(""), u.value = i.mode === m.Single ? null : [], v.value = i.mode === m.Single ? null : [], g.value && (g.value.value = "");
     },
     search: E,
     goToOption: async (e) => {
@@ -229,7 +229,7 @@ const Ue = (l, P, b) => {
     })), i.goToOption(0);
   });
   const Se = () => {
-    u.value = a.value, Array.isArray(u.value) && (v.value = A(u.value).slice()), P("apply", u.value), h(!1), ye();
+    u.value = a.value, Array.isArray(u.value) && (v.value = A(u.value).slice()), O("apply", u.value), h(!1), ye();
   }, Q = () => {
     X.value && Array.isArray(v.value) && (u.value = A(v.value).slice()), I.value = "", h(!1);
   }, be = (e) => {
@@ -281,7 +281,7 @@ const Ue = (l, P, b) => {
             h(!0);
             return;
           }
-          C(s.value[o.value], o.value), i.mode === O.Single && !l.keepOpen && h(!1), e.preventDefault();
+          C(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && h(!1), e.preventDefault();
           break;
         }
       }

package/components/dropdown/v3/Dropdown.vue.d.ts

@@ -84,6 +84,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     placeholder?: string;
@@ -161,7 +163,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     darkTheme: boolean;
     valueToCopy: string;
 }>>> & {
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;

package/components/dropdown/v3/Dropdown.vue.js

@@ -1,8 +1,8 @@
 import o from "./Dropdown.vue2.js";
-/* empty css               *//* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css"; //*');
+/* empty css               *//* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css"; //*');
 // import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d4f8e790"]]);
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-aaa8c4bb"]]);
 export {
-  r as default
+  a as default
 };

package/components/dropdown/v3/Dropdown.vue2.js

@@ -1,16 +1,16 @@
- import "../../../Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css";  import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  import { defineComponent as le, openBlock as a, createElementBlock as i, normalizeClass as T, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as ae, createTextVNode as r, toDisplayString as h, createCommentVNode as o, createBlock as I, isRef as de, createElementVNode as m, mergeProps as P, withModifiers as N, Fragment as oe, renderList as ie, toRaw as $, pushScopeId as ne, popScopeId as se } from "vue";
-import x from "../../button/v3/Button.vue.js";
+ import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css";  import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  import { defineComponent as le, openBlock as a, createElementBlock as i, normalizeClass as T, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as ae, createTextVNode as r, toDisplayString as h, createCommentVNode as o, createBlock as I, isRef as de, createElementVNode as m, mergeProps as P, withModifiers as A, Fragment as oe, renderList as ie, toRaw as $, pushScopeId as ne, popScopeId as se } from "vue";
+import N from "../../button/v3/Button.vue.js";
 import "../../button/v3/IconButton.vue.js";
 import "../../button/v3/ScrollButton.vue.js";
 import re from "./Option.vue.js";
-import A from "../../icon/v3/Icon.vue.js";
+import x from "../../icon/v3/Icon.vue.js";
 import ue from "../../search/v3/Search.vue.js";
 import "../../typography/Heading.vue.js";
 import y from "../../typography/Text.vue.js";
-import { Dropdown as fe } from "floating-vue";
+import { Dropdown as ce } from "floating-vue";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import { dropdownCommon as ce } from "../common/Dropdown.common.js";
-const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "data-testid"], pe = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], be = {
+import { dropdownCommon as fe } from "../common/Dropdown.common.js";
+const me = (t) => (ne("data-v-aaa8c4bb"), t = t(), se(), t), ye = ["tabindex", "data-testid"], pe = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], be = {
   key: 0,
   class: "image-slot"
 }, he = { class: "angle-down" }, ke = {
@@ -91,7 +91,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
     darkTheme: { type: Boolean, default: !0 },
     valueToCopy: { default: "" }
   },
-  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
+  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear"],
   setup(t, { expose: L, emit: V }) {
     const K = t, H = {
       MULTILINE_LIST_HEIGHT: 48,
@@ -101,7 +101,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
     }, {
       onKeydown: p,
       location: D,
-      open: f,
+      open: c,
       toggleMenu: g,
       onButtonKeydown: k,
       displayedValue: C,
@@ -127,11 +127,11 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
       cancel: ee,
       el: te,
       buttonRef: z
-    } = ce(K, V, H);
+    } = fe(K, V, H);
     return L({
       selectItem: E,
       scrollTo: Q
-    }), (c, d) => (a(), i("div", {
+    }), (f, d) => (a(), i("div", {
       ref_key: "el",
       ref: te,
       class: T(["dropdown", { "dropdown--disabled": t.disabled }]),
@@ -140,8 +140,8 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
       onKeydown: d[7] || (d[7] = //@ts-ignore
       (...l) => e(p) && e(p)(...l))
     }, [
-      b(c.$slots, "label", {}, void 0, !0),
-      s(e(fe), {
+      b(f.$slots, "label", {}, void 0, !0),
+      s(e(ce), {
         theme: t.theme,
         "popper-class": [
           t.popperClass,
@@ -152,7 +152,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
         distance: t.isOnTop ? -e(D) : t.distance,
         flip: t.flip,
         triggers: [],
-        shown: !!e(f),
+        shown: !!e(c),
         "auto-hide": !1,
         container: t.container,
         "auto-size": t.autoSize,
@@ -161,7 +161,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
         popper: n(() => [
           s(ae, null, {
             default: n(() => [
-              e(f) ? (a(), i("div", {
+              e(c) ? (a(), i("div", {
                 key: 0,
                 ref_key: "listRef",
                 ref: Z,
@@ -192,13 +192,13 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                     onKeydown: e(p)
                   }, null, 8, ["modelValue", "placeholder", "test-id", "onKeydown"])) : o("", !0)
                 ])) : o("", !0),
-                e(f) ? (a(), i("div", {
+                e(c) ? (a(), i("div", {
                   key: 1,
                   class: "dropdown",
                   onKeydown: d[6] || (d[6] = //@ts-ignore
                   (...l) => e(p) && e(p)(...l))
                 }, [
-                  b(c.$slots, "input-list", { open: e(f) }, void 0, !0),
+                  b(f.$slots, "input-list", { open: e(c) }, void 0, !0),
                   m("div", P(e(G), {
                     class: ["list-container", { "list-container--multi": t.multi }],
                     style: { height: `${e(F)}rem` },
@@ -220,7 +220,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                         })
                       ])) : o("", !0),
                       t.loading ? (a(), i("li", Ie, [
-                        s(e(A), {
+                        s(e(x), {
                           "font-size": "md",
                           class: "loader-icon"
                         }, {
@@ -243,7 +243,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                           "selected-prop": e(S),
                           "is-indeterminate": e(q),
                           "select-all-option": "",
-                          onClick: d[5] || (d[5] = N((l) => e(W)(), ["stop"]))
+                          onClick: d[5] || (d[5] = A((l) => e(W)(), ["stop"]))
                         }, {
                           default: n(() => [
                             r("Select all ")
@@ -255,9 +255,9 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                         key: w,
                         "aria-selected": e(O)($(e(R)), l),
                         "aria-disabled": !!t.disabled,
-                        onClick: N(() => e(E)(l, w), ["stop"])
+                        onClick: A(() => e(E)(l, w), ["stop"])
                       }, [
-                        b(c.$slots, "default", {
+                        b(f.$slots, "default", {
                           option: l,
                           selected: e(O)($(e(R)), l),
                           active: $(e(Y)) === w
@@ -266,7 +266,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                     ], 16)
                   ], 16, we),
                   t.multi ? (a(), i("div", Se, [
-                    s(e(x), {
+                    s(e(N), {
                       ref_key: "cancel",
                       ref: ee,
                       size: "sm",
@@ -280,7 +280,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                       ]),
                       _: 1
                     }, 8, ["test-id", "onClick"]),
-                    s(e(x), {
+                    s(e(N), {
                       ref_key: "apply",
                       ref: _,
                       "data-testid": "mutli-apply",
@@ -304,12 +304,12 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
         default: n(() => [
           m("div", {
             class: T(["button__container", {
-              "button__container--open": !!e(f),
+              "button__container--open": !!e(c),
               [`button__container--${t.size}`]: !0,
               "button__container--disabled": t.disabled
             }])
           }, [
-            c.$slots.input ? (a(), i("div", {
+            f.$slots.input ? (a(), i("div", {
               key: 0,
               ref_key: "buttonRef",
               ref: z,
@@ -317,23 +317,23 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
               onKeydown: d[1] || (d[1] = //@ts-ignore
               (...l) => e(k) && e(k)(...l))
             }, [
-              b(c.$slots, "input", {
-                open: e(f),
+              b(f.$slots, "input", {
+                open: e(c),
                 value: e(C),
                 disabled: t.disabled
               }, void 0, !0)
             ], 544)) : o("", !0),
-            c.$slots.input ? o("", !0) : (a(), i("button", {
+            f.$slots.input ? o("", !0) : (a(), i("button", {
               key: 1,
               ref_key: "buttonRef",
               ref: z,
               disabled: t.disabled,
               "aria-haspopup": !0,
-              "aria-expanded": !!e(f),
+              "aria-expanded": !!e(c),
               "aria-labelledby": e(M)?.id,
               "aria-disabled": t.disabled,
               class: T([{
-                "button--open": !!e(f),
+                "button--open": !!e(c),
                 [`button--${t.size}`]: !0,
                 "button--disabled": t.disabled
               }, "button"]),
@@ -341,8 +341,8 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
               (...l) => e(k) && e(k)(...l)),
               onClick: d[3] || (d[3] = (l) => e(g)())
             }, [
-              c.$slots.image ? (a(), i("div", be, [
-                b(c.$slots, "image", {}, void 0, !0)
+              f.$slots.image ? (a(), i("div", be, [
+                b(f.$slots, "image", {}, void 0, !0)
               ])) : o("", !0),
               s(e(y), {
                 size: "sm",
@@ -354,7 +354,7 @@ const me = (t) => (ne("data-v-d4f8e790"), t = t(), se(), t), ye = ["tabindex", "
                 _: 1
               }),
               m("div", he, [
-                s(e(A), {
+                s(e(x), {
                   name: "angle-down",
                   "font-size": "sm"
                 })

package/components/dropdown/v3/index.d.ts

@@ -196,7 +196,9 @@ declare const DropdownTypes: () => (({
                 default: boolean;
             };
         }>> & {
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
@@ -213,7 +215,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -370,7 +372,9 @@ declare const DropdownTypes: () => (({
                 default: boolean;
             };
         }>> & {
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
@@ -384,6 +388,8 @@ declare const DropdownTypes: () => (({
             closed: () => void;
             opened: () => void;
             apply: (value: unknown) => void;
+            selectAll: () => void;
+            clear: () => void;
         }, string, {
             title: string;
             theme: string;
@@ -594,7 +600,9 @@ declare const DropdownTypes: () => (({
             default: boolean;
         };
     }>> & {
+        onClear?: () => any;
         onApply?: (value: unknown) => any;
+        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOpened?: () => any;
@@ -761,7 +769,9 @@ declare const DropdownTypes: () => (({
         default: boolean;
     };
 }>> & {
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -775,6 +785,8 @@ declare const DropdownTypes: () => (({
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
 }, string, {
     title: string;
     theme: string;

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

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-71c3ab74"]]);
 export {
   s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, 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";

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

@@ -40,6 +40,8 @@ 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;
     disabledOptionKey?: string;
     theme?: string;
@@ -85,6 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: any;
+    optionEndIconKey: string;
+    optionEndIconType: any;
     valueToCopy: any;
     disabledOptionKey: string;
     fullWidth: boolean;
@@ -99,6 +103,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: unknown;
     selected?: unknown;
@@ -140,6 +146,8 @@ 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;
     disabledOptionKey?: string;
     theme?: string;
@@ -185,13 +193,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: any;
+    optionEndIconKey: string;
+    optionEndIconType: any;
     valueToCopy: any;
     disabledOptionKey: string;
     fullWidth: boolean;
     optionsListWidth: any;
     statusType: any;
 }>>> & {
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -234,6 +246,8 @@ 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;
     disabledOptionKey: string;
     fullWidth: boolean;

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

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_77f8bdb6_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-77f8bdb6"]]);
 export {
   r as default
 };