@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.44

package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css

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

package/Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-04b9d6b3]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px;border-radius:0 0 6px 6px;width:100%}.header-wrapper[data-v-04b9d6b3]{height:76px}.chart-content[data-v-04b9d6b3]{width:100%}.chart-content.with-legend[data-v-04b9d6b3]{width:calc(100% - 221px)}.chart-sidebar[data-v-04b9d6b3]{border-left:1px solid var(--common-divider)}.chart[data-v-04b9d6b3]{width:100%;height:312px;position:relative}.chart__canvas[data-v-04b9d6b3]{width:100%;height:100%}.chart__tooltip[data-v-04b9d6b3]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-b8213498]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-b8213498]{color:var(--text-secondary)}.header-texts[data-v-b8213498]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-b8213498]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css

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

package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-6744325c]{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)}.tooltip-title-wrapper[data-v-6744325c]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .tooltip-sub-title[data-v-6744325c]{color:var(--text-secondary)}.color-box[data-v-6744325c]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-6744325c]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-6744325c]{list-style:none;margin:0;padding:0}.list__item[data-v-6744325c]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-6744325c]:last-child{margin-bottom:0}.platform-icon[data-v-6744325c]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-6744325c]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-6744325c]{max-width:90%}.tooltip-footer[data-v-6744325c]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-6744325c]{flex-grow:1}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-af4ae3c3]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-af4ae3c3]{outline:solid;border-radius:4px}.icon.unchecked[data-v-af4ae3c3]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-af4ae3c3]{color:var(--action-active)}.checkboxes[data-v-af4ae3c3]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-af4ae3c3]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-af4ae3c3]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-af4ae3c3]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-af4ae3c3]{cursor:not-allowed}.disabled .checkbox-label[data-v-af4ae3c3]{color:var(--text-disabled)}.checkbox-label[data-v-af4ae3c3]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-e43ac1c9]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex;max-width:250px}.chip-trigger[data-v-e43ac1c9]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-e43ac1c9]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-e43ac1c9]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-e43ac1c9]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-e43ac1c9]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-e43ac1c9]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-e43ac1c9]{cursor:auto}.chip-trigger--content[data-v-e43ac1c9]{color:var(--text-primary);display:flex;width:100%}.chip-trigger--content .x-circle-wrapper[data-v-e43ac1c9]{margin-left:4px;color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-e43ac1c9]:hover{color:var(--primary-darker)}.chip-trigger--text[data-v-e43ac1c9]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}.chip-trigger--suffix[data-v-e43ac1c9]{white-space:nowrap}.chip-trigger--icon[data-v-e43ac1c9]{margin-left:4px;color:var(--action-active)}

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8f96cf5a_lang.css

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

package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-26488faf]{position:sticky}.table-container[data-v-26488faf]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-26488faf]{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-26488faf]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-26488faf]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-26488faf]{width:13.75rem}.table-header.isStickyHeader[data-v-26488faf]{z-index:calc(var(--7552e08c) + 3);top:0}.table-head-container[data-v-26488faf]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-26488faf]{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-26488faf]{display:inline-table}.table-header-actions[data-v-26488faf]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-26488faf]{position:relative}.table-row.loading[data-v-26488faf]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-26488faf]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-26488faf]{border-bottom:none}.expanded-row[data-v-26488faf]{grid-column:var(--7f4c0eae);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-26488faf]{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-26488faf]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-26488faf],table th[data-v-26488faf]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-26488faf]:first-of-type,table th[data-v-26488faf]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-26488faf]:last-of-type,table th[data-v-26488faf]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-26488faf],table th.expand-toggle-cell[data-v-26488faf]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-26488faf]{border-bottom:none;z-index:calc(var(--7552e08c) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-26488faf]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b761a3b2)}table>thead>tr>th[data-v-26488faf]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-26488faf]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-26488faf]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-26488faf]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-26488faf]{cursor:pointer}table>thead.sticky[data-v-26488faf]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-26488faf]{z-index:calc(var(--7552e08c) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-26488faf]{display:block}table>tbody>*>tr[data-v-26488faf]{background-color:var(--background-default);min-height:var(--79122e22);height:auto;display:grid;align-items:center;grid-template-columns:var(--b761a3b2)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-26488faf]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-26488faf],table>tbody>*>tr.activeMenu>td[data-v-26488faf]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-26488faf]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--79122e22);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-26488faf]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-26488faf]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-26488faf]{justify-content:flex-end;text-align:right}.section-container[data-v-26488faf]{left:0}.sections[data-v-26488faf]{display:flex}.section[data-v-26488faf]{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-26488faf]{width:100%}.empty-state[data-v-26488faf]{min-height:250px}.floating-row[data-v-26488faf]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--7552e08c) + 1)}.floating-row *[data-v-26488faf-s]{pointer-events:auto}

package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css

@@ -0,0 +1 @@
+.data-grid-menu[data-v-ddfaf207]{position:relative;left:-10px}

package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css

@@ -0,0 +1 @@
+.container[data-v-37da643b]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-37da643b]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-37da643b]{width:56.25rem}.dialog--small[data-v-37da643b]{width:37.5rem}.dialog--extraSmall[data-v-37da643b]{width:27.75rem}.header[data-v-37da643b]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-37da643b]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-37da643b]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-37da643b]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-37da643b]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--no-padding[data-v-37da643b]{padding:0}.footer[data-v-37da643b]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-37da643b]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-37da643b] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-37da643b]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-37da643b],.v-leave-active[data-v-37da643b]{transition:opacity .25s ease}.v-enter-from[data-v-37da643b],.v-leave-to[data-v-37da643b]{opacity:0}

package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-75002075],.v-leave-active[data-v-75002075]{transition:opacity .25s ease}ol[data-v-75002075],ul[data-v-75002075],menu[data-v-75002075]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-75002075],.dropdown.full-width .button__container[data-v-75002075]{width:100%}.dropdown-list-wrapper[data-v-75002075]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-75002075]{padding:.5rem}.list-container--multi[data-v-75002075]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-75002075]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-75002075]{width:100%}.inline-search .list-container[data-v-75002075]{padding-top:0}.no-result-container[data-v-75002075]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-75002075]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-75002075]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-75002075]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-75002075]{min-height:0;margin-bottom:0}.image-slot[data-v-75002075]{margin-right:.5rem}.actions-wrapper[data-v-75002075]{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-75002075]{margin-left:.5rem}

package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css

@@ -0,0 +1 @@
+.empty-state[data-v-18728498]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--common-white);padding:var(--spacing-300)}.title-wrapper[data-v-18728498]{color:var(--text-primary);display:flex;place-items:center;flex-direction:column}.empty-variant-icon[data-v-18728498]{width:112px;height:112px}.custom-empty-icon[data-v-18728498]{color:var(--default-outlined-border)}.title[data-v-18728498]{margin-top:var(--spacing-75);color:var(--text-primary)}.subtitle[data-v-18728498]{color:var(--text-secondary);margin-top:var(--spacing-75)}.button[data-v-18728498]{margin-top:var(--spacing-150)}

package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css

@@ -0,0 +1 @@
+.filters-panel[data-v-383011d3]{display:flex;flex-wrap:wrap;gap:var(--spacing-50);align-items:center}.filters-panel[data-v-383011d3] .dropdown{padding:0}

package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css

@@ -0,0 +1 @@
+.form-card[data-v-86feae7b]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-86feae7b]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-86feae7b]{width:220px;height:20px}.card-content[data-v-86feae7b]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-86feae7b]{padding:0}.form-actions[data-v-86feae7b]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-86feae7b]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-86feae7b]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css

@@ -0,0 +1 @@
+.container[data-v-89fe8aa1]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-89fe8aa1]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-89fe8aa1]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-89fe8aa1]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-89fe8aa1]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-89fe8aa1]{right:1rem}.snackbar.left[data-v-89fe8aa1]{left:1rem}.close-button-wrapper[data-v-89fe8aa1]{width:20px}.snackbar-enter-from.right[data-v-89fe8aa1]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-89fe8aa1]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-89fe8aa1]{opacity:0}.snackbar-leave-to.right[data-v-89fe8aa1]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-89fe8aa1]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-89fe8aa1]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-89fe8aa1]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-89fe8aa1]{color:var(--success-main)}.action-wrapper[data-v-89fe8aa1]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-89fe8aa1]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}

package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css

@@ -0,0 +1 @@
+.sortable-item[data-v-7cb676f1]{display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--selected[data-v-7cb676f1]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-7cb676f1]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-7cb676f1]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-7cb676f1]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-7cb676f1]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-7cb676f1]{display:none}.item[data-v-7cb676f1]{height:40px;display:flex;align-items:center}.item__prefix[data-v-7cb676f1]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-7cb676f1]{flex:1;height:40px;display:flex;align-items:center}.item__text[data-v-7cb676f1]:hover{cursor:pointer}.item__menu[data-v-7cb676f1]{width:26px}.country-flag[data-v-7cb676f1]{margin-right:var(--spacing-100)}.child-list[data-v-7cb676f1]{max-height:176px}.child-list ul[data-v-7cb676f1]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-7cb676f1]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-7cb676f1]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-7cb676f1]{background:var(--action-selected)}.expand-icon[data-v-7cb676f1]{cursor:pointer;padding-right:7px;padding-left:1px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-7cb676f1]:hover{color:var(--text-primary)}.locked-icon[data-v-7cb676f1]{color:var(--action-active)}.draggable-handle[data-v-7cb676f1]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:40px;color:var(--action-active)}.draggable-handle[data-v-7cb676f1]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-7cb676f1]{position:relative;outline:none}.sortable-ghost[data-v-7cb676f1]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}

package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css

@@ -0,0 +1 @@
+.tooltip-content[data-v-f2ced2f4]{max-width:260px}.help[data-v-f2ced2f4]{margin-bottom:8px}.help__title[data-v-f2ced2f4]{color:var(--text-primary);margin-bottom:4px}.help__text[data-v-f2ced2f4]{color:var(--text-secondary)}.help[data-v-f2ced2f4]:last-child{margin-bottom:0}

package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css

@@ -0,0 +1 @@
+.list-search[data-v-156c01ca]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-156c01ca],.locked-list[data-v-156c01ca]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-156c01ca]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-156c01ca]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-156c01ca]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-156c01ca]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-156c01ca]{height:40px;width:100%}

package/ThemeWrapper.vue_vue_type_style_index_1_lang.css

@@ -1 +1 @@
-.light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
+.light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}

package/TreeDropdown.vue_vue_type_style_index_0_scoped_a898b632_lang.css

@@ -0,0 +1 @@
+.child-options[data-v-a898b632]{padding-left:1rem}.tree-search[data-v-a898b632]{width:100%}

package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-a14013a5],.font-chart-2[data-v-a14013a5],.font-chart-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a14013a5],.font-table-label[data-v-a14013a5],.font-button[data-v-a14013a5],.font-heading-6[data-v-a14013a5],.font-heading-5[data-v-a14013a5],.font-heading-4[data-v-a14013a5],.font-heading-3[data-v-a14013a5],.font-heading-2[data-v-a14013a5],.font-heading-1[data-v-a14013a5],.font-title[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a14013a5],.font-input-label[data-v-a14013a5],.font-overline[data-v-a14013a5],.font-subtitle-2[data-v-a14013a5],.font-subtitle-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a14013a5],.font-body-2[data-v-a14013a5],.font-body-1[data-v-a14013a5]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a14013a5]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a14013a5]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a14013a5]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a14013a5]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a14013a5]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a14013a5]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a14013a5]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a14013a5]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a14013a5]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a14013a5]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a14013a5]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a14013a5]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a14013a5]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a14013a5]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a14013a5],.font-tab-label2[data-v-a14013a5]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a14013a5]{font-size:.75rem;line-height:1rem}h1[data-v-a14013a5],h2[data-v-a14013a5],h3[data-v-a14013a5],h4[data-v-a14013a5],h5[data-v-a14013a5],h6[data-v-a14013a5]{margin:0}.antialiased[data-v-a14013a5]{-webkit-font-smoothing:antialiased}.truncate[data-v-a14013a5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.typography-tooltip[data-v-a14013a5]{display:block}.typography-tooltip[data-v-a14013a5] .container{display:block;width:100%}

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

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
     hideLegend?: boolean;
     minVisible?: number;
     maxVisible?: number;
@@ -18,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle?: string;
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
+    maxLimitTooltipText?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -37,6 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withSettingsHeader: boolean;
+    withSubheaderTooltip: boolean;
+    maxLimitTooltipText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -50,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
     hideLegend?: boolean;
     minVisible?: number;
     maxVisible?: number;
@@ -59,6 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle?: string;
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
+    maxLimitTooltipText?: string;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -78,6 +82,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withSettingsHeader: boolean;
+    withSubheaderTooltip: boolean;
+    maxLimitTooltipText: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:chartType"?: (chartType: ChartType) => any;
@@ -90,10 +96,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
     chartType: ChartType;
     withSettingsHeader: boolean;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
     dataSets: ChartDataSet[];
     hideLegend: boolean;
     tickCount: number;
@@ -103,6 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
+    "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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_8f471697_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-8f471697"]]);
+// import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-04b9d6b3"]]);
 export {
   p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,20 +1,20 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_8f471697_lang.css"; import { defineComponent as j, ref as g, computed as i, onMounted as q, watch as C, nextTick as J, openBlock as d, createElementBlock as k, Fragment as R, createBlock as m, unref as u, isRef as V, withCtx as O, renderSlot as D, createCommentVNode as v, createElementVNode as f, normalizeClass as Q, createVNode as F, normalizeStyle as Y } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_04b9d6b3_lang.css"; import { defineComponent as j, ref as g, computed as l, onMounted as q, watch as T, nextTick as J, openBlock as d, createElementBlock as C, Fragment as O, createBlock as h, unref as u, isRef as D, withCtx as k, renderSlot as x, createCommentVNode as v, createElementVNode as p, normalizeClass as Q, createVNode as F, normalizeStyle as Y } from "vue";
 import { useVModel as _ } from "@vueuse/core";
-import { Chart as N, ArcElement as ee, LineElement as te, BarElement as ae, PointElement as oe, LineController as re, BarController as ie, PieController as le, ScatterController as ne, CategoryScale as se, LinearScale as de, Filler as ue, Tooltip as ce } from "chart.js";
-import { HoverVerticalLine as fe } from "./plugins/HoverVerticalLine.js";
-import { formatValue as H, calcStepSize as pe } from "./utils/utils.js";
-import { DEFAULT_TICK_COUNT as he, DEFAULT_MIN_VISIBLE as me, DEFAULT_MAX_VISIBLE as ve, COLOR_PALETTE as be, POINT_BORDER_COLOR as ye, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as U, GRID_LINE_COLOR as z } from "./consts.js";
+import { Chart as N, ArcElement as ee, LineElement as te, BarElement as ae, PointElement as oe, LineController as ie, BarController as le, PieController as re, ScatterController as ne, CategoryScale as se, LinearScale as de, Filler as ue, Tooltip as ce } from "chart.js";
+import { HoverVerticalLine as pe } from "./plugins/HoverVerticalLine.js";
+import { formatValue as H, calcStepSize as me } from "./utils/utils.js";
+import { DEFAULT_TICK_COUNT as fe, DEFAULT_MIN_VISIBLE as he, DEFAULT_MAX_VISIBLE as ve, COLOR_PALETTE as ye, POINT_BORDER_COLOR as be, TICK_LABEL_COLOR as P, TICK_LABEL_FONT as U, GRID_LINE_COLOR as z } from "./consts.js";
 import { ChartType as n } from "./types.js";
 import { useTooltipPosition as ge } from "./composables/useTooltipPosition.js";
-import Ce from "./ChartTooltip.vue.js";
-import ke from "./ChartLegend.vue.js";
-import Te from "./ChartHeader.vue.js";
-import { hexColorToRgba as Se } from "../../utils/color.js";
+import Te from "./ChartTooltip.vue.js";
+import Ce from "./ChartLegend.vue.js";
+import ke from "./ChartHeader.vue.js";
+import { hexColorToRgba as xe } from "../../utils/color.js";
 import { useChartValues as Le } from "./composables/useChartValues.js";
-import xe from "./ChartLoader.vue.js";
-import Be from "../emptyState/v4/EmptyStateV4.vue.js";
-import Ie from "./SettingsHeader.vue.js";
-const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee = { class: "chart" }, Re = {
+import Se from "./ChartLoader.vue.js";
+import we from "../emptyState/v4/EmptyStateV4.vue.js";
+import Be from "./SettingsHeader.vue.js";
+const Ie = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee = { class: "chart" }, Re = {
   key: 0,
   class: "chart-sidebar"
 }, je = /* @__PURE__ */ j({
@@ -26,75 +26,78 @@ const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: he },
+    tickCount: { default: fe },
     header: { default: "" },
     subheader: { default: "" },
-    subheaderTooltip: { default: "" },
+    withSubheaderTooltip: { type: Boolean, default: !1 },
     hideLegend: { type: Boolean, default: !1 },
-    minVisible: { default: me },
+    minVisible: { default: he },
     maxVisible: { default: ve },
     loading: { type: Boolean, default: !1 },
     noDataIcon: { default: "file-x" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
-    withSettingsHeader: { type: Boolean, default: !0 }
+    withSettingsHeader: { type: Boolean, default: !0 },
+    maxLimitTooltipText: { default: "" }
   },
   emits: ["update:chartType", "update:visibleIds"],
-  setup(a, { emit: T }) {
+  setup(a, { emit: L }) {
     const t = a;
     N.register(
       ee,
       te,
       ae,
       oe,
-      re,
       ie,
       le,
+      re,
       ne,
       se,
       de,
       ue,
       ce,
-      fe
+      pe
     );
-    const c = _(t, "chartType", T), p = g(null);
+    const c = _(t, "chartType", L), m = g(null);
     let s = null;
-    const S = i(() => t.dataSets.length === 0), L = i(() => !t.loading && !S.value), b = () => {
-      p.value && (s && s.destroy(), s = new N(p.value, B.value));
+    const S = l(() => t.dataSets.length === 0), w = l(() => !t.loading && !S.value), y = () => {
+      m.value && (s && s.destroy(), s = new N(m.value, I.value));
     }, M = () => {
-      s && (s.data.datasets = y.value, s.options = B.value.options, s.update());
+      s && (s.data.datasets = b.value, s.options = I.value.options, s.update());
     };
-    q(b), C(() => t.chartType, b), C(L, async (e) => {
-      e && (await J(), b());
-    }), C([() => t.visibleIds, () => t.dataSets], M);
-    const h = i(
+    q(y), T(() => t.chartType, y), T(w, async (e) => {
+      e && (await J(), y());
+    }), T([() => t.visibleIds, () => t.dataSets], M);
+    const f = l(
       () => t.chartType === n.StackedLine || t.chartType === n.StackedBar
-    ), $ = i(
+    ), $ = l(
       () => t.chartType === n.Line || t.chartType === n.StackedLine
-    ), x = i(
+    ), B = l(
       () => t.dataSets.filter((e) => t.visibleIds.includes(e.id))
-    ), y = i(() => x.value.map((e, o) => {
-      const r = e.color || be[o] || "#000000";
+    ), b = l(() => B.value.map((e, o) => {
+      const i = e.color || ye[o] || "#000000";
       return {
         ...e,
-        fill: h.value ? "start" : void 0,
-        backgroundColor: Se(
-          r,
+        fill: f.value ? "start" : void 0,
+        backgroundColor: xe(
+          i,
           t.chartType === n.StackedLine ? 10 : 70
         ),
-        borderColor: r,
-        pointBackgroundColor: r,
-        pointHoverBorderColor: r,
+        borderColor: i,
+        pointBackgroundColor: i,
+        pointHoverBorderColor: i,
         maxBarThickness: 50,
-        clip: 5
+        clip: 5,
         // draw a bit outside the chart area
+        icon: e.icon || null,
+        iconType: e.iconType || "branded"
       };
-    })), B = i(
+    })), I = l(
       () => ({
         type: t.chartType == n.Bar || t.chartType === n.StackedBar ? "bar" : "line",
         // Chart Data
         data: {
-          datasets: y.value
+          datasets: b.value
         },
         // Chart Options
         options: {
@@ -114,11 +117,11 @@ const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
               enabled: !1,
               position: "average",
               external: ({ tooltip: e }) => {
-                l.value = { ...e };
+                r.value = { ...e };
               },
               callbacks: {
                 footer: (e) => {
-                  const o = e.reduce((r, X) => r + (X.parsed.y || 0), 0);
+                  const o = e.reduce((i, X) => i + (X.parsed.y || 0), 0);
                   return ["Total", String(o)];
                 }
               }
@@ -146,7 +149,7 @@ const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
               borderWidth: 0,
               hoverRadius: 4,
               hoverBorderWidth: 2,
-              pointHoverBackgroundColor: ye
+              pointHoverBackgroundColor: be
             },
             bar: {
               borderRadius: 4
@@ -157,7 +160,7 @@ const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
             x: {
               beginAtZero: !0,
               border: { display: !1 },
-              stacked: h.value,
+              stacked: f.value,
               // stack on top of each other
               // ticks
               ticks: {
@@ -185,16 +188,16 @@ const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
               beginAtZero: !0,
               border: { display: !1 },
               // hide left borderline
-              stacked: h.value,
+              stacked: f.value,
               // stack on top of each other
               // ticks
               ticks: {
                 color: P,
                 font: U,
                 padding: 8,
-                stepSize: E.value,
-                min: A.value,
-                max: E.value * t.tickCount,
+                stepSize: V.value,
+                min: R.value,
+                max: V.value * t.tickCount,
                 callback: (e) => H(e, t.yAxisFormat)
               },
               // grid lines
@@ -207,89 +210,98 @@ const we = { class: "chart-container" }, Ae = { class: "header-wrapper" }, Ee =
           }
         }
       })
-    ), K = i(
-      () => y.value.reduce((e, o) => (e[o.id] = o.borderColor, e), {})
-    ), W = i(() => t.dataSets.map((e) => ({
+    ), K = l(
+      () => b.value.reduce((e, o) => (e[o.id] = o.borderColor, e), {})
+    ), W = l(() => t.dataSets.map((e) => ({
       id: e.id,
       label: e.label,
-      color: K.value[e.id] || null
-    }))), I = g(null), l = g(null), { position: w } = ge(
-      p,
-      I,
-      l
-    ), Z = i(() => ({
-      left: `${w.value.left}px`,
-      top: `${w.value.top}px`,
-      opacity: l.value?.opacity || 0
-    })), { minValue: A, maxValue: G } = Le({
+      caption: e.caption || null,
+      color: K.value[e.id] || null,
+      icon: e.icon || null,
+      iconType: e.iconType || "branded"
+    }))), A = g(null), r = g(null), { position: E } = ge(
+      m,
+      A,
+      r
+    ), Z = l(() => ({
+      left: `${E.value.left}px`,
+      top: `${E.value.top}px`,
+      opacity: r.value?.opacity || 0
+    })), { minValue: R, maxValue: G } = Le({
       parsingConfig: t.parsing,
-      dataSets: x,
-      isStacked: h
-    }), E = i(
-      () => pe(A.value, G.value, t.tickCount)
+      dataSets: B,
+      isStacked: f
+    }), V = l(
+      () => me(R.value, G.value, t.tickCount)
     );
-    return (e, o) => (d(), k(R, null, [
-      a.withSettingsHeader ? (d(), m(Ie, {
+    return (e, o) => (d(), C(O, null, [
+      a.withSettingsHeader ? (d(), h(Be, {
         key: 0,
         "chart-type": u(c),
-        "onUpdate:chart-type": o[0] || (o[0] = (r) => V(c) ? c.value = r : null),
+        "onUpdate:chart-type": o[0] || (o[0] = (i) => D(c) ? c.value = i : null),
         "hide-legend": a.hideLegend
       }, {
-        metric: O(() => [
-          D(e.$slots, "metric", {}, void 0, !0)
+        metric: k(() => [
+          x(e.$slots, "metric", {}, void 0, !0)
         ]),
-        breakdowns: O(() => [
-          D(e.$slots, "breakdowns", {}, void 0, !0)
+        breakdowns: k(() => [
+          x(e.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : v("", !0),
-      f("div", we, [
-        u(L) ? (d(), k(R, { key: 0 }, [
-          f("section", {
+      p("div", Ie, [
+        u(w) ? (d(), C(O, { key: 0 }, [
+          p("section", {
             class: Q(["chart-content", [{ "with-legend": !a.hideLegend }]])
           }, [
-            f("div", Ae, [
-              F(Te, {
+            p("div", Ae, [
+              F(ke, {
                 "chart-type": u(c),
-                "onUpdate:chart-type": o[1] || (o[1] = (r) => V(c) ? c.value = r : null),
+                "onUpdate:chart-type": o[1] || (o[1] = (i) => D(c) ? c.value = i : null),
                 "with-settings-header": a.withSettingsHeader,
                 header: a.header,
                 subheader: a.subheader,
-                "subheader-tooltip": a.subheaderTooltip
-              }, null, 8, ["chart-type", "with-settings-header", "header", "subheader", "subheader-tooltip"])
+                "with-subheader-tooltip": a.withSubheaderTooltip
+              }, {
+                "subheader-tooltip": k(() => [
+                  x(e.$slots, "subheader-tooltip", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 8, ["chart-type", "with-settings-header", "header", "subheader", "with-subheader-tooltip"])
             ]),
-            f("div", Ee, [
-              f("canvas", {
+            p("div", Ee, [
+              p("canvas", {
                 ref_key: "chartRef",
-                ref: p,
+                ref: m,
                 class: "chart__canvas"
               }, null, 512),
-              f("div", {
+              p("div", {
                 ref_key: "tooltipRef",
-                ref: I,
+                ref: A,
                 class: "chart__tooltip",
                 style: Y(u(Z))
               }, [
-                l.value ? (d(), m(Ce, {
+                r.value ? (d(), h(Te, {
                   key: 0,
-                  title: String(l.value.title),
-                  "data-points": l.value.dataPoints,
+                  title: String(r.value.title),
+                  "data-points": r.value.dataPoints,
                   "x-axis-format": a.xAxisFormat,
                   "y-axis-format": a.yAxisFormat,
-                  "total-label": l.value.footer[0],
-                  "total-value": Number(l.value.footer[1])
+                  "total-label": r.value.footer[0],
+                  "total-value": Number(r.value.footer[1])
                 }, null, 8, ["title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : v("", !0)
               ], 4)
             ])
           ], 2),
-          a.hideLegend ? v("", !0) : (d(), k("section", Re, [
-            F(ke, {
+          a.hideLegend ? v("", !0) : (d(), C("section", Re, [
+            F(Ce, {
               items: u(W),
               "visible-ids": a.visibleIds,
-              "onUpdate:visibleIds": o[2] || (o[2] = (r) => T("update:visibleIds", r))
-            }, null, 8, ["items", "visible-ids"])
+              "max-limit-tooltip-text": a.maxLimitTooltipText,
+              "onUpdate:visibleIds": o[2] || (o[2] = (i) => L("update:visibleIds", i))
+            }, null, 8, ["items", "visible-ids", "max-limit-tooltip-text"])
           ]))
-        ], 64)) : a.loading ? (d(), m(xe, { key: 1 })) : u(S) ? (d(), m(u(Be), {
+        ], 64)) : a.loading ? (d(), h(Se, { key: 1 })) : u(S) ? (d(), h(u(we), {
           key: 2,
           title: a.noDataTitle,
           subtitle: a.noDataSubtitle,

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

@@ -1,16 +1,16 @@
 import { ChartType } from '@/components/chart/types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     withSettingsHeader: boolean;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
 }>, {
     chartType: ChartType;
     withSettingsHeader: boolean;
     header: string;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
 }>, {}, 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<{
@@ -18,13 +18,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     withSettingsHeader: boolean;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
 }>, {
     chartType: ChartType;
     withSettingsHeader: boolean;
     header: string;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
 }>>> & {
     "onUpdate:chartType"?: (type: ChartType) => any;
 }, {
@@ -32,7 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     chartType: ChartType;
     withSettingsHeader: boolean;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
+}>, {
+    "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -52,3 +54,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};