@ironsource/shared-ui 2.2.0-test.7 → 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.
- package/Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css +1 -0
- package/Tag.vue_vue_type_style_index_0_scoped_b0662035_lang.css +1 -0
- package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +3 -3
- package/components/chart/Chart.vue2.js +17 -15
- package/components/chart/composables/useChartHeight.d.ts +1 -1
- package/components/chart/composables/useChartHeight.js +16 -15
- package/components/chart/index.d.ts +20 -1
- package/components/chart/types.d.ts +1 -0
- package/components/dateRange/common/DateRange.common.js +1 -1
- package/components/dateRange/common/consts.common.d.ts +5 -0
- package/components/dateRange/common/consts.common.js +9 -0
- package/components/dateRange/v3/DateRange.vue.d.ts +3 -3
- package/components/dateRange/v3/DateRangePicker.vue.d.ts +3 -3
- package/components/dateRange/v3/index.d.ts +7 -7
- package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +3 -3
- package/components/dateRange/v4/DateRangeV4.vue.d.ts +3 -3
- package/components/dateRange/v4/index.d.ts +7 -7
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +13 -12
- package/components/forms/FormCard.vue.js +3 -3
- package/components/forms/FormCard.vue2.js +5 -5
- package/components/popover/v4/PopoverV4.vue.d.ts +14 -0
- package/components/popover/v4/PopoverV4.vue.js +2 -2
- package/components/popover/v4/PopoverV4.vue2.js +11 -9
- package/components/popover/v4/index.d.ts +41 -1
- package/components/tag/Tag.vue.d.ts +131 -0
- package/components/tag/Tag.vue.js +7 -0
- package/components/tag/Tag.vue2.js +295 -0
- package/components/tag/index.d.ts +192 -0
- package/components/tag/index.js +6 -0
- package/components/tagsField/TagsFieldChip.vue.d.ts +0 -41
- package/components/tagsField/TagsFieldChip.vue.js +5 -5
- package/components/tagsField/TagsFieldChip.vue2.js +54 -96
- package/components/tagsField/index.d.ts +0 -72
- package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +76 -36
- package/components/tooltip/v4/index.d.ts +20 -1
- package/index.d.ts +157 -38
- package/index.js +84 -80
- package/package.json +6 -2
- package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css +0 -1
- package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +0 -1
- package/TagsFieldChip.vue_vue_type_style_index_0_scoped_a5f2dd8b_lang.css +0 -1
- 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
|
|
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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../Chart.
|
|
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
|
-
}),
|
|
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:
|
|
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(),
|
|
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) =>
|
|
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",
|
|
141
|
-
...l(
|
|
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,
|
|
149
|
+
k(V, y({
|
|
148
150
|
"chart-type": l(r),
|
|
149
|
-
"onUpdate:chart-type": i[1] || (i[1] = (o) =>
|
|
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),
|
|
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(),
|
|
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) =>
|
|
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(
|
|
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
|
|
2
|
-
import { useElementBounding as m, useWindowScroll as
|
|
3
|
-
import { useFullPageHeight as
|
|
4
|
-
import { DEFAULT_CHART_PLANE_HEIGHT as
|
|
5
|
-
const
|
|
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:
|
|
8
|
-
bottomSpacing:
|
|
7
|
+
useFullHeight: i,
|
|
8
|
+
bottomSpacing: c = 50,
|
|
9
|
+
customHeight: o
|
|
9
10
|
}) => {
|
|
10
|
-
const t =
|
|
11
|
+
const t = f(), { height: l } = m(t), { cssHeightValue: u } = E({
|
|
11
12
|
elem: t,
|
|
12
|
-
bottomSpacing:
|
|
13
|
-
}), { y: s } =
|
|
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:
|
|
16
|
-
})),
|
|
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:
|
|
19
|
-
eachPlaneHeight:
|
|
19
|
+
containerProps: a,
|
|
20
|
+
eachPlaneHeight: H
|
|
20
21
|
};
|
|
21
22
|
};
|
|
22
23
|
export {
|
|
23
|
-
|
|
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;
|
|
@@ -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;
|