@ironsource/shared-ui 2.1.12-rc.0 → 2.1.12-rc.2

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 (34) hide show
  1. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css +1 -0
  3. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css +1 -0
  4. package/DataGrid.vue_vue_type_style_index_0_scoped_020072b0_lang.css +1 -0
  5. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css +1 -0
  6. package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +1 -0
  7. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  8. package/components/chart/Chart.vue.js +3 -3
  9. package/components/chart/Chart.vue2.js +2 -2
  10. package/components/dropdown/common/Dropdown.common.js +167 -166
  11. package/components/dropdown/common/useGroupedOptions.d.ts +1 -0
  12. package/components/dropdown/common/useGroupedOptions.js +40 -39
  13. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue.js +3 -3
  14. package/components/dropdown/v4/ButtonFilterDropdownTrigger.vue2.js +10 -7
  15. package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
  16. package/components/dropdown/v4/ConditionalDropdown.vue2.js +8 -8
  17. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  18. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +3 -3
  19. package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
  20. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  21. package/components/dropdown/v4/DropdownV4.vue2.js +97 -86
  22. package/components/dropdown/v4/dropdownStoryArgs.d.ts +30 -0
  23. package/components/dropdown/v4/index.d.ts +20 -1
  24. package/components/table/v4/DataGrid.vue.js +3 -3
  25. package/components/table/v4/DataGrid.vue2.js +6 -5
  26. package/index.d.ts +40 -2
  27. package/index.js +1 -1
  28. package/package.json +1 -1
  29. package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_1aa6df01_lang.css +0 -1
  30. package/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +0 -1
  31. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css +0 -1
  32. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +0 -1
  33. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css +0 -1
  34. package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +0 -1
package/ButtonFilterDropdownTrigger.vue_vue_type_style_index_0_scoped_ea1c4589_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-filter-dropdown-trigger[data-v-ea1c4589]{border-radius:var(--border-radius-md);transition:all .2s ease;color:var(--text-primary);display:inline-flex;padding:5px 7px;align-items:center}.button-filter-dropdown-trigger .content[data-v-ea1c4589]{white-space:nowrap}.button-filter-dropdown-trigger[data-v-ea1c4589]:hover{cursor:pointer;background:var(--action-hover)}.button-filter-dropdown-trigger.outlined[data-v-ea1c4589]{border:1px solid var(--default-outlined-border)}.button-filter-dropdown-trigger.outlined[data-v-ea1c4589]:hover{border:1px solid var(--action-active)}.button-filter-dropdown-trigger.outlined.disabled[data-v-ea1c4589]{background:transparent;border:1px solid var(--default-outlined-border)}.button-filter-dropdown-trigger.open[data-v-ea1c4589]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-filter-dropdown-trigger.open[data-v-ea1c4589]:hover{background:var(--action-selected)}.button-filter-dropdown-trigger.disabled[data-v-ea1c4589]{cursor:default;color:var(--text-disabled)}.button-filter-dropdown-trigger.disabled[data-v-ea1c4589]:hover{background:transparent}.start-icon[data-v-ea1c4589]{color:var(--action-active);margin-right:var(--spacing-50)}.end-icon[data-v-ea1c4589]{color:var(--action-active);margin-left:var(--spacing-50)}
package/Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-container[data-v-a641383a]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px;border-radius:0 0 6px 6px;width:100%}.header-wrapper[data-v-a641383a]{height:76px}.chart-content[data-v-a641383a]{width:100%}.chart-content.with-legend[data-v-a641383a]{width:calc(100% - 221px)}.chart-sidebar[data-v-a641383a]{border-left:1px solid var(--common-divider)}.chart[data-v-a641383a]{width:100%;height:312px;position:relative}.chart__canvas[data-v-a641383a]{width:100%;height:100%}.chart__tooltip[data-v-a641383a]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}
package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_3a2aeea3_lang.css ADDED
@@ -0,0 +1 @@
1
+ .custom-list-area[data-v-3a2aeea3]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:20px 43px}.inline-search[data-v-3a2aeea3]{width:100%}.contain-accept[data-v-3a2aeea3]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-3a2aeea3]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-3a2aeea3]{margin-left:4px;display:inline-flex;color:var(--primary-main)}
package/DataGrid.vue_vue_type_style_index_0_scoped_020072b0_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-020072b0]{position:sticky}.table-container[data-v-020072b0]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-020072b0]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-020072b0]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-020072b0]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-020072b0]{width:13.75rem}.table-header.isStickyHeader[data-v-020072b0]{z-index:calc(var(--213d426c) + 3);top:0}.table-head-container[data-v-020072b0]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-020072b0]{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-020072b0]{display:inline-table}.table-header-actions[data-v-020072b0]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-020072b0]{position:relative}.table-row.loading[data-v-020072b0]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-020072b0]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-020072b0]{border-bottom:none}.expanded-row[data-v-020072b0]{grid-column:var(--1bb95c84);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-020072b0]{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-020072b0]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-020072b0],table th[data-v-020072b0]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-020072b0]:first-of-type,table th[data-v-020072b0]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-020072b0]:last-of-type,table th[data-v-020072b0]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-020072b0],table th.expand-toggle-cell[data-v-020072b0]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-020072b0]{border-bottom:none;z-index:calc(var(--213d426c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-020072b0]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--833c2592)}table>thead>tr>th[data-v-020072b0]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-020072b0]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-020072b0]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-020072b0]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-020072b0]{cursor:pointer}table>thead.sticky[data-v-020072b0]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-020072b0]{z-index:calc(var(--213d426c) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-020072b0]{display:block}table>tbody>*>tr[data-v-020072b0]{background-color:var(--background-default);min-height:var(--d3eb9802);height:auto;display:grid;align-items:center;grid-template-columns:var(--833c2592)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-020072b0]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-020072b0],table>tbody>*>tr.activeMenu>td[data-v-020072b0]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-020072b0]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--d3eb9802);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-020072b0]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-020072b0]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-020072b0]{justify-content:flex-end;text-align:right}.section-container[data-v-020072b0]{left:0}.sections[data-v-020072b0]{display:flex}.section[data-v-020072b0]{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-020072b0]{width:100%}.empty-state[data-v-020072b0]{min-height:250px}.floating-row[data-v-020072b0]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--213d426c) + 1)}.floating-row *[data-v-020072b0-s]{pointer-events:auto}
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_64ae80dd_lang.css ADDED
@@ -0,0 +1 @@
1
+ .default-dropdown-wrapper[data-v-64ae80dd]{position:relative}.dropdown-trigger[data-v-64ae80dd]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.25rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-64ae80dd]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-64ae80dd]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-64ae80dd]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-64ae80dd]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-64ae80dd],.dropdown-trigger.disabled .caret-down[data-v-64ae80dd]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-64ae80dd]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-64ae80dd]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-64ae80dd]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-64ae80dd],.dropdown-trigger.state-success[data-v-64ae80dd],.dropdown-trigger.state-warning[data-v-64ae80dd]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-64ae80dd],.dropdown-trigger.state-success.small[data-v-64ae80dd],.dropdown-trigger.state-warning.small[data-v-64ae80dd]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-64ae80dd],.dropdown-trigger.state-success.large[data-v-64ae80dd],.dropdown-trigger.state-warning.large[data-v-64ae80dd]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-64ae80dd]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-64ae80dd]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-64ae80dd]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-64ae80dd]{color:var(--action-active)}.content[data-v-64ae80dd]{display:flex;flex:1;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-64ae80dd]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-64ae80dd]{width:20px;height:20px;flex:none}.content .image img[data-v-64ae80dd]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-64ae80dd]{display:flex;color:var(--action-active)}.content .status-dot[data-v-64ae80dd]{padding-right:.25rem}.content .status-dot>div[data-v-64ae80dd]{position:relative;top:-1px}.dropdown-field-label[data-v-64ae80dd]{color:var(--text-primary)}.dropdown-field-help-text[data-v-64ae80dd]{margin-top:4px;position:absolute}.flag[data-v-64ae80dd]{width:16px;height:16px}.flag img[data-v-64ae80dd]{width:16px;height:16px;border-radius:50%}
package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-d154c5da],.v-leave-active[data-v-d154c5da]{transition:opacity .25s ease}ol[data-v-d154c5da],ul[data-v-d154c5da],menu[data-v-d154c5da]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-d154c5da],.dropdown.full-width .button__container[data-v-d154c5da]{width:100%}.dropdown-list-wrapper[data-v-d154c5da]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-d154c5da]{padding:.5rem}.list-container--multi[data-v-d154c5da]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-d154c5da]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-d154c5da]{width:100%}.inline-search .list-container[data-v-d154c5da]{padding-top:0}.no-result-container[data-v-d154c5da]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-d154c5da]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-d154c5da]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-d154c5da]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-d154c5da]{min-height:0;margin-bottom:0}.image-slot[data-v-d154c5da]{margin-right:.5rem}.actions-wrapper[data-v-d154c5da]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-d154c5da]{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: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}
package/components/chart/Chart.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Chart.vue2.js";
2
2
  /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css"; //*');
4
- const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-026d82c5"]]);
3
+ // import "../../Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a641383a"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };
package/components/chart/Chart.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css"; import { defineComponent as J, computed as i, ref as T, onMounted as Q, watch as C, nextTick as Y, openBlock as d, createElementBlock as k, Fragment as F, createBlock as v, unref as u, isRef as N, withCtx as x, renderSlot as L, createCommentVNode as y, createElementVNode as p, normalizeClass as _, createVNode as H, normalizeStyle as ee } from "vue";
1
+ import "../../Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css"; import { defineComponent as J, computed as i, ref as T, onMounted as Q, watch as C, nextTick as Y, openBlock as d, createElementBlock as k, Fragment as F, createBlock as v, unref as u, isRef as N, withCtx as x, renderSlot as L, createCommentVNode as y, createElementVNode as p, normalizeClass as _, createVNode as H, normalizeStyle as ee } from "vue";
2
2
  import { useVModel as te } from "@vueuse/core";
3
3
  import { Chart as P, ArcElement as ae, LineElement as oe, BarElement as ie, PointElement as le, LineController as re, BarController as ne, PieController as se, ScatterController as de, CategoryScale as ue, LinearScale as ce, Filler as pe, Tooltip as he } from "chart.js";
4
4
  import { HoverVerticalLine as me } from "./plugins/HoverVerticalLine.js";
@@ -34,7 +34,7 @@ const Ee = { class: "chart-container" }, Ve = { class: "header-wrapper" }, Re =
34
34
  minVisible: { default: ye },
35
35
  maxVisible: { default: be },
36
36
  loading: { type: Boolean, default: !1 },
37
- noDataIcon: { default: "file-x" },
37
+ noDataIcon: { default: "file-search" },
38
38
  noDataTitle: { default: "No data to display" },
39
39
  noDataSubtitle: { default: "Search again with different filters" },
40
40
  withSettingsHeader: { type: Boolean, default: !0 },
package/components/dropdown/common/Dropdown.common.js CHANGED
@@ -1,129 +1,130 @@
1
- import { useToggle as _e } from "../../../composables/useToggle.js";
2
- import { inject as Ve, ref as r, computed as c, watch as b, useSlots as ke, toRaw as P, nextTick as K, provide as Ge, onMounted as Le } from "vue";
1
+ import { useToggle as Ve } from "../../../composables/useToggle.js";
2
+ import { inject as ke, ref as r, computed as c, watch as b, useSlots as Ge, toRaw as P, nextTick as N, provide as Le, onMounted as Ue } from "vue";
3
3
  import { isObjectInArray as ae } from "../../../utils/array.js";
4
- import { objectsEqual as Ue } from "../../../utils/object.js";
5
- import { useClamp as Be, useVirtualList as He, onClickOutside as ne, useInfiniteScroll as qe } from "@vueuse/core";
6
- import { Mode as T, Type as U, DropdownContext as Xe } from "./DropdownContext.js";
7
- import { pxToRem as $e } from "../../../utils/style.js";
8
- import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
9
- import { useGroupedOptions as ze } from "./useGroupedOptions.js";
10
- const tl = (l, v, g) => {
11
- const B = Ve("isTreeDropdown", !1), {
4
+ import { objectsEqual as Be } from "../../../utils/object.js";
5
+ import { useClamp as He, useVirtualList as qe, onClickOutside as ne, useInfiniteScroll as Xe } from "@vueuse/core";
6
+ import { Mode as T, Type as U, DropdownContext as $e } from "./DropdownContext.js";
7
+ import { pxToRem as je } from "../../../utils/style.js";
8
+ import { useEditableContext as ze } from "../../table-cells/common/EditableContext.js";
9
+ import { useGroupedOptions as We } from "./useGroupedOptions.js";
10
+ const al = (e, v, g) => {
11
+ const B = ke("isTreeDropdown", !1), {
12
12
  sortOutGroups: H,
13
13
  flattenAndMarkGroupOptions: ue,
14
14
  isGroup: q,
15
15
  selectAllWithGroups: ie,
16
16
  isIndeterminateGrouped: re,
17
17
  allSelectedGrouped: X,
18
- areAllPreviousSelected: oe
19
- } = ze(l), ce = (e, t) => l.multi && Array.isArray(e) ? l.comparingKey ? e?.findIndex(
20
- (i) => i[l.comparingKey] === t[l.comparingKey]
21
- ) > -1 : ae(e, t) : l.comparingKey ? e?.[l.comparingKey] === t[l.comparingKey] : e === t;
18
+ areAllPreviousSelected: oe,
19
+ groupedChildOptionsLength: ce
20
+ } = We(e), se = (l, t) => e.multi && Array.isArray(l) ? e.comparingKey ? l?.findIndex(
21
+ (i) => i[e.comparingKey] === t[e.comparingKey]
22
+ ) > -1 : ae(l, t) : e.comparingKey ? l?.[e.comparingKey] === t[e.comparingKey] : l === t;
22
23
  let $;
23
- ((e) => {
24
- e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
24
+ ((l) => {
25
+ l[l.None = 0] = "None", l[l.Next = 1] = "Next", l[l.Previous = -1] = "Previous", l[l.NextPage = 10] = "NextPage", l[l.PrevPage = -10] = "PrevPage";
25
26
  })($ || ($ = {}));
26
27
  const a = r(
27
- l.selected
28
- ), R = je(), u = c({
28
+ e.selected
29
+ ), K = ze(), n = c({
29
30
  get() {
30
- return R?.value?.value ?? a.value;
31
+ return K?.value?.value ?? a.value;
31
32
  },
32
- set(e) {
33
- R.onChange?.(e), R.onClose?.(), v("update:selected", e);
33
+ set(l) {
34
+ K.onChange?.(l), K.onClose?.(), v("update:selected", l);
34
35
  }
35
36
  });
36
37
  b(
37
- () => l.selected,
38
+ () => e.selected,
38
39
  () => {
39
- a.value = l.selected, d.value = l.selected;
40
+ a.value = e.selected, d.value = e.selected;
40
41
  }
41
42
  );
42
- const se = ke(), w = r(null), m = r(null), j = r(null), E = r(null), z = r(null), I = r(null), de = r(), W = r(null), J = r(null), Q = r(null), ve = 8, fe = c(() => I.value ? I.value.getBoundingClientRect().height + ve + l.distance : 0), D = r(!1), y = r([]), x = r(-1), h = r(""), d = r(l.selected || []), Y = () => I.value?.focus(), [O, ge, ye] = _e({
43
- disabled: l.disabled,
44
- initialValue: l.defaultOpen
43
+ const de = Ge(), w = r(null), m = r(null), j = r(null), R = r(null), z = r(null), I = r(null), ve = r(), W = r(null), J = r(null), Q = r(null), fe = 8, ge = c(() => I.value ? I.value.getBoundingClientRect().height + fe + e.distance : 0), D = r(!1), y = r([]), x = r(-1), h = r(""), d = r(e.selected || []), Y = () => I.value?.focus(), [O, ye, he] = Ve({
44
+ disabled: e.disabled,
45
+ initialValue: e.defaultOpen
45
46
  });
46
47
  b(
47
- () => l.disabled,
48
- (e) => {
49
- e !== void 0 && ye(e);
48
+ () => e.disabled,
49
+ (l) => {
50
+ l !== void 0 && he(l);
50
51
  }
51
52
  );
52
- const Z = (e) => {
53
- he.value = ge(e);
54
- }, he = c({
53
+ const Z = (l) => {
54
+ Oe.value = ye(l);
55
+ }, Oe = c({
55
56
  get() {
56
- return l.isOpen;
57
+ return e.isOpen;
57
58
  },
58
- set(e) {
59
- v("update:isOpen", e);
59
+ set(l) {
60
+ v("update:isOpen", l);
60
61
  }
61
- }), Oe = c(() => o.value.length - 1), f = Be(0, 0, Oe), F = c(() => u.value ? l.displayValue(u.value) : ""), Se = (e) => {
62
- if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
63
- return l.placeholder;
64
- const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
65
- return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
66
- }, me = c(() => {
67
- if (!l.multi)
68
- return u.value ? l.displayValue(u.value) : l.placeholder;
62
+ }), Se = c(() => o.value.length - 1), f = He(0, 0, Se), F = c(() => n.value ? e.displayValue(n.value) : ""), me = (l) => {
63
+ if (!l.value.length && !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix)
64
+ return e.placeholder;
65
+ const t = !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix ? `${l.value.length} selected` : `${e.multiOptionsPlaceholderPrefix ?? ""}${l.value.length ?? "0"}${e.multiOptionsPlaceholderSuffix ?? ""}`;
66
+ return l.value.length == 1 && e.displayValue ? e.displayValue(l.value[0]) : t;
67
+ }, Ae = c(() => {
68
+ if (!e.multi)
69
+ return n.value ? e.displayValue(n.value) : e.placeholder;
69
70
  if (Array.isArray(a.value))
70
- return Se(a);
71
- }), M = c(() => {
71
+ return me(a);
72
+ }), E = c(() => {
72
73
  if (Array.isArray(a.value))
73
- return l.groupedOptions ? X(o, a) : a.value.length === o.value.length;
74
- }), Ae = c(() => !l.multi || !Array.isArray(a.value) ? !1 : l.groupedOptions ? re(
74
+ return e.groupedOptions ? X(o, a) : a.value.length === o.value.length;
75
+ }), be = c(() => !e.multi || !Array.isArray(a.value) ? !1 : e.groupedOptions ? re(
75
76
  o,
76
77
  a
77
- ) : a.value.length > 0 && a.value.length < o.value.length), _ = (e) => {
78
- h.value = e;
79
- }, N = c(() => l.groupedOptions ? ue(l.options) : l.options), be = c(() => {
78
+ ) : a.value.length > 0 && a.value.length < o.value.length), _ = (l) => {
79
+ h.value = l;
80
+ }, M = c(() => e.groupedOptions ? ue(e.options) : e.options), Pe = c(() => {
80
81
  if (oe(
81
- N,
82
+ M,
82
83
  d
83
84
  ))
84
- return N.value;
85
- const e = {
85
+ return M.value;
86
+ const l = {
86
87
  selected: [],
87
88
  notSelected: []
88
89
  };
89
- P(N).value.forEach((i) => {
90
- const n = (l.comparingKey ? d.value.findIndex(
91
- (L) => L[l.comparingKey] === i[l.comparingKey]
90
+ P(M).value.forEach((i) => {
91
+ const u = (e.comparingKey ? d.value.findIndex(
92
+ (L) => L[e.comparingKey] === i[e.comparingKey]
92
93
  ) > -1 : d.value.includes(i)) ? "selected" : "notSelected";
93
- e[n].push(i);
94
+ l[u].push(i);
94
95
  });
95
- const t = l.groupedOptions ? H(e.notSelected) : e.notSelected;
96
- return [].concat(e.selected, t);
96
+ const t = e.groupedOptions ? H(l.notSelected) : l.notSelected;
97
+ return [].concat(l.selected, t);
97
98
  }), o = c(() => {
98
- const e = Array.isArray(d.value) && l.multi && g.VERSION === 4 && !B ? be.value : N.value;
99
- if (l.onSearch) {
100
- const t = e.filter((i) => l.groupedOptions && q(i) ? i : l.onSearch(i, h.value));
101
- return l.groupedOptions ? H(t) : t;
99
+ const l = Array.isArray(d.value) && e.multi && g.VERSION === 4 && !B ? Pe.value : M.value;
100
+ if (e.onSearch) {
101
+ const t = l.filter((i) => e.groupedOptions && q(i) ? i : e.onSearch(i, h.value));
102
+ return e.groupedOptions ? H(t) : t;
102
103
  } else
103
- return e;
104
- }), Pe = c(() => y.value[0]?.hasSubtitle), p = c(() => s.mode === T.Multi), ee = c(
105
- () => Pe.value ? g.MULTILINE_LIST_HEIGHT : g.LIST_HEIGHT
104
+ return l;
105
+ }), Te = c(() => y.value[0]?.hasSubtitle), p = c(() => s.mode === T.Multi), ee = c(
106
+ () => Te.value ? g.MULTILINE_LIST_HEIGHT : g.LIST_HEIGHT
106
107
  ), {
107
108
  list: V,
108
109
  containerProps: k,
109
- wrapperProps: Te,
110
+ wrapperProps: we,
110
111
  scrollTo: C
111
- } = He(o, {
112
+ } = qe(o, {
112
113
  itemHeight: ee.value,
113
- overscan: l.disableVirtualScroll ? 1 / 0 : 2
114
+ overscan: e.disableVirtualScroll ? 1 / 0 : 2
114
115
  });
115
116
  b(
116
- () => l.isOpen,
117
- (e) => {
118
- Z(e);
117
+ () => e.isOpen,
118
+ (l) => {
119
+ Z(l);
119
120
  }
120
121
  ), b([x], async () => {
121
- await K();
122
+ await N();
122
123
  }), b(
123
124
  [O, f, x],
124
- async ([e], [t]) => {
125
- O.value && (await K(), x.value !== -1 && e !== t && setTimeout(() => {
126
- l.multi && g.VERSION === 4 || C(x.value);
125
+ async ([l], [t]) => {
126
+ O.value && (await N(), x.value !== -1 && l !== t && setTimeout(() => {
127
+ e.multi && g.VERSION === 4 || C(x.value);
127
128
  }), f.value && setTimeout(() => {
128
129
  C(f.value);
129
130
  }));
@@ -131,25 +132,25 @@ const tl = (l, v, g) => {
131
132
  ), b(h, () => {
132
133
  v("onsearch", h.value), C(0);
133
134
  });
134
- const A = (e, t = !1) => {
135
- l.disabled || (Z(e), K(() => {
135
+ const A = (l, t = !1) => {
136
+ e.disabled || (Z(l), N(() => {
136
137
  O.value && v("opened"), O.value || v("closed"), w.value && t && w.value.focus();
137
138
  }));
138
139
  };
139
- b(O, (e) => {
140
- if (e) {
141
- h.value = "", p.value && Array.isArray(u.value) && (d.value = P(u.value).slice());
140
+ b(O, (l) => {
141
+ if (l) {
142
+ h.value = "", p.value && Array.isArray(n.value) && (d.value = P(n.value).slice());
142
143
  return;
143
144
  }
144
145
  Y();
145
146
  });
146
- const we = () => {
147
- if (M.value) {
147
+ const Ie = () => {
148
+ if (E.value) {
148
149
  a.value = [];
149
150
  return;
150
151
  }
151
152
  if (Array.isArray(a.value)) {
152
- if (l.groupedOptions)
153
+ if (e.groupedOptions)
153
154
  ie(o, a);
154
155
  else {
155
156
  if (a.value.length === o.value.length) {
@@ -160,85 +161,85 @@ const tl = (l, v, g) => {
160
161
  }
161
162
  v("selectAll");
162
163
  }
163
- }, Ie = () => {
164
- we(), g.VERSION !== 4 && (u.value = a.value);
165
- }, xe = (e = !0) => {
166
- a.value = [], e && (u.value = [], d.value = []), v("clear");
167
- }, G = (e, t) => {
168
- if (e = P(e), g.VERSION === 4 ? e[l.disabledOptionKey] : y.value[t]?.disabled)
164
+ }, xe = () => {
165
+ Ie(), g.VERSION !== 4 && (n.value = a.value);
166
+ }, De = (l = !0) => {
167
+ a.value = [], l && (n.value = [], d.value = []), e.dynamicFilterMode || v("clear-all");
168
+ }, G = (l, t) => {
169
+ if (l = P(l), g.VERSION === 4 ? l[e.disabledOptionKey] : y.value[t]?.disabled)
169
170
  return;
170
- if (x.value = t, !l.multi) {
171
- l.keepOpen || A(!1), s.goToOption(
171
+ if (x.value = t, !e.multi) {
172
+ e.keepOpen || A(!1), s.goToOption(
172
173
  0
173
174
  /* None */
174
- ), u.value = e, _(""), Y(), s.type === U.Search && m.value && (m.value.value = l.displayValue(e)), le();
175
+ ), n.value = l, _(""), Y(), s.type === U.Search && m.value && (m.value.value = e.displayValue(l)), le();
175
176
  return;
176
177
  }
177
178
  if (!Array.isArray(a.value))
178
179
  return;
179
180
  m.value?.focus();
180
181
  const S = P(a.value);
181
- if (ae(S, e) || l.comparingKey && S.findIndex(
182
- (n) => n[l.comparingKey] === e[l.comparingKey]
182
+ if (ae(S, l) || e.comparingKey && S.findIndex(
183
+ (u) => u[e.comparingKey] === l[e.comparingKey]
183
184
  ) > -1) {
184
- a.value = S.filter((n) => l.comparingKey ? n[l.comparingKey] !== e[l.comparingKey] : !Ue(n, e));
185
+ a.value = S.filter((u) => e.comparingKey ? u[e.comparingKey] !== l[e.comparingKey] : !Be(u, l));
185
186
  return;
186
187
  } else {
187
- a.value = [...S, e];
188
+ a.value = [...S, l];
188
189
  return;
189
190
  }
190
- }, De = (e) => y.value[e]?.disabled, s = {
191
+ }, Me = (l) => y.value[l]?.disabled, s = {
191
192
  activeIndex: f,
192
193
  options: y,
193
- selectedOption: u,
194
+ selectedOption: n,
194
195
  labelRef: z,
195
- activeOption: E,
196
+ activeOption: R,
196
197
  listRef: w,
197
- clearable: l.clearable,
198
- type: se.input ? U.Search : U.Dropdown,
199
- mode: l.multi ? T.Multi : T.Single,
198
+ clearable: e.clearable,
199
+ type: de.input ? U.Search : U.Dropdown,
200
+ mode: e.multi ? T.Multi : T.Single,
200
201
  query: h,
201
202
  selectedValue: F,
202
203
  toggle: A,
203
- disabled: l.disabled,
204
+ disabled: e.disabled,
204
205
  open: O,
205
- mandatory: l.mandatory,
206
- size: l.size,
207
- placeholder: l.placeholder,
206
+ mandatory: e.mandatory,
207
+ size: e.size,
208
+ placeholder: e.placeholder,
208
209
  select: G,
209
210
  clearSelection: () => {
210
- _(""), u.value = s.mode === T.Single ? null : [], d.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
211
+ _(""), n.value = s.mode === T.Single ? null : [], d.value = s.mode === T.Single ? null : [], m.value && (m.value.value = "");
211
212
  },
212
213
  search: _,
213
- goToOption: async (e) => {
214
+ goToOption: async (l) => {
214
215
  if (!O.value)
215
216
  return;
216
- let t = f.value + e;
217
+ let t = f.value + l;
217
218
  const i = y.value.filter(
218
- (n) => n.disabled
219
+ (u) => u.disabled
219
220
  ).length, S = o.value.length - i;
220
221
  for (t > S && (t = S + 1); ; ) {
221
222
  if (!y.value[t]?.disabled) {
222
- E.value = o.value[t], f.value = t;
223
+ R.value = o.value[t], f.value = t;
223
224
  return;
224
225
  }
225
- if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(f.value)) {
226
- E.value = o.value[t], f.value = t;
226
+ if ((l === 1 || l === 10) && (t = t + 1), (l === -1 || l === -10) && (t = t + -1), !!Me(f.value)) {
227
+ R.value = o.value[t], f.value = t;
227
228
  return;
228
229
  }
229
230
  }
230
231
  },
231
- registerInput: (e) => {
232
- m.value = e.value;
232
+ registerInput: (l) => {
233
+ m.value = l.value;
233
234
  },
234
- registerOption: (e, t, i) => {
235
- y.value = [...y.value, { id: e, disabled: t, hasSubtitle: i }];
235
+ registerOption: (l, t, i) => {
236
+ y.value = [...y.value, { id: l, disabled: t, hasSubtitle: i }];
236
237
  },
237
- unRegisterOption(e) {
238
- y.value = y.value.filter((t) => t.id !== e);
238
+ unRegisterOption(l) {
239
+ y.value = y.value.filter((t) => t.id !== l);
239
240
  }
240
241
  };
241
- Ge(Xe, s), ne(
242
+ Le($e, s), ne(
242
243
  w,
243
244
  () => {
244
245
  O.value && te();
@@ -254,63 +255,63 @@ const tl = (l, v, g) => {
254
255
  ]
255
256
  }
256
257
  );
257
- const Me = () => {
258
+ const Ce = () => {
258
259
  m.value && (m.value.value = s.query.value = "");
259
260
  };
260
- Le(async () => {
261
- l.autoFocus && (await K(), setTimeout(() => {
261
+ Ue(async () => {
262
+ e.autoFocus && (await N(), setTimeout(() => {
262
263
  j.value.focus();
263
- })), s.goToOption(0), l.multi && !B && (l.groupedOptions ? D.value = X(
264
+ })), s.goToOption(0), e.multi && !B && (e.groupedOptions ? D.value = X(
264
265
  o,
265
266
  a
266
- ) : D.value = l.options.length === l.selected.length);
267
+ ) : D.value = e.options.length === e.selected.length);
267
268
  });
268
269
  const le = () => {
269
- l.multi && (D.value = M.value, u.value = a.value, Array.isArray(u.value) && (d.value = P(u.value).slice())), v("apply", u.value), v("allSelectedChanged", M.value), A(!1), Me();
270
+ e.multi && (n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice(), D.value = e.groupedOptions ? ce(e.options) === n.value.length : e.options.length === n.value.length)), v("apply", n.value), v("allSelectedChanged", E.value), A(!1), Ce();
270
271
  }, te = () => {
271
- p.value && Array.isArray(d.value) && (u.value = P(d.value).slice()), h.value = "", A(!1);
272
- }, Ne = (e) => {
273
- if (!l.disableKeyboardEvents)
274
- switch (e.key) {
272
+ p.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), h.value = "", A(!1);
273
+ }, Ne = (l) => {
274
+ if (!e.disableKeyboardEvents)
275
+ switch (l.key) {
275
276
  case "Space":
276
277
  case "Enter":
277
278
  case "ArrowUp":
278
279
  case "ArrowDown":
279
- A(!0), e.preventDefault();
280
+ A(!0), l.preventDefault();
280
281
  }
281
- }, Ce = (e) => {
282
- if (!l.disableKeyboardEvents)
283
- switch (e.key) {
282
+ }, Ke = (l) => {
283
+ if (!e.disableKeyboardEvents)
284
+ switch (l.key) {
284
285
  case "ArrowUp": {
285
286
  s.goToOption(
286
287
  -1
287
288
  /* Previous */
288
- ), e.preventDefault(), e.stopPropagation();
289
+ ), l.preventDefault(), l.stopPropagation();
289
290
  break;
290
291
  }
291
292
  case "ArrowDown": {
292
293
  s.goToOption(
293
294
  1
294
295
  /* Next */
295
- ), e.preventDefault(), e.stopPropagation();
296
+ ), l.preventDefault(), l.stopPropagation();
296
297
  break;
297
298
  }
298
299
  case "Escape": {
299
- A(!1), e.preventDefault();
300
+ A(!1), l.preventDefault();
300
301
  break;
301
302
  }
302
303
  case "PageUp": {
303
304
  s.goToOption(
304
305
  10
305
306
  /* NextPage */
306
- ), e.preventDefault();
307
+ ), l.preventDefault();
307
308
  break;
308
309
  }
309
310
  case "PageDown": {
310
311
  s.goToOption(
311
312
  -10
312
313
  /* PrevPage */
313
- ), e.preventDefault();
314
+ ), l.preventDefault();
314
315
  break;
315
316
  }
316
317
  case "Enter": {
@@ -318,50 +319,50 @@ const tl = (l, v, g) => {
318
319
  A(!0);
319
320
  return;
320
321
  }
321
- G(o.value[f.value], f.value), s.mode === T.Single && !l.keepOpen && A(!1), e.preventDefault();
322
+ G(o.value[f.value], f.value), s.mode === T.Single && !e.keepOpen && A(!1), l.preventDefault();
322
323
  break;
323
324
  }
324
325
  }
325
- }, Ke = c(() => {
326
- if (l.loading)
326
+ }, Re = c(() => {
327
+ if (e.loading)
327
328
  return 8.5;
328
- const e = l.loadMoreLoading && g.MAX_NUMBER_OF_OPTIONS || l.customNumberOfDisplayedOptions || V.value.reduce((L, Re) => {
329
- const Ee = l.overrideOptionCountCalculation ? l.overrideOptionCountCalculation(Re.data) : 1;
330
- return L + Ee;
331
- }, 0), t = l.multi && l.showSelectAll && !h.value ? 1 : 0, i = e > g.MAX_NUMBER_OF_OPTIONS, S = e + t;
332
- let n = i ? g.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
333
- return l.loadMoreLoading && l.multi && (V.value.length ? n = n + 0.1 : n = n - 0.9), l.noResultsText && n === 0 && (n = n + 1), l.withConditions && h.value && (n = n + 1), $e(
334
- n * ee.value + g.PADDING_PX
329
+ const l = e.loadMoreLoading && g.MAX_NUMBER_OF_OPTIONS || e.customNumberOfDisplayedOptions || V.value.reduce((L, Ee) => {
330
+ const _e = e.overrideOptionCountCalculation ? e.overrideOptionCountCalculation(Ee.data) : 1;
331
+ return L + _e;
332
+ }, 0), t = e.multi && e.showSelectAll && !h.value ? 1 : 0, i = l > g.MAX_NUMBER_OF_OPTIONS, S = l + t;
333
+ let u = i ? g.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
334
+ return e.loadMoreLoading && e.multi && (V.value.length ? u = u + 0.1 : u = u - 0.9), e.noResultsText && u === 0 && (u = u + 1), e.withConditions && h.value && (u = u + 1), je(
335
+ u * ee.value + g.PADDING_PX
335
336
  );
336
337
  });
337
- return qe(
338
+ return Xe(
338
339
  k.ref,
339
340
  () => {
340
- !l.loadMoreLoading && l.infiniteLoading && v("loadMore");
341
+ !e.loadMoreLoading && e.infiniteLoading && v("loadMore");
341
342
  },
342
- { distance: l.infiniteScrollThreshold }
343
+ { distance: e.infiniteScrollThreshold }
343
344
  ), b(a, () => {
344
345
  v("unsavedSelectionUpdate", a.value);
345
346
  }), {
346
- onKeydown: Ce,
347
- location: fe,
347
+ onKeydown: Ke,
348
+ location: ge,
348
349
  open: O,
349
350
  toggleMenu: A,
350
351
  onButtonKeydown: Ne,
351
- displayedValue: me,
352
+ displayedValue: Ae,
352
353
  labelRef: z,
353
354
  query: h,
354
355
  containerProps: k,
355
- calculateTableHeight: Ke,
356
- wrapperProps: Te,
356
+ calculateTableHeight: Re,
357
+ wrapperProps: we,
357
358
  filteredOptions: o,
358
- allSelected: M,
359
+ allSelected: E,
359
360
  allSelectedApplied: D,
360
- isIndeterminate: Ae,
361
- onSelectAll: Ie,
361
+ isIndeterminate: be,
362
+ onSelectAll: xe,
362
363
  virtualOptions: V,
363
- isSelected: ce,
364
- selectedOption: u,
364
+ isSelected: se,
365
+ selectedOption: n,
365
366
  selectedOptionPrevious: d,
366
367
  selectedValue: F,
367
368
  onSelect: G,
@@ -375,12 +376,12 @@ const tl = (l, v, g) => {
375
376
  apply: W,
376
377
  cancel: J,
377
378
  el: j,
378
- triggerRef: de,
379
+ triggerRef: ve,
379
380
  clearAll: Q,
380
- onClearAllSelections: xe,
381
+ onClearAllSelections: De,
381
382
  isGroup: q
382
383
  };
383
384
  };
384
385
  export {
385
- tl as dropdownCommon
386
+ al as dropdownCommon
386
387
  };