@ironsource/shared-ui 2.1.10-rc.2 → 2.1.10-rc.3

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-49bd7193]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-49bd7193]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-49bd7193]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-49bd7193]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-49bd7193]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-49bd7193]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-49bd7193]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-49bd7193]{cursor:auto}.chip-trigger--content[data-v-49bd7193]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-49bd7193]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-49bd7193]:hover{color:var(--primary-darker)}.chip-trigger--icon[data-v-49bd7193]{color:var(--action-active)}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css

@@ -0,0 +1 @@
+.default-dropdown-wrapper[data-v-9fa84b26]{position:relative}.dropdown-trigger[data-v-9fa84b26]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.25rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-9fa84b26]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-9fa84b26]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-9fa84b26]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-9fa84b26]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-9fa84b26],.dropdown-trigger.disabled .caret-down[data-v-9fa84b26]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-9fa84b26]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-9fa84b26]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-9fa84b26]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-9fa84b26],.dropdown-trigger.state-success[data-v-9fa84b26],.dropdown-trigger.state-warning[data-v-9fa84b26]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-9fa84b26],.dropdown-trigger.state-success.small[data-v-9fa84b26],.dropdown-trigger.state-warning.small[data-v-9fa84b26]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-9fa84b26],.dropdown-trigger.state-success.large[data-v-9fa84b26],.dropdown-trigger.state-warning.large[data-v-9fa84b26]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-9fa84b26]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-9fa84b26]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-9fa84b26]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-9fa84b26]{color:var(--action-active)}.content[data-v-9fa84b26]{display:flex;flex:1;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-9fa84b26]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-9fa84b26]{width:20px;height:20px;flex:none}.content .image img[data-v-9fa84b26]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-9fa84b26]{display:flex;color:var(--action-active)}.content .status-dot[data-v-9fa84b26]{padding-right:.25rem}.content .status-dot>div[data-v-9fa84b26]{position:relative;top:-1px}.dropdown-field-label[data-v-9fa84b26]{color:var(--text-primary)}.dropdown-field-help-text[data-v-9fa84b26]{margin-top:4px;position:absolute}.flag[data-v-9fa84b26]{width:16px;height:16px}.flag img[data-v-9fa84b26]{width:16px;height:16px;border-radius:50%}

package/DropdownV4.vue_vue_type_style_index_0_scoped_899679d0_lang.css

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

package/DropdownV4.vue_vue_type_style_index_1_lang.css

@@ -1 +1 @@
-.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}
+.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}.loader>div{margin:7px 0}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_69c40021_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-69c40021]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-69c40021]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-69c40021]{position:sticky;top:0;z-index:calc(var(--306dba92) + 3)}.multi-table-container[data-v-69c40021] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-69c40021] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-69c40021] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-69c40021]{min-height:250px}.multi-table-container .table-header-right[data-v-69c40021]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-69c40021]{align-items:center;display:flex;margin-left:var(--spacing-100)}

package/OptionV4.vue_vue_type_style_index_0_scoped_f61be399_lang.css

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

package/components/dropdown/common/Dropdown.common.d.ts

@@ -23,6 +23,7 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
     }>;
     filteredOptions: import("vue").ComputedRef<any>;
     allSelected: import("vue").ComputedRef<boolean>;
+    allSelectedApplied: Ref<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     onSelectAll: () => void;
     virtualOptions: Ref<UseVirtualListItem<unknown>[]>;

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

@@ -1,81 +1,83 @@
-import { useToggle as ke } from "../../../composables/useToggle.js";
-import { inject as Ve, ref as n, computed as i, watch as m, useSlots as _e, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
-import { isObjectInArray as Z } from "../../../utils/array.js";
+import { useToggle as Ve } from "../../../composables/useToggle.js";
+import { inject as _e, ref as i, computed as r, watch as b, useSlots as Ke, toRaw as P, nextTick as N, provide as Ge, onMounted as He } from "vue";
+import { isObjectInArray as ee } from "../../../utils/array.js";
 import { objectsEqual as Be } from "../../../utils/object.js";
-import { useClamp as Le, useVirtualList as Ue, onClickOutside as F } from "@vueuse/core";
-import { Mode as T, Type as V, DropdownContext as qe } from "./DropdownContext.js";
-import { pxToRem as Ke } from "../../../utils/style.js";
-import { useEditableContext as $e } from "../../table-cells/common/EditableContext.js";
-import { useGroupedOptions as je } from "./useGroupedOptions.js";
-const el = (l, A, b) => {
-  const ee = Ve("isTreeDropdown", !1), {
-    sortOutGroups: _,
-    flattenAndMarkGroupOptions: le,
-    isGroup: G,
-    selectAllWithGroups: te,
-    isIndeterminateGrouped: ae,
-    allSelectedGrouped: ue,
-    areAllPreviousSelected: ne
-  } = je(l), ie = (e, t) => l.multi ? Z(e, t) : P(e) === t;
-  let H;
+import { useClamp as Le, useVirtualList as Ue, onClickOutside as le } from "@vueuse/core";
+import { Mode as T, Type as K, DropdownContext as qe } from "./DropdownContext.js";
+import { pxToRem as $e } from "../../../utils/style.js";
+import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
+import { useGroupedOptions as Xe } from "./useGroupedOptions.js";
+const ll = (l, m, A) => {
+  const te = _e("isTreeDropdown", !1), {
+    sortOutGroups: G,
+    flattenAndMarkGroupOptions: ae,
+    isGroup: H,
+    selectAllWithGroups: ue,
+    isIndeterminateGrouped: ne,
+    allSelectedGrouped: ie,
+    areAllPreviousSelected: re
+  } = Xe(l), oe = (e, t) => l.multi ? l.comparingKey ? e.findIndex(
+    (n) => n[l.comparingKey] === t[l.comparingKey]
+  ) > -1 : ee(e, t) : l.comparingKey ? e[l.comparingKey] === t[l.comparingKey] : P(e) === t;
+  let B;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
-  })(H || (H = {}));
-  const a = n(
+  })(B || (B = {}));
+  const a = i(
     l.selected
-  ), R = $e(), u = i({
+  ), R = je(), u = r({
     get() {
       return R?.value?.value ?? a.value;
     },
     set(e) {
-      R.onChange?.(e), R.onClose?.(), A("update:selected", e);
+      R.onChange?.(e), R.onClose?.(), m("update:selected", e);
     }
   });
-  m(
+  b(
     () => l.selected,
     () => {
       a.value = l.selected, c.value = l.selected;
     }
   );
-  const re = _e(), w = n(null), h = n(null), B = n(null), E = n(null), L = n(null), I = n(null), oe = n(), U = n(null), q = n(null), K = n(null), se = 8, ce = i(() => I.value ? I.value.getBoundingClientRect().height + se + l.distance : 0), d = n([]), x = n(-1), y = n(""), c = n(l.selected || []), $ = () => I.value?.focus(), [f, ve, de] = ke({
+  const se = Ke(), w = i(null), y = i(null), L = i(null), E = i(null), U = i(null), I = i(null), ce = i(), q = i(null), $ = i(null), j = i(null), ve = 8, de = r(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), X = i(!1), d = i([]), x = i(-1), h = i(""), c = i(l.selected || []), z = () => I.value?.focus(), [f, fe, ge] = Ve({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
-  m(
+  b(
     () => l.disabled,
     (e) => {
-      e !== void 0 && de(e);
+      e !== void 0 && ge(e);
     }
   );
-  const j = (e) => {
-    fe.value = ve(e);
-  }, fe = i({
+  const W = (e) => {
+    ye.value = fe(e);
+  }, ye = r({
     get() {
       return l.isOpen;
     },
     set(e) {
-      A("update:isOpen", e);
+      m("update:isOpen", e);
     }
-  }), ge = i(() => r.value.length - 1), v = Le(0, 0, ge), X = i(() => u.value ? l.displayValue(u.value) : ""), he = (e) => {
+  }), he = r(() => o.value.length - 1), v = Le(0, 0, he), J = r(() => u.value ? l.displayValue(u.value) : ""), Oe = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
     return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, ye = i(() => {
+  }, Se = r(() => {
     if (!l.multi)
       return u.value ? l.displayValue(u.value) : l.placeholder;
     if (Array.isArray(a.value))
-      return he(a);
-  }), p = i(() => {
+      return Oe(a);
+  }), M = r(() => {
     if (Array.isArray(a.value))
-      return l.groupedOptions ? ue(r, a) : a.value.length === r.value.length;
-  }), Oe = i(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ae(
-    r,
+      return l.groupedOptions ? ie(o, a) : a.value.length === o.value.length;
+  }), me = r(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? ne(
+    o,
     a
-  ) : a.value.length > 0 && a.value.length < r.value.length), M = (e) => {
-    y.value = e;
-  }, D = i(() => l.groupedOptions ? le(l.options) : l.options), Se = i(() => {
-    if (ne(
+  ) : a.value.length > 0 && a.value.length < o.value.length), k = (e) => {
+    h.value = e;
+  }, D = r(() => l.groupedOptions ? ae(l.options) : l.options), Ae = r(() => {
+    if (re(
       D,
       c
     ))
@@ -84,97 +86,99 @@ const el = (l, A, b) => {
       selected: [],
       notSelected: []
     };
-    P(D).value.forEach((s) => {
-      const g = c.value.includes(s) ? "selected" : "notSelected";
-      e[g].push(s);
+    P(D).value.forEach((n) => {
+      const g = (l.comparingKey ? c.value.findIndex(
+        (_) => _[l.comparingKey] === n[l.comparingKey]
+      ) > -1 : c.value.includes(n)) ? "selected" : "notSelected";
+      e[g].push(n);
     });
-    const t = l.groupedOptions ? _(e.notSelected) : e.notSelected;
+    const t = l.groupedOptions ? G(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
-  }), r = i(() => {
-    const e = Array.isArray(c.value) && l.multi && b.VERSION === 4 && !ee ? Se.value : D.value;
+  }), o = r(() => {
+    const e = Array.isArray(c.value) && l.multi && A.VERSION === 4 && !te ? Ae.value : D.value;
     if (l.onSearch) {
-      const t = e.filter((s) => l.groupedOptions && G(s) ? s : l.onSearch(s, y.value));
-      return l.groupedOptions ? _(t) : t;
+      const t = e.filter((n) => l.groupedOptions && H(n) ? n : l.onSearch(n, h.value));
+      return l.groupedOptions ? G(t) : t;
     } else
       return e;
-  }), Ae = i(() => d.value[0]?.hasSubtitle), z = i(() => o.mode === T.Multi), W = i(
-    () => Ae.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
+  }), be = r(() => d.value[0]?.hasSubtitle), Q = r(() => s.mode === T.Multi), Y = r(
+    () => be.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
-    list: J,
-    containerProps: Q,
-    wrapperProps: be,
+    list: Z,
+    containerProps: F,
+    wrapperProps: Pe,
     scrollTo: C
-  } = Ue(r, {
-    itemHeight: W.value,
+  } = Ue(o, {
+    itemHeight: Y.value,
     overscan: l.disableVirtualScroll ? 1 / 0 : 2
   });
-  m(
+  b(
     () => l.isOpen,
     (e) => {
-      j(e);
+      W(e);
     }
-  ), m([x], async () => {
+  ), b([x], async () => {
     await N();
-  }), m(
+  }), b(
     [f, v, x],
     async ([e], [t]) => {
       f.value && (await N(), x.value !== -1 && e !== t && setTimeout(() => {
-        l.multi && b.VERSION === 4 || C(x.value);
+        l.multi && A.VERSION === 4 || C(x.value);
       }), v.value && setTimeout(() => {
         C(v.value);
       }));
     }
-  ), m(y, () => {
-    A("onsearch", y.value), C(0);
+  ), b(h, () => {
+    m("onsearch", h.value), C(0);
   });
   const O = (e, t = !1) => {
-    l.disabled || (j(e), N(() => {
-      f.value && A("opened"), f.value || A("closed"), w.value && t && w.value.focus();
+    l.disabled || (W(e), N(() => {
+      f.value && m("opened"), f.value || m("closed"), w.value && t && w.value.focus();
     }));
   };
-  m(f, (e) => {
+  b(f, (e) => {
     if (e) {
-      y.value = "", z.value && Array.isArray(u.value) && (c.value = P(u.value).slice());
+      h.value = "", Q.value && Array.isArray(u.value) && (c.value = P(u.value).slice());
       return;
     }
-    $();
+    z();
   });
-  const me = () => {
-    if (p.value) {
+  const Te = () => {
+    if (M.value) {
       a.value = [];
       return;
     }
     if (Array.isArray(a.value)) {
       if (l.groupedOptions)
-        te(r, a);
+        ue(o, a);
       else {
-        if (a.value.length === r.value.length) {
+        if (a.value.length === o.value.length) {
           a.value = [];
           return;
         }
-        a.value = r.value;
+        a.value = o.value;
       }
-      A("selectAll");
+      m("selectAll");
     }
-  }, Pe = () => {
-    me(), b.VERSION !== 4 && (u.value = a.value);
-  }, Te = (e = !0) => {
-    a.value = [], e && (u.value = [], c.value = []), A("clear");
-  }, k = (e, t) => {
+  }, we = () => {
+    Te(), A.VERSION !== 4 && (u.value = a.value);
+  }, Ie = (e = !0) => {
+    a.value = [], e && (u.value = [], c.value = []), m("clear");
+  }, V = (e, t) => {
     if (e = P(e), d.value[t]?.disabled)
       return;
-    if (x.value = t, o.mode !== T.Multi) {
-      l.keepOpen || O(!1), o.goToOption(
+    if (x.value = t, s.mode !== T.Multi) {
+      l.keepOpen || O(!1), s.goToOption(
         0
         /* None */
-      ), u.value = e, M(""), $(), o.type === V.Search && h.value && (h.value.value = l.displayValue(e));
+      ), u.value = e, k(""), z(), s.type === K.Search && y.value && (y.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
       return;
-    h.value?.focus();
+    y.value?.focus();
     const S = P(a.value);
-    if (Z(S, e)) {
+    if (ee(S, e)) {
       a.value = S.filter(
         (g) => !Be(g, e)
       );
@@ -183,86 +187,86 @@ const el = (l, A, b) => {
       a.value = [...S, e];
       return;
     }
-  }, we = (e) => d.value[e]?.disabled, o = {
+  }, xe = (e) => d.value[e]?.disabled, s = {
     activeIndex: v,
     options: d,
     selectedOption: u,
-    labelRef: L,
+    labelRef: U,
     activeOption: E,
     listRef: w,
     clearable: l.clearable,
-    type: re.input ? V.Search : V.Dropdown,
+    type: se.input ? K.Search : K.Dropdown,
     mode: l.multi ? T.Multi : T.Single,
-    query: y,
-    selectedValue: X,
+    query: h,
+    selectedValue: J,
     toggle: O,
     disabled: l.disabled,
     open: f,
     mandatory: l.mandatory,
     size: l.size,
     placeholder: l.placeholder,
-    select: k,
+    select: V,
     clearSelection: () => {
-      M(""), u.value = o.mode === T.Single ? null : [], c.value = o.mode === T.Single ? null : [], h.value && (h.value.value = "");
+      k(""), u.value = s.mode === T.Single ? null : [], c.value = s.mode === T.Single ? null : [], y.value && (y.value.value = "");
     },
-    search: M,
+    search: k,
     goToOption: async (e) => {
       if (!f.value)
         return;
       let t = v.value + e;
-      const s = d.value.filter(
+      const n = d.value.filter(
         (g) => g.disabled
-      ).length, S = r.value.length - s;
+      ).length, S = o.value.length - n;
       for (t > S && (t = S + 1); ; ) {
         if (!d.value[t]?.disabled) {
-          E.value = r.value[t], v.value = t;
+          E.value = o.value[t], v.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!we(v.value)) {
-          E.value = r.value[t], v.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!xe(v.value)) {
+          E.value = o.value[t], v.value = t;
           return;
         }
       }
     },
     registerInput: (e) => {
-      h.value = e.value;
+      y.value = e.value;
     },
-    registerOption: (e, t, s) => {
-      d.value = [...d.value, { id: e, disabled: t, hasSubtitle: s }];
+    registerOption: (e, t, n) => {
+      d.value = [...d.value, { id: e, disabled: t, hasSubtitle: n }];
     },
     unRegisterOption(e) {
       d.value = d.value.filter((t) => t.id !== e);
     }
   };
-  Ge(qe, o), F(
+  Ge(qe, s), le(
     w,
     () => {
-      f.value && Y();
+      f.value && p();
     },
     {
       ignore: [
         I,
-        U,
         q,
-        K,
-        h,
-        Q.ref
+        $,
+        j,
+        y,
+        F.ref
       ]
     }
   );
-  const Ie = () => {
-    h.value && (h.value.value = o.query.value = "");
+  const De = () => {
+    y.value && (y.value.value = s.query.value = "");
   };
   He(async () => {
     l.autoFocus && (await N(), setTimeout(() => {
-      B.value.focus();
-    })), o.goToOption(0);
+      L.value.focus();
+    })), s.goToOption(0);
   });
-  const xe = () => {
-    u.value = a.value, Array.isArray(u.value) && (c.value = P(u.value).slice()), A("apply", u.value), O(!1), Ie();
-  }, Y = () => {
-    z.value && Array.isArray(c.value) && (u.value = P(c.value).slice()), y.value = "", O(!1);
-  }, De = (e) => {
+  const Ce = () => {
+    X.value = M.value, u.value = a.value, Array.isArray(u.value) && (c.value = P(u.value).slice()), m("apply", u.value), O(!1), De();
+  }, p = () => {
+    Q.value && Array.isArray(c.value) && (u.value = P(c.value).slice()), h.value = "", O(!1);
+  }, Ne = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "Space":
@@ -271,18 +275,18 @@ const el = (l, A, b) => {
         case "ArrowDown":
           O(!0), e.preventDefault();
       }
-  }, Ce = (e) => {
+  }, Re = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "ArrowUp": {
-          o.goToOption(
+          s.goToOption(
             -1
             /* Previous */
           ), e.preventDefault(), e.stopPropagation();
           break;
         }
         case "ArrowDown": {
-          o.goToOption(
+          s.goToOption(
             1
             /* Next */
           ), e.preventDefault(), e.stopPropagation();
@@ -293,14 +297,14 @@ const el = (l, A, b) => {
           break;
         }
         case "PageUp": {
-          o.goToOption(
+          s.goToOption(
             10
             /* NextPage */
           ), e.preventDefault();
           break;
         }
         case "PageDown": {
-          o.goToOption(
+          s.goToOption(
             -10
             /* PrevPage */
           ), e.preventDefault();
@@ -311,58 +315,61 @@ const el = (l, A, b) => {
             O(!0);
             return;
           }
-          k(r.value[v.value], v.value), o.mode === T.Single && !l.keepOpen && O(!1), e.preventDefault();
+          V(o.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && O(!1), e.preventDefault();
           break;
         }
       }
-  }, Ne = i(() => {
-    const e = J.value.reduce((Re, Ee) => {
-      const Me = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Ee.data) : 1;
-      return Re + Me;
-    }, 0), t = l.multi && l.showSelectAll && !y.value ? 1 : 0, s = e > b.MAX_NUMBER_OF_OPTIONS, S = e + t;
-    let g = s ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
-    return l.noResultsText && g === 0 && (g = g + 1), Ke(
-      g * W.value + b.PADDING_PX
+  }, Ee = r(() => {
+    if (l.loading)
+      return 8.5;
+    const e = Z.value.reduce((_, Me) => {
+      const ke = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Me.data) : 1;
+      return _ + ke;
+    }, 0), t = l.multi && l.showSelectAll && !h.value ? 1 : 0, n = e > A.MAX_NUMBER_OF_OPTIONS, S = e + t;
+    let g = n ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
+    return l.noResultsText && g === 0 && (g = g + 1), $e(
+      g * Y.value + A.PADDING_PX
     );
   });
   return {
-    onKeydown: Ce,
-    location: ce,
+    onKeydown: Re,
+    location: de,
     open: f,
     toggleMenu: O,
-    onButtonKeydown: De,
-    displayedValue: ye,
-    labelRef: L,
-    query: y,
-    containerProps: Q,
-    calculateTableHeight: Ne,
-    wrapperProps: be,
-    filteredOptions: r,
-    allSelected: p,
-    isIndeterminate: Oe,
-    onSelectAll: Pe,
-    virtualOptions: J,
-    isSelected: ie,
+    onButtonKeydown: Ne,
+    displayedValue: Se,
+    labelRef: U,
+    query: h,
+    containerProps: F,
+    calculateTableHeight: Ee,
+    wrapperProps: Pe,
+    filteredOptions: o,
+    allSelected: M,
+    allSelectedApplied: X,
+    isIndeterminate: me,
+    onSelectAll: we,
+    virtualOptions: Z,
+    isSelected: oe,
     selectedOption: u,
     selectedOptionPrevious: c,
-    selectedValue: X,
-    onSelect: k,
+    selectedValue: J,
+    onSelect: V,
     activeIndex: v,
-    onCancel: Y,
-    onApply: xe,
+    onCancel: p,
+    onApply: Ce,
     scrollTo: C,
-    onClickOutside: F,
+    onClickOutside: le,
     listRef: w,
     buttonRef: I,
-    apply: U,
-    cancel: q,
-    el: B,
-    triggerRef: oe,
-    clearAll: K,
-    onClearAllSelections: Te,
-    isGroup: G
+    apply: q,
+    cancel: $,
+    el: L,
+    triggerRef: ce,
+    clearAll: j,
+    onClearAllSelections: Ie,
+    isGroup: H
   };
 };
 export {
-  el as dropdownCommon
+  ll as dropdownCommon
 };

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

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     feedbackVariant?: string;
     displayedValue: any;
+    allSelected?: boolean;
     options: unknown[];
     selectedOption: unknown | unknown[];
     displayValue: (option: unknown) => string;
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     feedbackVariant: string;
     displayedValue: string;
+    allSelected: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -25,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     feedbackVariant?: string;
     displayedValue: any;
+    allSelected?: boolean;
     options: unknown[];
     selectedOption: unknown | unknown[];
     displayValue: (option: unknown) => string;
@@ -36,6 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     feedbackVariant: string;
     displayedValue: string;
+    allSelected: boolean;
 }>>> & {
     onClear?: () => any;
 }, {
@@ -44,6 +48,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     open: boolean;
     feedbackVariant: string;
+    allSelected: boolean;
     displayedValue: any;
 }>;
 export default _default;

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

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