@ironsource/shared-ui 2.1.12-test.54 → 2.1.12-test.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_e6cece52_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  4. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  5. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  6. package/components/dropdown/v4/DropdownV4.vue2.js +68 -64
  7. package/components/dropdown/v4/index.d.ts +20 -1
  8. package/components/table/v4/DataGrid.vue.js +5 -5
  9. package/components/table/v4/DataGrid.vue2.js +62 -63
  10. package/index.d.ts +40 -2
  11. package/index.js +1 -1
  12. package/package.json +1 -1
  13. package/DataGrid.vue_vue_type_style_index_0_scoped_6db25923_lang.css +0 -1
  14. package/DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_e6cece52_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-e6cece52]{position:sticky}.table-container[data-v-e6cece52]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-e6cece52]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-e6cece52]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-e6cece52]{display:inline-table}.table-row[data-v-e6cece52]{position:relative}.table-row.loading[data-v-e6cece52]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-e6cece52]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-e6cece52]{border-bottom:none}.expanded-row[data-v-e6cece52]{grid-column:var(--e806cab6);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-e6cece52]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-e6cece52]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-e6cece52],table th[data-v-e6cece52]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-e6cece52]:first-of-type,table th[data-v-e6cece52]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-e6cece52]:last-of-type,table th[data-v-e6cece52]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-e6cece52],table th.expand-toggle-cell[data-v-e6cece52]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-e6cece52]{border-bottom:none;z-index:calc(var(--d6fdbe1e) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-e6cece52]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--470c985e)}table>thead>tr>th[data-v-e6cece52]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-e6cece52]{cursor:pointer}table>thead>tr>td[data-v-e6cece52]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-e6cece52],table>thead>tr>td.bordered[data-v-e6cece52]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-e6cece52],table>thead>tr>td.bordered.isStickyRight[data-v-e6cece52]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-e6cece52],table>thead>tr>td.isTextRight[data-v-e6cece52]{justify-content:flex-end}table>thead.sticky[data-v-e6cece52]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-e6cece52]{z-index:calc(var(--d6fdbe1e) + 2);top:var(--572d2bcc)}table .totals-row[data-v-e6cece52]{height:40px}table .totals-row[data-v-e6cece52]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-e6cece52]{background-color:var(--background-default)}table>tbody[data-v-e6cece52]{display:block}table>tbody>*>tr[data-v-e6cece52]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--470c985e)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-e6cece52]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-e6cece52],table>tbody>*>tr.activeMenu>td[data-v-e6cece52]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-e6cece52]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-e6cece52]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-e6cece52]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-e6cece52]{justify-content:flex-end;text-align:right}.underlined[data-v-e6cece52]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-e6cece52]:hover{cursor:pointer}.section-container[data-v-e6cece52]{left:0}.sections[data-v-e6cece52]{display:flex}.section[data-v-e6cece52]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-e6cece52]{width:100%}.empty-state[data-v-e6cece52]{min-height:250px}.floating-row[data-v-e6cece52]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--d6fdbe1e) + 1)}.floating-row *[data-v-e6cece52-s]{pointer-events:auto}.bg[data-v-e6cece52]{background:var(--background-default)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-a594c97e],.v-leave-active[data-v-a594c97e]{transition:opacity .25s ease}ol[data-v-a594c97e],ul[data-v-a594c97e],menu[data-v-a594c97e]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-a594c97e],.dropdown.full-width .button__container[data-v-a594c97e]{width:100%}.dropdown-list-wrapper[data-v-a594c97e]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-a594c97e]{padding:.5rem}.list-container--multi[data-v-a594c97e]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-a594c97e]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-a594c97e]{width:100%}.inline-search .list-container[data-v-a594c97e]{padding-top:0}.no-result-container[data-v-a594c97e]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-a594c97e]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-a594c97e]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-a594c97e]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-a594c97e]{min-height:0;margin-bottom:0}.image-slot[data-v-a594c97e]{margin-right:.5rem}.actions-wrapper[data-v-a594c97e]{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}.dropdown-footer[data-v-a594c97e]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-a594c97e]{margin-left:.5rem}
package/DropdownV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +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:var(--options-list-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}
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:var(--options-list-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}.dropdown-list-wrapper-always-show-scroll .list-container{overflow-y:scroll;scrollbar-gutter:stable}.dropdown-list-wrapper-always-show-scroll .list-container::-webkit-scrollbar{width:.5rem;background:var(--background-paper-elevation-1)}.dropdown-list-wrapper-always-show-scroll .list-container::-webkit-scrollbar-thumb{background-color:var(--background-paper-elevation-6);border-radius:.25rem}
package/components/dropdown/v4/DropdownV4.vue.d.ts CHANGED
@@ -21,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
21
21
  dynamicFilterMode?: boolean;
22
22
  minSelections?: number;
23
23
  maxSelections?: number;
24
+ alwaysShowScroll?: boolean;
24
25
  isOnTop?: boolean;
25
26
  distance?: number;
26
27
  container?: string;
@@ -100,6 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
100
101
  dynamicFilterMode: boolean;
101
102
  minSelections: number;
102
103
  maxSelections: any;
104
+ alwaysShowScroll: boolean;
103
105
  triggerLabel: string;
104
106
  triggerHelperText: string;
105
107
  triggerFeedbackText: string;
@@ -171,6 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
171
173
  dynamicFilterMode?: boolean;
172
174
  minSelections?: number;
173
175
  maxSelections?: number;
176
+ alwaysShowScroll?: boolean;
174
177
  isOnTop?: boolean;
175
178
  distance?: number;
176
179
  container?: string;
@@ -250,6 +253,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
250
253
  dynamicFilterMode: boolean;
251
254
  minSelections: number;
252
255
  maxSelections: any;
256
+ alwaysShowScroll: boolean;
253
257
  triggerLabel: string;
254
258
  triggerHelperText: string;
255
259
  triggerFeedbackText: string;
@@ -323,6 +327,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
323
327
  dynamicFilterMode: boolean;
324
328
  minSelections: number;
325
329
  maxSelections: number;
330
+ alwaysShowScroll: boolean;
326
331
  isOnTop: boolean;
327
332
  triggerLabel: string;
328
333
  triggerHelperText: string;
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2d66b7b6"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a594c97e"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as ke, computed as B, watch as Te, toRaw as v, openBlock as a, createElementBlock as r, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as we, normalizeClass as x, normalizeStyle as be, createTextVNode as T, createCommentVNode as s, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as ve, renderList as Se, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as ke, computed as B, watch as we, toRaw as S, openBlock as a, createElementBlock as r, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as Te, normalizeClass as x, normalizeStyle as be, createTextVNode as w, createCommentVNode as s, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
2
2
  import N from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
@@ -20,7 +20,7 @@ import { DropdownTestIdModifiers as p } from "../../../testids/index.js";
20
20
  import { dropdownCommon as Fe } from "../common/Dropdown.common.js";
21
21
  import K from "../../skeleton/v4/SkeletonV4.vue.js";
22
22
  import { useTestIdAttrs as Ne } from "../../../utils/testIds.js";
23
- import { TRIGGERS as w } from "./Dropdown.types.js";
23
+ import { TRIGGERS as T } from "./Dropdown.types.js";
24
24
  import { useElementSize as Ve } from "@vueuse/core";
25
25
  import De from "../../shared/FieldHelpText.vue.js";
26
26
  import Pe from "./GroupOption.vue.js";
@@ -63,6 +63,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
63
63
  dynamicFilterMode: { type: Boolean, default: !1 },
64
64
  minSelections: { default: 0 },
65
65
  maxSelections: { default: null },
66
+ alwaysShowScroll: { type: Boolean, default: !0 },
66
67
  isOnTop: { type: Boolean, default: !1 },
67
68
  distance: { default: 0 },
68
69
  container: { default: "body" },
@@ -78,7 +79,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
78
79
  triggerShownValuesCount: { default: 1 },
79
80
  size: { default: "medium" },
80
81
  mandatory: { type: Boolean, default: !1 },
81
- predefinedTrigger: { default: w.DEFAULT },
82
+ predefinedTrigger: { default: T.DEFAULT },
82
83
  inlineSearch: { type: Boolean, default: !1 },
83
84
  inlineSearchPlaceholder: { default: "Search" },
84
85
  onSearch: { type: Function, default: null },
@@ -123,7 +124,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
123
124
  }, {
124
125
  onKeydown: I,
125
126
  open: y,
126
- toggleMenu: S,
127
+ toggleMenu: v,
127
128
  onButtonKeydown: P,
128
129
  query: C,
129
130
  containerProps: _,
@@ -132,13 +133,13 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
132
133
  filteredOptions: oe,
133
134
  allSelected: $,
134
135
  allSelectedApplied: A,
135
- isIndeterminate: ie,
136
+ isIndeterminate: le,
136
137
  onSelectAll: ne,
137
138
  virtualOptions: M,
138
139
  isSelected: O,
139
140
  selectedOption: h,
140
141
  selectedOptionPrevious: L,
141
- selectedValue: le,
142
+ selectedValue: ie,
142
143
  onSelect: R,
143
144
  activeIndex: z,
144
145
  onCancel: ae,
@@ -153,8 +154,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
153
154
  clearAll: me,
154
155
  isGroup: fe,
155
156
  flattenAndMarkGroupOptions: pe
156
- } = Fe(o, V, D), g = Ne(o.testId, p), H = B(() => !o.predefinedTrigger || o.predefinedTrigger === w.DEFAULT ? Ae : o.predefinedTrigger === w.APP ? Ee : null), { width: U } = Ve(W), ge = B(() => o.optionsListWidth ? o.optionsListWidth : !o.predefinedTrigger || o.predefinedTrigger === w.DEFAULT || o.predefinedTrigger === w.APP ? U.value - 2 > 240 ? `${U.value - 2}px` : `${D.DROPLIST_MIN_WIDTH}px` : "auto");
157
- Te(
157
+ } = Fe(o, V, D), g = Ne(o.testId, p), H = B(() => !o.predefinedTrigger || o.predefinedTrigger === T.DEFAULT ? Ae : o.predefinedTrigger === T.APP ? Ee : null), { width: U } = Ve(W), ge = B(() => o.optionsListWidth ? o.optionsListWidth : !o.predefinedTrigger || o.predefinedTrigger === T.DEFAULT || o.predefinedTrigger === T.APP ? U.value - 2 > 240 ? `${U.value - 2}px` : `${D.DROPLIST_MIN_WIDTH}px` : "auto");
158
+ we(
158
159
  () => o.optionsListWidth,
159
160
  () => {
160
161
  o.optionsListWidth && document.documentElement.style.setProperty(
@@ -164,50 +165,50 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
164
165
  }
165
166
  );
166
167
  const Y = () => {
167
- S();
168
+ v();
168
169
  }, X = B(() => {
169
- const i = {
170
+ const l = {
170
171
  tooltipMessage: null,
171
172
  selections: []
172
173
  };
173
174
  if (o.multi && o.comparingKey) {
174
- const l = v(h.value);
175
+ const i = S(h.value);
175
176
  if (o.minSelections || o.maxSelections) {
176
- if (Array.isArray(l) && l.length <= o.minSelections)
177
- return i.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, i.selections = l.map(
177
+ if (Array.isArray(i) && i.length <= o.minSelections)
178
+ return l.tooltipMessage = `You need to select at least ${o.minSelections} item${o.minSelections > 1 ? "s" : ""}`, l.selections = i.map(
178
179
  (n) => n[o.comparingKey]
179
- ), i;
180
- if (o.maxSelections && Array.isArray(l) && l.length >= o.maxSelections) {
181
- const n = l.map(
180
+ ), l;
181
+ if (o.maxSelections && Array.isArray(i) && i.length >= o.maxSelections) {
182
+ const n = i.map(
182
183
  (b) => b[o.comparingKey]
183
184
  ), k = o.groupedOptions ? pe(o.options) : o.options;
184
- return i.tooltipMessage = `You can only select up to ${o.maxSelections} items`, i.selections = k.map((b) => {
185
+ return l.tooltipMessage = `You can only select up to ${o.maxSelections} items`, l.selections = k.map((b) => {
185
186
  if (!n.includes(b[o.comparingKey]))
186
187
  return b[o.comparingKey];
187
- }), i;
188
+ }), l;
188
189
  }
189
190
  }
190
191
  }
191
- return i.tooltipMessage = null, i.selections = [], i;
192
- }), he = (i) => {
192
+ return l.tooltipMessage = null, l.selections = [], l;
193
+ }), he = (l) => {
193
194
  if ((o.minSelections || o.maxSelections) && o.comparingKey)
194
195
  return X.value.selections.includes(
195
- i[o.comparingKey]
196
+ l[o.comparingKey]
196
197
  );
197
- }, E = (i) => i[o.disabledOptionKey] || he(i);
198
+ }, E = (l) => l[o.disabledOptionKey] || he(l);
198
199
  return Z({
199
200
  selectItem: R,
200
201
  scrollTo: se
201
- }), (i, l) => (a(), r("div", m({
202
+ }), (l, i) => (a(), r("div", m({
202
203
  ref_key: "el",
203
204
  ref: ye,
204
205
  class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": e.disabled, "full-width": e.fullWidth }]],
205
206
  tabindex: e.disabled ? -1 : 0
206
207
  }, t(g)[t(p).WRAPPER], {
207
- onKeydown: l[8] || (l[8] = //@ts-ignore
208
+ onKeydown: i[8] || (i[8] = //@ts-ignore
208
209
  (...n) => t(I) && t(I)(...n))
209
210
  }), [
210
- u(i.$slots, "label", {}, void 0, !0),
211
+ u(l.$slots, "label", {}, void 0, !0),
211
212
  f("div", Me, [
212
213
  d(t(xe), m({
213
214
  theme: e.theme,
@@ -228,7 +229,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
228
229
  "auto-size": e.autoSize
229
230
  }, t(g)[t(p).TRIGGER]), {
230
231
  popper: c(() => [
231
- d(we, null, {
232
+ d(Te, null, {
232
233
  default: c(() => [
233
234
  t(y) ? (a(), r("div", {
234
235
  key: 0,
@@ -242,26 +243,29 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
242
243
  }, [
243
244
  t(y) ? (a(), r("div", {
244
245
  key: 0,
245
- class: x(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
246
- onKeydown: l[7] || (l[7] = //@ts-ignore
246
+ class: x(["dropdown-list-wrapper", {
247
+ "dropdown-list-wrapper--multi": e.multi,
248
+ "dropdown-list-wrapper-always-show-scroll": e.alwaysShowScroll
249
+ }]),
250
+ onKeydown: i[7] || (i[7] = //@ts-ignore
247
251
  (...n) => t(I) && t(I)(...n))
248
252
  }, [
249
253
  t(y) && e.inlineSearch ? (a(), r("div", Ge, [
250
- e.withConditions ? u(i.$slots, "dropdown-conditions", { key: 0 }, () => [
254
+ e.withConditions ? u(l.$slots, "dropdown-conditions", { key: 0 }, () => [
251
255
  f("div", He, [
252
256
  d(t(Q), { variant: "body2" }, {
253
257
  default: c(() => [
254
- T("Conditions")
258
+ w("Conditions")
255
259
  ]),
256
260
  _: 1
257
261
  })
258
262
  ])
259
263
  ], !0) : s("", !0),
260
- u(i.$slots, "inline-search", {}, () => [
264
+ u(l.$slots, "inline-search", {}, () => [
261
265
  d(t(Be), {
262
266
  modelValue: t(C),
263
267
  "onUpdate:modelValue": [
264
- l[4] || (l[4] = (n) => Ie(C) ? C.value = n : null),
268
+ i[4] || (i[4] = (n) => Ie(C) ? C.value = n : null),
265
269
  e.onClearSearch
266
270
  ],
267
271
  placeholder: e.inlineSearchPlaceholder,
@@ -273,7 +277,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
273
277
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
274
278
  ], !0)
275
279
  ])) : s("", !0),
276
- u(i.$slots, "input-list", { open: t(y) }, void 0, !0),
280
+ u(l.$slots, "input-list", { open: t(y) }, void 0, !0),
277
281
  f("div", m({
278
282
  class: ["list-container", { "list-container--multi": e.multi }],
279
283
  style: { height: `${t(ee)}rem` }
@@ -281,7 +285,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
281
285
  ...t(_),
282
286
  ...t(g)[t(p).LIST_CONTAINER]
283
287
  }), [
284
- u(i.$slots, "custom-list-area", {}, void 0, !0),
288
+ u(l.$slots, "custom-list-area", {}, void 0, !0),
285
289
  f("ul", m(t(te), {
286
290
  role: "listbox",
287
291
  class: ["list", {
@@ -292,62 +296,62 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
292
296
  !t(oe).length && !e.loading && !e.withConditions ? (a(), r("li", Ue, [
293
297
  d(t(Q), m({ variant: "body2" }, t(g)[t(p).NO_RESULT]), {
294
298
  default: c(() => [
295
- T(q(e.noResultsText), 1)
299
+ w(q(e.noResultsText), 1)
296
300
  ]),
297
301
  _: 1
298
302
  }, 16)
299
303
  ])) : s("", !0),
300
- e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? u(i.$slots, "select-all", { key: 1 }, () => [
304
+ e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length && !(e.minSelections || e.maxSelections) ? u(l.$slots, "select-all", { key: 1 }, () => [
301
305
  f("li", null, [
302
306
  d(t(J), m(
303
307
  {
304
308
  "aria-selected": t($),
305
309
  "aria-disabled": !!e.disabled,
306
310
  "selected-prop": t($),
307
- "is-indeterminate": t(ie),
311
+ "is-indeterminate": t(le),
308
312
  "is-multi": e.multi,
309
313
  "select-all-option": ""
310
314
  },
311
315
  t(g)[t(p).SELECT_ALL],
312
316
  {
313
- onClick: l[5] || (l[5] = j((n) => t(ne)(), ["stop"]))
317
+ onClick: i[5] || (i[5] = j((n) => t(ne)(), ["stop"]))
314
318
  }
315
319
  ), {
316
320
  default: c(() => [
317
- T(" Select all ")
321
+ w(" Select all ")
318
322
  ]),
319
323
  _: 1
320
324
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate", "is-multi"])
321
325
  ])
322
326
  ], !0) : s("", !0),
323
- t(M).length && !e.loading ? (a(!0), r(ve, { key: 2 }, Se(t(M), ({ data: n, index: k }) => (a(), r("li", {
327
+ t(M).length && !e.loading ? (a(!0), r(Se, { key: 2 }, ve(t(M), ({ data: n, index: k }) => (a(), r("li", {
324
328
  key: k,
325
- "aria-selected": t(O)(v(t(h)), n),
329
+ "aria-selected": t(O)(S(t(h)), n),
326
330
  "aria-disabled": !!e.disabled,
327
331
  onClick: j(
328
332
  () => !E(n) && t(R)(n, k),
329
333
  ["stop"]
330
334
  )
331
335
  }, [
332
- e.groupedOptions && t(fe)(n) ? u(i.$slots, "group-option", { key: 0 }, () => [
336
+ e.groupedOptions && t(fe)(n) ? u(l.$slots, "group-option", { key: 0 }, () => [
333
337
  d(Pe, null, {
334
338
  default: c(() => [
335
- T(q(e.displayValue(n) || n[e.optionNameKey]), 1)
339
+ w(q(e.displayValue(n) || n[e.optionNameKey]), 1)
336
340
  ]),
337
341
  _: 2
338
342
  }, 1024)
339
- ], !0) : u(i.$slots, "default", {
343
+ ], !0) : u(l.$slots, "default", {
340
344
  key: 1,
341
345
  option: n,
342
346
  index: k,
343
- selected: t(O)(v(t(h)), n),
344
- active: v(t(z)) === k,
347
+ selected: t(O)(S(t(h)), n),
348
+ active: S(t(z)) === k,
345
349
  disabled: E(n)
346
350
  }, () => [
347
351
  d(t(J), {
348
352
  option: n,
349
353
  "selected-prop": t(O)(t(h), n),
350
- active: v(t(z)) === k,
354
+ active: S(t(z)) === k,
351
355
  disabled: E(n),
352
356
  "name-key": e.optionNameKey,
353
357
  "image-key": e.optionImageKey,
@@ -364,10 +368,10 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
364
368
  "is-multi": e.multi,
365
369
  "min-max-selection-tooltip-message": t(X)?.tooltipMessage
366
370
  }, Ce({ _: 2 }, [
367
- i.$slots["option-end"] ? {
371
+ l.$slots["option-end"] ? {
368
372
  name: "option-end",
369
373
  fn: c(({ option: b }) => [
370
- u(i.$slots, "option-end", { option: b }, void 0, !0)
374
+ u(l.$slots, "option-end", { option: b }, void 0, !0)
371
375
  ]),
372
376
  key: "0"
373
377
  } : void 0
@@ -395,11 +399,11 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
395
399
  },
396
400
  t(g)[t(p).ACTION_CLEAR_ALL],
397
401
  {
398
- onClick: l[6] || (l[6] = () => t(G)(!1))
402
+ onClick: i[6] || (i[6] = () => t(G)(!1))
399
403
  }
400
404
  ), {
401
405
  default: c(() => [
402
- T(" Clear all ")
406
+ w(" Clear all ")
403
407
  ]),
404
408
  _: 1
405
409
  }, 16)) : s("", !0)
@@ -417,7 +421,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
417
421
  { onClick: t(ae) }
418
422
  ), {
419
423
  default: c(() => [
420
- T(" Cancel ")
424
+ w(" Cancel ")
421
425
  ]),
422
426
  _: 1
423
427
  }, 16, ["onClick"]),
@@ -429,14 +433,14 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
429
433
  class: "apply-button"
430
434
  }, t(g)[t(p).ACTION_APPLY], { onClick: t(de) }), {
431
435
  default: c(() => [
432
- T(" Apply ")
436
+ w(" Apply ")
433
437
  ]),
434
438
  _: 1
435
439
  }, 16, ["onClick"])
436
440
  ])
437
441
  ])) : s("", !0),
438
- i.$slots.footer ? (a(), r("div", Qe, [
439
- u(i.$slots, "footer", {}, void 0, !0)
442
+ l.$slots.footer ? (a(), r("div", Qe, [
443
+ u(l.$slots, "footer", {}, void 0, !0)
440
444
  ])) : s("", !0)
441
445
  ], 34)) : s("", !0)
442
446
  ], 6)) : s("", !0)
@@ -456,12 +460,12 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
456
460
  ref_key: "buttonRef",
457
461
  ref: W
458
462
  }, [
459
- u(i.$slots, "dropdown-trigger", {
463
+ u(l.$slots, "dropdown-trigger", {
460
464
  buttonTriggerProps: {
461
465
  open: t(y),
462
466
  disabled: e.disabled,
463
- label: t(le) || e.placeholder,
464
- onClick: () => t(S)(),
467
+ label: t(ie) || e.placeholder,
468
+ onClick: () => t(v)(),
465
469
  testId: e.testId
466
470
  },
467
471
  defaultTriggerProps: {
@@ -523,15 +527,15 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
523
527
  "all-selected": t(A),
524
528
  onKeydown: t(P),
525
529
  onClick: Y,
526
- onCopyToClipboard: l[0] || (l[0] = (n) => V("copyToClipboard"))
530
+ onCopyToClipboard: i[0] || (i[0] = (n) => V("copyToClipboard"))
527
531
  }, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "option-end-icon-key", "option-end-icon-type", "options-end-text-icon-key", "option-flag-key", "feedback-variant", "value-to-copy", "status-dot-type", "size", "show-all-selected-text", "all-selected", "onKeydown"]))
528
532
  ])) : s("", !0),
529
- e.predefinedTrigger === t(w).ICON_BUTTON ? (a(), r("div", ze, [
533
+ e.predefinedTrigger === t(T).ICON_BUTTON ? (a(), r("div", ze, [
530
534
  d(t(Oe), {
531
- onClick: l[1] || (l[1] = (n) => t(S)())
535
+ onClick: i[1] || (i[1] = (n) => t(v)())
532
536
  })
533
537
  ])) : s("", !0),
534
- e.predefinedTrigger === t(w).CHIP ? (a(), r("div", We, [
538
+ e.predefinedTrigger === t(T).CHIP ? (a(), r("div", We, [
535
539
  d(t(Le), {
536
540
  open: t(y),
537
541
  label: e.placeholder,
@@ -542,8 +546,8 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
542
546
  multi: e.multi,
543
547
  "all-selected": t(A),
544
548
  "shown-values-count": e.triggerShownValuesCount,
545
- onClick: l[2] || (l[2] = (n) => t(S)()),
546
- onClear: l[3] || (l[3] = (n) => t(G)())
549
+ onClick: i[2] || (i[2] = (n) => t(v)()),
550
+ onClear: i[3] || (i[3] = (n) => t(G)())
547
551
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected", "shown-values-count"])
548
552
  ])) : s("", !0)
549
553
  ], !0)
package/components/dropdown/v4/index.d.ts CHANGED
@@ -1827,6 +1827,7 @@ declare const DropdownTypes: () => (({
1827
1827
  dynamicFilterMode: boolean;
1828
1828
  minSelections: number;
1829
1829
  maxSelections: number;
1830
+ alwaysShowScroll: boolean;
1830
1831
  isOnTop: boolean;
1831
1832
  triggerLabel: string;
1832
1833
  triggerHelperText: string;
@@ -1982,6 +1983,10 @@ declare const DropdownTypes: () => (({
1982
1983
  type: import("vue").PropType<number>;
1983
1984
  default: any;
1984
1985
  };
1986
+ alwaysShowScroll: {
1987
+ type: import("vue").PropType<boolean>;
1988
+ default: boolean;
1989
+ };
1985
1990
  isOnTop: {
1986
1991
  type: import("vue").PropType<boolean>;
1987
1992
  default: boolean;
@@ -2147,7 +2152,7 @@ declare const DropdownTypes: () => (({
2147
2152
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
2148
2153
  onOpened?: () => any;
2149
2154
  onClosed?: () => any;
2150
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
2155
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "alwaysShowScroll" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
2151
2156
  $attrs: {
2152
2157
  [x: string]: unknown;
2153
2158
  };
@@ -2279,6 +2284,10 @@ declare const DropdownTypes: () => (({
2279
2284
  type: import("vue").PropType<number>;
2280
2285
  default: any;
2281
2286
  };
2287
+ alwaysShowScroll: {
2288
+ type: import("vue").PropType<boolean>;
2289
+ default: boolean;
2290
+ };
2282
2291
  isOnTop: {
2283
2292
  type: import("vue").PropType<boolean>;
2284
2293
  default: boolean;
@@ -2487,6 +2496,7 @@ declare const DropdownTypes: () => (({
2487
2496
  dynamicFilterMode: boolean;
2488
2497
  minSelections: number;
2489
2498
  maxSelections: number;
2499
+ alwaysShowScroll: boolean;
2490
2500
  isOnTop: boolean;
2491
2501
  triggerLabel: string;
2492
2502
  triggerHelperText: string;
@@ -2662,6 +2672,10 @@ declare const DropdownTypes: () => (({
2662
2672
  type: import("vue").PropType<number>;
2663
2673
  default: any;
2664
2674
  };
2675
+ alwaysShowScroll: {
2676
+ type: import("vue").PropType<boolean>;
2677
+ default: boolean;
2678
+ };
2665
2679
  isOnTop: {
2666
2680
  type: import("vue").PropType<boolean>;
2667
2681
  default: boolean;
@@ -2952,6 +2966,10 @@ declare const DropdownTypes: () => (({
2952
2966
  type: import("vue").PropType<number>;
2953
2967
  default: any;
2954
2968
  };
2969
+ alwaysShowScroll: {
2970
+ type: import("vue").PropType<boolean>;
2971
+ default: boolean;
2972
+ };
2955
2973
  isOnTop: {
2956
2974
  type: import("vue").PropType<boolean>;
2957
2975
  default: boolean;
@@ -3160,6 +3178,7 @@ declare const DropdownTypes: () => (({
3160
3178
  dynamicFilterMode: boolean;
3161
3179
  minSelections: number;
3162
3180
  maxSelections: number;
3181
+ alwaysShowScroll: boolean;
3163
3182
  isOnTop: boolean;
3164
3183
  triggerLabel: string;
3165
3184
  triggerHelperText: string;
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import o from "./DataGrid.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6db25923_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6db25923"]]);
1
+ import e from "./DataGrid.vue2.js";
2
+ /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_e6cece52_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e6cece52"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,16 +1,16 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6db25923_lang.css"; import { defineComponent as me, useCssVars as pe, unref as t, useSlots as be, computed as u, openBlock as i, createBlock as C, createSlots as Q, withCtx as h, createElementVNode as m, normalizeStyle as k, normalizeClass as f, isRef as ve, renderSlot as n, createCommentVNode as c, createElementBlock as d, Fragment as x, renderList as $, createVNode as g, createTextVNode as P, toDisplayString as O, mergeProps as L } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_e6cece52_lang.css"; import { defineComponent as me, useCssVars as pe, unref as t, useSlots as be, computed as u, openBlock as i, createBlock as C, createSlots as Q, withCtx as h, createElementVNode as m, mergeProps as $, normalizeStyle as k, normalizeClass as f, isRef as ve, renderSlot as n, createCommentVNode as c, createElementBlock as d, Fragment as x, renderList as R, createVNode as g, createTextVNode as L, toDisplayString as O } from "vue";
2
2
  import V from "../../typography/v4/Typography.vue.js";
3
3
  import Ce from "../../skeleton/v4/SkeletonV4.vue.js";
4
- import xe from "../../emptyState/v4/EmptyStateV4.vue.js";
4
+ import $e from "../../emptyState/v4/EmptyStateV4.vue.js";
5
5
  import X from "../../checkbox/v4/CheckboxV4.vue.js";
6
- import $e from "../../tooltip/v4/TooltipV4.vue.js";
6
+ import xe from "../../tooltip/v4/TooltipV4.vue.js";
7
7
  import "./DataGrid.vue.js";
8
8
  import "./DataGridMenu.vue.js";
9
9
  import "./DataGridRowsCounter.vue.js";
10
10
  import Re from "./DataGridHeader.vue.js";
11
11
  import "./MultipleDataGrid.vue.js";
12
12
  import Te from "./DataGridContainer.vue.js";
13
- import { TableTestIdModifiers as R } from "../../../testids/index.js";
13
+ import { TableTestIdModifiers as T } from "../../../testids/index.js";
14
14
  import { tableCommon as we } from "../common/Table.common.js";
15
15
  import He from "./SortIcon.vue.js";
16
16
  import Ee from "./HelpIcon.vue.js";
@@ -72,24 +72,24 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
72
72
  setup(l, { expose: p, emit: S }) {
73
73
  const a = l;
74
74
  pe((s) => ({
75
- "1d66e282": l.zIndexBase,
76
- c395a914: t(le),
77
- a5378e22: t(z),
78
- f3c227c6: t(ke)
75
+ d6fdbe1e: l.zIndexBase,
76
+ e806cab6: t(le),
77
+ "470c985e": t(z),
78
+ "572d2bcc": t(ke)
79
79
  }));
80
80
  const b = be(), J = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
81
- list: T,
81
+ list: w,
82
82
  containerProps: G,
83
83
  wrapperProps: Z,
84
- activeRow: w,
84
+ activeRow: H,
85
85
  gridColumnTemplate: z,
86
86
  toggleSortOrder: _,
87
- columnsStickyPositions: H,
87
+ columnsStickyPositions: E,
88
88
  hasSearchSlot: ee,
89
89
  containerStyle: te,
90
90
  onScroll: K,
91
91
  savingRows: U,
92
- hasExpandSlot: E,
92
+ hasExpandSlot: B,
93
93
  toggleExpandRow: se,
94
94
  cssExpandGridCol: le,
95
95
  isRowExpanded: D,
@@ -103,23 +103,23 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
103
103
  set: (s) => S("update:search", s)
104
104
  }), de = u(() => a.selection.length || 0), F = u(() => {
105
105
  const s = a.rows.map((o, e) => a.getRowId(o, e));
106
- return !!s.length && s.every((o) => B(o));
107
- }), B = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, ne = (s) => {
108
- B(s) ? (A(
106
+ return !!s.length && s.every((o) => A(o));
107
+ }), A = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, ne = (s) => {
108
+ A(s) ? (I(
109
109
  a.selection.filter(
110
110
  (o) => !a.selectedMatcher(s, o)
111
111
  )
112
- ), S("selectRow", !1)) : (A([...a.selection, s]), S("selectRow", !0));
112
+ ), S("selectRow", !1)) : (I([...a.selection, s]), S("selectRow", !0));
113
113
  }, re = () => {
114
114
  if (F.value)
115
- A([]), S("selectAll", !1);
115
+ I([]), S("selectAll", !1);
116
116
  else {
117
- const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !B(o));
118
- A([...a.selection, ...s]), S("selectAll", !0);
117
+ const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !A(o));
118
+ I([...a.selection, ...s]), S("selectAll", !0);
119
119
  }
120
- }, A = (s) => {
120
+ }, I = (s) => {
121
121
  S("update:selection", s);
122
- }, ce = (s) => !a.isLoading && w.value === s, ue = u(
122
+ }, ce = (s) => !a.isLoading && H.value === s, ue = u(
123
123
  () => a.emptyStateVariant ?? (v.value ? "no-results" : "no-data")
124
124
  ), he = u(
125
125
  () => a.emptyStateSubtitle ? a.emptyStateSubtitle : v.value ? "Search again with different filters" : void 0
@@ -128,7 +128,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
128
128
  sticky: a.isSelectionSticky,
129
129
  bordered: a.isSelectionBordered
130
130
  },
131
- style: a.isSelectionSticky ? H.value[Ie] : null
131
+ style: a.isSelectionSticky ? E.value[Ie] : null
132
132
  })), ye = (s) => ({
133
133
  sticky: s.isSticky,
134
134
  isStickyRight: s.isStickyRight,
@@ -138,25 +138,24 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
138
138
  () => a.columns.map((s) => ye(s))
139
139
  ), fe = (s) => ({
140
140
  minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(s) : a.rowHeight) + "px"
141
- }), I = u(() => T.value.reduce((s, o) => (s[o.index] = fe(o.index), s), {})), { height: Se } = Pe(G.ref), ke = u(() => `${j}px`), ge = u(
141
+ }), P = u(() => w.value.reduce((s, o) => (s[o.index] = fe(o.index), s), {})), { height: Se } = Pe(G.ref), ke = u(() => `${j}px`), ge = u(
142
142
  () => Se.value - q - j
143
143
  );
144
144
  return p({
145
145
  scrollTo: ie
146
146
  }), (s, o) => (i(), C(Te, null, Q({
147
147
  default: h(() => [
148
- m("div", {
149
- class: "table-container",
150
- "data-testid": `${l.testId}-${t(R).CONTAINER}`,
151
- onMouseleave: o[3] || (o[3] = (e) => w.value = null)
152
- }, [
148
+ m("div", $({ class: "table-container" }, s.$attrs, {
149
+ "data-testid": `${l.testId}-${t(T).CONTAINER}`,
150
+ onMouseleave: o[3] || (o[3] = (e) => H.value = null)
151
+ }), [
153
152
  m("table", {
154
153
  ref: t(G).ref,
155
154
  style: k(t(te)),
156
155
  class: f({
157
156
  hasFooter: t(W)
158
157
  }),
159
- "data-testid": `${l.testId}-${t(R).TABLE}`,
158
+ "data-testid": `${l.testId}-${t(T).TABLE}`,
160
159
  onScrollPassive: o[2] || (o[2] = //@ts-ignore
161
160
  (...e) => t(K) && t(K)(...e))
162
161
  }, [
@@ -201,9 +200,9 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
201
200
  }, [
202
201
  m("div", {
203
202
  class: "sections",
204
- "data-testid": `${l.testId}-${t(R).SECTIONS}`
203
+ "data-testid": `${l.testId}-${t(T).SECTIONS}`
205
204
  }, [
206
- (i(!0), d(x, null, $(l.sections, (e) => (i(), d("div", {
205
+ (i(!0), d(x, null, R(l.sections, (e) => (i(), d("div", {
207
206
  key: e.id,
208
207
  class: f(["section-container", { sticky: e.isSticky }])
209
208
  }, [
@@ -214,7 +213,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
214
213
  }, [
215
214
  g(t(V), { variant: "body2" }, {
216
215
  default: h(() => [
217
- P(O(e.title), 1)
216
+ L(O(e.title), 1)
218
217
  ]),
219
218
  _: 2
220
219
  }, 1024)
@@ -225,7 +224,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
225
224
  m("tr", {
226
225
  style: k({ height: `${t(q)}px` })
227
226
  }, [
228
- t(M) ? (i(), d("th", L({
227
+ t(M) ? (i(), d("th", $({
229
228
  key: 0,
230
229
  class: "checkbox-cell"
231
230
  }, t(N)), [
@@ -238,8 +237,8 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
238
237
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
239
238
  ])
240
239
  ], 16)) : c("", !0),
241
- t(E) ? (i(), d("th", Me)) : c("", !0),
242
- (i(!0), d(x, null, $(l.columns, (e, y) => (i(), d("th", {
240
+ t(B) ? (i(), d("th", Me)) : c("", !0),
241
+ (i(!0), d(x, null, R(l.columns, (e, y) => (i(), d("th", {
243
242
  key: e.id,
244
243
  class: f({
245
244
  ...t(Y)[y],
@@ -247,13 +246,13 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
247
246
  [`column-${e.id}`]: !0
248
247
  }),
249
248
  style: k(
250
- e.isSticky ? t(H)[e.id] : null
249
+ e.isSticky ? t(E)[e.id] : null
251
250
  ),
252
251
  onClick: (r) => e.isSortable ? t(_)(e) : null
253
252
  }, [
254
253
  m("div", Ne, [
255
254
  n(s.$slots, `header-${e.id}`, { column: e }, () => [
256
- g(t($e), {
255
+ g(t(xe), {
257
256
  text: e.helpText,
258
257
  disabled: !e.helpText || l.helpTooltipVariant === "icon",
259
258
  placement: e.helpTextPlacement || "top",
@@ -267,7 +266,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
267
266
  })
268
267
  }, {
269
268
  default: h(() => [
270
- P(O(e.title), 1)
269
+ L(O(e.title), 1)
271
270
  ]),
272
271
  _: 2
273
272
  }, 1032, ["class"])
@@ -289,19 +288,19 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
289
288
  ])
290
289
  ], 14, Fe))), 128))
291
290
  ], 4),
292
- l.showTotalsRow && t(T).length > 0 ? (i(), d("tr", Oe, [
293
- t(M) ? (i(), d("td", L({
291
+ l.showTotalsRow && t(w).length > 0 ? (i(), d("tr", Oe, [
292
+ t(M) ? (i(), d("td", $({
294
293
  key: 0,
295
294
  class: "bg"
296
295
  }, t(N)), null, 16)) : c("", !0),
297
- (i(!0), d(x, null, $(l.columns, (e, y) => (i(), d("td", {
296
+ (i(!0), d(x, null, R(l.columns, (e, y) => (i(), d("td", {
298
297
  key: e.id,
299
298
  class: f({
300
299
  ...t(Y)[y],
301
300
  [`total-${e.id}`]: !0
302
301
  }),
303
302
  style: k(
304
- e.isSticky ? t(H)[e.id] : null
303
+ e.isSticky ? t(E)[e.id] : null
305
304
  )
306
305
  }, [
307
306
  n(s.$slots, `total-${e.id}`, { column: e }, () => [
@@ -310,7 +309,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
310
309
  variant: "h6"
311
310
  }, {
312
311
  default: h(() => [
313
- P("Totals")
312
+ L("Totals")
314
313
  ]),
315
314
  _: 1
316
315
  })) : c("", !0)
@@ -319,46 +318,46 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
319
318
  ])) : c("", !0)
320
319
  ], 2),
321
320
  m("tbody", null, [
322
- t(T).length > 0 ? (i(), d("div", L({
321
+ t(w).length > 0 ? (i(), d("div", $({
323
322
  key: 0,
324
323
  class: "table-body-wrapper",
325
- "data-testid": `${l.testId}-${t(R).BODY_WRAPPER}`
324
+ "data-testid": `${l.testId}-${t(T).BODY_WRAPPER}`
326
325
  }, t(Z)), [
327
- (i(!0), d(x, null, $(t(T), (e) => (i(), d("tr", {
326
+ (i(!0), d(x, null, R(t(w), (e) => (i(), d("tr", {
328
327
  key: l.getRowKey(e.data, e.index),
329
328
  class: f(["table-row", {
330
329
  loading: l.isLoading || l.isLoading && !e.data || t(U).includes(e.index),
331
- active: t(w) === e.index,
330
+ active: t(H) === e.index,
332
331
  activeMenu: t(ae) === e.index,
333
- expanded: t(E) && t(D)(e.index),
332
+ expanded: t(B) && t(D)(e.index),
334
333
  [J(e.index)]: !0
335
334
  }]),
336
- style: k(t(I)[e.index]),
337
- onMouseenter: (y) => w.value = e.index,
335
+ style: k(t(P)[e.index]),
336
+ onMouseenter: (y) => H.value = e.index,
338
337
  onClick: (y) => S("clickRow", e.index)
339
338
  }, [
340
- t(M) ? (i(), d("td", L({
339
+ t(M) ? (i(), d("td", $({
341
340
  key: 0,
342
341
  class: "checkbox-cell"
343
342
  }, t(N), {
344
- style: t(I)[e.index]
343
+ style: t(P)[e.index]
345
344
  }), [
346
345
  g(t(X), {
347
- "is-checked": B(l.getRowId(e.data, e.index)),
346
+ "is-checked": A(l.getRowId(e.data, e.index)),
348
347
  "onUpdate:isChecked": (y) => ne(l.getRowId(e.data, e.index))
349
348
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
350
349
  ], 16)) : c("", !0),
351
- t(E) ? (i(), d("td", {
350
+ t(B) ? (i(), d("td", {
352
351
  key: 1,
353
352
  class: "expand-toggle-cell",
354
- style: k(t(I)[e.index])
353
+ style: k(t(P)[e.index])
355
354
  }, [
356
355
  g(Be, {
357
356
  expanded: t(D)(e.index),
358
357
  onClick: (y) => t(se)(e.index, y)
359
358
  }, null, 8, ["expanded", "onClick"])
360
359
  ], 4)) : c("", !0),
361
- (i(!0), d(x, null, $(l.columns, (y, r) => (i(), d("td", {
360
+ (i(!0), d(x, null, R(l.columns, (y, r) => (i(), d("td", {
362
361
  key: r,
363
362
  class: f({
364
363
  sticky: l.columns[r].isSticky,
@@ -368,8 +367,8 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
368
367
  [`column-${l.columns[r].id}`]: !0
369
368
  }),
370
369
  style: k([
371
- l.columns[r].isSticky ? t(H)[l.columns[r].id] : null,
372
- t(I)[e.index]
370
+ l.columns[r].isSticky ? t(E)[l.columns[r].id] : null,
371
+ t(P)[e.index]
373
372
  ])
374
373
  }, [
375
374
  !l.isLoading || l.isLoading && e.data[r] ? (i(), d("div", {
@@ -385,7 +384,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
385
384
  }, () => [
386
385
  g(t(V), { variant: "body1" }, {
387
386
  default: h(() => [
388
- P(O(e.data[r]), 1)
387
+ L(O(e.data[r]), 1)
389
388
  ]),
390
389
  _: 2
391
390
  }, 1024)
@@ -394,7 +393,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
394
393
  g(t(Ce), { round: "" })
395
394
  ])
396
395
  ], 6))), 128)),
397
- t(E) && t(D)(e.index) ? (i(), d("div", Ke, [
396
+ t(B) && t(D)(e.index) ? (i(), d("div", Ke, [
398
397
  n(s.$slots, "expanded", {
399
398
  row: e,
400
399
  gridColumnTemplate: t(z)
@@ -413,13 +412,13 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
413
412
  style: k({ height: `${t(ge)}px` })
414
413
  }, [
415
414
  n(s.$slots, "empty-state", {}, () => [
416
- g(t(xe), {
415
+ g(t($e), {
417
416
  class: "empty-state",
418
417
  title: l.emptyStateTitle,
419
418
  subtitle: t(he),
420
419
  variant: t(ue),
421
420
  "icon-name": "file-search",
422
- "test-id": `${l.testId}-${t(R).EMPTY_STATE}`
421
+ "test-id": `${l.testId}-${t(T).EMPTY_STATE}`
423
422
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
424
423
  ])
425
424
  ], 4))
@@ -428,7 +427,7 @@ const Le = ["data-testid"], Ve = ["data-testid"], De = ["data-testid"], Me = {
428
427
  t(W) ? (i(), d("div", We, [
429
428
  n(s.$slots, "footer")
430
429
  ])) : c("", !0)
431
- ], 40, Le)
430
+ ], 16, Le)
432
431
  ]),
433
432
  _: 2
434
433
  }, [
package/index.d.ts CHANGED
@@ -17115,6 +17115,7 @@ declare const _default: {
17115
17115
  dynamicFilterMode: boolean;
17116
17116
  minSelections: number;
17117
17117
  maxSelections: number;
17118
+ alwaysShowScroll: boolean;
17118
17119
  isOnTop: boolean;
17119
17120
  triggerLabel: string;
17120
17121
  triggerHelperText: string;
@@ -17270,6 +17271,10 @@ declare const _default: {
17270
17271
  type: import("vue").PropType<number>;
17271
17272
  default: any;
17272
17273
  };
17274
+ alwaysShowScroll: {
17275
+ type: import("vue").PropType<boolean>;
17276
+ default: boolean;
17277
+ };
17273
17278
  isOnTop: {
17274
17279
  type: import("vue").PropType<boolean>;
17275
17280
  default: boolean;
@@ -17435,7 +17440,7 @@ declare const _default: {
17435
17440
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
17436
17441
  onOpened?: () => any;
17437
17442
  onClosed?: () => any;
17438
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
17443
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "alwaysShowScroll" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
17439
17444
  $attrs: {
17440
17445
  [x: string]: unknown;
17441
17446
  };
@@ -17567,6 +17572,10 @@ declare const _default: {
17567
17572
  type: import("vue").PropType<number>;
17568
17573
  default: any;
17569
17574
  };
17575
+ alwaysShowScroll: {
17576
+ type: import("vue").PropType<boolean>;
17577
+ default: boolean;
17578
+ };
17570
17579
  isOnTop: {
17571
17580
  type: import("vue").PropType<boolean>;
17572
17581
  default: boolean;
@@ -17775,6 +17784,7 @@ declare const _default: {
17775
17784
  dynamicFilterMode: boolean;
17776
17785
  minSelections: number;
17777
17786
  maxSelections: number;
17787
+ alwaysShowScroll: boolean;
17778
17788
  isOnTop: boolean;
17779
17789
  triggerLabel: string;
17780
17790
  triggerHelperText: string;
@@ -17950,6 +17960,10 @@ declare const _default: {
17950
17960
  type: import("vue").PropType<number>;
17951
17961
  default: any;
17952
17962
  };
17963
+ alwaysShowScroll: {
17964
+ type: import("vue").PropType<boolean>;
17965
+ default: boolean;
17966
+ };
17953
17967
  isOnTop: {
17954
17968
  type: import("vue").PropType<boolean>;
17955
17969
  default: boolean;
@@ -18240,6 +18254,10 @@ declare const _default: {
18240
18254
  type: import("vue").PropType<number>;
18241
18255
  default: any;
18242
18256
  };
18257
+ alwaysShowScroll: {
18258
+ type: import("vue").PropType<boolean>;
18259
+ default: boolean;
18260
+ };
18243
18261
  isOnTop: {
18244
18262
  type: import("vue").PropType<boolean>;
18245
18263
  default: boolean;
@@ -18448,6 +18466,7 @@ declare const _default: {
18448
18466
  dynamicFilterMode: boolean;
18449
18467
  minSelections: number;
18450
18468
  maxSelections: number;
18469
+ alwaysShowScroll: boolean;
18451
18470
  isOnTop: boolean;
18452
18471
  triggerLabel: string;
18453
18472
  triggerHelperText: string;
@@ -21970,6 +21989,7 @@ declare const _default: {
21970
21989
  dynamicFilterMode: boolean;
21971
21990
  minSelections: number;
21972
21991
  maxSelections: number;
21992
+ alwaysShowScroll: boolean;
21973
21993
  isOnTop: boolean;
21974
21994
  triggerLabel: string;
21975
21995
  triggerHelperText: string;
@@ -22125,6 +22145,10 @@ declare const _default: {
22125
22145
  type: import("vue").PropType<number>;
22126
22146
  default: any;
22127
22147
  };
22148
+ alwaysShowScroll: {
22149
+ type: import("vue").PropType<boolean>;
22150
+ default: boolean;
22151
+ };
22128
22152
  isOnTop: {
22129
22153
  type: import("vue").PropType<boolean>;
22130
22154
  default: boolean;
@@ -22290,7 +22314,7 @@ declare const _default: {
22290
22314
  onUnsavedSelectionUpdate?: (value: unknown[]) => any;
22291
22315
  onOpened?: () => any;
22292
22316
  onClosed?: () => any;
22293
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
22317
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "alwaysShowScroll" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
22294
22318
  $attrs: {
22295
22319
  [x: string]: unknown;
22296
22320
  };
@@ -22422,6 +22446,10 @@ declare const _default: {
22422
22446
  type: import("vue").PropType<number>;
22423
22447
  default: any;
22424
22448
  };
22449
+ alwaysShowScroll: {
22450
+ type: import("vue").PropType<boolean>;
22451
+ default: boolean;
22452
+ };
22425
22453
  isOnTop: {
22426
22454
  type: import("vue").PropType<boolean>;
22427
22455
  default: boolean;
@@ -22630,6 +22658,7 @@ declare const _default: {
22630
22658
  dynamicFilterMode: boolean;
22631
22659
  minSelections: number;
22632
22660
  maxSelections: number;
22661
+ alwaysShowScroll: boolean;
22633
22662
  isOnTop: boolean;
22634
22663
  triggerLabel: string;
22635
22664
  triggerHelperText: string;
@@ -22805,6 +22834,10 @@ declare const _default: {
22805
22834
  type: import("vue").PropType<number>;
22806
22835
  default: any;
22807
22836
  };
22837
+ alwaysShowScroll: {
22838
+ type: import("vue").PropType<boolean>;
22839
+ default: boolean;
22840
+ };
22808
22841
  isOnTop: {
22809
22842
  type: import("vue").PropType<boolean>;
22810
22843
  default: boolean;
@@ -23095,6 +23128,10 @@ declare const _default: {
23095
23128
  type: import("vue").PropType<number>;
23096
23129
  default: any;
23097
23130
  };
23131
+ alwaysShowScroll: {
23132
+ type: import("vue").PropType<boolean>;
23133
+ default: boolean;
23134
+ };
23098
23135
  isOnTop: {
23099
23136
  type: import("vue").PropType<boolean>;
23100
23137
  default: boolean;
@@ -23303,6 +23340,7 @@ declare const _default: {
23303
23340
  dynamicFilterMode: boolean;
23304
23341
  minSelections: number;
23305
23342
  maxSelections: number;
23343
+ alwaysShowScroll: boolean;
23306
23344
  isOnTop: boolean;
23307
23345
  triggerLabel: string;
23308
23346
  triggerHelperText: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.54",
3
+ "version": "2.1.12-test.55",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DataGrid.vue_vue_type_style_index_0_scoped_6db25923_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-6db25923]{position:sticky}.table-container[data-v-6db25923]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-6db25923]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-6db25923]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-6db25923]{display:inline-table}.table-row[data-v-6db25923]{position:relative}.table-row.loading[data-v-6db25923]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-6db25923]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-6db25923]{border-bottom:none}.expanded-row[data-v-6db25923]{grid-column:var(--c395a914);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-6db25923]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-6db25923]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-6db25923],table th[data-v-6db25923]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-6db25923]:first-of-type,table th[data-v-6db25923]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-6db25923]:last-of-type,table th[data-v-6db25923]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-6db25923],table th.expand-toggle-cell[data-v-6db25923]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-6db25923]{border-bottom:none;z-index:calc(var(--1d66e282) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-6db25923]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--a5378e22)}table>thead>tr>th[data-v-6db25923]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-6db25923]{cursor:pointer}table>thead>tr>td[data-v-6db25923]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-6db25923],table>thead>tr>td.bordered[data-v-6db25923]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-6db25923],table>thead>tr>td.bordered.isStickyRight[data-v-6db25923]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-6db25923],table>thead>tr>td.isTextRight[data-v-6db25923]{justify-content:flex-end}table>thead.sticky[data-v-6db25923]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-6db25923]{z-index:calc(var(--1d66e282) + 2);top:var(--f3c227c6)}table .totals-row[data-v-6db25923]{height:40px}table .totals-row[data-v-6db25923]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-6db25923]{background-color:var(--background-default)}table>tbody[data-v-6db25923]{display:block}table>tbody>*>tr[data-v-6db25923]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--a5378e22)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-6db25923]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-6db25923],table>tbody>*>tr.activeMenu>td[data-v-6db25923]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-6db25923]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-6db25923]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-6db25923]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-6db25923]{justify-content:flex-end;text-align:right}.underlined[data-v-6db25923]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-6db25923]:hover{cursor:pointer}.section-container[data-v-6db25923]{left:0}.sections[data-v-6db25923]{display:flex}.section[data-v-6db25923]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-6db25923]{width:100%}.empty-state[data-v-6db25923]{min-height:250px}.floating-row[data-v-6db25923]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--1d66e282) + 1)}.floating-row *[data-v-6db25923-s]{pointer-events:auto}.bg[data-v-6db25923]{background:var(--background-default)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-2d66b7b6],.v-leave-active[data-v-2d66b7b6]{transition:opacity .25s ease}ol[data-v-2d66b7b6],ul[data-v-2d66b7b6],menu[data-v-2d66b7b6]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-2d66b7b6],.dropdown.full-width .button__container[data-v-2d66b7b6]{width:100%}.dropdown-list-wrapper[data-v-2d66b7b6]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-2d66b7b6]{padding:.5rem}.list-container--multi[data-v-2d66b7b6]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-2d66b7b6]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-2d66b7b6]{width:100%}.inline-search .list-container[data-v-2d66b7b6]{padding-top:0}.no-result-container[data-v-2d66b7b6]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-2d66b7b6]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-2d66b7b6]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-2d66b7b6]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-2d66b7b6]{min-height:0;margin-bottom:0}.image-slot[data-v-2d66b7b6]{margin-right:.5rem}.actions-wrapper[data-v-2d66b7b6]{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}.dropdown-footer[data-v-2d66b7b6]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-2d66b7b6]{margin-left:.5rem}