@ironsource/shared-ui 2.1.12-rc.55 → 2.1.12-rc.57

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 (23) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css +1 -0
  2. package/DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css +1 -0
  4. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  5. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  6. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  7. package/components/dropdown/v4/DropdownV4.vue2.js +68 -64
  8. package/components/dropdown/v4/index.d.ts +20 -1
  9. package/components/table/common/consts.d.ts +2 -0
  10. package/components/table/common/consts.js +6 -4
  11. package/components/table/v4/DataGrid.vue.d.ts +5 -1
  12. package/components/table/v4/DataGrid.vue.js +5 -5
  13. package/components/table/v4/DataGrid.vue2.js +353 -358
  14. package/components/table/v4/DataGridHeader.vue.js +2 -2
  15. package/components/table/v4/DataGridHeader.vue2.js +30 -28
  16. package/components/table/v4/MultipleDataGrid.vue2.js +13 -12
  17. package/components/table/v4/index.d.ts +69 -3
  18. package/components/table/v4/index.js +9 -6
  19. package/index.d.ts +175 -6
  20. package/package.json +1 -1
  21. package/DataGrid.vue_vue_type_style_index_0_scoped_ef67c78e_lang.css +0 -1
  22. package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +0 -1
  23. package/DropdownV4.vue_vue_type_style_index_0_scoped_2d66b7b6_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-cd41c5ca]{position:sticky}.table-container[data-v-cd41c5ca]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-cd41c5ca]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-cd41c5ca]{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-cd41c5ca]{display:inline-table}.table-row[data-v-cd41c5ca]{position:relative}.table-row.loading[data-v-cd41c5ca]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-cd41c5ca]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-cd41c5ca]{border-bottom:none}.expanded-row[data-v-cd41c5ca]{grid-column:var(--38b7f4c1);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-cd41c5ca]{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-cd41c5ca]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-cd41c5ca],table th[data-v-cd41c5ca]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-cd41c5ca]:first-of-type,table th[data-v-cd41c5ca]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-cd41c5ca]:last-of-type,table th[data-v-cd41c5ca]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-cd41c5ca],table th.expand-toggle-cell[data-v-cd41c5ca]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-cd41c5ca]{border-bottom:none;z-index:calc(var(--423d7fe6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-cd41c5ca]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--9b4c490c)}table>thead>tr>th[data-v-cd41c5ca]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-cd41c5ca]{cursor:pointer}table>thead>tr>td[data-v-cd41c5ca]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-cd41c5ca],table>thead>tr>td.bordered[data-v-cd41c5ca]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-cd41c5ca],table>thead>tr>td.bordered.isStickyRight[data-v-cd41c5ca]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-cd41c5ca],table>thead>tr>td.isTextRight[data-v-cd41c5ca]{justify-content:flex-end}table>thead.sticky[data-v-cd41c5ca]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-cd41c5ca]{z-index:calc(var(--423d7fe6) + 2);top:var(--243617e8)}table .totals-row[data-v-cd41c5ca]{height:40px}table .totals-row[data-v-cd41c5ca]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-cd41c5ca]{background-color:var(--background-default)}table>tbody[data-v-cd41c5ca]{display:block}table>tbody>*>tr[data-v-cd41c5ca]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--9b4c490c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-cd41c5ca]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-cd41c5ca],table>tbody>*>tr.activeMenu>td[data-v-cd41c5ca]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-cd41c5ca]{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-cd41c5ca]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-cd41c5ca]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-cd41c5ca]{justify-content:flex-end;text-align:right}.underlined[data-v-cd41c5ca]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-cd41c5ca]:hover{cursor:pointer}.section-container[data-v-cd41c5ca]{left:0}.sections[data-v-cd41c5ca]{display:flex}.section[data-v-cd41c5ca]{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-cd41c5ca]{width:100%}.empty-state[data-v-cd41c5ca]{min-height:250px}.floating-row[data-v-cd41c5ca]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--423d7fe6) + 1)}.floating-row *[data-v-cd41c5ca-s]{pointer-events:auto}.bg[data-v-cd41c5ca]{background:var(--background-default)}.useAvailableHeight[data-v-cd41c5ca]{height:100%}
package/DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css ADDED
@@ -0,0 +1 @@
1
+ .table-header[data-v-0e826456]{display:flex;align-items:center;border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header--standalone[data-v-0e826456]{border:1px solid var(--common-divider);border-top-right-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.table-header .table-title[data-v-0e826456]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-0e826456]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-0e826456]{width:13.75rem}.table-header.isStickyHeader[data-v-0e826456]{z-index:calc(var(--406e82a6) + 3);top:0}.table-header-pre-search-content[data-v-0e826456]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-0e826456]{margin-left:var(--spacing-100);display:flex;align-items:center}
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/common/consts.d.ts CHANGED
@@ -3,3 +3,5 @@ export declare const EXPAND_COL_WIDTH = 46;
3
3
  export declare const CHECKBOX_COL_WIDTH = 46;
4
4
  export declare const CHECKBOX_STICKY_COL_WIDTH = 57;
5
5
  export declare const DEFAULT_ROW_HEIGHT = 48;
6
+ export declare const HEADER_ROW_HEIGHT = 40;
7
+ export declare const DATA_GRID_HEADER_HEIGHT = 63;
package/components/table/common/consts.js CHANGED
@@ -1,8 +1,10 @@
1
- const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57, D = 48;
1
+ const _ = "__CHECKBOX_COLUMN_ID__", H = 46, C = 46, E = 57, D = 48, O = 40, I = 63;
2
2
  export {
3
3
  _ as CHECKBOX_COLUMN_ID,
4
- O as CHECKBOX_COL_WIDTH,
5
- H as CHECKBOX_STICKY_COL_WIDTH,
4
+ C as CHECKBOX_COL_WIDTH,
5
+ E as CHECKBOX_STICKY_COL_WIDTH,
6
+ I as DATA_GRID_HEADER_HEIGHT,
6
7
  D as DEFAULT_ROW_HEIGHT,
7
- C as EXPAND_COL_WIDTH
8
+ H as EXPAND_COL_WIDTH,
9
+ O as HEADER_ROW_HEIGHT
8
10
  };
package/components/table/v4/DataGrid.vue.d.ts CHANGED
@@ -23,6 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
23
23
  defaultScrollPosition?: number;
24
24
  helpTooltipVariant?: "icon" | "underline";
25
25
  testId?: string;
26
+ useAvailableHeight?: boolean;
26
27
  search?: string;
27
28
  showSearch?: boolean;
28
29
  searchPlaceholder?: string;
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
49
50
  defaultScrollPosition: any;
50
51
  helpTooltipVariant: string;
51
52
  testId: string;
53
+ useAvailableHeight: boolean;
52
54
  selection: any;
53
55
  getRowId: (row: any, index: any) => any;
54
56
  getRowKey: (row: any, index: any) => any;
@@ -99,6 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
99
101
  defaultScrollPosition?: number;
100
102
  helpTooltipVariant?: "icon" | "underline";
101
103
  testId?: string;
104
+ useAvailableHeight?: boolean;
102
105
  search?: string;
103
106
  showSearch?: boolean;
104
107
  searchPlaceholder?: string;
@@ -125,6 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
125
128
  defaultScrollPosition: any;
126
129
  helpTooltipVariant: string;
127
130
  testId: string;
131
+ useAvailableHeight: boolean;
128
132
  selection: any;
129
133
  getRowId: (row: any, index: any) => any;
130
134
  getRowKey: (row: any, index: any) => any;
@@ -176,6 +180,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
176
180
  rowCustomClassKey: string;
177
181
  rowDataKey: string;
178
182
  helpTooltipVariant: "icon" | "underline";
183
+ useAvailableHeight: boolean;
179
184
  selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
180
185
  isSelectionSticky: boolean;
181
186
  isSelectionBordered: boolean;
@@ -208,7 +213,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
208
213
  }): any;
209
214
  "empty-state"?(_: {}): any;
210
215
  footer?(_: {}): any;
211
- "side-panel"?(_: {}): any;
212
216
  }>;
213
217
  export default _default;
214
218
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;