@ironsource/shared-ui 2.1.12-rc.25 → 2.1.12-rc.27

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/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css

@@ -0,0 +1 @@
+.chart-trend[data-v-db8a902c]{display:flex;color:var(--text-secondary)}.chart-trend--up[data-v-db8a902c]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-db8a902c]{color:var(--success-darker)}.chart-trend--down[data-v-db8a902c]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-db8a902c]{color:var(--error-dark)}.trend-icon[data-v-db8a902c]{display:flex;align-self:normal}.chart-trend-tooltip[data-v-db8a902c]{align-items:normal}.trend-tooltip[data-v-db8a902c]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-db8a902c]{margin-bottom:.375rem}.trend-tooltip__text[data-v-db8a902c]{color:var(--text-secondary)}.separator[data-v-db8a902c]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-db8a902c]{display:block;color:var(--text-secondary)}.separator hr[data-v-db8a902c]{width:100%;height:1px;border:0;background:var(--common-divider)}

package/ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css

@@ -0,0 +1 @@
+.disabled-tooltip[data-v-6103d8bd],.disabled-tooltip[data-v-6103d8bd] .container{width:100%}.chart-legend[data-v-6103d8bd]{display:flex;flex-direction:column;width:240px;height:100%;padding:0 8px 8px 12px}.search-box[data-v-6103d8bd]{padding:12px 0 4px;display:flex;align-items:center;gap:4px}.legend[data-v-6103d8bd]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-6103d8bd]{list-style:none;padding:0}.legend__list>li[data-v-6103d8bd]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-6103d8bd]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li .icon-color[data-v-6103d8bd]{color:var(--action-active)}.legend__list>li.disabled-item[data-v-6103d8bd]{cursor:not-allowed!important;background:var(--background-paper);color:var(--text-disabled)}.legend__list>li.disabled-item .icon-color[data-v-6103d8bd]{color:var(--text-disabled)}.legend__list>li.empty-list[data-v-6103d8bd]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-6103d8bd]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-6103d8bd]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-6103d8bd]{width:80%}.legend__list>li .item-wrapper .label-container[data-v-6103d8bd]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-6103d8bd]{display:flex;color:var(--text-secondary)}

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_0287cebf_lang.css

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

package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css

@@ -0,0 +1 @@
+.switch[data-v-cd6621a7]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.switch--variant-primary .option--selected[data-v-cd6621a7]{background:var(--primary-main-8-p)}.switch--variant-primary .option[data-v-cd6621a7]:hover{background:var(--primary-light)}.switch--variant-primary .option[data-v-cd6621a7]:hover .icon{color:var(--primary-main)}.switch--variant-default .option--selected[data-v-cd6621a7]{background:var(--action-selected)}.switch--variant-default .option--selected[data-v-cd6621a7] .icon{color:var(--text-primary)}.option[data-v-cd6621a7]{border-radius:0;padding:3px}.option-wrapper[data-v-cd6621a7]:not(:last-child){border-right:1px solid var(--default-outlined-border)}

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

@@ -61,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }>, {
     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 N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import b from "../../loader/v4/Loader.vue.js";
-const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
+import g from "../../loader/v4/Loader.vue.js";
+const v = ["data-testid", "disabled"], k = { key: 0 }, V = /* @__PURE__ */ N({
   __name: "ButtonV4",
   props: {
     variant: { default: "contained" },
@@ -19,11 +19,11 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
     endIconType: { default: "regular" }
   },
   setup(e) {
-    const o = e, d = h(
-      () => o.size === "small" || o.size === "medium" ? 16 : 20
+    const l = e, i = h(
+      () => l.size === "small" || l.size === "medium" ? 16 : 20
     );
-    return (l, w) => (a(), s("button", {
-      class: i([[
+    return (a, w) => (n(), s("button", {
+      class: c([[
         e.size,
         e.color,
         e.variant,
@@ -33,48 +33,49 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
           "with-end-icon": !!e.endIconName
         }
       ], "button-wrap"]),
-      "data-testid": o.testId,
+      "data-testid": l.testId,
       disabled: e.disabled
     }, [
-      e.loading ? n("", !0) : (a(), s("span", v, [
+      e.loading ? o("", !0) : (n(), s("span", k, [
         r("div", {
-          class: i({
+          class: c({
             flex: e.startIconName || e.endIconName
           })
         }, [
-          e.startIconName ? (a(), f(t(y), {
+          e.startIconName ? (n(), f(t(y), {
             key: 0,
             name: e.startIconName,
-            size: `${t(d)}px`,
+            size: `${t(i)}px`,
             type: e.startIconType,
             class: "start-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0),
-          c(t(I), { variant: "button" }, {
+          }, null, 8, ["name", "size", "type"])) : o("", !0),
+          u(t(I), { variant: "button" }, {
             default: m(() => [
-              u(l.$slots, "default", {}, () => [
-                z(g(e.content), 1)
+              d(a.$slots, "default", {}, () => [
+                z(b(e.content), 1)
               ], !0)
             ]),
             _: 3
           }),
-          e.endIconName ? (a(), f(t(y), {
+          d(a.$slots, "after-label", {}, void 0, !0),
+          e.endIconName ? (n(), f(t(y), {
             key: 1,
             name: e.endIconName,
-            size: `${t(d)}px`,
+            size: `${t(i)}px`,
             type: e.endIconType,
             class: "end-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0)
+          }, null, 8, ["name", "size", "type"])) : o("", !0)
         ], 2)
       ])),
-      e.loading ? u(l.$slots, "loader", { key: 1 }, () => [
-        c(t(b), { "max-width": t(d) }, {
+      e.loading ? d(a.$slots, "loader", { key: 1 }, () => [
+        u(t(g), { "max-width": t(i) }, {
           default: m(() => [
             r("div", {
-              class: i({ "content-with-icon": e.startIconName || e.endIconName })
+              class: c({ "content-with-icon": e.startIconName || e.endIconName })
             }, [
-              c(t(I), { variant: "button" }, {
+              u(t(I), { variant: "button" }, {
                 default: m(() => [
-                  u(l.$slots, "default", {}, void 0, !0)
+                  d(a.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -82,10 +83,10 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
           ]),
           _: 3
         }, 8, ["max-width"])
-      ], !0) : n("", !0)
-    ], 10, k));
+      ], !0) : o("", !0)
+    ], 10, v));
   }
 });
 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<__
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    noteText?: string;
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -73,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     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<__
         rangeCurrent?: string;
         rangePrevious?: string;
     };
+    noteText?: string;
     noDataIcon?: string;
     noDataTitle?: string;
     noDataSubtitle?: string;
@@ -164,6 +167,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendValue: any;
     trendDirection: TrendDirection;
     trendTooltip: any;
+    noteText: string;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
@@ -201,12 +205,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: ValueFormat;
     valueSuffix: string;
     valuePrefix: string;
-    dataSets: ChartDataSet[];
     trendTooltip: any;
     subheader: string;
     subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: TrendDirection;
+    noteText: string;
+    dataSets: ChartDataSet[];
     tickCount: number;
     truncateTickLabels: boolean;
     keepSubheaderVisible: 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 U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
 import { useVModel as A } from "@vueuse/core";
 import $ from "./ChartLegend.vue.js";
 import K from "./SettingsHeader.vue.js";
@@ -39,6 +39,7 @@ const _ = {
     trendValue: { default: null },
     trendDirection: { default: J.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 _ = {
       truncateTickLabels: e.truncateTickLabels,
       header: e.header,
       subheader: e.subheader,
+      noteText: e.noteText,
       loading: e.loading,
       empty: e.empty,
       noDataIcon: e.noDataIcon,
@@ -89,9 +91,9 @@ const _ = {
       highlightedId: h.value,
       valueSuffix: e.valueSuffix,
       valuePrefix: e.valuePrefix
-    })), V = n(() => e.dataSets), v = n(() => e.visibleIds), T = n(() => e.extraCharts.length), x = n(() => 1 + T.value), F = (t) => t === T.value - 1, { colorsMap: f } = z({
+    })), V = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: f } = z({
       dataSets: V,
-      visibleIds: v
+      visibleIds: T
     }), w = n(() => e.dataSets.map((t) => ({
       id: t.id,
       label: t.label,
@@ -155,7 +157,7 @@ const _ = {
             "highlighted-id": h.value,
             "onUpdate:highlighted-id": o[3] || (o[3] = (l) => h.value = l),
             items: i(w),
-            "visible-ids": i(v),
+            "visible-ids": i(T),
             "max-limit-tooltip-text": a.maxLimitTooltipText,
             "sort-options": a.sortOptions,
             "sort-option-name-key": a.sortOptionNameKey,

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

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

package/components/chart/ChartHeaderTrend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeaderTrend.vue2.js";
 /* empty css                       */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ebc0c582"]]);
+// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-db8a902c"]]);
 export {
-  c as default
+  a as default
 };

package/components/chart/ChartHeaderTrend.vue2.js

@@ -1,10 +1,10 @@
- import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css"; import { defineComponent as f, computed as v, openBlock as r, createElementBlock as p, normalizeClass as y, createVNode as u, unref as t, withCtx as o, createElementVNode as s, createBlock as i, createTextVNode as n, toDisplayString as d, createCommentVNode as a, pushScopeId as g, popScopeId as C } from "vue";
+ import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; import { defineComponent as f, computed as v, openBlock as r, createElementBlock as p, normalizeClass as y, createVNode as u, unref as t, withCtx as o, createElementVNode as s, createBlock as d, createTextVNode as a, toDisplayString as i, createCommentVNode as n, pushScopeId as g, popScopeId as C } from "vue";
 import l from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import k from "../tooltip/v4/TooltipV4.vue.js";
 import { TrendDirection as m } from "./types.js";
-const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
+const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
   key: 2,
   class: "separator"
 }, P = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), L = /* @__PURE__ */ f({
@@ -26,26 +26,26 @@ const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-to
       }, {
         tooltip: o(() => [
           s("div", x, [
-            e.trendTooltip?.header ? (r(), i(t(l), {
+            e.trendTooltip?.header ? (r(), d(t(l), {
               key: 0,
               class: "trend-tooltip__header",
               variant: "subtitle2"
             }, {
               default: o(() => [
-                n(d(e.trendTooltip.header), 1)
+                a(i(e.trendTooltip.header), 1)
               ]),
               _: 1
-            })) : a("", !0),
-            e.trendTooltip?.rangeCurrent ? (r(), i(t(l), {
+            })) : n("", !0),
+            e.trendTooltip?.rangeCurrent ? (r(), d(t(l), {
               key: 1,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                n(d(e.trendTooltip.rangeCurrent), 1)
+                a(i(e.trendTooltip.rangeCurrent), 1)
               ]),
               _: 1
-            })) : a("", !0),
+            })) : n("", !0),
             e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", N, [
               P,
               u(t(l), {
@@ -53,35 +53,35 @@ const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-to
                 variant: "caption"
               }, {
                 default: o(() => [
-                  n(" vs. ")
+                  a(" vs. ")
                 ]),
                 _: 1
               }),
               _
-            ])) : a("", !0),
-            e.trendTooltip?.rangePrevious ? (r(), i(t(l), {
+            ])) : n("", !0),
+            e.trendTooltip?.rangePrevious ? (r(), d(t(l), {
               key: 3,
               variant: "body2",
               class: "trend-tooltip__text"
             }, {
               default: o(() => [
-                n(d(e.trendTooltip.rangePrevious), 1)
+                a(i(e.trendTooltip.rangePrevious), 1)
               ]),
               _: 1
-            })) : a("", !0)
+            })) : n("", !0)
           ])
         ]),
         default: o(() => [
-          e.direction !== t(m).NEUTRAL ? (r(), i(t(b), {
+          e.direction !== t(m).NEUTRAL ? (r(), d(t(b), {
             key: 0,
             class: "trend-icon",
             type: "bold",
             name: `arrow-${e.direction}`,
-            size: "13px"
-          }, null, 8, ["name"])) : a("", !0),
+            size: "15px"
+          }, null, 8, ["name"])) : n("", !0),
           u(t(l), { variant: "chipLabel" }, {
             default: o(() => [
-              n(d(e.value), 1)
+              a(i(e.value), 1)
             ]),
             _: 1
           })

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fd9e4ea2"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6103d8bd"]]);
 export {
-  a as default
+  s as default
 };