@ironsource/shared-ui 2.1.12-rc.1 → 2.1.12-rc.3

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 (20) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_a641383a_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css +1 -0
  4. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  5. package/components/chart/Chart.vue.js +3 -3
  6. package/components/chart/Chart.vue2.js +2 -2
  7. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  8. package/components/dropdown/v4/DropdownV4.vue2.js +96 -86
  9. package/components/table/v4/DataGrid.vue.d.ts +1 -0
  10. package/components/table/v4/DataGrid.vue.js +2 -2
  11. package/components/table/v4/DataGrid.vue2.js +151 -141
  12. package/components/table/v4/index.d.ts +1 -0
  13. package/index.d.ts +2 -0
  14. package/index.js +1 -1
  15. package/package.json +1 -1
  16. package/testids/index.d.ts +2 -1
  17. package/testids/index.js +10 -10
  18. package/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +0 -1
  19. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +0 -1
  20. package/DropdownV4.vue_vue_type_style_index_0_scoped_48ba81e5_lang.css +0 -1
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/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-6b54ac22]{position:sticky}.table-container[data-v-6b54ac22]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-6b54ac22]{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-6b54ac22]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-6b54ac22]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-6b54ac22]{width:13.75rem}.table-header.isStickyHeader[data-v-6b54ac22]{z-index:calc(var(--3041fee8) + 3);top:0}.table-head-container[data-v-6b54ac22]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-6b54ac22]{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-6b54ac22]{display:inline-table}.table-header-pre-search-content[data-v-6b54ac22]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-6b54ac22]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-6b54ac22]{position:relative}.table-row.loading[data-v-6b54ac22]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-6b54ac22]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-6b54ac22]{border-bottom:none}.expanded-row[data-v-6b54ac22]{grid-column:var(--8ac5cc00);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-6b54ac22]{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-6b54ac22]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-6b54ac22],table th[data-v-6b54ac22]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-6b54ac22]:first-of-type,table th[data-v-6b54ac22]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-6b54ac22]:last-of-type,table th[data-v-6b54ac22]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-6b54ac22],table th.expand-toggle-cell[data-v-6b54ac22]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-6b54ac22]{border-bottom:none;z-index:calc(var(--3041fee8) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-6b54ac22]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--4f8aacf9)}table>thead>tr>th[data-v-6b54ac22]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-6b54ac22]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-6b54ac22]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-6b54ac22]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-6b54ac22]{cursor:pointer}table>thead.sticky[data-v-6b54ac22]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-6b54ac22]{z-index:calc(var(--3041fee8) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-6b54ac22]{display:block}table>tbody>*>tr[data-v-6b54ac22]{background-color:var(--background-default);min-height:var(--65a66d41);height:auto;display:grid;align-items:center;grid-template-columns:var(--4f8aacf9)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-6b54ac22]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-6b54ac22],table>tbody>*>tr.activeMenu>td[data-v-6b54ac22]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-6b54ac22]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--65a66d41);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-6b54ac22]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-6b54ac22]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-6b54ac22]{justify-content:flex-end;text-align:right}.section-container[data-v-6b54ac22]{left:0}.sections[data-v-6b54ac22]{display:flex}.section[data-v-6b54ac22]{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-6b54ac22]{width:100%}.empty-state[data-v-6b54ac22]{min-height:250px}.floating-row[data-v-6b54ac22]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--3041fee8) + 1)}.floating-row *[data-v-6b54ac22-s]{pointer-events:auto}
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/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_48ba81e5_lang.css"; //*');
2
+ /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-48ba81e5"]]);
5
+ const d = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d154c5da"]]);
6
6
  export {
7
- r as default
7
+ d as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,42 +1,42 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_48ba81e5_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as G, withModifiers as W, Fragment as Te, renderList as ke, toRaw as C, createBlock as X, resolveDynamicComponent as he } from "vue";
2
- import L from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_d154c5da_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as fe, computed as H, watch as me, openBlock as a, createElementBlock as s, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as pe, normalizeClass as E, normalizeStyle as ge, createTextVNode as T, createCommentVNode as d, isRef as Te, toDisplayString as U, withModifiers as G, Fragment as ke, renderList as he, toRaw as C, createBlock as X, resolveDynamicComponent as be } from "vue";
2
+ import O from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
5
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
6
  import "./DropdownV4.vue.js";
7
- import be from "./DefaultDropdownTrigger.vue.js";
8
- import we from "./IconButtonDropdownTrigger.vue.js";
9
- import Ie from "./ChipDropdownTrigger.vue.js";
10
- import ve from "./AppDropdownTrigger.vue.js";
7
+ import we from "./DefaultDropdownTrigger.vue.js";
8
+ import Ie from "./IconButtonDropdownTrigger.vue.js";
9
+ import ve from "./ChipDropdownTrigger.vue.js";
10
+ import Ce from "./AppDropdownTrigger.vue.js";
11
11
  import "./ButtonDropdownTrigger.vue.js";
12
12
  import "./ButtonFilterDropdownTrigger.vue.js";
13
13
  import "./TreeDropdown.vue.js";
14
14
  import q from "./OptionV4.vue.js";
15
15
  import "./ConditionalDropdown.vue.js";
16
- import Ce from "../../search/v4/SearchV4.vue.js";
16
+ import Se from "../../search/v4/SearchV4.vue.js";
17
17
  import Y from "../../typography/v4/Typography.vue.js";
18
- import { Dropdown as Se } from "floating-vue";
18
+ import { Dropdown as Ke } from "floating-vue";
19
19
  import { DropdownTestIdModifiers as p } from "../../../testids/index.js";
20
- import { dropdownCommon as Ke } from "../common/Dropdown.common.js";
20
+ import { dropdownCommon as Ae } from "../common/Dropdown.common.js";
21
21
  import S from "../../skeleton/v4/SkeletonV4.vue.js";
22
- import { useTestIdAttrs as Ae } from "../../../utils/testIds.js";
22
+ import { useTestIdAttrs as Le } from "../../../utils/testIds.js";
23
23
  import { TRIGGERS as k } from "./Dropdown.types.js";
24
24
  import { useElementSize as Ee } from "@vueuse/core";
25
25
  import Oe from "../../shared/FieldHelpText.vue.js";
26
- import Le from "./GroupOption.vue.js";
27
- const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve = { key: 1 }, xe = { key: 2 }, De = {
26
+ import Be from "./GroupOption.vue.js";
27
+ const Fe = ["tabindex"], Ne = { style: { width: "100%" } }, Ve = { key: 0 }, xe = { key: 1 }, De = { key: 2 }, Pe = {
28
28
  key: 0,
29
29
  class: "inline-search-wrapper"
30
- }, Pe = { class: "dropdown-conditions" }, Re = {
30
+ }, Re = { class: "dropdown-conditions" }, ze = {
31
31
  key: 0,
32
32
  class: "no-result-container"
33
- }, ze = ["aria-selected", "aria-disabled", "onClick"], $e = {
33
+ }, $e = ["aria-selected", "aria-disabled", "onClick"], Me = {
34
34
  key: 3,
35
35
  class: "loader"
36
- }, Me = {
36
+ }, We = {
37
37
  key: 1,
38
38
  class: "actions-wrapper"
39
- }, He = { class: "actions-clear-all" }, Ue = { class: "actions-apply-cancel" }, Tt = /* @__PURE__ */ fe({
39
+ }, He = { class: "actions-clear-all" }, Ue = { class: "actions-apply-cancel" }, kt = /* @__PURE__ */ fe({
40
40
  __name: "DropdownV4",
41
41
  props: {
42
42
  modelValue: { default: null },
@@ -104,7 +104,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
104
104
  },
105
105
  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear", "copyToClipboard", "onsearch", "loadMore", "allSelectedChanged", "unsavedSelectionUpdate"],
106
106
  setup(e, { expose: j, emit: B }) {
107
- const d = e, F = {
107
+ const n = e, F = {
108
108
  MULTILINE_LIST_HEIGHT: 48,
109
109
  LIST_HEIGHT: 32 + 4,
110
110
  MAX_NUMBER_OF_OPTIONS: 7.5,
@@ -113,7 +113,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
113
113
  VERSION: 4
114
114
  }, {
115
115
  onKeydown: b,
116
- open: s,
116
+ open: r,
117
117
  toggleMenu: I,
118
118
  onButtonKeydown: N,
119
119
  query: v,
@@ -128,7 +128,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
128
128
  virtualOptions: x,
129
129
  isSelected: A,
130
130
  selectedOption: h,
131
- selectedOptionPrevious: E,
131
+ selectedOptionPrevious: L,
132
132
  selectedValue: oe,
133
133
  onSelect: D,
134
134
  activeIndex: P,
@@ -138,20 +138,30 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
138
138
  listRef: ae,
139
139
  buttonRef: R,
140
140
  apply: de,
141
- cancel: re,
142
- el: se,
141
+ cancel: se,
142
+ el: re,
143
143
  onClearAllSelections: z,
144
144
  clearAll: ue,
145
145
  isGroup: ce
146
- } = Ke(d, B, F), g = Ae(d.testId, p), $ = U(() => !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT ? be : d.predefinedTrigger === k.APP ? ve : null), { width: M } = Ee(R), ye = U(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT || d.predefinedTrigger === k.APP ? M.value - 2 > 240 ? `${M.value - 2}px` : `${F.DROPLIST_MIN_WIDTH}px` : "auto"), H = () => {
146
+ } = Ae(n, B, F), g = Le(n.testId, p), $ = H(() => !n.predefinedTrigger || n.predefinedTrigger === k.DEFAULT ? we : n.predefinedTrigger === k.APP ? Ce : null), { width: M } = Ee(R), ye = H(() => n.optionsListWidth ? n.optionsListWidth : !n.predefinedTrigger || n.predefinedTrigger === k.DEFAULT || n.predefinedTrigger === k.APP ? M.value - 2 > 240 ? `${M.value - 2}px` : `${F.DROPLIST_MIN_WIDTH}px` : "auto");
147
+ me(
148
+ () => n.optionsListWidth,
149
+ () => {
150
+ n.optionsListWidth && document.documentElement.style.setProperty(
151
+ "--options-list-width",
152
+ n.optionsListWidth
153
+ );
154
+ }
155
+ );
156
+ const W = () => {
147
157
  I();
148
158
  };
149
159
  return j({
150
160
  selectItem: D,
151
161
  scrollTo: ne
152
- }), (c, l) => (n(), r("div", y({
162
+ }), (c, l) => (a(), s("div", y({
153
163
  ref_key: "el",
154
- ref: se,
164
+ ref: re,
155
165
  class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": e.disabled, "full-width": e.fullWidth }]],
156
166
  tabindex: e.disabled ? -1 : 0
157
167
  }, t(g)[t(p).WRAPPER], {
@@ -159,8 +169,8 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
159
169
  (...o) => t(b) && t(b)(...o))
160
170
  }), [
161
171
  f(c.$slots, "label", {}, void 0, !0),
162
- m("div", Fe, [
163
- i(t(Se), y({
172
+ m("div", Ne, [
173
+ i(t(Ke), y({
164
174
  theme: e.theme,
165
175
  "popper-class": [
166
176
  e.popperClass,
@@ -173,33 +183,33 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
173
183
  distance: e.distance,
174
184
  flip: e.flip,
175
185
  triggers: [],
176
- shown: !!t(s),
186
+ shown: !!t(r),
177
187
  "auto-hide": !1,
178
188
  container: e.container,
179
189
  "auto-size": e.autoSize
180
190
  }, t(g)[t(p).TRIGGER]), {
181
191
  popper: u(() => [
182
- i(me, null, {
192
+ i(pe, null, {
183
193
  default: u(() => [
184
- t(s) ? (n(), r("div", {
194
+ t(r) ? (a(), s("div", {
185
195
  key: 0,
186
196
  ref_key: "listRef",
187
197
  ref: ae,
188
- class: O(["light-theme-v4", {
198
+ class: E(["light-theme-v4", {
189
199
  "dropdown--disabled": e.disabled,
190
200
  "inline-search": e.inlineSearch
191
201
  }]),
192
- style: pe({ width: t(ye) })
202
+ style: ge({ width: t(ye) })
193
203
  }, [
194
- t(s) ? (n(), r("div", {
204
+ t(r) ? (a(), s("div", {
195
205
  key: 0,
196
- class: O(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
206
+ class: E(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
197
207
  onKeydown: l[7] || (l[7] = //@ts-ignore
198
208
  (...o) => t(b) && t(b)(...o))
199
209
  }, [
200
- t(s) && e.inlineSearch ? (n(), r("div", De, [
210
+ t(r) && e.inlineSearch ? (a(), s("div", Pe, [
201
211
  e.withConditions ? f(c.$slots, "dropdown-conditions", { key: 0 }, () => [
202
- m("div", Pe, [
212
+ m("div", Re, [
203
213
  i(t(Y), { variant: "body2" }, {
204
214
  default: u(() => [
205
215
  T("Conditions")
@@ -207,12 +217,12 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
207
217
  _: 1
208
218
  })
209
219
  ])
210
- ], !0) : a("", !0),
220
+ ], !0) : d("", !0),
211
221
  f(c.$slots, "inline-search", {}, () => [
212
- i(t(Ce), {
222
+ i(t(Se), {
213
223
  modelValue: t(v),
214
224
  "onUpdate:modelValue": [
215
- l[4] || (l[4] = (o) => ge(v) ? v.value = o : null),
225
+ l[4] || (l[4] = (o) => Te(v) ? v.value = o : null),
216
226
  e.onClearSearch
217
227
  ],
218
228
  placeholder: e.inlineSearchPlaceholder,
@@ -223,8 +233,8 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
223
233
  onKeydown: t(b)
224
234
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
225
235
  ], !0)
226
- ])) : a("", !0),
227
- f(c.$slots, "input-list", { open: t(s) }, void 0, !0),
236
+ ])) : d("", !0),
237
+ f(c.$slots, "input-list", { open: t(r) }, void 0, !0),
228
238
  m("div", y({
229
239
  class: ["list-container", { "list-container--multi": e.multi }],
230
240
  style: { height: `${t(Q)}rem` }
@@ -240,14 +250,14 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
240
250
  "list--with-conditions": e.withConditions
241
251
  }]
242
252
  }), [
243
- !t(_).length && !e.loading && !e.withConditions ? (n(), r("li", Re, [
253
+ !t(_).length && !e.loading && !e.withConditions ? (a(), s("li", ze, [
244
254
  i(t(Y), y({ variant: "body2" }, t(g)[t(p).NO_RESULT]), {
245
255
  default: u(() => [
246
- T(G(e.noResultsText), 1)
256
+ T(U(e.noResultsText), 1)
247
257
  ]),
248
258
  _: 1
249
259
  }, 16)
250
- ])) : a("", !0),
260
+ ])) : d("", !0),
251
261
  e.showSelectAll !== !1 && e.multi && !t(v) && !e.loading && e.options.length ? f(c.$slots, "select-all", { key: 1 }, () => [
252
262
  m("li", null, [
253
263
  i(t(q), y(
@@ -261,7 +271,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
261
271
  },
262
272
  t(g)[t(p).SELECT_ALL],
263
273
  {
264
- onClick: l[5] || (l[5] = W((o) => t(te)(), ["stop"]))
274
+ onClick: l[5] || (l[5] = G((o) => t(te)(), ["stop"]))
265
275
  }
266
276
  ), {
267
277
  default: u(() => [
@@ -270,17 +280,17 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
270
280
  _: 1
271
281
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate", "is-multi"])
272
282
  ])
273
- ], !0) : a("", !0),
274
- t(x).length && !e.loading ? (n(!0), r(Te, { key: 2 }, ke(t(x), ({ data: o, index: w }) => (n(), r("li", {
283
+ ], !0) : d("", !0),
284
+ t(x).length && !e.loading ? (a(!0), s(ke, { key: 2 }, he(t(x), ({ data: o, index: w }) => (a(), s("li", {
275
285
  key: w,
276
286
  "aria-selected": t(A)(C(t(h)), o),
277
287
  "aria-disabled": !!e.disabled,
278
- onClick: W(() => t(D)(o, w), ["stop"])
288
+ onClick: G(() => t(D)(o, w), ["stop"])
279
289
  }, [
280
290
  e.groupedOptions && t(ce)(o) ? f(c.$slots, "group-option", { key: 0 }, () => [
281
- i(Le, null, {
291
+ i(Be, null, {
282
292
  default: u(() => [
283
- T(G(e.displayValue(o) || o[e.optionNameKey]), 1)
293
+ T(U(e.displayValue(o) || o[e.optionNameKey]), 1)
284
294
  ]),
285
295
  _: 2
286
296
  }, 1024)
@@ -290,13 +300,13 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
290
300
  index: w,
291
301
  selected: t(A)(C(t(h)), o),
292
302
  active: C(t(P)) === w,
293
- disabled: o[d.disabledOptionKey]
303
+ disabled: o[n.disabledOptionKey]
294
304
  }, () => [
295
305
  i(t(q), {
296
306
  option: o,
297
307
  "selected-prop": t(A)(t(h), o),
298
308
  active: C(t(P)) === w,
299
- disabled: o[d.disabledOptionKey],
309
+ disabled: o[n.disabledOptionKey],
300
310
  "name-key": e.optionNameKey,
301
311
  "image-key": e.optionImageKey,
302
312
  "icon-key": e.optionIconKey,
@@ -310,18 +320,18 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
310
320
  "is-multi": e.multi
311
321
  }, null, 8, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "option-flag-key", "option-two-lines-variant", "option-two-lines-key", "is-multi"])
312
322
  ], !0)
313
- ], 8, ze))), 128)) : a("", !0),
314
- e.loading || e.loadMoreLoading ? (n(), r("li", $e, [
323
+ ], 8, $e))), 128)) : d("", !0),
324
+ e.loading || e.loadMoreLoading ? (a(), s("li", Me, [
315
325
  i(t(S), { round: "" }),
316
326
  i(t(S), { round: "" }),
317
327
  i(t(S), { round: "" }),
318
328
  i(t(S), { round: "" })
319
- ])) : a("", !0)
329
+ ])) : d("", !0)
320
330
  ], 16)
321
331
  ], 16),
322
- e.multi ? (n(), r("div", Me, [
332
+ e.multi ? (a(), s("div", We, [
323
333
  m("div", He, [
324
- i(t(L), y(
334
+ i(t(O), y(
325
335
  {
326
336
  ref_key: "clearAll",
327
337
  ref: ue,
@@ -341,10 +351,10 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
341
351
  }, 16)
342
352
  ]),
343
353
  m("div", Ue, [
344
- i(t(L), y(
354
+ i(t(O), y(
345
355
  {
346
356
  ref_key: "cancel",
347
- ref: re,
357
+ ref: se,
348
358
  size: "small",
349
359
  variant: "outlined",
350
360
  color: "primary"
@@ -357,7 +367,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
357
367
  ]),
358
368
  _: 1
359
369
  }, 16, ["onClick"]),
360
- i(t(L), y({
370
+ i(t(O), y({
361
371
  ref_key: "apply",
362
372
  ref: de,
363
373
  "data-testid": "mutli-apply",
@@ -370,17 +380,17 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
370
380
  _: 1
371
381
  }, 16, ["onClick"])
372
382
  ])
373
- ])) : a("", !0)
374
- ], 34)) : a("", !0)
375
- ], 6)) : a("", !0)
383
+ ])) : d("", !0)
384
+ ], 34)) : d("", !0)
385
+ ], 6)) : d("", !0)
376
386
  ]),
377
387
  _: 3
378
388
  })
379
389
  ]),
380
390
  default: u(() => [
381
391
  m("div", {
382
- class: O(["button__container", {
383
- "button__container--open": !!t(s),
392
+ class: E(["button__container", {
393
+ "button__container--open": !!t(r),
384
394
  [`button__container--${e.size}`]: !0,
385
395
  "button__container--disabled": e.disabled
386
396
  }])
@@ -391,21 +401,21 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
391
401
  }, [
392
402
  f(c.$slots, "dropdown-trigger", {
393
403
  buttonTriggerProps: {
394
- open: t(s),
404
+ open: t(r),
395
405
  disabled: e.disabled,
396
406
  label: t(oe) || e.placeholder,
397
407
  onClick: () => t(I)()
398
408
  },
399
409
  defaultTriggerProps: {
400
410
  placeholder: e.placeholder,
401
- open: t(s),
411
+ open: t(r),
402
412
  label: e.triggerLabel,
403
413
  showFeedbackIcon: e.triggerFeedbackShowIcon,
404
414
  mandatory: e.mandatory,
405
415
  testId: e.testId,
406
416
  multi: e.multi,
407
417
  disabled: e.disabled,
408
- selectedOption: e.multi ? t(E) : t(h),
418
+ selectedOption: e.multi ? t(L) : t(h),
409
419
  displayValue: e.displayValue,
410
420
  options: e.options,
411
421
  optionNameKey: e.optionNameKey,
@@ -423,20 +433,20 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
423
433
  showAllSelectedText: e.triggerShowAllSelectedText,
424
434
  allSelected: t(K),
425
435
  onKeydown: t(N),
426
- onClick: H
436
+ onClick: W
427
437
  }
428
438
  }, () => [
429
- t($) ? (n(), r("div", Ne, [
430
- (n(), X(he(t($)), {
439
+ t($) ? (a(), s("div", Ve, [
440
+ (a(), X(be(t($)), {
431
441
  placeholder: e.placeholder,
432
- open: t(s),
442
+ open: t(r),
433
443
  label: e.triggerLabel,
434
444
  "show-feedback-icon": e.triggerFeedbackShowIcon,
435
445
  mandatory: e.mandatory,
436
446
  "test-id": e.testId,
437
447
  multi: e.multi,
438
448
  disabled: e.disabled,
439
- "selected-option": e.multi ? t(E) : t(h),
449
+ "selected-option": e.multi ? t(L) : t(h),
440
450
  "display-value": e.displayValue,
441
451
  options: e.options,
442
452
  "option-name-key": e.optionNameKey,
@@ -454,47 +464,47 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
454
464
  "show-all-selected-text": e.triggerShowAllSelectedText,
455
465
  "all-selected": t(K),
456
466
  onKeydown: t(N),
457
- onClick: H,
467
+ onClick: W,
458
468
  onCopyToClipboard: l[0] || (l[0] = (o) => B("copyToClipboard"))
459
469
  }, 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"]))
460
- ])) : a("", !0),
461
- e.predefinedTrigger === t(k).ICON_BUTTON ? (n(), r("div", Ve, [
462
- i(t(we), {
470
+ ])) : d("", !0),
471
+ e.predefinedTrigger === t(k).ICON_BUTTON ? (a(), s("div", xe, [
472
+ i(t(Ie), {
463
473
  onClick: l[1] || (l[1] = (o) => t(I)())
464
474
  })
465
- ])) : a("", !0),
466
- e.predefinedTrigger === t(k).CHIP ? (n(), r("div", xe, [
467
- i(t(Ie), {
468
- open: t(s),
475
+ ])) : d("", !0),
476
+ e.predefinedTrigger === t(k).CHIP ? (a(), s("div", De, [
477
+ i(t(ve), {
478
+ open: t(r),
469
479
  label: e.placeholder,
470
480
  "test-id": e.testId,
471
481
  options: e.options,
472
- "selected-option": e.multi ? t(E) : t(h),
482
+ "selected-option": e.multi ? t(L) : t(h),
473
483
  "display-value": e.displayValue,
474
484
  multi: e.multi,
475
485
  "all-selected": t(K),
476
486
  onClick: l[2] || (l[2] = (o) => t(I)()),
477
487
  onClear: l[3] || (l[3] = (o) => t(z)())
478
488
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected"])
479
- ])) : a("", !0)
489
+ ])) : d("", !0)
480
490
  ], !0)
481
491
  ], 512)
482
492
  ], 2)
483
493
  ]),
484
494
  _: 3
485
495
  }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
486
- e.triggerFeedbackText ? (n(), X(Oe, {
496
+ e.triggerFeedbackText ? (a(), X(Oe, {
487
497
  key: 0,
488
498
  text: e.triggerFeedbackText,
489
499
  variant: e.triggerFeedbackVariant,
490
500
  "show-icon": e.triggerFeedbackShowIcon,
491
501
  "test-id": e.testId,
492
502
  class: "dropdown-field-help-text"
493
- }, null, 8, ["text", "variant", "show-icon", "test-id"])) : a("", !0)
503
+ }, null, 8, ["text", "variant", "show-icon", "test-id"])) : d("", !0)
494
504
  ])
495
- ], 16, Be));
505
+ ], 16, Fe));
496
506
  }
497
507
  });
498
508
  export {
499
- Tt as default
509
+ kt as default
500
510
  };
package/components/table/v4/DataGrid.vue.d.ts CHANGED
@@ -182,6 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
182
182
  rowIndex: number;
183
183
  }) => any>> & {
184
184
  title?(_: {}): any;
185
+ "table-header-pre-search"?(_: {}): any;
185
186
  search?(_: {}): any;
186
187
  "table-header-actions"?(_: {}): any;
187
188
  "select-all-checkbox"?(_: {}): any;
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-26488faf"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6b54ac22"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,32 +1,32 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css"; import { defineComponent as ne, useCssVars as ce, unref as t, useSlots as re, computed as g, openBlock as i, createElementBlock as o, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as B, toDisplayString as E, isRef as ue, createCommentVNode as r, Fragment as I, renderList as p, mergeProps as V, createBlock as z } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css"; import { defineComponent as ce, useCssVars as re, unref as t, useSlots as ue, computed as m, openBlock as i, createElementBlock as o, createElementVNode as u, normalizeStyle as T, normalizeClass as S, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, createCommentVNode as r, isRef as he, Fragment as p, renderList as I, mergeProps as M, createBlock as z } from "vue";
2
2
  import A from "../../typography/v4/Typography.vue.js";
3
- import he from "../../skeleton/v4/SkeletonV4.vue.js";
4
- import ye from "../../emptyState/v4/EmptyStateV4.vue.js";
3
+ import ye from "../../skeleton/v4/SkeletonV4.vue.js";
4
+ import fe from "../../emptyState/v4/EmptyStateV4.vue.js";
5
5
  import G from "../../checkbox/v4/CheckboxV4.vue.js";
6
- import { TableTestIdModifiers as S } from "../../../testids/index.js";
7
- import { tableCommon as fe } from "../common/Table.common.js";
8
- import Se from "./SortIcon.vue.js";
9
- import ke from "./HelpIcon.vue.js";
10
- import me from "./ExpandRowToggle.vue.js";
11
- import ge from "../../search/v4/SearchV4.vue.js";
12
- import { useVModel as ve } from "@vueuse/core";
13
- import { CHECKBOX_COLUMN_ID as be } from "../common/consts.js";
14
- const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["data-testid"], Te = ["data-testid"], we = { class: "search-wrapper" }, Be = ["data-testid"], Ee = ["data-testid"], Ie = {
6
+ import { TableTestIdModifiers as y } from "../../../testids/index.js";
7
+ import { tableCommon as Se } from "../common/Table.common.js";
8
+ import ke from "./SortIcon.vue.js";
9
+ import me from "./HelpIcon.vue.js";
10
+ import ge from "./ExpandRowToggle.vue.js";
11
+ import ve from "../../search/v4/SearchV4.vue.js";
12
+ import { useVModel as be } from "@vueuse/core";
13
+ import { CHECKBOX_COLUMN_ID as $e } from "../common/consts.js";
14
+ const Re = ["data-testid"], Ce = ["data-testid"], xe = ["data-testid"], Te = ["data-testid"], we = ["data-testid"], Ee = ["data-testid"], Be = { class: "search-wrapper" }, pe = ["data-testid"], Ie = ["data-testid"], Ae = {
15
15
  key: 1,
16
16
  class: "expand-toggle-cell"
17
- }, pe = ["onClick"], Ae = { class: "table-head-container" }, Le = ["data-testid"], Me = ["onMouseenter", "onClick"], Pe = {
17
+ }, He = ["onClick"], Pe = { class: "table-head-container" }, Le = ["data-testid"], Me = ["onMouseenter", "onClick"], Ve = {
18
18
  key: 1,
19
19
  class: "expand-toggle-cell"
20
- }, Ve = {
20
+ }, Ne = {
21
21
  key: 2,
22
22
  class: "expanded-row"
23
- }, He = {
23
+ }, Fe = {
24
24
  key: 3,
25
25
  class: "floating-row"
26
- }, Ne = { key: 1 }, Fe = {
26
+ }, Oe = { key: 1 }, De = {
27
27
  key: 0,
28
28
  class: "table-footer"
29
- }, Ze = /* @__PURE__ */ ne({
29
+ }, et = /* @__PURE__ */ ce({
30
30
  __name: "DataGrid",
31
31
  props: {
32
32
  title: { default: "" },
@@ -61,167 +61,176 @@ const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["d
61
61
  isSelectionBordered: { type: Boolean, default: !1 }
62
62
  },
63
63
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
64
- setup(s, { expose: k, emit: y }) {
65
- const a = s;
66
- ce((l) => ({
67
- "7552e08c": s.zIndexBase,
68
- "7f4c0eae": t(_),
69
- b761a3b2: t(N),
70
- "79122e22": t(Z)
64
+ setup(s, { expose: k, emit: f }) {
65
+ const l = s;
66
+ re((a) => ({
67
+ "3041fee8": s.zIndexBase,
68
+ "8ac5cc00": t(_),
69
+ "4f8aacf9": t(N),
70
+ "65a66d41": t(Z)
71
71
  }));
72
- const b = re(), Y = (l) => a.rowCustomClassKey && a.rows[l] ? a.rows[l][a.rowCustomClassKey] : "", {
73
- list: H,
72
+ const g = ue(), Y = (a) => l.rowCustomClassKey && l.rows[a] ? l.rows[a][l.rowCustomClassKey] : "", {
73
+ list: V,
74
74
  containerProps: Q,
75
75
  wrapperProps: W,
76
- activeRow: C,
76
+ activeRow: $,
77
77
  gridColumnTemplate: N,
78
78
  toggleSortOrder: X,
79
- columnsStickyPositions: L,
79
+ columnsStickyPositions: H,
80
80
  hasSearchSlot: j,
81
81
  containerStyle: q,
82
82
  onScroll: F,
83
83
  savingRows: O,
84
- hasExpandSlot: $,
84
+ hasExpandSlot: R,
85
85
  toggleExpandRow: J,
86
86
  cssRowHeight: Z,
87
87
  cssExpandGridCol: _,
88
- isRowExpanded: M,
88
+ isRowExpanded: P,
89
89
  hasCheckboxes: D,
90
90
  activeMenuRow: ee,
91
91
  scrollTo: te
92
- } = fe(a, y), K = g(() => !!b.footer), v = ve(a, "search", y), se = g(() => a.selection.length || 0), P = g(() => {
93
- const l = a.rows.map((d, e) => a.getRowId(d, e));
94
- return !!l.length && l.every((d) => R(d));
95
- }), R = (l) => a.selection.findIndex((d) => a.selectedMatcher(l, d)) !== -1, le = (l) => {
96
- R(l) ? (x(
97
- a.selection.filter(
98
- (d) => !a.selectedMatcher(l, d)
92
+ } = Se(l, f), K = m(() => !!g.footer), se = m(
93
+ () => l.title || g.title || j || g["table-header-actions"] || g["table-header-pre-search"]
94
+ ), b = be(l, "search", f), ae = m(() => l.selection.length || 0), L = m(() => {
95
+ const a = l.rows.map((d, e) => l.getRowId(d, e));
96
+ return !!a.length && a.every((d) => C(d));
97
+ }), C = (a) => l.selection.findIndex((d) => l.selectedMatcher(a, d)) !== -1, le = (a) => {
98
+ C(a) ? (x(
99
+ l.selection.filter(
100
+ (d) => !l.selectedMatcher(a, d)
99
101
  )
100
- ), y("selectRow", !1)) : (x([...a.selection, l]), y("selectRow", !0));
101
- }, ae = () => {
102
- if (P.value)
103
- x([]), y("selectAll", !1);
102
+ ), f("selectRow", !1)) : (x([...l.selection, a]), f("selectRow", !0));
103
+ }, ie = () => {
104
+ if (L.value)
105
+ x([]), f("selectAll", !1);
104
106
  else {
105
- const l = a.rows.map((d, e) => a.getRowId(d, e)).filter((d) => !R(d));
106
- x([...a.selection, ...l]), y("selectAll", !0);
107
+ const a = l.rows.map((d, e) => l.getRowId(d, e)).filter((d) => !C(d));
108
+ x([...l.selection, ...a]), f("selectAll", !0);
107
109
  }
108
- }, x = (l) => {
109
- y("update:selection", l);
110
- }, ie = (l) => !a.isLoading && C.value === l, oe = g(
111
- () => a.emptyStateVariant ?? (v.value ? "no-results" : "no-data")
112
- ), de = g(
113
- () => a.emptyStateSubtitle ? a.emptyStateSubtitle : v.value ? "Search again with different filters" : void 0
114
- ), U = g(() => ({
110
+ }, x = (a) => {
111
+ f("update:selection", a);
112
+ }, oe = (a) => !l.isLoading && $.value === a, de = m(
113
+ () => l.emptyStateVariant ?? (b.value ? "no-results" : "no-data")
114
+ ), ne = m(
115
+ () => l.emptyStateSubtitle ? l.emptyStateSubtitle : b.value ? "Search again with different filters" : void 0
116
+ ), U = m(() => ({
115
117
  class: {
116
- sticky: a.isSelectionSticky,
117
- bordered: a.isSelectionBordered
118
+ sticky: l.isSelectionSticky,
119
+ bordered: l.isSelectionBordered
118
120
  },
119
- style: a.isSelectionSticky ? L.value[be] : null
121
+ style: l.isSelectionSticky ? H.value[$e] : null
120
122
  }));
121
123
  return k({
122
124
  scrollTo: te
123
- }), (l, d) => (i(), o("div", {
125
+ }), (a, d) => (i(), o("div", {
124
126
  class: "table-container",
125
- "data-testid": `${s.testId}-${t(S).CONTAINER}`,
126
- onMouseleave: d[3] || (d[3] = (e) => C.value = null)
127
+ "data-testid": `${s.testId}-${t(y).CONTAINER}`,
128
+ onMouseleave: d[3] || (d[3] = (e) => $.value = null)
127
129
  }, [
128
130
  u("table", {
129
131
  ref: t(Q).ref,
130
132
  style: T(t(q)),
131
- class: f({
133
+ class: S({
132
134
  hasFooter: t(K)
133
135
  }),
134
- "data-testid": `${s.testId}-${t(S).TABLE}`,
136
+ "data-testid": `${s.testId}-${t(y).TABLE}`,
135
137
  onScrollPassive: d[2] || (d[2] = //@ts-ignore
136
138
  (...e) => t(F) && t(F)(...e))
137
139
  }, [
138
- s.title || t(b).title || t(j) || t(b)["table-header-actions"] ? (i(), o("div", {
140
+ t(se) ? (i(), o("div", {
139
141
  key: 0,
140
- class: f(["table-header", { isStickyHeader: s.isStickyHeader }]),
141
- "data-testid": `${s.testId}-${t(S).HEADER}`
142
+ class: S(["table-header", { isStickyHeader: s.isStickyHeader }]),
143
+ "data-testid": `${s.testId}-${t(y).HEADER}`
142
144
  }, [
143
145
  u("div", {
144
146
  class: "table-title",
145
- "data-testid": `${s.testId}-${t(S).TITLE}`
147
+ "data-testid": `${s.testId}-${t(y).TITLE}`
146
148
  }, [
147
- c(l.$slots, "title", {}, () => [
149
+ c(a.$slots, "title", {}, () => [
148
150
  h(t(A), { variant: "h3" }, {
149
151
  default: w(() => [
150
- B(E(s.title), 1)
152
+ E(B(s.title), 1)
151
153
  ]),
152
154
  _: 1
153
155
  })
154
156
  ])
155
- ], 8, xe),
157
+ ], 8, Te),
158
+ t(g)["table-header-pre-search"] ? (i(), o("div", {
159
+ key: 0,
160
+ class: "table-header-pre-search-content",
161
+ "data-testid": `${s.testId}-${t(y).PRE_SEARCH_HEADER}`
162
+ }, [
163
+ c(a.$slots, "table-header-pre-search")
164
+ ], 8, we)) : r("", !0),
156
165
  u("div", {
157
166
  class: "table-header-right",
158
- "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
167
+ "data-testid": `${s.testId}-${t(y).HEADER_RIGHT}`
159
168
  }, [
160
- s.showSearch ? c(l.$slots, "search", { key: 0 }, () => [
161
- u("div", we, [
162
- h(t(ge), {
163
- modelValue: t(v),
164
- "onUpdate:modelValue": d[0] || (d[0] = (e) => ue(v) ? v.value = e : null),
169
+ s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
170
+ u("div", Be, [
171
+ h(t(ve), {
172
+ modelValue: t(b),
173
+ "onUpdate:modelValue": d[0] || (d[0] = (e) => he(b) ? b.value = e : null),
165
174
  placeholder: s.searchPlaceholder,
166
175
  "auto-focus": s.searchAutoFocus,
167
176
  "test-id": s.testId,
168
- onOnClear: d[1] || (d[1] = (e) => y("onClearSearch"))
177
+ onOnClear: d[1] || (d[1] = (e) => f("onClearSearch"))
169
178
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
170
179
  ])
171
180
  ]) : r("", !0)
172
- ], 8, Te),
173
- t(b)["table-header-actions"] ? (i(), o("div", {
174
- key: 0,
181
+ ], 8, Ee),
182
+ t(g)["table-header-actions"] ? (i(), o("div", {
183
+ key: 1,
175
184
  class: "table-header-actions",
176
- "data-testid": `${s.testId}-${t(S).ACTIONS}`
185
+ "data-testid": `${s.testId}-${t(y).ACTIONS}`
177
186
  }, [
178
- c(l.$slots, "table-header-actions")
179
- ], 8, Be)) : r("", !0)
180
- ], 10, Re)) : r("", !0),
187
+ c(a.$slots, "table-header-actions")
188
+ ], 8, pe)) : r("", !0)
189
+ ], 10, xe)) : r("", !0),
181
190
  u("thead", {
182
- class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
191
+ class: S({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
183
192
  }, [
184
193
  u("div", {
185
194
  class: "sections",
186
- "data-testid": `${s.testId}-${t(S).SECTIONS}`
195
+ "data-testid": `${s.testId}-${t(y).SECTIONS}`
187
196
  }, [
188
- (i(!0), o(I, null, p(s.sections, (e) => (i(), o("div", {
197
+ (i(!0), o(p, null, I(s.sections, (e) => (i(), o("div", {
189
198
  key: e.id,
190
- class: f(["section-container", { sticky: e.isSticky }])
199
+ class: S(["section-container", { sticky: e.isSticky }])
191
200
  }, [
192
- c(l.$slots, `section-${e.id}`, {}, () => [
201
+ c(a.$slots, `section-${e.id}`, {}, () => [
193
202
  u("div", {
194
203
  style: T({ width: e.width + "px" }),
195
- class: f({ section: !0 })
204
+ class: S({ section: !0 })
196
205
  }, [
197
206
  h(t(A), { variant: "body2" }, {
198
207
  default: w(() => [
199
- B(E(e.title), 1)
208
+ E(B(e.title), 1)
200
209
  ]),
201
210
  _: 2
202
211
  }, 1024)
203
212
  ], 4)
204
213
  ])
205
214
  ], 2))), 128))
206
- ], 8, Ee),
215
+ ], 8, Ie),
207
216
  u("tr", null, [
208
- t(D) ? (i(), o("th", V({
217
+ t(D) ? (i(), o("th", M({
209
218
  key: 0,
210
219
  class: "checkbox-cell"
211
220
  }, t(U)), [
212
- c(l.$slots, "select-all-checkbox", {}, () => [
221
+ c(a.$slots, "select-all-checkbox", {}, () => [
213
222
  h(t(G), {
214
223
  disabled: s.isLoading,
215
- "is-checked": t(P),
216
- "is-indeterminate": !t(P) && t(se) > 0,
217
- "onUpdate:isChecked": ae
224
+ "is-checked": t(L),
225
+ "is-indeterminate": !t(L) && t(ae) > 0,
226
+ "onUpdate:isChecked": ie
218
227
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
219
228
  ])
220
229
  ], 16)) : r("", !0),
221
- t($) ? (i(), o("th", Ie)) : r("", !0),
222
- (i(!0), o(I, null, p(s.columns, (e) => (i(), o("th", {
230
+ t(R) ? (i(), o("th", Ae)) : r("", !0),
231
+ (i(!0), o(p, null, I(s.columns, (e) => (i(), o("th", {
223
232
  key: e.id,
224
- class: f({
233
+ class: S({
225
234
  sticky: e.isSticky,
226
235
  isStickyRight: e.isStickyRight,
227
236
  bordered: e.isBordered,
@@ -229,67 +238,67 @@ const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["d
229
238
  isSortable: e.isSortable,
230
239
  [`column-${e.id}`]: !0
231
240
  }),
232
- style: T(e.isSticky ? t(L)[e.id] : null),
233
- onClick: (m) => e.isSortable ? t(X)(e) : null
241
+ style: T(e.isSticky ? t(H)[e.id] : null),
242
+ onClick: (v) => e.isSortable ? t(X)(e) : null
234
243
  }, [
235
- u("div", Ae, [
236
- c(l.$slots, `header-${e.id}`, { column: e }, () => [
244
+ u("div", Pe, [
245
+ c(a.$slots, `header-${e.id}`, { column: e }, () => [
237
246
  h(t(A), { variant: "tableLabel" }, {
238
247
  default: w(() => [
239
- B(E(e.title), 1)
248
+ E(B(e.title), 1)
240
249
  ]),
241
250
  _: 2
242
251
  }, 1024)
243
252
  ]),
244
- e.helpText ? (i(), z(ke, {
253
+ e.helpText ? (i(), z(me, {
245
254
  key: 0,
246
255
  "hover-help-text": e.helpText,
247
256
  "hover-help-text-placement": e.helpTextPlacement
248
257
  }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
249
- e.isSortable && e.id === s.sort?.sortBy ? (i(), z(Se, {
258
+ e.isSortable && e.id === s.sort?.sortBy ? (i(), z(ke, {
250
259
  key: 1,
251
260
  "sort-order": s.sort.sortOrder
252
261
  }, null, 8, ["sort-order"])) : r("", !0)
253
262
  ])
254
- ], 14, pe))), 128))
263
+ ], 14, He))), 128))
255
264
  ])
256
265
  ], 2),
257
266
  u("tbody", null, [
258
- t(H).length > 0 ? (i(), o("div", V({
267
+ t(V).length > 0 ? (i(), o("div", M({
259
268
  key: 0,
260
269
  class: "table-body-wrapper",
261
- "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
270
+ "data-testid": `${s.testId}-${t(y).BODY_WRAPPER}`
262
271
  }, t(W)), [
263
- (i(!0), o(I, null, p(t(H), (e) => (i(), o("tr", {
272
+ (i(!0), o(p, null, I(t(V), (e) => (i(), o("tr", {
264
273
  key: s.getRowKey(e.data, e.index),
265
- class: f(["table-row", {
274
+ class: S(["table-row", {
266
275
  loading: s.isLoading || s.isLoading && !e.data || t(O).includes(e.index),
267
- active: t(C) === e.index,
276
+ active: t($) === e.index,
268
277
  activeMenu: t(ee) === e.index,
269
- expanded: t($) && t(M)(e.index),
278
+ expanded: t(R) && t(P)(e.index),
270
279
  [Y(e.index)]: !0
271
280
  }]),
272
- onMouseenter: (m) => C.value = e.index,
273
- onClick: (m) => y("clickRow", e.index)
281
+ onMouseenter: (v) => $.value = e.index,
282
+ onClick: (v) => f("clickRow", e.index)
274
283
  }, [
275
- t(D) ? (i(), o("td", V({
284
+ t(D) ? (i(), o("td", M({
276
285
  key: 0,
277
286
  class: "checkbox-cell"
278
287
  }, t(U)), [
279
288
  h(t(G), {
280
- "is-checked": R(s.getRowId(e.data, e.index)),
281
- "onUpdate:isChecked": (m) => le(s.getRowId(e.data, e.index))
289
+ "is-checked": C(s.getRowId(e.data, e.index)),
290
+ "onUpdate:isChecked": (v) => le(s.getRowId(e.data, e.index))
282
291
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
283
292
  ], 16)) : r("", !0),
284
- t($) ? (i(), o("td", Pe, [
285
- h(me, {
286
- expanded: t(M)(e.index),
287
- onClick: (m) => t(J)(e.index, m)
293
+ t(R) ? (i(), o("td", Ve, [
294
+ h(ge, {
295
+ expanded: t(P)(e.index),
296
+ onClick: (v) => t(J)(e.index, v)
288
297
  }, null, 8, ["expanded", "onClick"])
289
298
  ])) : r("", !0),
290
- (i(!0), o(I, null, p(s.columns, (m, n) => (i(), o("td", {
299
+ (i(!0), o(p, null, I(s.columns, (v, n) => (i(), o("td", {
291
300
  key: n,
292
- class: f({
301
+ class: S({
293
302
  sticky: s.columns[n].isSticky,
294
303
  isStickyRight: s.columns[n].isStickyRight,
295
304
  bordered: s.columns[n].isBordered,
@@ -297,14 +306,14 @@ const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["d
297
306
  [`column-${s.columns[n].id}`]: !0
298
307
  }),
299
308
  style: T(
300
- s.columns[n].isSticky ? t(L)[s.columns[n].id] : null
309
+ s.columns[n].isSticky ? t(H)[s.columns[n].id] : null
301
310
  )
302
311
  }, [
303
312
  !s.isLoading || s.isLoading && e.data[n] ? (i(), o("div", {
304
313
  key: 0,
305
- class: f(["table-cell", { last: n === e.data.length - 1 }])
314
+ class: S(["table-cell", { last: n === e.data.length - 1 }])
306
315
  }, [
307
- c(l.$slots, `cell-${s.columns[n].id}`, {
316
+ c(a.$slots, `cell-${s.columns[n].id}`, {
308
317
  cell: e.data[n],
309
318
  isLoading: t(O).includes(e.index),
310
319
  cellIndex: n,
@@ -313,47 +322,48 @@ const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["d
313
322
  }, () => [
314
323
  h(t(A), { variant: "body1" }, {
315
324
  default: w(() => [
316
- B(E(e.data[n]), 1)
325
+ E(B(e.data[n]), 1)
317
326
  ]),
318
327
  _: 2
319
328
  }, 1024)
320
329
  ])
321
- ], 2)) : c(l.$slots, "loader", { key: 1 }, () => [
322
- h(t(he), { round: "" })
330
+ ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
331
+ h(t(ye), { round: "" })
323
332
  ])
324
333
  ], 6))), 128)),
325
- t($) && t(M)(e.index) ? (i(), o("div", Ve, [
326
- c(l.$slots, "expanded", {
334
+ t(R) && t(P)(e.index) ? (i(), o("div", Ne, [
335
+ c(a.$slots, "expanded", {
327
336
  row: e,
328
337
  gridColumnTemplate: t(N)
329
338
  })
330
339
  ])) : r("", !0),
331
- ie(e.index) ? (i(), o("div", He, [
332
- c(l.$slots, "floating-row", {
340
+ oe(e.index) ? (i(), o("div", Fe, [
341
+ c(a.$slots, "floating-row", {
333
342
  row: e,
334
343
  rowIndex: e.index
335
344
  })
336
345
  ])) : r("", !0)
337
346
  ], 42, Me))), 128))
338
- ], 16, Le)) : (i(), o("div", Ne, [
339
- c(l.$slots, "empty-state", {}, () => [
340
- h(t(ye), {
347
+ ], 16, Le)) : (i(), o("div", Oe, [
348
+ c(a.$slots, "empty-state", {}, () => [
349
+ h(t(fe), {
341
350
  class: "empty-state",
342
351
  title: s.emptyStateTitle,
343
- subtitle: t(de),
344
- variant: t(oe),
345
- "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
352
+ subtitle: t(ne),
353
+ variant: t(de),
354
+ "icon-name": "file-search",
355
+ "test-id": `${s.testId}-${t(y).EMPTY_STATE}`
346
356
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
347
357
  ])
348
358
  ]))
349
359
  ])
350
- ], 46, $e),
351
- t(K) ? (i(), o("div", Fe, [
352
- c(l.$slots, "footer")
360
+ ], 46, Ce),
361
+ t(K) ? (i(), o("div", De, [
362
+ c(a.$slots, "footer")
353
363
  ])) : r("", !0)
354
- ], 40, Ce));
364
+ ], 40, Re));
355
365
  }
356
366
  });
357
367
  export {
358
- Ze as default
368
+ et as default
359
369
  };
package/components/table/v4/index.d.ts CHANGED
@@ -698,6 +698,7 @@ declare const DataGridTypes: () => (({
698
698
  rowIndex: number;
699
699
  }) => any>> & {
700
700
  title?(_: {}): any;
701
+ "table-header-pre-search"?(_: {}): any;
701
702
  search?(_: {}): any;
702
703
  "table-header-actions"?(_: {}): any;
703
704
  "select-all-checkbox"?(_: {}): any;
package/index.d.ts CHANGED
@@ -6455,6 +6455,7 @@ declare const _default: {
6455
6455
  rowIndex: number;
6456
6456
  }) => any>> & {
6457
6457
  title?(_: {}): any;
6458
+ "table-header-pre-search"?(_: {}): any;
6458
6459
  search?(_: {}): any;
6459
6460
  "table-header-actions"?(_: {}): any;
6460
6461
  "select-all-checkbox"?(_: {}): any;
@@ -7262,6 +7263,7 @@ declare const _default: {
7262
7263
  rowIndex: number;
7263
7264
  }) => any>> & {
7264
7265
  title?(_: {}): any;
7266
+ "table-header-pre-search"?(_: {}): any;
7265
7267
  search?(_: {}): any;
7266
7268
  "table-header-actions"?(_: {}): any;
7267
7269
  "select-all-checkbox"?(_: {}): any;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
1
+ import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-rc.1",
3
+ "version": "2.1.12-rc.3",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/testids/index.d.ts CHANGED
@@ -101,7 +101,8 @@ export declare enum TableTestIdModifiers {
101
101
  ACTIONS = "tbl-actions",
102
102
  SECTIONS = "tbl-sections",
103
103
  BODY_WRAPPER = "tbl-body-wrapper",
104
- EMPTY_STATE = "tbl-empty-state"
104
+ EMPTY_STATE = "tbl-empty-state",
105
+ PRE_SEARCH_HEADER = "tbl-pre-search-header"
105
106
  }
106
107
  export declare enum RowsCounterTestIdModifiers {
107
108
  CONTAINER = "rc-container",
package/testids/index.js CHANGED
@@ -1,36 +1,36 @@
1
- var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), O = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(O || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), R = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(R || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(N || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(A || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(c || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(n || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(_ || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(l || {}), r = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(S || {}), U = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(U || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(B || {}), T = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(T || {}), W = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(X || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(h || {}), m = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(m || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(x || {}), g = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(g || {}), w = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(w || {}), V = /* @__PURE__ */ ((E) => (E.BUTTON_A = "ab-group-button-a", E.BUTTON_B = "ab-group-button-b", E.POPOVER_TRIGGER = "ab-group-popover-trigger", E.POPOVER_AB = "ab-group-popover", E))(V || {});
1
+ var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(O || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(t || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(N || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(A || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(c || {}), _ = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(_ || {}), n = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(n || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E.PRE_SEARCH_HEADER = "tbl-pre-search-header", E))(l || {}), r = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(S || {}), U = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(U || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(B || {}), h = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(h || {}), T = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(T || {}), W = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(X || {}), m = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(m || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(x || {}), g = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(g || {}), w = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(w || {}), V = /* @__PURE__ */ ((E) => (E.BUTTON_A = "ab-group-button-a", E.BUTTON_B = "ab-group-button-b", E.POPOVER_TRIGGER = "ab-group-popover-trigger", E.POPOVER_AB = "ab-group-popover", E))(V || {});
2
2
  export {
3
- R as AlertTestIdModifiers,
3
+ t as AlertTestIdModifiers,
4
4
  y as AppHeaderTestIdModifiers,
5
5
  p as AppTriggerTestIdModifiers,
6
6
  v as AutocompleteInputTestIdModifiers,
7
- t as BannerTestIdModifiers,
7
+ O as BannerTestIdModifiers,
8
8
  U as CalendarMonthTestIdModifiers,
9
9
  L as CheckboxTestIdModifiers,
10
10
  u as ChipTestIdModifiers,
11
11
  S as DatePickerTestIdModifiers,
12
12
  B as DateRangeTestIdModifiers,
13
13
  N as DialogTestIdModifiers,
14
- O as DropdownTestIdModifiers,
14
+ R as DropdownTestIdModifiers,
15
15
  m as FieldHelpTextTestIdModifiers,
16
- h as FieldLabelTestIdModifiers,
16
+ X as FieldLabelTestIdModifiers,
17
17
  H as FoldableSectionTestIdModifiers,
18
18
  Y as FormCardTestIdModifiers,
19
- X as HeaderTestIdModifiers,
19
+ W as HeaderTestIdModifiers,
20
20
  a as IncludeExcludeTestIdModifiers,
21
21
  x as InlineCopyTestIdModifiers,
22
22
  A as InputTestIdModifiers,
23
23
  g as MultiBarTestIdModifiers,
24
24
  P as RadioTestIdModifiers,
25
25
  r as RowsCounterTestIdModifiers,
26
- _ as SearchTestIdModifiers,
26
+ n as SearchTestIdModifiers,
27
27
  G as SnackbarTestIdModifiers,
28
28
  w as SortableListTestIdModifiers,
29
29
  c as SwitchTestIdModifiers,
30
30
  l as TableTestIdModifiers,
31
- T as TabsTestIdModifiers,
32
- n as TextAreaTestIdModifiers,
33
- W as TextTestIdModifiers,
31
+ h as TabsTestIdModifiers,
32
+ _ as TextAreaTestIdModifiers,
33
+ T as TextTestIdModifiers,
34
34
  V as ToggleButtonGroupABTestIdModifiers,
35
35
  C as ToggleTestIdModifiers,
36
36
  b as TooltipTestIdModifiers
package/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css DELETED
@@ -1 +0,0 @@
1
- .chart-container[data-v-026d82c5]{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-026d82c5]{height:76px}.chart-content[data-v-026d82c5]{width:100%}.chart-content.with-legend[data-v-026d82c5]{width:calc(100% - 221px)}.chart-sidebar[data-v-026d82c5]{border-left:1px solid var(--common-divider)}.chart[data-v-026d82c5]{width:100%;height:312px;position:relative}.chart__canvas[data-v-026d82c5]{width:100%;height:100%}.chart__tooltip[data-v-026d82c5]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}
package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-26488faf]{position:sticky}.table-container[data-v-26488faf]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-26488faf]{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-26488faf]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-26488faf]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-26488faf]{width:13.75rem}.table-header.isStickyHeader[data-v-26488faf]{z-index:calc(var(--7552e08c) + 3);top:0}.table-head-container[data-v-26488faf]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-26488faf]{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-26488faf]{display:inline-table}.table-header-actions[data-v-26488faf]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-26488faf]{position:relative}.table-row.loading[data-v-26488faf]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-26488faf]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-26488faf]{border-bottom:none}.expanded-row[data-v-26488faf]{grid-column:var(--7f4c0eae);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-26488faf]{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-26488faf]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-26488faf],table th[data-v-26488faf]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-26488faf]:first-of-type,table th[data-v-26488faf]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-26488faf]:last-of-type,table th[data-v-26488faf]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-26488faf],table th.expand-toggle-cell[data-v-26488faf]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-26488faf]{border-bottom:none;z-index:calc(var(--7552e08c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-26488faf]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b761a3b2)}table>thead>tr>th[data-v-26488faf]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-26488faf]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-26488faf]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-26488faf]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-26488faf]{cursor:pointer}table>thead.sticky[data-v-26488faf]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-26488faf]{z-index:calc(var(--7552e08c) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-26488faf]{display:block}table>tbody>*>tr[data-v-26488faf]{background-color:var(--background-default);min-height:var(--79122e22);height:auto;display:grid;align-items:center;grid-template-columns:var(--b761a3b2)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-26488faf]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-26488faf],table>tbody>*>tr.activeMenu>td[data-v-26488faf]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-26488faf]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--79122e22);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-26488faf]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-26488faf]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-26488faf]{justify-content:flex-end;text-align:right}.section-container[data-v-26488faf]{left:0}.sections[data-v-26488faf]{display:flex}.section[data-v-26488faf]{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-26488faf]{width:100%}.empty-state[data-v-26488faf]{min-height:250px}.floating-row[data-v-26488faf]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--7552e08c) + 1)}.floating-row *[data-v-26488faf-s]{pointer-events:auto}
package/DropdownV4.vue_vue_type_style_index_0_scoped_48ba81e5_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-48ba81e5],.v-leave-active[data-v-48ba81e5]{transition:opacity .25s ease}ol[data-v-48ba81e5],ul[data-v-48ba81e5],menu[data-v-48ba81e5]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-48ba81e5],.dropdown.full-width .button__container[data-v-48ba81e5]{width:100%}.dropdown-list-wrapper[data-v-48ba81e5]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-48ba81e5]{padding:.5rem}.list-container--multi[data-v-48ba81e5]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-48ba81e5]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-48ba81e5]{width:100%}.inline-search .list-container[data-v-48ba81e5]{padding-top:0}.no-result-container[data-v-48ba81e5]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-48ba81e5]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-48ba81e5]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-48ba81e5]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-48ba81e5]{min-height:0;margin-bottom:0}.image-slot[data-v-48ba81e5]{margin-right:.5rem}.actions-wrapper[data-v-48ba81e5]{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-48ba81e5]{margin-left:.5rem}