@ironsource/shared-ui 2.1.12-rc.1 → 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 (15) 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_020072b0_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.js +3 -3
  10. package/components/table/v4/DataGrid.vue2.js +6 -5
  11. package/index.js +1 -1
  12. package/package.json +1 -1
  13. package/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +0 -1
  14. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +0 -1
  15. 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_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/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.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_020072b0_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-020072b0"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,4 +1,4 @@
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_020072b0_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";
2
2
  import A from "../../typography/v4/Typography.vue.js";
3
3
  import he from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import ye from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -64,10 +64,10 @@ const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["d
64
64
  setup(s, { expose: k, emit: y }) {
65
65
  const a = s;
66
66
  ce((l) => ({
67
- "7552e08c": s.zIndexBase,
68
- "7f4c0eae": t(_),
69
- b761a3b2: t(N),
70
- "79122e22": t(Z)
67
+ "213d426c": s.zIndexBase,
68
+ "1bb95c84": t(_),
69
+ "833c2592": t(N),
70
+ d3eb9802: t(Z)
71
71
  }));
72
72
  const b = re(), Y = (l) => a.rowCustomClassKey && a.rows[l] ? a.rows[l][a.rowCustomClassKey] : "", {
73
73
  list: H,
@@ -342,6 +342,7 @@ const Ce = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], xe = ["d
342
342
  title: s.emptyStateTitle,
343
343
  subtitle: t(de),
344
344
  variant: t(oe),
345
+ "icon-name": "file-search",
345
346
  "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
346
347
  }, null, 8, ["title", "subtitle", "variant", "test-id"])
347
348
  ])
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.2",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
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}