@ironsource/shared-ui 2.1.12-rc.47 → 2.1.12-rc.49

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 (97) hide show
  1. package/ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css +1 -0
  2. package/ColumnConfigurator.vue_vue_type_style_index_0_scoped_c13770d4_lang.css +1 -0
  3. package/DataGrid.vue_vue_type_style_index_0_scoped_ef67c78e_lang.css +1 -0
  4. package/DataGridContainer.vue_vue_type_style_index_0_scoped_9a30b10c_lang.css +1 -0
  5. package/DropdownV4.vue_vue_type_style_index_0_scoped_f9907ea0_lang.css +1 -0
  6. package/Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css +1 -0
  7. package/LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css +1 -0
  8. package/SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css +1 -0
  9. package/SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css +1 -0
  10. package/ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css +1 -0
  11. package/SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css +1 -0
  12. package/SortableList.vue_vue_type_style_index_0_scoped_9aec4e9b_lang.css +1 -0
  13. package/SortableSelectableList.vue_vue_type_style_index_0_scoped_40b0a4de_lang.css +1 -0
  14. package/TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css +1 -0
  15. package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css +1 -0
  16. package/components/chart/ChartPlane.vue.js +2 -2
  17. package/components/chart/ChartPlane.vue2.js +4 -4
  18. package/components/columnConfigurator/ColumnConfigurator.types.d.ts +12 -0
  19. package/components/columnConfigurator/ColumnConfigurator.vue.d.ts +61 -0
  20. package/components/columnConfigurator/ColumnConfigurator.vue.js +7 -0
  21. package/components/columnConfigurator/ColumnConfigurator.vue2.js +113 -0
  22. package/components/columnConfigurator/SectionDropdown.vue.d.ts +39 -0
  23. package/components/columnConfigurator/SectionDropdown.vue.js +7 -0
  24. package/components/columnConfigurator/SectionDropdown.vue2.js +57 -0
  25. package/components/columnConfigurator/SectionHeaderText.vue.d.ts +34 -0
  26. package/components/columnConfigurator/SectionHeaderText.vue.js +7 -0
  27. package/components/columnConfigurator/SectionHeaderText.vue2.js +22 -0
  28. package/components/columnConfigurator/ShowMoreLink.vue.d.ts +33 -0
  29. package/components/columnConfigurator/ShowMoreLink.vue.js +7 -0
  30. package/components/columnConfigurator/ShowMoreLink.vue2.js +41 -0
  31. package/components/columnConfigurator/consts.d.ts +1 -0
  32. package/components/columnConfigurator/consts.js +4 -0
  33. package/components/columnConfigurator/index.d.ts +72 -0
  34. package/components/columnConfigurator/index.js +6 -0
  35. package/components/columnConfigurator/mockData.d.ts +30 -0
  36. package/components/columnConfigurator/utils.d.ts +2 -0
  37. package/components/columnConfigurator/utils.js +18 -0
  38. package/components/columnPicker/ColumnPicker.vue.d.ts +1 -1
  39. package/components/columnPicker/index.d.ts +20 -20
  40. package/components/dropdown/v4/DropdownV4.vue.d.ts +1 -0
  41. package/components/dropdown/v4/DropdownV4.vue.js +4 -4
  42. package/components/dropdown/v4/DropdownV4.vue2.js +88 -82
  43. package/components/dropdown/v4/index.d.ts +1 -0
  44. package/components/link/Link.vue.d.ts +5 -0
  45. package/components/link/Link.vue.js +3 -3
  46. package/components/link/Link.vue2.js +36 -28
  47. package/components/link/index.d.ts +20 -1
  48. package/components/sortableList/LoaderBars.vue.d.ts +34 -0
  49. package/components/sortableList/LoaderBars.vue.js +7 -0
  50. package/components/sortableList/LoaderBars.vue2.js +25 -0
  51. package/components/sortableList/SortableItem.vue.js +4 -4
  52. package/components/sortableList/SortableItem.vue2.js +3 -3
  53. package/components/sortableList/SortableList.vue.d.ts +2 -2
  54. package/components/sortableList/SortableList.vue.js +5 -5
  55. package/components/sortableList/SortableList.vue2.js +96 -106
  56. package/components/sortableList/SortableSelectableList.vue.d.ts +107 -0
  57. package/components/sortableList/SortableSelectableList.vue.js +7 -0
  58. package/components/sortableList/SortableSelectableList.vue2.js +128 -0
  59. package/components/sortableList/composables/useDraggableHelpers.d.ts +5 -0
  60. package/components/sortableList/composables/useDraggableHelpers.js +20 -0
  61. package/components/sortableList/consts.d.ts +2 -0
  62. package/components/sortableList/consts.js +4 -2
  63. package/components/sortableList/index.d.ts +39 -39
  64. package/components/table/v4/DataGrid.vue.d.ts +4 -3
  65. package/components/table/v4/DataGrid.vue.js +5 -5
  66. package/components/table/v4/DataGrid.vue2.js +349 -331
  67. package/components/table/v4/DataGridContainer.vue.d.ts +10 -0
  68. package/components/table/v4/DataGridContainer.vue.js +7 -0
  69. package/components/table/v4/DataGridContainer.vue2.js +19 -0
  70. package/components/table/v4/DataGridHeader.vue.d.ts +1 -1
  71. package/components/table/v4/MultipleDataGrid.vue.d.ts +2 -2
  72. package/components/table/v4/index.d.ts +104 -103
  73. package/components/tagsField/TagsField.types.d.ts +4 -0
  74. package/components/tagsField/TagsField.vue.d.ts +65 -0
  75. package/components/tagsField/TagsField.vue.js +7 -0
  76. package/components/tagsField/TagsField.vue2.js +90 -0
  77. package/components/tagsField/TagsFieldChip.vue.d.ts +45 -0
  78. package/components/tagsField/TagsFieldChip.vue.js +7 -0
  79. package/components/tagsField/TagsFieldChip.vue2.js +81 -0
  80. package/components/tagsField/consts.d.ts +1 -0
  81. package/components/tagsField/consts.js +4 -0
  82. package/components/tagsField/index.d.ts +75 -0
  83. package/components/tagsField/index.js +6 -0
  84. package/index.d.ts +290 -284
  85. package/index.js +86 -78
  86. package/package.json +9 -1
  87. package/testids/index.d.ts +13 -0
  88. package/testids/index.js +33 -31
  89. package/utils/object.d.ts +2 -0
  90. package/utils/object.js +9 -5
  91. package/utils/search.js +1 -1
  92. package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +0 -1
  93. package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +0 -1
  94. package/DropdownV4.vue_vue_type_style_index_0_scoped_55dd36a7_lang.css +0 -1
  95. package/Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css +0 -1
  96. package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +0 -1
  97. package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +0 -1
@@ -0,0 +1 @@
1
+ .chart-plane-container[data-v-908ef54f]{--headerHeight: var(--00ed3012);width:100%;height:var(--38d88ce2);position:relative}.header-wrapper[data-v-908ef54f]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-908ef54f]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-908ef54f]{background:var(--background-paper)}.chart[data-v-908ef54f]{width:100%;height:100%;position:relative}.chart__canvas[data-v-908ef54f]{width:100%;height:100%}.chart__tooltip[data-v-908ef54f]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
@@ -0,0 +1 @@
1
+ .column-configurator[data-v-c13770d4]{width:100%;padding:1rem .75rem .75rem;background:var(--background-paper);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);overflow-y:auto}.section-header[data-v-c13770d4]{display:flex;align-items:center;justify-content:space-between}.column-section[data-v-c13770d4]{margin-bottom:1.125rem}
@@ -0,0 +1 @@
1
+ .sticky[data-v-ef67c78e]{position:sticky}.table-container[data-v-ef67c78e]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-ef67c78e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-ef67c78e]{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-ef67c78e]{display:inline-table}.table-row[data-v-ef67c78e]{position:relative}.table-row.loading[data-v-ef67c78e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-ef67c78e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-ef67c78e]{border-bottom:none}.expanded-row[data-v-ef67c78e]{grid-column:var(--118a88d4);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-ef67c78e]{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-ef67c78e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-ef67c78e],table th[data-v-ef67c78e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-ef67c78e]:first-of-type,table th[data-v-ef67c78e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-ef67c78e]:last-of-type,table th[data-v-ef67c78e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-ef67c78e],table th.expand-toggle-cell[data-v-ef67c78e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-ef67c78e]{border-bottom:none;z-index:calc(var(--6539eabc) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-ef67c78e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--49737de2)}table>thead>tr>th[data-v-ef67c78e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-ef67c78e]{cursor:pointer}table>thead>tr>td[data-v-ef67c78e]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-ef67c78e],table>thead>tr>td.bordered[data-v-ef67c78e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-ef67c78e],table>thead>tr>td.bordered.isStickyRight[data-v-ef67c78e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-ef67c78e],table>thead>tr>td.isTextRight[data-v-ef67c78e]{justify-content:flex-end}table>thead.sticky[data-v-ef67c78e]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-ef67c78e]{z-index:calc(var(--6539eabc) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-ef67c78e]{height:40px}table .totals-row[data-v-ef67c78e]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-ef67c78e]{background-color:var(--background-default)}table>tbody[data-v-ef67c78e]{display:block}table>tbody>*>tr[data-v-ef67c78e]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--49737de2)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-ef67c78e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-ef67c78e],table>tbody>*>tr.activeMenu>td[data-v-ef67c78e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-ef67c78e]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-ef67c78e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-ef67c78e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-ef67c78e]{justify-content:flex-end;text-align:right}.underlined[data-v-ef67c78e]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-ef67c78e]:hover{cursor:pointer}.section-container[data-v-ef67c78e]{left:0}.sections[data-v-ef67c78e]{display:flex}.section[data-v-ef67c78e]{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-ef67c78e]{width:100%}.empty-state[data-v-ef67c78e]{min-height:250px}.floating-row[data-v-ef67c78e]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--6539eabc) + 1)}.floating-row *[data-v-ef67c78e-s]{pointer-events:auto}.bg[data-v-ef67c78e]{background:var(--background-default)}
@@ -0,0 +1 @@
1
+ .data-grid-container[data-v-9a30b10c]{width:100%;display:flex;flex-direction:row;max-height:100%;align-items:stretch}.data-grid-container[data-v-9a30b10c] .table-container{width:calc(100% - 201px);flex:1}.data-grid-container[data-v-9a30b10c] table{flex:1;background:var(--background-default);border-top-right-radius:0;border-bottom-right-radius:0}.data-grid-container[data-v-9a30b10c] .table-row:last-child{border-bottom:1px solid var(--common-divider)}.side-panel-container[data-v-9a30b10c]{width:201px;max-width:201px;flex:1}.side-panel-container[data-v-9a30b10c] .column-configurator{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-f9907ea0],.v-leave-active[data-v-f9907ea0]{transition:opacity .25s ease}ol[data-v-f9907ea0],ul[data-v-f9907ea0],menu[data-v-f9907ea0]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-f9907ea0],.dropdown.full-width .button__container[data-v-f9907ea0]{width:100%}.dropdown-list-wrapper[data-v-f9907ea0]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-f9907ea0]{padding:.5rem}.list-container--multi[data-v-f9907ea0]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-f9907ea0]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-f9907ea0]{width:100%}.inline-search .list-container[data-v-f9907ea0]{padding-top:0}.no-result-container[data-v-f9907ea0]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-f9907ea0]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-f9907ea0]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-f9907ea0]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-f9907ea0]{min-height:0;margin-bottom:0}.image-slot[data-v-f9907ea0]{margin-right:.5rem}.actions-wrapper[data-v-f9907ea0]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.dropdown-footer[data-v-f9907ea0]{display:flex;width:100%;padding:.5rem .5rem .375rem .4375rem;border-top:1px solid var(--common-divider);margin-top:.25rem}.apply-button[data-v-f9907ea0]{margin-left:.5rem}
@@ -0,0 +1 @@
1
+ .link[data-v-1a766750]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-1a766750]:hover{color:var(--primary-dark)}.link--default[data-v-1a766750]{color:var(--text-secondary)}.link--default[data-v-1a766750]:hover{color:var(--text-primary)}.link--disabled[data-v-1a766750]{color:var(--text-disabled);pointer-events:none}
@@ -0,0 +1 @@
1
+ .loader-bars[data-v-d976ec65]{display:flex;flex-direction:column;gap:6px}.loader-bars--compact[data-v-d976ec65]{gap:4px}.loader-bars .loader-bar[data-v-d976ec65]{height:40px;width:100%}.loader-bars .loader-bar--compact[data-v-d976ec65]{height:32px}
@@ -0,0 +1 @@
1
+ .section-dropdown[data-v-cfad60a8]{max-width:1.25rem}
@@ -0,0 +1 @@
1
+ .section-header-text[data-v-0b8d3d79]{display:flex;align-items:center;justify-content:space-between}
@@ -0,0 +1 @@
1
+ .show-more-link[data-v-9fc3bc1b]{display:flex;margin-top:.625rem;margin-bottom:.25rem;align-items:center}
@@ -0,0 +1 @@
1
+ .sortable-item[data-v-c72be7ed]{--sortable-item-height: 2.5rem;--currenttly-dragged-item-border-color: var(--common-divider);display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--compact[data-v-c72be7ed]{--sortable-item-height: 1.875rem;--currenttly-dragged-item-border-color: var(--action-active);border-color:var(--default-outlined-border)}.sortable-item--disabled .draggable-handle[data-v-c72be7ed],.sortable-item--disabled .handle-area[data-v-c72be7ed]{pointer-events:none}.sortable-item--disabled.sortable-item--hovered[data-v-c72be7ed]{border-color:var(--default-outlined-border)}.sortable-item--selected[data-v-c72be7ed]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-c72be7ed]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-c72be7ed]{border-color:var(--currenttly-dragged-item-border-color)!important}.sortable-item.sortable-drag .child-list[data-v-c72be7ed]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-c72be7ed],.sortable-item--fully-draggable .drag-allowed .draggable-handle[data-v-c72be7ed],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-c72be7ed]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-c72be7ed],.sortable-item--fully-draggable .drag-allowed .order-num[data-v-c72be7ed],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-c72be7ed]{display:none}.item[data-v-c72be7ed]{align-items:center;border-radius:var(--border-radius-sm);display:flex;height:var(--sortable-item-height)}.item--selected[data-v-c72be7ed],.item[data-v-c72be7ed]:hover{background:var(--background-paper-elevation-1)}.item--fully-draggable[data-v-c72be7ed]:hover{background:none}.item--fully-draggable .item__text[data-v-c72be7ed]:hover{cursor:grab}.item__prefix[data-v-c72be7ed]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-c72be7ed]{flex:1;height:var(--sortable-item-height);display:flex;align-items:center}.item__text[data-v-c72be7ed]:hover{cursor:pointer}.item__menu[data-v-c72be7ed]{width:26px}.country-flag[data-v-c72be7ed]{margin-right:var(--spacing-100)}.child-list[data-v-c72be7ed]{display:flex;max-height:var(--6b8d7a5c);width:100%}.child-list ul[data-v-c72be7ed]{list-style:none;display:flex;flex-direction:column;margin-bottom:10px;padding-left:16px;padding-right:8px;padding-top:4px;gap:2px}.child-list li[data-v-c72be7ed]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px;width:100%}.child-list li[data-v-c72be7ed]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-c72be7ed]{background:var(--action-selected)}.child-list .country-title[data-v-c72be7ed]{padding-right:1rem}.expand-icon[data-v-c72be7ed]{cursor:pointer;padding-right:7px;padding-left:1px;height:var(--sortable-item-height);display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-c72be7ed]:hover{color:var(--text-primary)}.locked-icon[data-v-c72be7ed]{color:var(--action-active)}.draggable-handle[data-v-c72be7ed]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:var(--sortable-item-height);color:var(--action-active)}.draggable-handle[data-v-c72be7ed]:hover{cursor:grab;color:var(--text-primary)}.draggable-handle--disabled[data-v-c72be7ed]{color:var(--text-disabled)}.sortable-ghost[data-v-c72be7ed]{position:relative;outline:none}.sortable-ghost[data-v-c72be7ed]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}
@@ -0,0 +1 @@
1
+ .sortable-list-and-header-container[data-v-9aec4e9b]{display:flex;flex-direction:column;overflow-y:auto;width:100%}.header-container[data-v-9aec4e9b]{background-color:var(--background-default);display:flex;flex-direction:column;padding-bottom:var(--spacing-100);width:100%}.header-container.sticky[data-v-9aec4e9b]{position:sticky;top:0;z-index:calc(var(--0d58eb02) + 3)}.sortable-list[data-v-9aec4e9b],.locked-list[data-v-9aec4e9b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-9aec4e9b]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-9aec4e9b]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-9aec4e9b]{color:var(--text-disabled);padding:0 8px;width:100%}
@@ -0,0 +1 @@
1
+ .sortable-selectable-list[data-v-40b0a4de]{display:flex;flex-direction:column;width:100%}.sortable-list-container[data-v-40b0a4de]{margin-top:var(--spacing-50)}.header-container[data-v-40b0a4de]{display:flex;flex-direction:column;padding-bottom:var(--spacing-50);width:100%}.sortable-list[data-v-40b0a4de]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-50);color:var(--text-primary)}.force-grabbing-cursor *[data-v-40b0a4de]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-9760426b],.font-chart-2[data-v-9760426b],.font-chart-1[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-9760426b],.font-table-label[data-v-9760426b],.font-button[data-v-9760426b],.font-heading-6[data-v-9760426b],.font-heading-5[data-v-9760426b],.font-heading-4[data-v-9760426b],.font-heading-3[data-v-9760426b],.font-heading-2[data-v-9760426b],.font-heading-1[data-v-9760426b],.font-title[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-9760426b],.font-input-label[data-v-9760426b],.font-overline[data-v-9760426b],.font-subtitle-2[data-v-9760426b],.font-subtitle-1[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-9760426b],.font-body-2[data-v-9760426b],.input-container .input[data-v-9760426b],.font-body-1[data-v-9760426b]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-9760426b]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-9760426b]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-9760426b]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-9760426b]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-9760426b]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-9760426b]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-9760426b]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-9760426b],.font-body-1[data-v-9760426b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-9760426b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-9760426b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-9760426b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-9760426b]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-9760426b]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-9760426b]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-9760426b]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-9760426b]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-9760426b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-9760426b]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-9760426b],.font-tab-label2[data-v-9760426b]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-9760426b]{font-size:.75rem;line-height:1rem}h1[data-v-9760426b],h2[data-v-9760426b],h3[data-v-9760426b],h4[data-v-9760426b],h5[data-v-9760426b],h6[data-v-9760426b]{margin:0}.tags-field[data-v-9760426b]{display:flex;width:100%;max-width:100%;flex-direction:column}.tags-field--warning .input-container[data-v-9760426b],.tags-field--warning .input-container[data-v-9760426b]:hover{outline:2px solid var(--warning-dark)}.tags-field--success .input-container[data-v-9760426b],.tags-field--success .input-container[data-v-9760426b]:hover{outline:2px solid var(--success-dark)}.tags-field--error .input-container[data-v-9760426b],.tags-field--error .input-container[data-v-9760426b]:hover{outline:2px solid var(--error-main)}.input-container[data-v-9760426b]{min-height:1.75rem;width:100%;flex-wrap:wrap;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:.25rem var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-9760426b]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-9760426b]{padding:0;flex-shrink:0;flex-grow:1;min-width:2.5rem;width:auto;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-9760426b]:focus{outline:none}.input-container .input[data-v-9760426b]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container[data-v-9760426b] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container--focused[data-v-9760426b],.input-container--focused[data-v-9760426b]:hover{background-color:var(--action-hover);outline:2px solid var(--primary-main);outline-offset:-2px}.footer[data-v-9760426b]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-d186b7ef],.font-chart-2[data-v-d186b7ef],.font-chart-1[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:700}.chip-input[data-v-d186b7ef],.font-chip-label[data-v-d186b7ef],.font-table-label[data-v-d186b7ef],.font-button[data-v-d186b7ef],.font-heading-6[data-v-d186b7ef],.font-heading-5[data-v-d186b7ef],.font-heading-4[data-v-d186b7ef],.font-heading-3[data-v-d186b7ef],.font-heading-2[data-v-d186b7ef],.font-heading-1[data-v-d186b7ef],.font-title[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-d186b7ef],.font-input-label[data-v-d186b7ef],.font-overline[data-v-d186b7ef],.font-subtitle-2[data-v-d186b7ef],.font-subtitle-1[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-d186b7ef],.font-body-2[data-v-d186b7ef],.font-body-1[data-v-d186b7ef]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-d186b7ef]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-d186b7ef]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-d186b7ef]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-d186b7ef]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-d186b7ef]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-d186b7ef]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-d186b7ef]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-d186b7ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-d186b7ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-d186b7ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-d186b7ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-d186b7ef]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-d186b7ef]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-d186b7ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-d186b7ef]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-d186b7ef]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-d186b7ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-d186b7ef]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-d186b7ef],.font-tab-label2[data-v-d186b7ef]{font-size:.875rem;line-height:1rem}.chip-input[data-v-d186b7ef],.font-chip-label[data-v-d186b7ef]{font-size:.75rem;line-height:1rem}h1[data-v-d186b7ef],h2[data-v-d186b7ef],h3[data-v-d186b7ef],h4[data-v-d186b7ef],h5[data-v-d186b7ef],h6[data-v-d186b7ef]{margin:0}.tags-field-chip[data-v-d186b7ef]{--outline-color: var(--default-outlined-border);border-radius:100px}.tags-field-chip--invalid[data-v-d186b7ef]{--outline-color: var(--error-outlined-border)}.tags-field-chip--editing[data-v-d186b7ef]{outline:1px solid var(--outline-color)}.chip-content[data-v-d186b7ef]{display:flex;position:relative}.chip-label[data-v-d186b7ef]{min-width:.5rem}.chip-label--hidden[data-v-d186b7ef]{visibility:hidden}.chip-input[data-v-d186b7ef]{position:absolute;left:0;top:-.5px;width:100%;height:100%;background:transparent;color:var(--text-primary);line-height:normal;min-width:.5rem;padding:0;border:none}.chip-input[data-v-d186b7ef]:focus{outline:none}.clear-button[data-v-d186b7ef]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-d186b7ef]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-d186b7ef]{color:var(--error-dark)}.clear-button--invalid[data-v-d186b7ef]:hover{color:var(--error-darker)}
@@ -1,7 +1,7 @@
1
1
  import e from "./ChartPlane.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-dd60ff0e"]]);
3
+ // import "../../ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-908ef54f"]]);
5
5
  export {
6
6
  a as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as i, ref as S, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as E, createVNode as de, isRef as ce, createSlots as ue, withCtx as fe, renderSlot as pe, createCommentVNode as L, createElementVNode as R, normalizeStyle as he, createBlock as D } from "vue";
1
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_908ef54f_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as i, ref as S, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as E, createVNode as de, isRef as ce, createSlots as ue, withCtx as fe, renderSlot as pe, createCommentVNode as L, createElementVNode as R, normalizeStyle as he, createBlock as D } from "vue";
2
2
  import { Chart as V, ArcElement as me, LineElement as ve, BarElement as Te, PointElement as ye, LineController as Ce, BarController as ge, PieController as be, ScatterController as xe, CategoryScale as Ae, LinearScale as ke, Filler as Se, Tooltip as Ee } from "chart.js";
3
3
  import { HoverVerticalLine as Le } from "./plugins/HoverVerticalLine.js";
4
4
  import { prepareTickLabel as Re, formatValue as De } from "./utils/utils.js";
@@ -66,8 +66,8 @@ const tt = { class: "chart-plane-container" }, at = {
66
66
  setup(o, { emit: $ }) {
67
67
  const e = o;
68
68
  ie((t) => ({
69
- "53e851a1": s(ae),
70
- "45a8c08c": o.height
69
+ "00ed3012": s(ae),
70
+ "38d88ce2": o.height
71
71
  }));
72
72
  const z = ze(Re);
73
73
  V.register(
@@ -269,7 +269,7 @@ const tt = { class: "chart-plane-container" }, at = {
269
269
  count: e.tickCount + 1,
270
270
  padding: 8,
271
271
  min: 0,
272
- callback: (t) => e.valuePrefix + De(t, e.yAxisFormat) + e.valueSuffix
272
+ callback: (t) => e.valuePrefix + De(t, e.yAxisFormat, !0) + e.valueSuffix
273
273
  },
274
274
  // grid lines
275
275
  grid: {
@@ -0,0 +1,12 @@
1
+ import { SortableListItem } from '@/components/sortableList/SortableList.types';
2
+ export type ColumnConfigSection = {
3
+ sectionId: string;
4
+ title: string;
5
+ isGrouped: boolean;
6
+ maxSelections?: number;
7
+ sectionOptions: SortableListItem[] | SectionOptionsGroup[];
8
+ };
9
+ export type SectionOptionsGroup = {
10
+ displayText: string;
11
+ options: SortableListItem[];
12
+ };
@@ -0,0 +1,61 @@
1
+ import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ columnsConfig: ColumnConfigSection[];
4
+ selection: (string | number)[];
5
+ childSelection: Record<string, string | number>;
6
+ alwaysVisibleCount?: number;
7
+ loading?: boolean;
8
+ testId?: string;
9
+ }>, {
10
+ columnsConfig: () => any[];
11
+ selection: () => any[];
12
+ childSelection: () => {};
13
+ alwaysVisibleCount: number;
14
+ loading: boolean;
15
+ testId: string;
16
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
17
+ "update:selection": (value: unknown[]) => void;
18
+ "update:childSelection": (value: Record<string, string | number>) => void;
19
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
20
+ columnsConfig: ColumnConfigSection[];
21
+ selection: (string | number)[];
22
+ childSelection: Record<string, string | number>;
23
+ alwaysVisibleCount?: number;
24
+ loading?: boolean;
25
+ testId?: string;
26
+ }>, {
27
+ columnsConfig: () => any[];
28
+ selection: () => any[];
29
+ childSelection: () => {};
30
+ alwaysVisibleCount: number;
31
+ loading: boolean;
32
+ testId: string;
33
+ }>>> & {
34
+ "onUpdate:selection"?: (value: unknown[]) => any;
35
+ "onUpdate:childSelection"?: (value: Record<string, string | number>) => any;
36
+ }, {
37
+ testId: string;
38
+ loading: boolean;
39
+ selection: (string | number)[];
40
+ alwaysVisibleCount: number;
41
+ columnsConfig: ColumnConfigSection[];
42
+ childSelection: Record<string, string | number>;
43
+ }>;
44
+ export default _default;
45
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
46
+ type __VLS_TypePropsToRuntimeProps<T> = {
47
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
48
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
49
+ } : {
50
+ type: import('vue').PropType<T[K]>;
51
+ required: true;
52
+ };
53
+ };
54
+ type __VLS_WithDefaults<P, D> = {
55
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
56
+ default: D[K];
57
+ }> : P[K];
58
+ };
59
+ type __VLS_Prettify<T> = {
60
+ [K in keyof T]: T[K];
61
+ } & {};
@@ -0,0 +1,7 @@
1
+ import o from "./ColumnConfigurator.vue2.js";
2
+ /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ColumnConfigurator.vue_vue_type_style_index_0_scoped_c13770d4_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c13770d4"]]);
5
+ export {
6
+ s as default
7
+ };
@@ -0,0 +1,113 @@
1
+ import "../../ColumnConfigurator.vue_vue_type_style_index_0_scoped_c13770d4_lang.css"; import { defineComponent as E, ref as g, computed as f, watch as I, openBlock as p, createElementBlock as v, mergeProps as O, unref as s, Fragment as w, renderList as T, createVNode as u, isRef as U, withCtx as h, createElementVNode as x } from "vue";
2
+ import N from "./SectionHeaderText.vue.js";
3
+ import R from "../sortableList/SortableSelectableList.vue.js";
4
+ import k from "../columnPicker/RemoveButton.vue.js";
5
+ import { mapOverObject as B, omitKeys as A } from "../../utils/object.js";
6
+ import { findOptionInSection as P } from "./utils.js";
7
+ import { useTestIdAttrs as V } from "../../utils/testIds.js";
8
+ import { ColumnConfiguratorTestIdModifiers as c } from "../../testids/index.js";
9
+ import L from "./SectionDropdown.vue.js";
10
+ const M = { class: "section-header" }, Q = /* @__PURE__ */ E({
11
+ __name: "ColumnConfigurator",
12
+ props: {
13
+ columnsConfig: { default: () => [] },
14
+ selection: { default: () => [] },
15
+ childSelection: { default: () => ({}) },
16
+ alwaysVisibleCount: { default: 6 },
17
+ loading: { type: Boolean, default: !1 },
18
+ testId: { default: "" }
19
+ },
20
+ emits: ["update:selection", "update:childSelection"],
21
+ setup(n, { emit: m }) {
22
+ const i = n, r = g(null), d = f({
23
+ get: () => i.childSelection,
24
+ set: (t) => {
25
+ m("update:childSelection", t);
26
+ }
27
+ }), C = f(
28
+ () => B(a.value, (t) => t?.length ?? 0)
29
+ ), a = g({});
30
+ I(
31
+ [() => i.selection, () => i.columnsConfig],
32
+ () => {
33
+ a.value = i.columnsConfig.reduce((t, l) => (t[l.sectionId] = (i.selection ?? []).map((e) => P(l, e)).filter((e) => e), t), {});
34
+ },
35
+ {
36
+ immediate: !0
37
+ }
38
+ );
39
+ const S = (t, l) => {
40
+ const e = l;
41
+ a.value[t] = e, e.forEach((o) => {
42
+ o.children?.length > 0 && (d.value = {
43
+ ...d.value,
44
+ [o.id]: o.children[0].id
45
+ });
46
+ });
47
+ }, $ = f(
48
+ () => Object.values(a.value).reduce(
49
+ (t, l) => t.concat(l.map(({ id: e }) => e)),
50
+ []
51
+ )
52
+ );
53
+ I($, (t, l) => {
54
+ JSON.stringify(t) !== JSON.stringify(l) && m("update:selection", t);
55
+ });
56
+ const b = (t) => {
57
+ m(
58
+ "update:selection",
59
+ i.selection.filter((l) => l !== t)
60
+ ), r.value === t && (r.value = null), d.value = A(d.value, [String(t)]);
61
+ }, y = V(
62
+ i.testId,
63
+ c
64
+ );
65
+ return (t, l) => (p(), v("div", O({ class: "column-configurator" }, s(y)[s(c).WRAPPER]), [
66
+ (p(!0), v(w, null, T(n.columnsConfig, (e) => (p(), v("div", {
67
+ key: e.sectionId,
68
+ class: "column-section"
69
+ }, [
70
+ u(R, {
71
+ items: a.value[e.sectionId],
72
+ "onUpdate:items": (o) => a.value[e.sectionId] = o,
73
+ "open-id": r.value,
74
+ "onUpdate:open-id": l[0] || (l[0] = (o) => r.value = o),
75
+ "selected-child-per-item": s(d),
76
+ "onUpdate:selected-child-per-item": l[1] || (l[1] = (o) => U(d) ? d.value = o : null),
77
+ "always-visible-count": n.alwaysVisibleCount,
78
+ "is-loading": n.loading,
79
+ variant: "compact",
80
+ "draggable-area": "full",
81
+ "loading-row-count": 3,
82
+ "test-id": `${n.testId}-${s(c).LIST}-${e.sectionId}`
83
+ }, {
84
+ header: h(() => [
85
+ x("div", M, [
86
+ u(N, {
87
+ "header-text": e.title,
88
+ "records-count": n.loading ? null : s(C)[e.sectionId],
89
+ "data-testid": `${n.testId}-${s(c).SECTION_HEADER}-${e.sectionId}`
90
+ }, null, 8, ["header-text", "records-count", "data-testid"]),
91
+ u(L, {
92
+ selected: a.value[e.sectionId],
93
+ section: e,
94
+ "test-id": n.testId,
95
+ "onUpdate:selected": (o) => S(e.sectionId, o)
96
+ }, null, 8, ["selected", "section", "test-id", "onUpdate:selected"])
97
+ ])
98
+ ]),
99
+ menu: h(({ item: o }) => [
100
+ u(k, {
101
+ "test-id": `${n.testId}-${s(c).REMOVE_BUTTON}-${o.id}`,
102
+ onClick: (j) => b(o.id)
103
+ }, null, 8, ["test-id", "onClick"])
104
+ ]),
105
+ _: 2
106
+ }, 1032, ["items", "onUpdate:items", "open-id", "selected-child-per-item", "always-visible-count", "is-loading", "test-id"])
107
+ ]))), 128))
108
+ ], 16));
109
+ }
110
+ });
111
+ export {
112
+ Q as default
113
+ };
@@ -0,0 +1,39 @@
1
+ import { ColumnConfigSection } from '@/components/columnConfigurator/ColumnConfigurator.types';
2
+ import { SortableListItem } from '@/components/sortableList/SortableList.types';
3
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
+ selected: SortableListItem[];
5
+ section: ColumnConfigSection;
6
+ testId?: string;
7
+ }>, {
8
+ testId: string;
9
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
10
+ "update:selected": (value: SortableListItem[]) => void;
11
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
12
+ selected: SortableListItem[];
13
+ section: ColumnConfigSection;
14
+ testId?: string;
15
+ }>, {
16
+ testId: string;
17
+ }>>> & {
18
+ "onUpdate:selected"?: (value: SortableListItem[]) => any;
19
+ }, {
20
+ testId: string;
21
+ }>;
22
+ export default _default;
23
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
24
+ type __VLS_TypePropsToRuntimeProps<T> = {
25
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
26
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
27
+ } : {
28
+ type: import('vue').PropType<T[K]>;
29
+ required: true;
30
+ };
31
+ };
32
+ type __VLS_WithDefaults<P, D> = {
33
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
34
+ default: D[K];
35
+ }> : P[K];
36
+ };
37
+ type __VLS_Prettify<T> = {
38
+ [K in keyof T]: T[K];
39
+ } & {};
@@ -0,0 +1,7 @@
1
+ import o from "./SectionDropdown.vue2.js";
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cfad60a8"]]);
5
+ export {
6
+ p as default
7
+ };
@@ -0,0 +1,57 @@
1
+ import "../../SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css"; import { defineComponent as c, openBlock as m, createBlock as a, unref as t, withCtx as p, createVNode as u, mergeProps as f } from "vue";
2
+ import { DISPLAY_FIELD_NAME as n } from "./consts.js";
3
+ import g from "../dropdown/v4/DropdownV4.vue.js";
4
+ import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
5
+ import D from "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
6
+ import "../dropdown/v4/ChipDropdownTrigger.vue.js";
7
+ import "../dropdown/v4/AppDropdownTrigger.vue.js";
8
+ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
9
+ import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
10
+ import "../dropdown/v4/TreeDropdown.vue.js";
11
+ import "../dropdown/v4/OptionV4.vue.js";
12
+ import "../dropdown/v4/ConditionalDropdown.vue.js";
13
+ import { ColumnConfiguratorTestIdModifiers as r } from "../../testids/index.js";
14
+ import { matchString as I } from "../../utils/search.js";
15
+ const v = /* @__PURE__ */ c({
16
+ __name: "SectionDropdown",
17
+ props: {
18
+ selected: null,
19
+ section: null,
20
+ testId: { default: "" }
21
+ },
22
+ emits: ["update:selected"],
23
+ setup(e, { emit: l }) {
24
+ const d = (s, i) => I(s[n], i);
25
+ return (s, i) => (m(), a(t(g), {
26
+ selected: e.selected,
27
+ class: "section-dropdown",
28
+ "display-value": (o) => o[t(n)],
29
+ options: e.section.sectionOptions,
30
+ "grouped-options": e.section.isGrouped,
31
+ "max-selections": e.section.maxSelections,
32
+ "option-name-key": t(n),
33
+ "comparing-key": "id",
34
+ multi: "",
35
+ "inline-search": "",
36
+ "show-select-all": !1,
37
+ "show-clear-all": !1,
38
+ "on-search": d,
39
+ placement: "bottom-end",
40
+ "test-id": `${e.testId}-${t(r).DROPDOWN}-${e.section.sectionId}`,
41
+ "onUpdate:selected": i[0] || (i[0] = (o) => l("update:selected", o))
42
+ }, {
43
+ "dropdown-trigger": p(({ buttonTriggerProps: o }) => [
44
+ u(t(D), f({
45
+ "icon-name": "plus",
46
+ "icon-type": "regular",
47
+ size: "extraSmall",
48
+ "test-id": `${e.testId}-${t(r).ADD_BUTTON}-${e.section.sectionId}`
49
+ }, o), null, 16, ["test-id"])
50
+ ]),
51
+ _: 1
52
+ }, 8, ["selected", "display-value", "options", "grouped-options", "max-selections", "option-name-key", "test-id"]));
53
+ }
54
+ });
55
+ export {
56
+ v as default
57
+ };
@@ -0,0 +1,34 @@
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ headerText: string;
3
+ recordsCount: number;
4
+ }>, {
5
+ headerText: string;
6
+ recordsCount: any;
7
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
+ headerText: string;
9
+ recordsCount: number;
10
+ }>, {
11
+ headerText: string;
12
+ recordsCount: any;
13
+ }>>>, {
14
+ headerText: string;
15
+ recordsCount: number;
16
+ }>;
17
+ export default _default;
18
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
19
+ type __VLS_TypePropsToRuntimeProps<T> = {
20
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
21
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
22
+ } : {
23
+ type: import('vue').PropType<T[K]>;
24
+ required: true;
25
+ };
26
+ };
27
+ type __VLS_WithDefaults<P, D> = {
28
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
29
+ default: D[K];
30
+ }> : P[K];
31
+ };
32
+ type __VLS_Prettify<T> = {
33
+ [K in keyof T]: T[K];
34
+ } & {};
@@ -0,0 +1,7 @@
1
+ import e from "./SectionHeaderText.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0b8d3d79"]]);
5
+ export {
6
+ s as default
7
+ };
@@ -0,0 +1,22 @@
1
+ import "../../SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css"; import { defineComponent as r, openBlock as o, createElementBlock as a, createVNode as n, unref as c, withCtx as d, createTextVNode as i, toDisplayString as t } from "vue";
2
+ import s from "../typography/v4/Typography.vue.js";
3
+ const u = { class: "section-header-text" }, x = /* @__PURE__ */ r({
4
+ __name: "SectionHeaderText",
5
+ props: {
6
+ headerText: { default: "" },
7
+ recordsCount: { default: null }
8
+ },
9
+ setup(e) {
10
+ return (l, f) => (o(), a("div", u, [
11
+ n(c(s), { variant: "h5" }, {
12
+ default: d(() => [
13
+ i(t(e.headerText) + " " + t(e.recordsCount ? `(${e.recordsCount})` : ""), 1)
14
+ ]),
15
+ _: 1
16
+ })
17
+ ]));
18
+ }
19
+ });
20
+ export {
21
+ x as default
22
+ };
@@ -0,0 +1,33 @@
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ allShown: boolean;
3
+ }>, {
4
+ allShown: boolean;
5
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
6
+ "update:allShown": (value: boolean) => void;
7
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
+ allShown: boolean;
9
+ }>, {
10
+ allShown: boolean;
11
+ }>>> & {
12
+ "onUpdate:allShown"?: (value: boolean) => any;
13
+ }, {
14
+ allShown: boolean;
15
+ }>;
16
+ export default _default;
17
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
18
+ type __VLS_TypePropsToRuntimeProps<T> = {
19
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
20
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
21
+ } : {
22
+ type: import('vue').PropType<T[K]>;
23
+ required: true;
24
+ };
25
+ };
26
+ type __VLS_WithDefaults<P, D> = {
27
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
28
+ default: D[K];
29
+ }> : P[K];
30
+ };
31
+ type __VLS_Prettify<T> = {
32
+ [K in keyof T]: T[K];
33
+ } & {};
@@ -0,0 +1,7 @@
1
+ import o from "./ShowMoreLink.vue2.js";
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9fc3bc1b"]]);
5
+ export {
6
+ t as default
7
+ };
@@ -0,0 +1,41 @@
1
+ import "../../ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css"; import { defineComponent as f, openBlock as n, createElementBlock as k, unref as t, createBlock as r, mergeProps as l, withCtx as a, createTextVNode as i, createCommentVNode as m } from "vue";
2
+ import p from "../link/Link.vue.js";
3
+ import { useVModel as w } from "@vueuse/core";
4
+ const h = { class: "show-more-link" }, y = /* @__PURE__ */ f({
5
+ __name: "ShowMoreLink",
6
+ props: {
7
+ allShown: { type: Boolean, default: !1 }
8
+ },
9
+ emits: ["update:allShown"],
10
+ setup(u, { emit: c }) {
11
+ const e = w(u, "allShown", c), s = {
12
+ variant: "body2",
13
+ iconPosition: "start"
14
+ };
15
+ return (v, o) => (n(), k("div", h, [
16
+ t(e) ? m("", !0) : (n(), r(t(p), l({ key: 0 }, s, {
17
+ "test-id": "show-more",
18
+ "icon-name": "plus",
19
+ onClick: o[0] || (o[0] = (d) => e.value = !0)
20
+ }), {
21
+ default: a(() => [
22
+ i(" Show more ")
23
+ ]),
24
+ _: 1
25
+ }, 16)),
26
+ t(e) ? (n(), r(t(p), l({ key: 1 }, s, {
27
+ "test-id": "show-less",
28
+ "icon-name": "minus",
29
+ onClick: o[1] || (o[1] = (d) => e.value = !1)
30
+ }), {
31
+ default: a(() => [
32
+ i(" Show less ")
33
+ ]),
34
+ _: 1
35
+ }, 16)) : m("", !0)
36
+ ]));
37
+ }
38
+ });
39
+ export {
40
+ y as default
41
+ };
@@ -0,0 +1 @@
1
+ export declare const DISPLAY_FIELD_NAME = "displayText";
@@ -0,0 +1,4 @@
1
+ const t = "displayText";
2
+ export {
3
+ t as DISPLAY_FIELD_NAME
4
+ };