@ironsource/shared-ui 2.1.11-test.92 → 2.1.11-test.99

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 (60) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css +1 -0
  2. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_b2684c5f_lang.css +1 -0
  3. package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +1 -0
  4. package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css +1 -0
  5. package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css +1 -0
  6. package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css +1 -0
  7. package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +1 -0
  8. package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +1 -0
  9. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  10. package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +1 -0
  11. package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css +1 -0
  12. package/components/chart/Chart.vue.d.ts +0 -5
  13. package/components/chart/Chart.vue.js +3 -3
  14. package/components/chart/Chart.vue2.js +66 -69
  15. package/components/chart/index.d.ts +1 -20
  16. package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +8 -5
  17. package/components/dropdown/v4/ConditionalDropdown.vue.js +2 -2
  18. package/components/dropdown/v4/ConditionalDropdown.vue2.js +89 -88
  19. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  20. package/components/dropdown/v4/TreeDropdown.vue2.js +86 -86
  21. package/components/dropdown/v4/index.d.ts +12 -5
  22. package/components/icon/v4/IconFlag.vue.js +3 -3
  23. package/components/icon/v4/IconFlag.vue2.js +1 -1
  24. package/components/input/v4/TextField.vue.js +3 -3
  25. package/components/input/v4/TextField.vue2.js +164 -184
  26. package/components/sortableList/SortableItem.vue.d.ts +0 -5
  27. package/components/sortableList/SortableItem.vue.js +3 -3
  28. package/components/sortableList/SortableItem.vue2.js +65 -80
  29. package/components/sortableList/SortableList.vue.d.ts +0 -16
  30. package/components/sortableList/SortableList.vue.js +3 -3
  31. package/components/sortableList/SortableList.vue2.js +87 -100
  32. package/components/sortableList/index.d.ts +1 -59
  33. package/components/table/v4/DataGrid.vue.d.ts +1 -1
  34. package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
  35. package/components/table/v4/index.d.ts +40 -40
  36. package/components/table-cells/common/Editable.common.js +7 -8
  37. package/components/table-cells/common/EditableContext.d.ts +0 -1
  38. package/components/table-cells/v4/EditableV4.vue.d.ts +0 -5
  39. package/components/table-cells/v4/EditableV4.vue.js +3 -3
  40. package/components/table-cells/v4/EditableV4.vue2.js +10 -11
  41. package/components/table-cells/v4/index.d.ts +1 -20
  42. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  43. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  44. package/components/typography/v4/Typography.vue.js +4 -4
  45. package/components/typography/v4/Typography.vue2.js +1 -1
  46. package/index.d.ts +108 -248
  47. package/index.js +1 -1
  48. package/package.json +1 -1
  49. package/testids/index.d.ts +0 -1
  50. package/testids/index.js +13 -13
  51. package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +0 -1
  52. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2ba23450_lang.css +0 -1
  53. package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +0 -1
  54. package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css +0 -1
  55. package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +0 -1
  56. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
  57. package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
  58. package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +0 -1
  59. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +0 -1
  60. package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +0 -1
package/Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chart-container[data-v-04b9d6b3]{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-04b9d6b3]{height:76px}.chart-content[data-v-04b9d6b3]{width:100%}.chart-content.with-legend[data-v-04b9d6b3]{width:calc(100% - 221px)}.chart-sidebar[data-v-04b9d6b3]{border-left:1px solid var(--common-divider)}.chart[data-v-04b9d6b3]{width:100%;height:312px;position:relative}.chart__canvas[data-v-04b9d6b3]{width:100%;height:100%}.chart__tooltip[data-v-04b9d6b3]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}
package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_b2684c5f_lang.css ADDED
@@ -0,0 +1 @@
1
+ .custom-list-area[data-v-b2684c5f]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 43px}.inline-search[data-v-b2684c5f]{width:100%}.contain-accept[data-v-b2684c5f]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-b2684c5f]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-b2684c5f]{margin-left:4px;display:inline-flex;color:var(--primary-main)}
package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css ADDED
@@ -0,0 +1 @@
1
+ .editable[data-v-e0c047b4]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-e0c047b4]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-e0c047b4]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-e0c047b4]{padding:0 var(--spacing-100);height:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius-md)}.caret-icon[data-v-e0c047b4]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-e0c047b4]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-e0c047b4]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-e0c047b4]{display:flex}
package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css ADDED
@@ -0,0 +1 @@
1
+ .icon-flag[data-v-7b09cc85]{width:16px;height:16px;min-width:16px;display:inline-block;user-select:none}
package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sortable-item[data-v-7cb676f1]{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--selected[data-v-7cb676f1]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-7cb676f1]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-7cb676f1]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-7cb676f1]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-7cb676f1]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-7cb676f1]{display:none}.item[data-v-7cb676f1]{height:40px;display:flex;align-items:center}.item__prefix[data-v-7cb676f1]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-7cb676f1]{flex:1;height:40px;display:flex;align-items:center}.item__text[data-v-7cb676f1]:hover{cursor:pointer}.item__menu[data-v-7cb676f1]{width:26px}.country-flag[data-v-7cb676f1]{margin-right:var(--spacing-100)}.child-list[data-v-7cb676f1]{max-height:176px}.child-list ul[data-v-7cb676f1]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-7cb676f1]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-7cb676f1]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-7cb676f1]{background:var(--action-selected)}.expand-icon[data-v-7cb676f1]{cursor:pointer;padding-right:7px;padding-left:1px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-7cb676f1]:hover{color:var(--text-primary)}.locked-icon[data-v-7cb676f1]{color:var(--action-active)}.draggable-handle[data-v-7cb676f1]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:40px;color:var(--action-active)}.draggable-handle[data-v-7cb676f1]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-7cb676f1]{position:relative;outline:none}.sortable-ghost[data-v-7cb676f1]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}
package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css ADDED
@@ -0,0 +1 @@
1
+ .list-search[data-v-156c01ca]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-156c01ca],.locked-list[data-v-156c01ca]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-156c01ca]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-156c01ca]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-156c01ca]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-156c01ca]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-156c01ca]{height:40px;width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-2e327aa1],.font-chart-2[data-v-2e327aa1],.font-chart-1[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-2e327aa1],.font-table-label[data-v-2e327aa1],.font-button[data-v-2e327aa1],.font-heading-6[data-v-2e327aa1],.font-heading-5[data-v-2e327aa1],.font-heading-4[data-v-2e327aa1],.font-heading-3[data-v-2e327aa1],.font-heading-2[data-v-2e327aa1],.font-heading-1[data-v-2e327aa1],.font-title[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-2e327aa1],.font-input-label[data-v-2e327aa1],.font-overline[data-v-2e327aa1],.font-subtitle-2[data-v-2e327aa1],.font-subtitle-1[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-2e327aa1],.font-body-2[data-v-2e327aa1],.input-container .input[data-v-2e327aa1],.font-body-1[data-v-2e327aa1]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-2e327aa1]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-2e327aa1]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-2e327aa1]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-2e327aa1]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-2e327aa1]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-2e327aa1]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-2e327aa1]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-2e327aa1],.font-body-1[data-v-2e327aa1]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-2e327aa1]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-2e327aa1]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-2e327aa1]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-2e327aa1]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-2e327aa1]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-2e327aa1]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-2e327aa1]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-2e327aa1]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-2e327aa1]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-2e327aa1]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-2e327aa1],.font-tab-label2[data-v-2e327aa1]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-2e327aa1]{font-size:.75rem;line-height:1rem}h1[data-v-2e327aa1],h2[data-v-2e327aa1],h3[data-v-2e327aa1],h4[data-v-2e327aa1],h5[data-v-2e327aa1],h6[data-v-2e327aa1]{margin:0}.disabled .input[data-v-2e327aa1]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-2e327aa1]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-2e327aa1]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-2e327aa1]{height:28px}.input-size-medium[data-v-2e327aa1]{height:32px}.input-size-large[data-v-2e327aa1]{height:40px}.input-with-label-container[data-v-2e327aa1]{display:flex;flex-direction:column}.input-container[data-v-2e327aa1]{flex-grow:2;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:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-2e327aa1]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-2e327aa1]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-2e327aa1]:focus{outline:none}.input-container .input[data-v-2e327aa1]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-2e327aa1]{color:var(--text-disabled)}.input-container .input[type=number][data-v-2e327aa1]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-2e327aa1]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-2e327aa1]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-2e327aa1]{letter-spacing:4px}.input-container[data-v-2e327aa1] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-2e327aa1]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-2e327aa1]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-2e327aa1]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-2e327aa1]{padding-left:var(--spacing-50)}.prefix-text[data-v-2e327aa1]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-2e327aa1]{color:var(--text-secondary, #646464)}.focused[data-v-2e327aa1],.focused[data-v-2e327aa1]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-2e327aa1],.error-icon.error-icon[data-v-2e327aa1]:hover{color:var(--error-main)}.label-direction-left[data-v-2e327aa1]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-2e327aa1]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-2e327aa1]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-2e327aa1]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-2e327aa1]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-2e327aa1]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-2e327aa1],.variant-success .input-container[data-v-2e327aa1]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-2e327aa1],.variant-error .input-container[data-v-2e327aa1]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-2e327aa1],.variant-warning .input-container[data-v-2e327aa1]:hover{outline:2px solid var(--warning-dark)}
package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-82b46d6d]{display:block}
package/TooltipV4.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}.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-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
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}.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-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css ADDED
@@ -0,0 +1 @@
1
+ .child-options[data-v-bdfb0aef]{padding-left:1rem}.tree-search[data-v-bdfb0aef]{width:100%}
package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-a14013a5],.font-chart-2[data-v-a14013a5],.font-chart-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a14013a5],.font-table-label[data-v-a14013a5],.font-button[data-v-a14013a5],.font-heading-6[data-v-a14013a5],.font-heading-5[data-v-a14013a5],.font-heading-4[data-v-a14013a5],.font-heading-3[data-v-a14013a5],.font-heading-2[data-v-a14013a5],.font-heading-1[data-v-a14013a5],.font-title[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a14013a5],.font-input-label[data-v-a14013a5],.font-overline[data-v-a14013a5],.font-subtitle-2[data-v-a14013a5],.font-subtitle-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a14013a5],.font-body-2[data-v-a14013a5],.font-body-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a14013a5]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a14013a5]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a14013a5]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a14013a5]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a14013a5]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a14013a5]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a14013a5]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a14013a5]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a14013a5]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a14013a5]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a14013a5]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a14013a5]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a14013a5],.font-tab-label2[data-v-a14013a5]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a14013a5]{font-size:.75rem;line-height:1rem}h1[data-v-a14013a5],h2[data-v-a14013a5],h3[data-v-a14013a5],h4[data-v-a14013a5],h5[data-v-a14013a5],h6[data-v-a14013a5]{margin:0}.antialiased[data-v-a14013a5]{-webkit-font-smoothing:antialiased}.truncate[data-v-a14013a5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.typography-tooltip[data-v-a14013a5]{display:block}.typography-tooltip[data-v-a14013a5] .container{display:block;width:100%}
package/components/chart/Chart.vue.d.ts CHANGED
@@ -19,7 +19,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
19
19
  noDataSubtitle?: string;
20
20
  withSettingsHeader?: boolean;
21
21
  maxLimitTooltipText?: string;
22
- withAnimation?: boolean;
23
22
  }>, {
24
23
  chartType: ChartType;
25
24
  dataSets: () => any[];
@@ -41,7 +40,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
41
40
  withSettingsHeader: boolean;
42
41
  withSubheaderTooltip: boolean;
43
42
  maxLimitTooltipText: string;
44
- withAnimation: boolean;
45
43
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
46
44
  "update:chartType": (chartType: ChartType) => void;
47
45
  "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -65,7 +63,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
65
63
  noDataSubtitle?: string;
66
64
  withSettingsHeader?: boolean;
67
65
  maxLimitTooltipText?: string;
68
- withAnimation?: boolean;
69
66
  }>, {
70
67
  chartType: ChartType;
71
68
  dataSets: () => any[];
@@ -87,7 +84,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
84
  withSettingsHeader: boolean;
88
85
  withSubheaderTooltip: boolean;
89
86
  maxLimitTooltipText: string;
90
- withAnimation: boolean;
91
87
  }>>> & {
92
88
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
93
89
  "onUpdate:chartType"?: (chartType: ChartType) => any;
@@ -111,7 +107,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
111
107
  noDataIcon: string;
112
108
  noDataTitle: string;
113
109
  noDataSubtitle: string;
114
- withAnimation: boolean;
115
110
  }>, {
116
111
  metric?(_: {}): any;
117
112
  breakdowns?(_: {}): any;
package/components/chart/Chart.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Chart.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-277fde76"]]);
2
+ /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; //*');
4
+ const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-04b9d6b3"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/chart/Chart.vue2.js CHANGED
@@ -1,23 +1,23 @@
1
- import "../../Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css"; import { defineComponent as q, computed as l, ref as g, onMounted as J, watch as T, nextTick as Q, openBlock as d, createElementBlock as C, Fragment as O, createBlock as f, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Y, createVNode as F, normalizeStyle as _ } from "vue";
2
- import { useVModel as ee } from "@vueuse/core";
3
- import { Chart as N, ArcElement as te, LineElement as ae, BarElement as oe, PointElement as ie, LineController as le, BarController as re, PieController as ne, ScatterController as se, CategoryScale as de, LinearScale as ue, Filler as ce, Tooltip as pe } from "chart.js";
4
- import { HoverVerticalLine as me } from "./plugins/HoverVerticalLine.js";
5
- import { formatValue as H, calcStepSize as he } from "./utils/utils.js";
6
- import { DEFAULT_TICK_COUNT as fe, DEFAULT_MIN_VISIBLE as ve, DEFAULT_MAX_VISIBLE as ye, COLOR_PALETTE as be, POINT_BORDER_COLOR as ge, TICK_LABEL_COLOR as U, TICK_LABEL_FONT as P, GRID_LINE_COLOR as z } from "./consts.js";
1
+ import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; import { defineComponent as j, ref as g, computed as l, onMounted as q, watch as T, nextTick as J, openBlock as d, createElementBlock as C, Fragment as O, createBlock as h, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Q, createVNode as F, normalizeStyle as Y } from "vue";
2
+ import { useVModel as _ } from "@vueuse/core";
3
+ import { Chart as N, ArcElement as ee, LineElement as te, BarElement as ae, PointElement as oe, LineController as ie, BarController as le, PieController as re, ScatterController as ne, CategoryScale as se, LinearScale as de, Filler as ue, Tooltip as ce } from "chart.js";
4
+ import { HoverVerticalLine as pe } from "./plugins/HoverVerticalLine.js";
5
+ import { formatValue as H, calcStepSize as me } from "./utils/utils.js";
6
+ import { DEFAULT_TICK_COUNT as fe, DEFAULT_MIN_VISIBLE as he, DEFAULT_MAX_VISIBLE as ve, COLOR_PALETTE as ye, POINT_BORDER_COLOR as be, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as U, GRID_LINE_COLOR as z } from "./consts.js";
7
7
  import { ChartType as n } from "./types.js";
8
- import { useTooltipPosition as Te } from "./composables/useTooltipPosition.js";
9
- import Ce from "./ChartTooltip.vue.js";
10
- import ke from "./ChartLegend.vue.js";
11
- import xe from "./ChartHeader.vue.js";
12
- import { hexColorToRgba as Le } from "../../utils/color.js";
13
- import { useChartValues as Se } from "./composables/useChartValues.js";
14
- import we from "./ChartLoader.vue.js";
15
- import Be from "../emptyState/v4/EmptyStateV4.vue.js";
16
- import Ie from "./SettingsHeader.vue.js";
17
- const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve = { class: "chart" }, Re = {
8
+ import { useTooltipPosition as ge } from "./composables/useTooltipPosition.js";
9
+ import Te from "./ChartTooltip.vue.js";
10
+ import Ce from "./ChartLegend.vue.js";
11
+ import ke from "./ChartHeader.vue.js";
12
+ import { hexColorToRgba as xe } from "../../utils/color.js";
13
+ import { useChartValues as Le } from "./composables/useChartValues.js";
14
+ import Se from "./ChartLoader.vue.js";
15
+ import we from "../emptyState/v4/EmptyStateV4.vue.js";
16
+ import Be from "./SettingsHeader.vue.js";
17
+ const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee = { class: "chart" }, Re = {
18
18
  key: 0,
19
19
  class: "chart-sidebar"
20
- }, qe = /* @__PURE__ */ q({
20
+ }, je = /* @__PURE__ */ j({
21
21
  __name: "Chart",
22
22
  props: {
23
23
  dataSets: { default: () => [] },
@@ -31,20 +31,20 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
31
31
  subheader: { default: "" },
32
32
  withSubheaderTooltip: { type: Boolean, default: !1 },
33
33
  hideLegend: { type: Boolean, default: !1 },
34
- minVisible: { default: ve },
35
- maxVisible: { default: ye },
34
+ minVisible: { default: he },
35
+ maxVisible: { default: ve },
36
36
  loading: { type: Boolean, default: !1 },
37
37
  noDataIcon: { default: "file-x" },
38
38
  noDataTitle: { default: "No data to display" },
39
39
  noDataSubtitle: { default: "Search again with different filters" },
40
40
  withSettingsHeader: { type: Boolean, default: !0 },
41
- maxLimitTooltipText: { default: "" },
42
- withAnimation: { type: Boolean, default: !0 }
41
+ maxLimitTooltipText: { default: "" }
43
42
  },
44
43
  emits: ["update:chartType", "update:visibleIds"],
45
44
  setup(a, { emit: L }) {
46
45
  const t = a;
47
46
  N.register(
47
+ ee,
48
48
  te,
49
49
  ae,
50
50
  oe,
@@ -56,33 +56,30 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
56
56
  de,
57
57
  ue,
58
58
  ce,
59
- pe,
60
- me
59
+ pe
61
60
  );
62
- const c = ee(t, "chartType", L), M = l(
63
- () => t.withAnimation ? "" : "none"
64
- ), m = g(null);
61
+ const c = _(t, "chartType", L), m = g(null);
65
62
  let s = null;
66
63
  const S = l(() => t.dataSets.length === 0), w = l(() => !t.loading && !S.value), y = () => {
67
64
  m.value && (s && s.destroy(), s = new N(m.value, I.value));
68
- }, $ = () => {
69
- s && (s.data.datasets = b.value, s.options = I.value.options, s.update(M.value));
65
+ }, M = () => {
66
+ s && (s.data.datasets = b.value, s.options = I.value.options, s.update());
70
67
  };
71
- J(y), T(() => t.chartType, y), T(w, async (e) => {
72
- e && (await Q(), y());
73
- }), T([() => t.visibleIds, () => t.dataSets], $);
74
- const h = l(
68
+ q(y), T(() => t.chartType, y), T(w, async (e) => {
69
+ e && (await J(), y());
70
+ }), T([() => t.visibleIds, () => t.dataSets], M);
71
+ const f = l(
75
72
  () => t.chartType === n.StackedLine || t.chartType === n.StackedBar
76
- ), K = l(
73
+ ), $ = l(
77
74
  () => t.chartType === n.Line || t.chartType === n.StackedLine
78
75
  ), B = l(
79
76
  () => t.dataSets.filter((e) => t.visibleIds.includes(e.id))
80
77
  ), b = l(() => B.value.map((e, o) => {
81
- const i = e.color || be[o] || "#000000";
78
+ const i = e.color || ye[o] || "#000000";
82
79
  return {
83
80
  ...e,
84
- fill: h.value ? "start" : void 0,
85
- backgroundColor: Le(
81
+ fill: f.value ? "start" : void 0,
82
+ backgroundColor: xe(
86
83
  i,
87
84
  t.chartType === n.StackedLine ? 10 : 70
88
85
  ),
@@ -114,7 +111,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
114
111
  plugins: {
115
112
  legend: { display: !1 },
116
113
  title: { display: !1 },
117
- hoverVerticalLine: K.value,
114
+ hoverVerticalLine: $.value,
118
115
  // tooltip
119
116
  tooltip: {
120
117
  enabled: !1,
@@ -124,7 +121,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
124
121
  },
125
122
  callbacks: {
126
123
  footer: (e) => {
127
- const o = e.reduce((i, j) => i + (j.parsed.y || 0), 0);
124
+ const o = e.reduce((i, X) => i + (X.parsed.y || 0), 0);
128
125
  return ["Total", String(o)];
129
126
  }
130
127
  }
@@ -152,7 +149,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
152
149
  borderWidth: 0,
153
150
  hoverRadius: 4,
154
151
  hoverBorderWidth: 2,
155
- pointHoverBackgroundColor: ge
152
+ pointHoverBackgroundColor: be
156
153
  },
157
154
  bar: {
158
155
  borderRadius: 4
@@ -163,12 +160,12 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
163
160
  x: {
164
161
  beginAtZero: !0,
165
162
  border: { display: !1 },
166
- stacked: h.value,
163
+ stacked: f.value,
167
164
  // stack on top of each other
168
165
  // ticks
169
166
  ticks: {
170
- color: U,
171
- font: P,
167
+ color: P,
168
+ font: U,
172
169
  padding: 4,
173
170
  callback: function(e) {
174
171
  return H(
@@ -191,16 +188,16 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
191
188
  beginAtZero: !0,
192
189
  border: { display: !1 },
193
190
  // hide left borderline
194
- stacked: h.value,
191
+ stacked: f.value,
195
192
  // stack on top of each other
196
193
  // ticks
197
194
  ticks: {
198
- color: U,
199
- font: P,
195
+ color: P,
196
+ font: U,
200
197
  padding: 8,
201
- stepSize: R.value,
202
- min: V.value,
203
- max: R.value * t.tickCount,
198
+ stepSize: V.value,
199
+ min: R.value,
200
+ max: V.value * t.tickCount,
204
201
  callback: (e) => H(e, t.yAxisFormat)
205
202
  },
206
203
  // grid lines
@@ -213,32 +210,32 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
213
210
  }
214
211
  }
215
212
  })
216
- ), W = l(
213
+ ), K = l(
217
214
  () => b.value.reduce((e, o) => (e[o.id] = o.borderColor, e), {})
218
- ), Z = l(() => t.dataSets.map((e) => ({
215
+ ), W = l(() => t.dataSets.map((e) => ({
219
216
  id: e.id,
220
217
  label: e.label,
221
218
  caption: e.caption || null,
222
- color: W.value[e.id] || null,
219
+ color: K.value[e.id] || null,
223
220
  icon: e.icon || null,
224
221
  iconType: e.iconType || "branded"
225
- }))), A = g(null), r = g(null), { position: E } = Te(
222
+ }))), A = g(null), r = g(null), { position: E } = ge(
226
223
  m,
227
224
  A,
228
225
  r
229
- ), G = l(() => ({
226
+ ), Z = l(() => ({
230
227
  left: `${E.value.left}px`,
231
228
  top: `${E.value.top}px`,
232
229
  opacity: r.value?.opacity || 0
233
- })), { minValue: V, maxValue: X } = Se({
230
+ })), { minValue: R, maxValue: G } = Le({
234
231
  parsingConfig: t.parsing,
235
232
  dataSets: B,
236
- isStacked: h
237
- }), R = l(
238
- () => he(V.value, X.value, t.tickCount)
233
+ isStacked: f
234
+ }), V = l(
235
+ () => me(R.value, G.value, t.tickCount)
239
236
  );
240
237
  return (e, o) => (d(), C(O, null, [
241
- a.withSettingsHeader ? (d(), f(Ie, {
238
+ a.withSettingsHeader ? (d(), h(Be, {
242
239
  key: 0,
243
240
  "chart-type": u(c),
244
241
  "onUpdate:chart-type": o[0] || (o[0] = (i) => D(c) ? c.value = i : null),
@@ -252,13 +249,13 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
252
249
  ]),
253
250
  _: 3
254
251
  }, 8, ["chart-type", "hide-legend"])) : v("", !0),
255
- p("div", Ae, [
252
+ p("div", Ie, [
256
253
  u(w) ? (d(), C(O, { key: 0 }, [
257
254
  p("section", {
258
- class: Y(["chart-content", [{ "with-legend": !a.hideLegend }]])
255
+ class: Q(["chart-content", [{ "with-legend": !a.hideLegend }]])
259
256
  }, [
260
- p("div", Ee, [
261
- F(xe, {
257
+ p("div", Ae, [
258
+ F(ke, {
262
259
  "chart-type": u(c),
263
260
  "onUpdate:chart-type": o[1] || (o[1] = (i) => D(c) ? c.value = i : null),
264
261
  "with-settings-header": a.withSettingsHeader,
@@ -272,7 +269,7 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
272
269
  _: 3
273
270
  }, 8, ["chart-type", "with-settings-header", "header", "subheader", "with-subheader-tooltip"])
274
271
  ]),
275
- p("div", Ve, [
272
+ p("div", Ee, [
276
273
  p("canvas", {
277
274
  ref_key: "chartRef",
278
275
  ref: m,
@@ -282,9 +279,9 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
282
279
  ref_key: "tooltipRef",
283
280
  ref: A,
284
281
  class: "chart__tooltip",
285
- style: _(u(G))
282
+ style: Y(u(Z))
286
283
  }, [
287
- r.value ? (d(), f(Ce, {
284
+ r.value ? (d(), h(Te, {
288
285
  key: 0,
289
286
  title: String(r.value.title),
290
287
  "data-points": r.value.dataPoints,
@@ -297,14 +294,14 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
297
294
  ])
298
295
  ], 2),
299
296
  a.hideLegend ? v("", !0) : (d(), C("section", Re, [
300
- F(ke, {
301
- items: u(Z),
297
+ F(Ce, {
298
+ items: u(W),
302
299
  "visible-ids": a.visibleIds,
303
300
  "max-limit-tooltip-text": a.maxLimitTooltipText,
304
301
  "onUpdate:visibleIds": o[2] || (o[2] = (i) => L("update:visibleIds", i))
305
302
  }, null, 8, ["items", "visible-ids", "max-limit-tooltip-text"])
306
303
  ]))
307
- ], 64)) : a.loading ? (d(), f(we, { key: 1 })) : u(S) ? (d(), f(u(Be), {
304
+ ], 64)) : a.loading ? (d(), h(Se, { key: 1 })) : u(S) ? (d(), h(u(we), {
308
305
  key: 2,
309
306
  title: a.noDataTitle,
310
307
  subtitle: a.noDataSubtitle,
@@ -315,5 +312,5 @@ const Ae = { class: "chart-container" }, Ee = { class: "header-wrapper" }, Ve =
315
312
  }
316
313
  });
317
314
  export {
318
- qe as default
315
+ je as default
319
316
  };
package/components/chart/index.d.ts CHANGED
@@ -23,7 +23,6 @@ declare const ChartTypes: () => ({
23
23
  noDataIcon: string;
24
24
  noDataTitle: string;
25
25
  noDataSubtitle: string;
26
- withAnimation: boolean;
27
26
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
28
27
  header: {
29
28
  type: import("vue").PropType<string>;
@@ -103,14 +102,10 @@ declare const ChartTypes: () => ({
103
102
  type: import("vue").PropType<string>;
104
103
  default: string;
105
104
  };
106
- withAnimation: {
107
- type: import("vue").PropType<boolean>;
108
- default: boolean;
109
- };
110
105
  }>> & {
111
106
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
112
107
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
113
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation">;
108
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle">;
114
109
  $attrs: {
115
110
  [x: string]: unknown;
116
111
  };
@@ -203,10 +198,6 @@ declare const ChartTypes: () => ({
203
198
  type: import("vue").PropType<string>;
204
199
  default: string;
205
200
  };
206
- withAnimation: {
207
- type: import("vue").PropType<boolean>;
208
- default: boolean;
209
- };
210
201
  }>> & {
211
202
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
212
203
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
@@ -233,7 +224,6 @@ declare const ChartTypes: () => ({
233
224
  noDataIcon: string;
234
225
  noDataTitle: string;
235
226
  noDataSubtitle: string;
236
- withAnimation: boolean;
237
227
  }, {}, string> & {
238
228
  beforeCreate?: (() => void) | (() => void)[];
239
229
  created?: (() => void) | (() => void)[];
@@ -333,10 +323,6 @@ declare const ChartTypes: () => ({
333
323
  type: import("vue").PropType<string>;
334
324
  default: string;
335
325
  };
336
- withAnimation: {
337
- type: import("vue").PropType<boolean>;
338
- default: boolean;
339
- };
340
326
  }>> & {
341
327
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
342
328
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
@@ -423,10 +409,6 @@ declare const ChartTypes: () => ({
423
409
  type: import("vue").PropType<string>;
424
410
  default: string;
425
411
  };
426
- withAnimation: {
427
- type: import("vue").PropType<boolean>;
428
- default: boolean;
429
- };
430
412
  }>> & {
431
413
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
432
414
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
@@ -453,7 +435,6 @@ declare const ChartTypes: () => ({
453
435
  noDataIcon: string;
454
436
  noDataTitle: string;
455
437
  noDataSubtitle: string;
456
- withAnimation: boolean;
457
438
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
458
439
  $slots: {
459
440
  metric?(_: {}): any;
package/components/dropdown/v4/ConditionalDropdown.vue.d.ts CHANGED
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
16
16
  minCharsToStart?: number;
17
17
  isOpen?: boolean;
18
18
  searchQuery?: string;
19
- loadMoreFn?: () => Promise<any[]>;
19
+ loadMoreFn?: () => Promise<void>;
20
20
  infiniteLoading?: boolean;
21
21
  fetchDataDebounceTime?: number;
22
22
  autoFocusSearch?: boolean;
@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
25
25
  optionIconKey?: string;
26
26
  optionImageKey?: string;
27
27
  optionIconType?: IconTypes;
28
+ loadingOverride?: boolean;
28
29
  }>, {
29
30
  label: string;
30
31
  testId: string;
@@ -42,11 +43,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
42
43
  optionIconKey: string;
43
44
  optionImageKey: string;
44
45
  optionIconType: any;
46
+ loadingOverride: boolean;
45
47
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
46
48
  "update:selectedCondition": (value: SelectedCondition) => void;
47
49
  "update:appliedSelections": (value: unknown) => void;
48
50
  clear: () => void;
49
- closed: () => void;
50
51
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
51
52
  selectedCondition: SelectedCondition | null;
52
53
  appliedSelections: unknown | unknown[];
@@ -59,7 +60,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
59
60
  minCharsToStart?: number;
60
61
  isOpen?: boolean;
61
62
  searchQuery?: string;
62
- loadMoreFn?: () => Promise<any[]>;
63
+ loadMoreFn?: () => Promise<void>;
63
64
  infiniteLoading?: boolean;
64
65
  fetchDataDebounceTime?: number;
65
66
  autoFocusSearch?: boolean;
@@ -68,6 +69,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
68
69
  optionIconKey?: string;
69
70
  optionImageKey?: string;
70
71
  optionIconType?: IconTypes;
72
+ loadingOverride?: boolean;
71
73
  }>, {
72
74
  label: string;
73
75
  testId: string;
@@ -85,9 +87,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
85
87
  optionIconKey: string;
86
88
  optionImageKey: string;
87
89
  optionIconType: any;
90
+ loadingOverride: boolean;
88
91
  }>>> & {
89
92
  onClear?: () => any;
90
- onClosed?: () => any;
91
93
  "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
92
94
  "onUpdate:appliedSelections"?: (value: unknown) => any;
93
95
  }, {
@@ -104,9 +106,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
104
106
  comparingKey: string;
105
107
  minCharsToStart: number;
106
108
  searchQuery: string;
107
- loadMoreFn: () => Promise<any[]>;
109
+ loadMoreFn: () => Promise<void>;
108
110
  fetchDataDebounceTime: number;
109
111
  autoFocusSearch: boolean;
112
+ loadingOverride: boolean;
110
113
  }>;
111
114
  export default _default;
112
115
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/components/dropdown/v4/ConditionalDropdown.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ConditionalDropdown.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2ba23450_lang.css"; //*');
4
- const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2ba23450"]]);
3
+ // import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_b2684c5f_lang.css"; //*');
4
+ const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b2684c5f"]]);
5
5
  export {
6
6
  n as default
7
7
  };