@ironsource/shared-ui 2.1.12-test.1 → 2.1.12-test.2

package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css

@@ -0,0 +1 @@
+.button-trigger.open[data-v-adb49e50]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-adb49e50]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-adb49e50]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-adb49e50]{white-space:nowrap}.button-trigger[data-v-adb49e50] .end-icon{color:var(--action-active)}

package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css

@@ -0,0 +1 @@
+.button-wrap[data-v-852be7ec]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-852be7ec]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-852be7ec]:hover{background:var(--primary-darker)}.contained.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.default[data-v-852be7ec]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-852be7ec]:hover{background:var(--default-light)}.contained.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-852be7ec]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-852be7ec]:hover{background:var(--error-dark)}.contained.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.info[data-v-852be7ec]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-852be7ec]:hover{background:var(--info-dark)}.contained.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.success[data-v-852be7ec]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-852be7ec]:hover{background:var(--success-dark)}.contained.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-852be7ec]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-852be7ec]:hover{background:var(--warning-dark)}.contained.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-852be7ec],.contained.loading[data-v-852be7ec]:hover{background:var(--action-disabled-background)}.outlined[data-v-852be7ec]{background:transparent}.outlined.primary[data-v-852be7ec]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-852be7ec]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-852be7ec]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-852be7ec]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.outlined.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-852be7ec]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.outlined.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-852be7ec]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.outlined.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-852be7ec]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-852be7ec],.outlined.loading[data-v-852be7ec]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-852be7ec]{background:transparent}.text.primary[data-v-852be7ec]{color:var(--primary-main)}.text.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.text.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.default[data-v-852be7ec]{color:var(--text-primary)}.text.default[data-v-852be7ec]:hover{background:var(--action-hover)}.text.default[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.danger[data-v-852be7ec]{color:var(--error-main)}.text.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.text.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.info[data-v-852be7ec]{color:var(--info-main)}.text.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.text.info[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.success[data-v-852be7ec]{color:var(--success-main)}.text.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.text.success[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.warning[data-v-852be7ec]{color:var(--warning-darker)}.text.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.text.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.loading[data-v-852be7ec],.text.loading[data-v-852be7ec]:hover{border:0;background:transparent}.small[data-v-852be7ec]{padding:2px 6px}.small.outlined[data-v-852be7ec]{padding:1px 5px}.medium[data-v-852be7ec]{padding:4px 8px}.medium.outlined[data-v-852be7ec]{padding:3px 7px}.large[data-v-852be7ec]{padding:6px 8px}.large.outlined[data-v-852be7ec]{padding:5px 7px}.extraLarge[data-v-852be7ec]{padding:10px 12px}.extraLarge.outlined[data-v-852be7ec]{padding:9px 11px}.small[data-v-852be7ec],.medium[data-v-852be7ec],.large[data-v-852be7ec],.extraLarge[data-v-852be7ec]{height:auto}.flex[data-v-852be7ec]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-852be7ec]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-852be7ec]{padding-right:22px}

package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-e8f25a03]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-e8f25a03]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-e8f25a03]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-e8f25a03]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-e8f25a03]{border-left:1px solid var(--common-divider)}

package/ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-af520313]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-af520313]{padding-top:22px}.chart-header--compact .header-texts[data-v-af520313]{flex-direction:row}.chart-header--compact .header-text[data-v-af520313]{color:var(--text-secondary)}.header-row[data-v-af520313]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-af520313]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-af520313]{display:flex;align-items:center;gap:var(--spacing-200)}

package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css

@@ -0,0 +1 @@
+.chart-plane-container[data-v-4f67d41d]{--headerHeight: var(--11153e48);width:100%;height:var(--30644433);position:relative}.header-wrapper[data-v-4f67d41d]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-4f67d41d]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-4f67d41d]{background:var(--background-paper)}.chart[data-v-4f67d41d]{width:100%;height:100%;position:relative}.chart__canvas[data-v-4f67d41d]{width:100%;height:100%}.chart__tooltip[data-v-4f67d41d]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-3315b68f]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-3315b68f]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-3315b68f]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-3315b68f]{list-style:none;margin:0;padding:0}.list__item[data-v-3315b68f]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-3315b68f]:last-child{margin-bottom:0}.platform-icon[data-v-3315b68f]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-3315b68f]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-3315b68f]{max-width:90%}.tooltip-footer[data-v-3315b68f]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-3315b68f]{flex-grow:1}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-f5204c04]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:63px 10px}.inline-search[data-v-f5204c04]{width:100%}.contain-accept[data-v-f5204c04]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-f5204c04]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-f5204c04]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

package/DataGrid.vue_vue_type_style_index_0_scoped_b21a79b1_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-b21a79b1]{position:sticky}.table-container[data-v-b21a79b1]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-b21a79b1]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-b21a79b1]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-b21a79b1]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-b21a79b1]{width:13.75rem}.table-header.isStickyHeader[data-v-b21a79b1]{z-index:calc(var(--fa2ac520) + 3);top:0}.table-head-container[data-v-b21a79b1]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-b21a79b1]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-b21a79b1]{display:inline-table}.table-header-pre-search-content[data-v-b21a79b1]{margin-right:var(--spacing-100);display:flex;align-items:center}.table-header-actions[data-v-b21a79b1]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-b21a79b1]{position:relative}.table-row.loading[data-v-b21a79b1]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-b21a79b1]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-b21a79b1]{border-bottom:none}.expanded-row[data-v-b21a79b1]{grid-column:var(--0a907be4);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-b21a79b1]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-b21a79b1]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-b21a79b1],table th[data-v-b21a79b1]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-b21a79b1]:first-of-type,table th[data-v-b21a79b1]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-b21a79b1]:last-of-type,table th[data-v-b21a79b1]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-b21a79b1],table th.expand-toggle-cell[data-v-b21a79b1]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-b21a79b1]{border-bottom:none;z-index:calc(var(--fa2ac520) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-b21a79b1]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--702d25dd)}table>thead>tr>th[data-v-b21a79b1]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-b21a79b1]{cursor:pointer}table>thead>tr>td[data-v-b21a79b1]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-b21a79b1],table>thead>tr>td.bordered[data-v-b21a79b1]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-b21a79b1],table>thead>tr>td.bordered.isStickyRight[data-v-b21a79b1]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-b21a79b1],table>thead>tr>td.isTextRight[data-v-b21a79b1]{justify-content:flex-end}table>thead.sticky[data-v-b21a79b1]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-b21a79b1]{z-index:calc(var(--fa2ac520) + 2);top:calc(var(--spacing-800) - 1px)}table .totals-row[data-v-b21a79b1]{height:40px}table .totals-row[data-v-b21a79b1]:hover{background:var(--background-paper-elevation-1)}table>tbody[data-v-b21a79b1]{display:block}table>tbody>*>tr[data-v-b21a79b1]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--702d25dd)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-b21a79b1]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-b21a79b1],table>tbody>*>tr.activeMenu>td[data-v-b21a79b1]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-b21a79b1]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-b21a79b1]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-b21a79b1]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-b21a79b1]{justify-content:flex-end;text-align:right}.underlined[data-v-b21a79b1]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-b21a79b1]:hover{cursor:help}.section-container[data-v-b21a79b1]{left:0}.sections[data-v-b21a79b1]{display:flex}.section[data-v-b21a79b1]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-b21a79b1]{width:100%}.empty-state[data-v-b21a79b1]{min-height:250px}.floating-row[data-v-b21a79b1]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--fa2ac520) + 1)}.floating-row [data-v-b21a79b1-s]{pointer-events:auto}.bg[data-v-b21a79b1]{background:var(--background-default)}

package/DropdownV4.vue_vue_type_style_index_0_scoped_55dd36a7_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-55dd36a7],.v-leave-active[data-v-55dd36a7]{transition:opacity .25s ease}ol[data-v-55dd36a7],ul[data-v-55dd36a7],menu[data-v-55dd36a7]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-55dd36a7],.dropdown.full-width .button__container[data-v-55dd36a7]{width:100%}.dropdown-list-wrapper[data-v-55dd36a7]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-55dd36a7]{padding:.5rem}.list-container--multi[data-v-55dd36a7]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-55dd36a7]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-55dd36a7]{width:100%}.inline-search .list-container[data-v-55dd36a7]{padding-top:0}.no-result-container[data-v-55dd36a7]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-55dd36a7]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-55dd36a7]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-55dd36a7]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-55dd36a7]{min-height:0;margin-bottom:0}.image-slot[data-v-55dd36a7]{margin-right:.5rem}.actions-wrapper[data-v-55dd36a7]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-55dd36a7]{margin-left:.5rem}

package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css

@@ -0,0 +1 @@
+.link[data-v-ad98fe7b]{cursor:pointer;color:var(--primary-main);display:inline-flex;align-items:center;gap:var(--spacing-50)}.link[data-v-ad98fe7b]:hover{color:var(--primary-dark)}.link--default[data-v-ad98fe7b]{color:var(--text-secondary)}.link--default[data-v-ad98fe7b]:hover{color:var(--text-primary)}.link--disabled[data-v-ad98fe7b]{color:var(--text-disabled);pointer-events:none}

package/OptionV4.vue_vue_type_style_index_0_scoped_7d287ee5_lang.css

@@ -0,0 +1 @@
+.label[data-v-7d287ee5]{color:#41454d}.item-container[data-v-7d287ee5]{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-7d287ee5]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-7d287ee5],.item-container--disabled .item .end-icon[data-v-7d287ee5],.item-container--disabled .item .end-text-icon[data-v-7d287ee5]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-7d287ee5]{opacity:.5}.item-container[data-v-7d287ee5]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-7d287ee5],.item-container[data-v-7d287ee5]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-7d287ee5]{background-color:var(--action-selected)}.subtitle[data-v-7d287ee5]{color:#7b838c;line-height:1rem}.clear-button[data-v-7d287ee5]{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-7d287ee5]:hover{color:#3083ff}.item[data-v-7d287ee5]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-7d287ee5],.item--multi[data-v-7d287ee5]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-7d287ee5]{width:20px;height:20px;flex:none}.item .image img[data-v-7d287ee5]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-7d287ee5]{width:16px;height:16px}.item .flag img[data-v-7d287ee5]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-7d287ee5],.item .end-icon[data-v-7d287ee5]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-7d287ee5]{display:inline-flex}.item .option-text[data-v-7d287ee5]{line-height:1.1875rem}.text-container[data-v-7d287ee5]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-7d287ee5]{display:block}.tooltip-option[data-v-7d287ee5] .container{width:100%}.app-trigger--icon[data-v-7d287ee5]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-7d287ee5]{transform:rotate(0)}.option-warning[data-v-7d287ee5]{display:flex}.option-warning__icon[data-v-7d287ee5]{color:var(--warning-main)}.option-content[data-v-7d287ee5]{display:flex}.option-content[data-v-7d287ee5]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-7d287ee5]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-7d287ee5]{flex-direction:column}.option-text .main-text[data-v-7d287ee5]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-7d287ee5]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-7d287ee5]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-7d287ee5]{color:var(--text-secondary)}.multiline-tooltip[data-v-7d287ee5]{display:flex;flex-direction:column}

package/components/button/v4/ButtonV4.vue.d.ts

@@ -61,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
+    "after-label"?(_: {}): any;
     loader?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
-/* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css"; //*');
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7948c77"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
 export {
   c as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,9 +1,9 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css"; import { defineComponent as y, computed as N, openBlock as t, createElementBlock as u, normalizeClass as l, createElementVNode as m, createBlock as p, unref as a, createCommentVNode as o, createVNode as s, withCtx as r, renderSlot as i, createTextVNode as h, toDisplayString as v } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as y, computed as N, openBlock as t, createElementBlock as u, normalizeClass as s, createElementVNode as m, createBlock as p, unref as a, createCommentVNode as o, createVNode as r, withCtx as i, renderSlot as n, createTextVNode as v, toDisplayString as h } from "vue";
 import c from "../../typography/v4/Typography.vue.js";
 import f from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import z from "../../loader/v4/Loader.vue.js";
-const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
+const b = ["data-testid", "disabled"], g = { key: 0 }, V = /* @__PURE__ */ y({
   __name: "ButtonV4",
   props: {
     variant: { default: "contained" },
@@ -19,11 +19,11 @@ const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
     endIconType: { default: "regular" }
   },
   setup(I) {
-    const n = I, d = N(
-      () => n.size === "small" || n.size === "medium" ? 16 : 20
+    const l = I, d = N(
+      () => l.size === "small" || l.size === "medium" ? 16 : 20
     );
     return (e, k) => (t(), u("button", {
-      class: l([[
+      class: s([[
         e.size,
         e.color,
         e.variant,
@@ -33,12 +33,12 @@ const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
           "with-end-icon": !!e.endIconName
         }
       ], "button-wrap"]),
-      "data-testid": n.testId,
+      "data-testid": l.testId,
       disabled: e.disabled
     }, [
-      e.loading ? o("", !0) : (t(), u("span", b, [
+      e.loading ? o("", !0) : (t(), u("span", g, [
         m("div", {
-          class: l({
+          class: s({
             flex: e.startIconName || e.endIconName
           })
         }, [
@@ -49,14 +49,15 @@ const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
             type: e.startIconType,
             class: "start-icon"
           }, null, 8, ["name", "size", "type"])) : o("", !0),
-          s(a(c), { variant: "button" }, {
-            default: r(() => [
-              i(e.$slots, "default", {}, () => [
-                h(v(e.content), 1)
+          r(a(c), { variant: "button" }, {
+            default: i(() => [
+              n(e.$slots, "default", {}, () => [
+                v(h(e.content), 1)
               ], !0)
             ]),
             _: 3
           }),
+          n(e.$slots, "after-label", {}, void 0, !0),
           e.endIconName ? (t(), p(a(f), {
             key: 1,
             name: e.endIconName,
@@ -66,15 +67,15 @@ const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
           }, null, 8, ["name", "size", "type"])) : o("", !0)
         ], 2)
       ])),
-      e.loading ? i(e.$slots, "loader", { key: 1 }, () => [
-        s(a(z), { "max-width": d.value }, {
-          default: r(() => [
+      e.loading ? n(e.$slots, "loader", { key: 1 }, () => [
+        r(a(z), { "max-width": d.value }, {
+          default: i(() => [
             m("div", {
-              class: l({ "content-with-icon": e.startIconName || e.endIconName })
+              class: s({ "content-with-icon": e.startIconName || e.endIconName })
             }, [
-              s(a(c), { variant: "button" }, {
-                default: r(() => [
-                  i(e.$slots, "default", {}, void 0, !0)
+              r(a(c), { variant: "button" }, {
+                default: i(() => [
+                  n(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -83,9 +84,9 @@ const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
           _: 3
         }, 8, ["max-width"])
       ], !0) : o("", !0)
-    ], 10, g));
+    ], 10, b));
   }
 });
 export {
-  $ as default
+  V as default
 };

package/components/chart/Chart.vue.d.ts

@@ -33,6 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    noteText?: string;
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -73,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     trendValue: any;
     trendDirection: TrendDirection;
     trendTooltip: any;
+    noteText: string;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -124,6 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    noteText?: string;
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -164,6 +167,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     trendValue: any;
     trendDirection: TrendDirection;
     trendTooltip: any;
+    noteText: string;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -213,6 +217,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     trendValue: string | number;
     trendDirection: TrendDirection;
+    noteText: string;
     dataSets: ChartDataSet[];
     tickCount: number;
     truncateTickLabels: boolean;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-03771fa3"]]);
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e8f25a03"]]);
 export {
   a as default
 };

package/components/chart/Chart.vue2.js

@@ -1,4 +1,4 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css"; import { defineComponent as O, ref as E, computed as i, openBlock as n, createElementBlock as m, Fragment as C, createBlock as x, unref as r, isRef as c, withCtx as s, renderSlot as d, createCommentVNode as I, createElementVNode as D, mergeProps as b, normalizeClass as N, createVNode as k, createSlots as M, renderList as $ } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; import { defineComponent as O, ref as E, computed as i, openBlock as n, createElementBlock as m, Fragment as x, createBlock as C, unref as r, isRef as c, withCtx as s, renderSlot as d, createCommentVNode as I, createElementVNode as D, mergeProps as b, normalizeClass as N, createVNode as k, createSlots as M, renderList as $ } from "vue";
 import { useVModel as L } from "@vueuse/core";
 import K from "./ChartLegend.vue.js";
 import z from "./SettingsHeader.vue.js";
@@ -39,6 +39,7 @@ const ee = {
     trendValue: { default: null },
     trendDirection: { default: Q.UP },
     trendTooltip: { default: null },
+    noteText: { default: "" },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
@@ -67,6 +68,7 @@ const ee = {
       truncateTickLabels: e.truncateTickLabels,
       header: e.header,
       subheader: e.subheader,
+      noteText: e.noteText,
       loading: e.loading,
       empty: e.empty,
       noDataIcon: e.noDataIcon,
@@ -75,7 +77,7 @@ const ee = {
       withAnimation: e.withAnimation,
       typeSwitcher: !e.withSettingsHeader,
       height: U.value,
-      compactHeader: T.value > 1,
+      compactHeader: v.value > 1,
       trendValue: e.trendValue,
       trendDirection: e.trendDirection,
       trendTooltip: e.trendTooltip,
@@ -89,7 +91,7 @@ const ee = {
       highlightedId: f.value,
       valueSuffix: e.valueSuffix,
       valuePrefix: e.valuePrefix
-    })), F = i(() => e.dataSets), y = i(() => e.visibleIds), v = i(() => e.extraCharts.length), T = i(() => 1 + v.value), w = (t) => t === v.value - 1, { colorsMap: h } = R({
+    })), F = i(() => e.dataSets), y = i(() => e.visibleIds), T = i(() => e.extraCharts.length), v = i(() => 1 + T.value), w = (t) => t === T.value - 1, { colorsMap: h } = R({
       dataSets: F,
       visibleIds: y
     }), H = i(() => e.dataSets.map((t) => ({
@@ -100,12 +102,12 @@ const ee = {
       icon: t.icon || null,
       iconType: t.iconType || "branded"
     }))), { containerProps: P, eachPlaneHeight: U } = W({
-      chartPlanesCount: T,
+      chartPlanesCount: v,
       useFullHeight: e.fullHeight,
       bottomSpacing: e.fullHeightBottomSpacing
     });
-    return (t, l) => (n(), m(C, null, [
-      t.withSettingsHeader ? (n(), x(z, {
+    return (t, l) => (n(), m(x, null, [
+      t.withSettingsHeader ? (n(), C(z, {
         key: 0,
         "chart-type": r(o),
         "onUpdate:chartType": l[0] || (l[0] = (a) => c(o) ? o.value = a : null),
@@ -138,7 +140,7 @@ const ee = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (n(!0), m(C, null, $(t.extraCharts, (a, S) => (n(), x(A, b({
+          (n(!0), m(x, null, $(t.extraCharts, (a, S) => (n(), C(A, b({
             key: S,
             class: "extra-chart-plane",
             ref_for: !0

package/components/chart/ChartHeader.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     compact: boolean;
     trendValue?: string | number;
     trendDirection?: TrendDirection;
+    noteText?: string;
 }>, {
     chartType: ChartType;
     typeSwitcher: boolean;
@@ -26,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     compact: boolean;
     trendValue: any;
     trendDirection: TrendDirection;
+    noteText: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (type: ChartType) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -45,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     compact: boolean;
     trendValue?: string | number;
     trendDirection?: TrendDirection;
+    noteText?: string;
 }>, {
     chartType: ChartType;
     typeSwitcher: boolean;
@@ -55,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     compact: boolean;
     trendValue: any;
     trendDirection: TrendDirection;
+    noteText: string;
 }>>> & Readonly<{
     "onUpdate:chartType"?: (type: ChartType) => any;
 }>, {
@@ -74,6 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     compact: boolean;
     trendValue: string | number;
     trendDirection: TrendDirection;
+    noteText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     "subheader-tooltip"?(_: {}): any;
 }>;

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-da34b108"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-af520313"]]);
 export {
   r as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,13 +1,14 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css"; import { defineComponent as S, computed as p, openBlock as r, createElementBlock as w, normalizeClass as C, createElementVNode as s, createVNode as c, createSlots as B, withCtx as h, renderSlot as g, unref as m, createTextVNode as D, toDisplayString as N, createBlock as o, normalizeProps as f, mergeProps as y, createCommentVNode as l } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css"; import { defineComponent as C, computed as c, openBlock as t, createElementBlock as S, normalizeClass as w, createElementVNode as d, createVNode as h, createSlots as B, withCtx as m, renderSlot as N, unref as n, createTextVNode as g, toDisplayString as D, createBlock as a, normalizeProps as f, mergeProps as y, createCommentVNode as o } from "vue";
 import P from "../typography/v4/Typography.vue.js";
 import H from "../switch/v4/SwitchV4.vue.js";
-import { ChartType as a, TrendDirection as L } from "./types.js";
+import L from "../chip/v4/ChipV4.vue.js";
+import { ChartType as l, TrendDirection as $ } from "./types.js";
 import T from "./ChartHeaderTrend.vue.js";
 import z from "./SubHeader.vue.js";
-const E = { class: "header-texts" }, U = { class: "header-row" }, G = /* @__PURE__ */ S({
+const E = { class: "header-texts" }, U = { class: "header-row" }, O = { class: "header-actions" }, K = /* @__PURE__ */ C({
   __name: "ChartHeader",
   props: {
-    chartType: { default: a.Line },
+    chartType: { default: l.Line },
     typeSwitcher: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
@@ -15,66 +16,73 @@ const E = { class: "header-texts" }, U = { class: "header-row" }, G = /* @__PURE
     trendTooltip: { default: null },
     compact: { type: Boolean, default: !1 },
     trendValue: { default: null },
-    trendDirection: { default: L.UP }
+    trendDirection: { default: $.UP },
+    noteText: { default: "" }
   },
   emits: ["update:chartType"],
   setup(b, { emit: v }) {
-    const t = b, V = v, d = [
-      { id: a.Line, icon: "chart-line-up" },
-      { id: a.Bar, icon: "chart-bar" },
-      { id: a.StackedLine, icon: "chart-line" }
-    ], n = p({
+    const r = b, V = v, i = [
+      { id: l.Line, icon: "chart-line-up" },
+      { id: l.Bar, icon: "chart-bar" },
+      { id: l.StackedLine, icon: "chart-line" }
+    ], s = c({
       get() {
-        return d.find(({ id: e }) => e === t.chartType);
+        return i.find(({ id: e }) => e === r.chartType);
       },
       set(e) {
         V("update:chartType", e.id);
       }
-    }), i = p(() => ({
-      value: t.trendValue,
-      direction: t.trendDirection,
-      trendTooltip: t.trendTooltip
+    }), u = c(() => ({
+      value: r.trendValue,
+      direction: r.trendDirection,
+      trendTooltip: r.trendTooltip
     }));
-    return (e, u) => (r(), w("div", {
-      class: C(["chart-header", { "chart-header--compact": e.compact }])
+    return (e, p) => (t(), S("div", {
+      class: w(["chart-header", { "chart-header--compact": e.compact }])
     }, [
-      s("div", E, [
-        c(z, {
+      d("div", E, [
+        h(z, {
           subheader: e.subheader,
           "subheader-tooltip": e.subheaderTooltip,
           "show-separator": e.compact && (!!e.header || !!e.trendValue)
         }, B({ _: 2 }, [
           e.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
-            fn: h(() => [
-              g(e.$slots, "subheader-tooltip", {}, void 0, !0)
+            fn: m(() => [
+              N(e.$slots, "subheader-tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["subheader", "subheader-tooltip", "show-separator"]),
-        s("div", U, [
-          c(m(P), {
+        d("div", U, [
+          h(n(P), {
             class: "header-text",
             variant: e.compact ? "h5" : "chart2"
           }, {
-            default: h(() => [
-              D(N(e.header), 1)
+            default: m(() => [
+              g(D(e.header), 1)
             ]),
             _: 1
           }, 8, ["variant"]),
-          !e.compact && e.trendValue !== null ? (r(), o(T, f(y({ key: 0 }, i.value)), null, 16)) : l("", !0)
+          !e.compact && e.trendValue !== null ? (t(), a(T, f(y({ key: 0 }, u.value)), null, 16)) : o("", !0)
         ]),
-        e.compact && e.trendValue !== null ? (r(), o(T, f(y({ key: 0 }, i.value)), null, 16)) : l("", !0)
+        e.compact && e.trendValue !== null ? (t(), a(T, f(y({ key: 0 }, u.value)), null, 16)) : o("", !0)
       ]),
-      e.typeSwitcher ? (r(), o(m(H), {
-        key: 0,
-        modelValue: n.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (k) => n.value = k),
-        options: d
-      }, null, 8, ["modelValue"])) : l("", !0)
+      d("div", O, [
+        e.noteText ? (t(), a(n(L), {
+          key: 0,
+          label: `Note: ${e.noteText}`
+        }, null, 8, ["label"])) : o("", !0),
+        e.typeSwitcher ? (t(), a(n(H), {
+          key: 1,
+          modelValue: s.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (k) => s.value = k),
+          options: i
+        }, null, 8, ["modelValue"])) : o("", !0)
+      ])
     ], 2));
   }
 });
 export {
-  G as default
+  K as default
 };

package/components/chart/ChartPlane.vue.d.ts

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher?: boolean;
     height?: string;
     compactHeader?: boolean;
+    noteText?: string;
     tooltipRespectsTopEdge?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -66,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher: boolean;
     height: string;
     compactHeader: boolean;
+    noteText: string;
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -106,6 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher?: boolean;
     height?: string;
     compactHeader?: boolean;
+    noteText?: string;
     tooltipRespectsTopEdge?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
@@ -145,6 +148,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher: boolean;
     height: string;
     compactHeader: boolean;
+    noteText: string;
     tooltipRespectsTopEdge: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
@@ -185,6 +189,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     typeSwitcher: boolean;
     trendValue: string | number;
     trendDirection: TrendDirection;
+    noteText: string;
     dataSets: ChartDataSet[];
     tickCount: number;
     truncateTickLabels: boolean;

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
-import e from "./ChartPlane.vue2.js";
-/* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ff7e556e"]]);
+import o from "./ChartPlane.vue2.js";
+/* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4f67d41d"]]);
 export {
   a as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,7 +1,7 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_ff7e556e_lang.css"; import { defineComponent as ae, useCssVars as oe, computed as o, ref as g, onMounted as le, watch as h, nextTick as re, openBlock as c, createElementBlock as k, createVNode as ie, unref as _, isRef as ne, createSlots as se, withCtx as ue, renderSlot as de, createCommentVNode as A, createElementVNode as S, normalizeStyle as ce, createBlock as L } from "vue";
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css"; import { defineComponent as ae, useCssVars as oe, computed as o, ref as g, onMounted as le, watch as h, nextTick as re, openBlock as c, createElementBlock as k, createVNode as ie, unref as _, isRef as ne, createSlots as se, withCtx as ue, renderSlot as de, createCommentVNode as A, createElementVNode as S, normalizeStyle as ce, createBlock as x } from "vue";
 import { Chart as I, ArcElement as pe, LineElement as fe, BarElement as he, PointElement as ve, LineController as me, BarController as ye, PieController as Te, ScatterController as Ce, CategoryScale as be, LinearScale as ge, Filler as ke, Tooltip as Ae } from "chart.js";
 import { HoverVerticalLine as Se } from "./plugins/HoverVerticalLine.js";
-import { prepareTickLabel as Le, formatValue as xe } from "./utils/utils.js";
+import { prepareTickLabel as xe, formatValue as Le } from "./utils/utils.js";
 import { DEFAULT_TICK_COUNT as Ee, TOTALS_HELPER_KEY as H, BASE_COLOR_KEY as P, CHART_PADDING as Re, POINT_BORDER_COLOR as Be, TICK_LABEL_COLOR as w, TICK_LABEL_FONT as V, TICKS_EXTRA_PADDING as De, GRID_LINE_COLOR as N, HEADER_HEIGHT as Oe, COMPACT_HEADER_HEIGHT as _e, HOVER_AREA_TRANSPARENCY as Ie, HOVER_TRANSPARENCY as v } from "./consts.js";
 import { ChartType as n, DateInterval as He, TooltipOrder as F, TrendDirection as Pe } from "./types.js";
 import { useTooltipPosition as we } from "./composables/useTooltipPosition.js";
@@ -47,6 +47,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
     typeSwitcher: { type: Boolean, default: !0 },
     height: { default: "100%" },
     compactHeader: { type: Boolean, default: !1 },
+    noteText: { default: "" },
     tooltipRespectsTopEdge: { type: Boolean, default: !0 },
     tooltipTotalType: { default: K.Total },
     tooltipTotalCalcFn: { type: Function, default: Ge },
@@ -62,10 +63,10 @@ const Ze = { class: "chart-plane-container" }, Xe = {
   emits: ["update:chartType"],
   setup(M, { emit: U }) {
     oe((e) => ({
-      "2f09324f": q.value,
-      "0d942f3a": e.height
+      "11153e48": q.value,
+      30644433: e.height
     }));
-    const Y = Fe(Le);
+    const Y = Fe(xe);
     I.register(
       pe,
       fe,
@@ -85,7 +86,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
       () => t.withAnimation ? "" : "none"
     ), f = g(null);
     let i = null;
-    const x = o(() => t.empty || t.dataSets.length === 0), u = o(() => !t.loading && !x.value), y = () => {
+    const L = o(() => t.empty || t.dataSets.length === 0), u = o(() => !t.loading && !L.value), y = () => {
       f.value && (i && i.destroy(), i = new I(f.value, B.value));
     }, $ = () => {
       i && (i.data.datasets = R.value, i.options = B.value.options, i.update(G.value));
@@ -256,7 +257,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
               count: t.tickCount + 1,
               padding: 8,
               min: 0,
-              callback: (e) => t.valuePrefix + xe(e, t.yAxisFormat) + t.valueSuffix
+              callback: (e) => t.valuePrefix + Le(e, t.yAxisFormat) + t.valueSuffix
             },
             // grid lines
             grid: {
@@ -309,7 +310,8 @@ const Ze = { class: "chart-plane-container" }, Xe = {
           "trend-tooltip": e.trendTooltip,
           compact: e.compactHeader,
           "trend-value": u.value ? e.trendValue : null,
-          "trend-direction": e.trendDirection
+          "trend-direction": e.trendDirection,
+          "note-text": e.noteText
         }, se({ _: 2 }, [
           e.$slots["subheader-tooltip"] ? {
             name: "subheader-tooltip",
@@ -318,7 +320,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction"])
+        ]), 1032, ["chart-type", "type-switcher", "header", "subheader", "subheader-tooltip", "trend-tooltip", "compact", "trend-value", "trend-direction", "note-text"])
       ])) : A("", !0),
       u.value ? (c(), k("section", je, [
         S("div", qe, [
@@ -333,7 +335,7 @@ const Ze = { class: "chart-plane-container" }, Xe = {
             class: "chart__tooltip",
             style: ce(j.value)
           }, [
-            s.value ? (c(), L(Ve, {
+            s.value ? (c(), x(Ve, {
               key: 0,
               "totals-chart": d.value,
               title: String(s.value.title),
@@ -348,10 +350,10 @@ const Ze = { class: "chart-plane-container" }, Xe = {
             }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "x-axis-date-interval", "total-label", "total-value", "value-suffix", "value-prefix"])) : A("", !0)
           ], 4)
         ])
-      ])) : e.loading ? (c(), L(Ue, {
+      ])) : e.loading ? (c(), x(Ue, {
         key: 2,
         class: "chart-loading"
-      })) : x.value ? (c(), L(_(Me), {
+      })) : L.value ? (c(), x(_(Me), {
         key: 3,
         class: "chart-empty",
         variant: null,