@ironsource/shared-ui 2.2.0-test.8 → 2.2.0-test.89

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 (54) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css +1 -0
  2. package/FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +1 -0
  4. package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css +1 -0
  5. package/Tag.vue_vue_type_style_index_0_scoped_b0662035_lang.css +1 -0
  6. package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css +1 -0
  7. package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +1 -0
  8. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  9. package/components/chart/Chart.vue.d.ts +5 -0
  10. package/components/chart/Chart.vue.js +3 -3
  11. package/components/chart/Chart.vue2.js +17 -15
  12. package/components/chart/composables/useChartHeight.d.ts +1 -1
  13. package/components/chart/composables/useChartHeight.js +16 -15
  14. package/components/chart/index.d.ts +20 -1
  15. package/components/chart/types.d.ts +1 -0
  16. package/components/dateRange/common/consts.common.d.ts +5 -0
  17. package/components/dateRange/common/consts.common.js +9 -0
  18. package/components/dateRange/v3/DateRange.vue.d.ts +3 -3
  19. package/components/dateRange/v3/DateRangePicker.vue.d.ts +3 -3
  20. package/components/dateRange/v3/index.d.ts +7 -7
  21. package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +3 -3
  22. package/components/dateRange/v4/DateRangeV4.vue.d.ts +3 -3
  23. package/components/dateRange/v4/index.d.ts +7 -7
  24. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -1
  25. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  26. package/components/dropdown/v4/OptionV4.vue2.js +13 -12
  27. package/components/forms/FormCard.vue.js +3 -3
  28. package/components/forms/FormCard.vue2.js +5 -5
  29. package/components/popover/v4/PopoverV4.vue.d.ts +14 -0
  30. package/components/popover/v4/PopoverV4.vue.js +2 -2
  31. package/components/popover/v4/PopoverV4.vue2.js +11 -9
  32. package/components/popover/v4/index.d.ts +41 -1
  33. package/components/tag/Tag.vue.d.ts +131 -0
  34. package/components/tag/Tag.vue.js +7 -0
  35. package/components/tag/Tag.vue2.js +295 -0
  36. package/components/tag/index.d.ts +192 -0
  37. package/components/tag/index.js +6 -0
  38. package/components/tagsField/TagsFieldChip.vue.d.ts +0 -43
  39. package/components/tagsField/TagsFieldChip.vue.js +3 -3
  40. package/components/tagsField/TagsFieldChip.vue2.js +54 -102
  41. package/components/tagsField/index.d.ts +0 -74
  42. package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
  43. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  44. package/components/tooltip/v4/TooltipV4.vue2.js +76 -36
  45. package/components/tooltip/v4/index.d.ts +20 -1
  46. package/index.d.ts +157 -38
  47. package/index.js +84 -80
  48. package/package.json +6 -2
  49. package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css +0 -1
  50. package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +0 -1
  51. package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +0 -1
  52. package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +0 -1
  53. package/TagsFieldChip.vue_vue_type_style_index_0_scoped_fabe8ff0_lang.css +0 -1
  54. package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +0 -1
@@ -0,0 +1 @@
1
+ .chart-container[data-v-a4d7b67a]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%;overflow:hidden}.chart-planes[data-v-a4d7b67a]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-a4d7b67a]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-a4d7b67a]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-a4d7b67a]{border-left:1px solid var(--common-divider)}
@@ -0,0 +1 @@
1
+ .form-card[data-v-98458a8f]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-98458a8f]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-98458a8f]{width:220px;height:20px}.card-content[data-v-98458a8f]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-98458a8f]{padding:0}.form-actions[data-v-98458a8f]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-98458a8f]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-98458a8f]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-98458a8f]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-98458a8f]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
@@ -0,0 +1 @@
1
+ .label[data-v-771e1980]{color:#41454d}.item-container[data-v-771e1980]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-771e1980]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-771e1980],.item-container--disabled .item .end-icon[data-v-771e1980],.item-container--disabled .item .end-text-icon[data-v-771e1980]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-771e1980]{opacity:.5}.item-container[data-v-771e1980]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-771e1980],.item-container[data-v-771e1980]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-771e1980]{background-color:var(--action-selected)}.item-container--filtered-out[data-v-771e1980]{color:var(--text-disabled)}.subtitle[data-v-771e1980]{color:#7b838c;line-height:1rem}.clear-button[data-v-771e1980]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-771e1980]:hover{color:#3083ff}.item[data-v-771e1980]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-771e1980],.item--multi[data-v-771e1980]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-771e1980]{width:20px;height:20px;flex:none}.item .image img[data-v-771e1980]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-771e1980]{width:16px;height:16px}.item .flag img[data-v-771e1980]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-771e1980],.item .end-icon[data-v-771e1980]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-771e1980]{display:inline-flex}.item .option-text[data-v-771e1980]{line-height:1.1875rem}.text-container[data-v-771e1980]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-771e1980]{display:block}.tooltip-option[data-v-771e1980] .container{width:100%}.app-trigger--icon[data-v-771e1980]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-771e1980]{transform:rotate(0)}.option-warning[data-v-771e1980]{display:flex}.option-warning__icon[data-v-771e1980]{color:var(--warning-main)}.option-content[data-v-771e1980]{display:flex}.option-content[data-v-771e1980]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-771e1980]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-771e1980]{flex-direction:column}.option-text .main-text[data-v-771e1980]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-771e1980]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-771e1980]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-771e1980]{color:var(--text-secondary)}.multiline-tooltip[data-v-771e1980]{display:flex;flex-direction:column}
@@ -0,0 +1 @@
1
+ div[data-v-9ae00876]{display:block}
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-b0662035],.font-chart-2[data-v-b0662035],.font-chart-1[data-v-b0662035]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-b0662035],.tag-input[data-v-b0662035],.font-chip-label[data-v-b0662035],.font-table-label[data-v-b0662035],.font-button[data-v-b0662035],.font-heading-6[data-v-b0662035],.font-heading-5[data-v-b0662035],.font-heading-4[data-v-b0662035],.font-heading-3[data-v-b0662035],.font-heading-2[data-v-b0662035],.font-heading-1[data-v-b0662035],.font-title[data-v-b0662035]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-b0662035],.font-input-label[data-v-b0662035],.font-overline[data-v-b0662035],.font-subtitle-2[data-v-b0662035],.font-subtitle-1[data-v-b0662035]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-b0662035],.font-body-2[data-v-b0662035],.font-body-1[data-v-b0662035]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-b0662035]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-b0662035]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-b0662035]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-b0662035]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-b0662035]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-b0662035]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-b0662035]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-b0662035]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-b0662035]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-b0662035]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-b0662035]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-b0662035]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-b0662035]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-b0662035]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-b0662035]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-b0662035]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-b0662035]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-b0662035]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-b0662035],.font-tab-label2[data-v-b0662035]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-b0662035],.tag-input[data-v-b0662035],.font-chip-label[data-v-b0662035]{font-size:.75rem;line-height:1rem}h1[data-v-b0662035],h2[data-v-b0662035],h3[data-v-b0662035],h4[data-v-b0662035],h5[data-v-b0662035],h6[data-v-b0662035]{margin:0}.rounded-tag[data-v-b0662035]{border-radius:100px}.tag-editing[data-v-b0662035]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-b0662035]{background-color:var(--action-hover)}.tag-hover-outline[data-v-b0662035]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-b0662035]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-b0662035]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-b0662035]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-b0662035]{margin-right:.25rem}.tag-label[data-v-b0662035]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-b0662035]{color:var(--action-disabled)}.tag-label--hidden[data-v-b0662035]{visibility:hidden}.tag-input[data-v-b0662035]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-b0662035]:focus{outline:none}.tag-input-outline[data-v-b0662035]::placeholder{color:var(--action-disabled)}.clear-button[data-v-b0662035]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-b0662035]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-b0662035]{color:var(--error-dark)}.clear-button--invalid[data-v-b0662035]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-b0662035]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-b0662035]{cursor:text}.empty-tag[data-v-b0662035]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-b0662035]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}
@@ -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)}
@@ -0,0 +1 @@
1
+ div[data-v-a8aebfee]{display:block}
@@ -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:-4.5px}.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:-3px}.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{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}.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:-4.5px}.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:-3px}.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}
@@ -53,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
53
53
  withSettingsHeader?: boolean;
54
54
  extraCharts?: Record<string, unknown>[];
55
55
  colorVariant?: ColorVariant;
56
+ height?: string;
56
57
  }>, {
57
58
  chartType: ChartType;
58
59
  dataSets: () => any[];
@@ -99,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
99
100
  withSettingsHeader: boolean;
100
101
  extraCharts: () => any[];
101
102
  colorVariant: string;
103
+ height: any;
102
104
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
103
105
  "update:chartType": (chartType: ChartType) => void;
104
106
  "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -156,6 +158,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
156
158
  withSettingsHeader?: boolean;
157
159
  extraCharts?: Record<string, unknown>[];
158
160
  colorVariant?: ColorVariant;
161
+ height?: string;
159
162
  }>, {
160
163
  chartType: ChartType;
161
164
  dataSets: () => any[];
@@ -202,6 +205,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
202
205
  withSettingsHeader: boolean;
203
206
  extraCharts: () => any[];
204
207
  colorVariant: string;
208
+ height: any;
205
209
  }>>> & {
206
210
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
207
211
  "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -209,6 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
209
213
  }, {
210
214
  header: string;
211
215
  testId: string;
216
+ height: string;
212
217
  loading: boolean;
213
218
  visibleIds: unknown[];
214
219
  minVisible: number;
@@ -1,7 +1,7 @@
1
1
  import o from "./Chart.vue2.js";
2
2
  /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; //*');
4
- const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-22477735"]]);
3
+ // import "../../Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a4d7b67a"]]);
5
5
  export {
6
- p as default
6
+ s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as b, Fragment as S, createBlock as D, unref as l, isRef as y, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as g, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
1
+ import "../../Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css"; import { defineComponent as P, ref as U, computed as d, openBlock as n, createElementBlock as g, Fragment as S, createBlock as D, unref as l, isRef as b, withCtx as s, renderSlot as u, createCommentVNode as A, createElementVNode as L, mergeProps as y, normalizeClass as $, createVNode as k, createSlots as M, renderList as R } from "vue";
2
2
  import { useVModel as B } from "@vueuse/core";
3
3
  import K from "./ChartLegend.vue.js";
4
4
  import X from "./SettingsHeader.vue.js";
@@ -60,7 +60,8 @@ const at = {
60
60
  fullHeightBottomSpacing: { default: 50 },
61
61
  withSettingsHeader: { type: Boolean, default: !0 },
62
62
  extraCharts: { default: () => [] },
63
- colorVariant: { default: "default" }
63
+ colorVariant: { default: "default" },
64
+ height: { default: void 0 }
64
65
  },
65
66
  emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
66
67
  setup(e, { emit: c }) {
@@ -106,23 +107,24 @@ const at = {
106
107
  dataSets: E,
107
108
  visibleIds: I,
108
109
  variant: t.colorVariant
109
- }), w = d(() => t.dataSets.map((a) => ({
110
+ }), H = d(() => t.dataSets.map((a) => ({
110
111
  id: a.id,
111
112
  label: a.label,
112
113
  caption: a.caption || null,
113
114
  color: m.value[a.id] || null,
114
115
  icon: a.icon || null,
115
116
  iconType: a.iconType || "branded"
116
- }))), { containerProps: H, eachPlaneHeight: N } = Z({
117
+ }))), { containerProps: w, eachPlaneHeight: N } = Z({
117
118
  chartPlanesCount: C,
118
119
  useFullHeight: t.fullHeight,
119
- bottomSpacing: t.fullHeightBottomSpacing
120
+ bottomSpacing: t.fullHeightBottomSpacing,
121
+ customHeight: t.height
120
122
  }), O = et(t.testId, p);
121
- return (a, i) => (n(), b(S, null, [
123
+ return (a, i) => (n(), g(S, null, [
122
124
  e.withSettingsHeader ? (n(), D(X, {
123
125
  key: 0,
124
126
  "chart-type": l(r),
125
- "onUpdate:chart-type": i[0] || (i[0] = (o) => y(r) ? r.value = o : null),
127
+ "onUpdate:chart-type": i[0] || (i[0] = (o) => b(r) ? r.value = o : null),
126
128
  "hide-legend": e.hideLegend,
127
129
  "test-id": e.testId
128
130
  }, {
@@ -137,16 +139,16 @@ const at = {
137
139
  ]),
138
140
  _: 3
139
141
  }, 8, ["chart-type", "hide-legend", "test-id"])) : A("", !0),
140
- L("div", g({ class: "chart-container" }, {
141
- ...l(H),
142
+ L("div", y({ class: "chart-container" }, {
143
+ ...l(w),
142
144
  ...l(O)[l(p).CONTAINER]
143
145
  }), [
144
146
  L("section", {
145
147
  class: $(["chart-planes", [{ "with-legend": !e.hideLegend }]])
146
148
  }, [
147
- k(V, g({
149
+ k(V, y({
148
150
  "chart-type": l(r),
149
- "onUpdate:chart-type": i[1] || (i[1] = (o) => y(r) ? r.value = o : null)
151
+ "onUpdate:chart-type": i[1] || (i[1] = (o) => b(r) ? r.value = o : null)
150
152
  }, l(v)), M({ _: 2 }, [
151
153
  a.$slots["subheader-tooltip"] ? {
152
154
  name: "subheader-tooltip",
@@ -156,7 +158,7 @@ const at = {
156
158
  key: "0"
157
159
  } : void 0
158
160
  ]), 1040, ["chart-type"]),
159
- (n(!0), b(S, null, R(e.extraCharts, (o, T) => (n(), D(V, g({
161
+ (n(!0), g(S, null, R(e.extraCharts, (o, T) => (n(), D(V, y({
160
162
  key: T,
161
163
  class: "extra-chart-plane"
162
164
  }, { ...l(v), ...o }, {
@@ -167,13 +169,13 @@ const at = {
167
169
  "test-id": `${e.testId}-${l(p).EXTRA_CHART}-${T}`
168
170
  }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge", "test-id"]))), 128))
169
171
  ], 2),
170
- e.hideLegend ? A("", !0) : (n(), b("section", at, [
172
+ e.hideLegend ? A("", !0) : (n(), g("section", at, [
171
173
  k(K, {
172
174
  "sort-selected": l(f),
173
- "onUpdate:sort-selected": i[2] || (i[2] = (o) => y(f) ? f.value = o : null),
175
+ "onUpdate:sort-selected": i[2] || (i[2] = (o) => b(f) ? f.value = o : null),
174
176
  "highlighted-id": h.value,
175
177
  "onUpdate:highlighted-id": i[3] || (i[3] = (o) => h.value = o),
176
- items: l(w),
178
+ items: l(H),
177
179
  "visible-ids": l(I),
178
180
  "max-limit-tooltip-text": e.maxLimitTooltipText,
179
181
  "sort-options": e.sortOptions,
@@ -1,5 +1,5 @@
1
1
  import { UseChartHeightArgs } from '@/components/chart/types';
2
- export declare const useChartHeight: ({ chartPlanesCount, useFullHeight, bottomSpacing, }: UseChartHeightArgs) => {
2
+ export declare const useChartHeight: ({ chartPlanesCount, useFullHeight, bottomSpacing, customHeight, }: UseChartHeightArgs) => {
3
3
  containerProps: import("vue").ComputedRef<Record<string, unknown>>;
4
4
  eachPlaneHeight: import("vue").ComputedRef<string>;
5
5
  };
@@ -1,24 +1,25 @@
1
- import { ref as g, computed as o } from "vue";
2
- import { useElementBounding as m, useWindowScroll as f } from "@vueuse/core";
3
- import { useFullPageHeight as p } from "../../../composables/useFullPageHeight.js";
4
- import { DEFAULT_CHART_PLANE_HEIGHT as E, HEADER_HEIGHT as v, MIN_PLANE_HEIGHT as r } from "../consts.js";
5
- const T = ({
1
+ import { ref as f, computed as r } from "vue";
2
+ import { useElementBounding as m, useWindowScroll as p } from "@vueuse/core";
3
+ import { useFullPageHeight as E } from "../../../composables/useFullPageHeight.js";
4
+ import { DEFAULT_CHART_PLANE_HEIGHT as v, HEADER_HEIGHT as d, MIN_PLANE_HEIGHT as n } from "../consts.js";
5
+ const I = ({
6
6
  chartPlanesCount: e,
7
- useFullHeight: n,
8
- bottomSpacing: i = 50
7
+ useFullHeight: i,
8
+ bottomSpacing: c = 50,
9
+ customHeight: o
9
10
  }) => {
10
- const t = g(), { height: c } = m(t), { cssHeightValue: l } = p({
11
+ const t = f(), { height: l } = m(t), { cssHeightValue: u } = E({
11
12
  elem: t,
12
- bottomSpacing: i
13
- }), { y: s } = f(), u = o(() => n && !s.value ? l.value : E + v + "px"), h = o(() => ({
13
+ bottomSpacing: c
14
+ }), { y: s } = p(), h = r(() => o || (i && !s.value ? u.value : v + d + "px")), a = r(() => ({
14
15
  ref: t,
15
- style: { height: u.value }
16
- })), a = o(() => e.value === 1 ? "100%" : c.value / e.value < r ? `${r}px` : 100 / e.value + "%");
16
+ style: { height: h.value }
17
+ })), H = r(() => e.value === 1 ? "100%" : l.value / e.value < n ? `${n}px` : 100 / e.value + "%");
17
18
  return {
18
- containerProps: h,
19
- eachPlaneHeight: a
19
+ containerProps: a,
20
+ eachPlaneHeight: H
20
21
  };
21
22
  };
22
23
  export {
23
- T as useChartHeight
24
+ I as useChartHeight
24
25
  };
@@ -7,6 +7,7 @@ declare const ChartTypes: () => ({
7
7
  $props: Partial<{
8
8
  header: string;
9
9
  testId: string;
10
+ height: string;
10
11
  loading: boolean;
11
12
  visibleIds: unknown[];
12
13
  minVisible: number;
@@ -59,6 +60,10 @@ declare const ChartTypes: () => ({
59
60
  type: import("vue").PropType<string>;
60
61
  default: string;
61
62
  };
63
+ height: {
64
+ type: import("vue").PropType<string>;
65
+ default: any;
66
+ };
62
67
  loading: {
63
68
  type: import("vue").PropType<boolean>;
64
69
  default: boolean;
@@ -244,7 +249,7 @@ declare const ChartTypes: () => ({
244
249
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
245
250
  "onUpdate:sortSelected"?: (sortOption: unknown) => any;
246
251
  "onUpdate:chartType"?: (chartType: ChartType) => any;
247
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
252
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "testId" | "height" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "trendTooltip" | "subheader" | "subheaderTooltip" | "headerTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
248
253
  $attrs: {
249
254
  [x: string]: unknown;
250
255
  };
@@ -267,6 +272,10 @@ declare const ChartTypes: () => ({
267
272
  type: import("vue").PropType<string>;
268
273
  default: string;
269
274
  };
275
+ height: {
276
+ type: import("vue").PropType<string>;
277
+ default: any;
278
+ };
270
279
  loading: {
271
280
  type: import("vue").PropType<boolean>;
272
281
  default: boolean;
@@ -459,6 +468,7 @@ declare const ChartTypes: () => ({
459
468
  }, string, {
460
469
  header: string;
461
470
  testId: string;
471
+ height: string;
462
472
  loading: boolean;
463
473
  visibleIds: unknown[];
464
474
  minVisible: number;
@@ -531,6 +541,10 @@ declare const ChartTypes: () => ({
531
541
  type: import("vue").PropType<string>;
532
542
  default: string;
533
543
  };
544
+ height: {
545
+ type: import("vue").PropType<string>;
546
+ default: any;
547
+ };
534
548
  loading: {
535
549
  type: import("vue").PropType<boolean>;
536
550
  default: boolean;
@@ -729,6 +743,10 @@ declare const ChartTypes: () => ({
729
743
  type: import("vue").PropType<string>;
730
744
  default: string;
731
745
  };
746
+ height: {
747
+ type: import("vue").PropType<string>;
748
+ default: any;
749
+ };
732
750
  loading: {
733
751
  type: import("vue").PropType<boolean>;
734
752
  default: boolean;
@@ -921,6 +939,7 @@ declare const ChartTypes: () => ({
921
939
  }, string, {
922
940
  header: string;
923
941
  testId: string;
942
+ height: string;
924
943
  loading: boolean;
925
944
  visibleIds: unknown[];
926
945
  minVisible: number;
@@ -64,6 +64,7 @@ export type UseChartHeightArgs = {
64
64
  chartPlanesCount: Ref<number>;
65
65
  useFullHeight: boolean;
66
66
  bottomSpacing?: number;
67
+ customHeight?: string;
67
68
  };
68
69
  export type HexColor = `#${string}`;
69
70
  export type DataSetConfig = ChartDataset<'line'> & ChartDataSet;
@@ -41,6 +41,11 @@ export declare const presetsList: {
41
41
  id: string;
42
42
  numid: number;
43
43
  }[];
44
+ dateWithLastMonth: {
45
+ name: string;
46
+ id: string;
47
+ numid: number;
48
+ }[];
44
49
  week: {
45
50
  name: string;
46
51
  id: string;
@@ -50,6 +50,15 @@ const a = {
50
50
  { name: "Last 14 days", id: "last14days", numid: 4 },
51
51
  { name: "Last 30 days", id: "last30days", numid: 5 }
52
52
  ],
53
+ dateWithLastMonth: [
54
+ { name: "Today", id: "today", numid: 1 },
55
+ { name: "Yesterday", id: "yesterday", numid: 2 },
56
+ { name: "Last 7 days", id: "last7days", numid: 3 },
57
+ { name: "Last 14 days", id: "last14days", numid: 4 },
58
+ { name: "Last 30 days", id: "last30days", numid: 7 },
59
+ { name: "This month", id: "thisMonth", numid: 5 },
60
+ { name: "Last month", id: "lastMonth", numid: 6 }
61
+ ],
53
62
  week: [
54
63
  { name: "Last 4 weeks", id: "last4weeks", numid: 1 },
55
64
  { name: "Last 12 weeks", id: "last12weeks", numid: 2 },
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  includeToday?: boolean;
8
8
  allowedDays?: number;
9
9
  maxDaysInRange?: number;
10
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
10
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
11
11
  regex?: RegExp;
12
12
  dateFormat?: string;
13
13
  uniqueId?: string | number;
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
50
  includeToday?: boolean;
51
51
  allowedDays?: number;
52
52
  maxDaysInRange?: number;
53
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
53
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
54
54
  regex?: RegExp;
55
55
  dateFormat?: string;
56
56
  uniqueId?: string | number;
@@ -93,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
93
93
  dateFormat: string;
94
94
  types: ("date" | "week" | "month")[];
95
95
  maxDaysInRange: number;
96
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
96
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
97
97
  regex: RegExp;
98
98
  initialType: "date" | "week" | "month";
99
99
  openOnTop: boolean;
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  includeToday?: boolean;
9
9
  allowedDays?: number;
10
10
  maxDaysInRange?: number;
11
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
11
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
12
12
  regex?: RegExp;
13
13
  dateFormat?: string;
14
14
  uniqueId?: string | number;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  includeToday?: boolean;
45
45
  allowedDays?: number;
46
46
  maxDaysInRange?: number;
47
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
47
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
48
48
  regex?: RegExp;
49
49
  dateFormat?: string;
50
50
  uniqueId?: string | number;
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
79
79
  dateFormat: string;
80
80
  types: ("date" | "week" | "month")[];
81
81
  maxDaysInRange: number;
82
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
82
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
83
83
  regex: RegExp;
84
84
  initialType: "date" | "week" | "month";
85
85
  openOnTop: boolean;
@@ -11,7 +11,7 @@ declare const DateRangeTypes: () => ({
11
11
  dateFormat: string;
12
12
  types: ("date" | "week" | "month")[];
13
13
  maxDaysInRange: number;
14
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
14
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
15
15
  regex: RegExp;
16
16
  initialType: "date" | "week" | "month";
17
17
  openOnTop: boolean;
@@ -59,7 +59,7 @@ declare const DateRangeTypes: () => ({
59
59
  default: any;
60
60
  };
61
61
  datePresetList: {
62
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
62
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
63
63
  default: string;
64
64
  };
65
65
  regex: {
@@ -151,7 +151,7 @@ declare const DateRangeTypes: () => ({
151
151
  default: any;
152
152
  };
153
153
  datePresetList: {
154
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
154
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
155
155
  default: string;
156
156
  };
157
157
  regex: {
@@ -204,7 +204,7 @@ declare const DateRangeTypes: () => ({
204
204
  dateFormat: string;
205
205
  types: ("date" | "week" | "month")[];
206
206
  maxDaysInRange: number;
207
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
207
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
208
208
  regex: RegExp;
209
209
  initialType: "date" | "week" | "month";
210
210
  openOnTop: boolean;
@@ -272,7 +272,7 @@ declare const DateRangeTypes: () => ({
272
272
  default: any;
273
273
  };
274
274
  datePresetList: {
275
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
275
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
276
276
  default: string;
277
277
  };
278
278
  regex: {
@@ -354,7 +354,7 @@ declare const DateRangeTypes: () => ({
354
354
  default: any;
355
355
  };
356
356
  datePresetList: {
357
- type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
357
+ type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12">;
358
358
  default: string;
359
359
  };
360
360
  regex: {
@@ -407,7 +407,7 @@ declare const DateRangeTypes: () => ({
407
407
  dateFormat: string;
408
408
  types: ("date" | "week" | "month")[];
409
409
  maxDaysInRange: number;
410
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
410
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
411
411
  regex: RegExp;
412
412
  initialType: "date" | "week" | "month";
413
413
  openOnTop: boolean;
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  includeToday?: boolean;
9
9
  allowedDays?: number;
10
10
  maxDaysInRange?: number;
11
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
11
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
12
12
  regex?: RegExp;
13
13
  dateFormat?: string;
14
14
  uniqueId?: string | number;
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  includeToday?: boolean;
45
45
  allowedDays?: number;
46
46
  maxDaysInRange?: number;
47
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
47
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
48
48
  regex?: RegExp;
49
49
  dateFormat?: string;
50
50
  uniqueId?: string | number;
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
79
79
  dateFormat: string;
80
80
  types: ("date" | "week" | "month")[];
81
81
  maxDaysInRange: number;
82
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
82
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
83
83
  regex: RegExp;
84
84
  initialType: "date" | "week" | "month";
85
85
  openOnTop: boolean;
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  includeToday?: boolean;
8
8
  allowedDays?: number;
9
9
  maxDaysInRange?: number;
10
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
10
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
11
11
  regex?: RegExp;
12
12
  dateFormat?: string;
13
13
  uniqueId?: string | number;
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
50
  includeToday?: boolean;
51
51
  allowedDays?: number;
52
52
  maxDaysInRange?: number;
53
- datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
53
+ datePresetList?: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
54
54
  regex?: RegExp;
55
55
  dateFormat?: string;
56
56
  uniqueId?: string | number;
@@ -93,7 +93,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
93
93
  dateFormat: string;
94
94
  types: ("date" | "week" | "month")[];
95
95
  maxDaysInRange: number;
96
- datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
96
+ datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "dateWithLastMonth" | "month-3-6-9-12";
97
97
  regex: RegExp;
98
98
  initialType: "date" | "week" | "month";
99
99
  openOnTop: boolean;