@embeddable.com/remarkable-ui 1.0.4 → 1.0.6

package/dist/remarkable-ui.css

@@ -454,4 +454,4 @@
   --em-textfield-min-width: 160px;
   --em-textfield-padding: var(--em-core-spacing--0200);
 }
-._card_cp65s_1{display:flex;position:relative;flex-direction:column;box-sizing:border-box;gap:var(--em-card-gap, 2rem);padding:var(--em-card-padding, 2rem);border-radius:var(--em-card-border-radius, 2rem);background:var(--em-card-background, #f7f7f8)}._card_cp65s_1 ._cardHeader_cp65s_12{width:100%;display:flex;position:relative;align-items:center;justify-content:space-between;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21{width:100%;display:flex;flex-direction:column;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 h1{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-title-color, #212129);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-title-font-size, 1rem);font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-line-height, 1.1875rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 p{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-subtitle-color, #5c5c66);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-subtitle-font-size, .875rem);font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-line-height, 1.1875rem)}._card_cp65s_1 ._cardContent_cp65s_50{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._feedback_4vety_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-feedback-gap, .75rem)}._feedback_4vety_1 svg{width:var(--em-card-feedback-icon-size, 1rem);height:var(--em-card-feedback-icon-size, 1rem)}._feedback_4vety_1 h2{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-title-color, #212129);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-title-font-weight, 500);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1 p{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-subtitle-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-subtitle-font-weight, 400);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1._error_4vety_36,._feedback_4vety_1._error_4vety_36 h2,._feedback_4vety_1._error_4vety_36 p{color:var(--em-card-feedback-color--error, #bc1010)}._actionIcon_9fjsd_1{cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:var(--em-actionicon-border-radius, 624.9375rem);background-color:var(--em-actionicon-background, #ededf1);width:var(--em-actionicon-width, 1.25rem);height:var(--em-actionicon-height, 2rem);padding:var(--em-actionicon-padding-top-bottom, .5rem) var(--em-actionicon-padding-left-right, .125rem)}._actionIcon_9fjsd_1 svg{width:var(--em-actionicon-icon-size, 1rem);height:var(--em-actionicon-icon-size, 1rem)}._actionIcon_9fjsd_1:hover{background-color:var(--em-actionicon-background--hover, #e4e4ea)}._actionIcon_9fjsd_1:active{background-color:var(--em-actionicon-background--active, #d2d2d5)}._actionIcon_9fjsd_1:disabled{pointer-events:none;color:var(--em-actionicon-color--disabled, #b8b8bd)}._selectFieldOption_shf1g_1{display:flex;align-items:center;justify-content:space-between;outline:none;cursor:pointer;overflow:hidden;box-sizing:border-box;min-height:var(--em-selectfield-item-height, 2rem);height:var(--em-selectfield-item-height, 2rem);max-height:var(--em-selectfield-item-height, 2rem);padding:var(--em-selectfield-item-padding, .5rem);border-radius:var(--em-selectfield-item-border-radius, .5rem);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17{display:flex;flex:0 0 auto;white-space:nowrap;align-items:center;font-style:normal;color:var(--em-selectfield-item-label-left-color, #212129);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-left-font-size, .75rem);font-weight:var(--em-selectfield-item-label-left-font-weight, 500);line-height:var(--em-selectfield-item-label-left-line-height, .875rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30{display:flex;min-width:0;font-style:normal;color:var(--em-selectfield-item-label-right-color, #5c5c66);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-right-font-size, .75rem);font-weight:var(--em-selectfield-item-label-right-font-weight, 400);line-height:var(--em-selectfield-item-label-right-line-height, .875rem)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17 span,._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-selectfield-item-label-padding-left-right, .5rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{white-space:nowrap;text-overflow:ellipsis;text-align:right}._selectFieldOption_shf1g_1:hover,._selectFieldOption_shf1g_1:focus{background:var(--em-selectfield-item-background--hover, #f7f7f8)}._selectFieldOption_shf1g_1:active{background:var(--em-selectfield-item-background--active, #ededf1)}._selectFieldOption_shf1g_1._disabled_shf1g_64{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--em-selectfield-item-label-left-color--disabled, #b8b8bd);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71{background:var(--em-selectfield-item-background--selected, #212129)}._selectFieldOption_shf1g_1._selected_shf1g_71 svg{color:var(--em-selectfield-item-icon-color--selected, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71 ._leftContent_shf1g_17,._selectFieldOption_shf1g_1._selected_shf1g_71 ._rightContent_shf1g_30{color:var(--em-selectfield-item-label-left-color--selected, #fff)}._selectFieldOption_shf1g_1 svg,._selectFieldOption_shf1g_1 img{flex-shrink:0;width:var(--em-selectfield-item-icon-size, 1rem);height:var(--em-selectfield-item-icon-size, 1rem);color:var(--em-selectfield-item-icon-color, #212129)}._selectFieldOption_shf1g_1._disabled_shf1g_64 svg,._selectFieldOption_shf1g_1._disabled_shf1g_64 img{color:var(--em-selectfield-item-icon-color--disabled, #b8b8bd)}._selectFieldTrigger_jw4yc_1{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;height:var(--em-selectfield-trigger-height, 2.5rem);min-width:var(--em-selectfield-trigger-min-width, 4rem);padding:var(--em-selectfield-trigger-padding, .75rem);border-radius:var(--em-selectfield-trigger-border-radius, .5rem);border:var(--em-selectfield-trigger-border-width, 1px) solid var(--em-selectfield-trigger-border-color, #d2d2d5);background:var(--em-selectfield-trigger-background, #fff);color:var(--em-selectfield-trigger-color, #212129)}._selectFieldTrigger_jw4yc_1:hover{background:var(--em-selectfield-trigger-background--hover, #f7f7f8)}._selectFieldTrigger_jw4yc_1:active{background:var(--em-selectfield-trigger-background--active, #ededf1)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25{color:var(--em-selectfield-trigger-color--filled, #fff);background:var(--em-selectfield-trigger-background--filled, #212129)}._selectFieldTrigger_jw4yc_1:disabled{pointer-events:none;color:var(--em-selectfield-trigger-color--disabled, #b8b8bd);background:var(--em-selectfield-trigger-background, #fff)}._selectFieldTrigger_jw4yc_1._error_jw4yc_36{border:var(--em-selectfield-trigger-border-width--error, 2px) solid var(--em-selectfield-trigger-border-color--error, #bc1010)}._selectFieldTrigger_jw4yc_1 span{width:100%;text-align:start;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-selectfield-trigger-color, #212129);padding:0 var(--em-selectfield-trigger-label-padding-left-right, .5rem);font-family:var(--em-selectfield-trigger-font-family, sans-serif);font-size:var(--em-selectfield-trigger-font-size, .75rem);font-weight:var(--em-selectfield-trigger-font-weight, 500);line-height:var(--em-selectfield-trigger-line-height, .875rem)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25 span{color:var(--em-selectfield-trigger-color--filled, #fff)}._selectFieldTrigger_jw4yc_1:disabled span{color:var(--em-selectfield-trigger-color--disabled, #b8b8bd)}._selectFieldTrigger_jw4yc_1 svg{width:var(--em-selectfield-trigger-icon-size, 1rem);height:var(--em-selectfield-trigger-icon-size, 1rem)}@keyframes _spin_jw4yc_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_jw4yc_78{animation:_spin_jw4yc_1 1s linear infinite}._selectFieldContent_4ibzd_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-selectfield-content-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);max-height:var(--em-selectfield-content-max-height, 20rem);padding:var(--em-selectfield-content-padding, .5rem);border-radius:var(--em-selectfield-content-border-radius, .75rem);background:var(--em-selectfield-content-background, #fff);box-shadow:var(--em-selectfield-content-shadow-position-x, 0) var(--em-selectfield-content-shadow-position-y, 1px) var(--em-selectfield-content-shadow-blur, 40px) var(--em-selectfield-content-shadow-spread, 0) var(--em-selectfield-content-shadow-color, rgba(33, 33, 41, .25))}._selectFieldContentList_4ibzd_22{display:flex;flex-direction:column;position:relative;height:100%;overflow:auto}._selectFieldContentList_4ibzd_22._disabled_4ibzd_30{opacity:var(--em-selectfield-content-opacity--loading, .5);pointer-events:none;-webkit-user-select:none;user-select:none}._fieldFeedback_1c0gf_1{margin:unset;font-style:normal;color:var(--em-textfield-feedback-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-textfield-feedback-font-size, .75rem);font-weight:var(--em-textfield-feedback-font-weight, 400);line-height:var(--em-textfield-feedback-line-height, 1rem);padding-top:var(--em-field-feedback-padding-top, .5rem)}._fieldFeedback_1c0gf_1._error_1c0gf_12{font-style:normal;color:var(--em-textfield-feedback-color--error, #bc1010);font-family:var(--em-textfield-font-family, sans-serif);font-weight:var(--em-textfield-feedback-font-weight--error, 500)}._fieldHeader_17qbu_1{font-style:normal;display:flex;justify-content:space-between;color:var(--em-field-header-color, #212129);font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-title-font-size, .875rem);font-weight:var(--em-field-header-title-font-weight, 500);line-height:var(--em-field-header-title-line-height, 1rem);padding-bottom:var(--em-field-header-padding-bottom, .5rem)}._fieldHeader_17qbu_1 span{font-style:normal;margin-left:auto;font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-required-font-size, .75rem);font-weight:var(--em-field-header-required-font-weight, 400);line-height:var(--em-field-header-required-line-height, .875rem)}._input_14d0q_1{height:inherit;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-textfield-height, 2.5rem);min-width:var(--em-textfield-min-width, 10rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--em-textfield-background, #f7f7f8)}._input_14d0q_1:hover{background:var(--em-textfield-background--active, #e4e4ea)}._input_14d0q_1._error_14d0q_19{border:var(--em-textfield-border-width--error, 2px) solid var(--em-textfield-border-color--error, #bc1010)}._input_14d0q_1:focus-within input{color:var(--em-textfield-color--filled, #212129);font-weight:var(--em-textfield-font-weight--filled, 500)}._input_14d0q_1 svg{flex-shrink:0;width:var(--em-textfield-icon-size, 1rem);height:var(--em-textfield-icon-size, 1rem);color:var(--em-textfield-color, #5c5c66)}._input_14d0q_1:focus-within svg{color:var(--em-textfield-color--filled, #212129)}._input_14d0q_1 svg._clearIcon_14d0q_39{cursor:pointer;visibility:hidden}._input_14d0q_1 svg._clearIcon_14d0q_39._clearIconVisible_14d0q_44{visibility:visible}._input_14d0q_1 input{height:inherit;border:unset;background:unset;margin:unset;width:100%;padding:0 var(--em-textfield-label-padding, .5rem);color:var(--em-textfield-color, #5c5c66);font-family:var(--em-textfield-font-family, Inter);font-size:var(--em-textfield-font-size, .75rem);font-style:normal;font-weight:var(--em-textfield-font-weight, 400);line-height:var(--em-textfield-line-height, 1rem)}._input_14d0q_1:has(input:not(:placeholder-shown)){background:var(--em-textfield-background--filled, #ededf1)}._input_14d0q_1:has(input:disabled){background:var(--em-textfield-background--disabled, #fff)}._input_14d0q_1:has(input:disabled) svg,._input_14d0q_1:has(input:disabled) input{color:var(--em-textfield-color--disabled, #b8b8bd)}._input_14d0q_1 input:focus{outline:none}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._tableFullContainer_s2mpf_1{width:100%;height:100%;box-sizing:border-box}._tableContainer_s2mpf_7{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background:var(--em-tablechart-header-background, #fff);border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableAdjustedContainer_s2mpf_19{max-width:100%;max-height:100%;width:fit-content;height:fit-content;overflow-x:auto;overflow-y:auto;position:relative;box-sizing:border-box;border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableContainerScroll_s2mpf_32{overflow-x:auto;overflow-y:hidden;flex:1}._tableAdjustedContainer_s2mpf_19._fullWidth_s2mpf_38,._tableAdjustedContainer_s2mpf_19._fullWidth_s2mpf_38 ._table_s2mpf_1{width:100%}._table_s2mpf_1{width:100%;border-spacing:0;box-sizing:border-box}._table_s2mpf_1 thead{position:sticky;top:0;z-index:2}._table_s2mpf_1 th,._table_s2mpf_1 td{cursor:pointer;position:relative;box-sizing:border-box;background:var(--em-tablechart-header-background, #fff);padding:var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-right:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);height:var(--em-tablechart-cell-height, 2.5rem);max-height:var(--em-tablechart-cell-height, 2.5rem)}._table_s2mpf_1 th:last-of-type,._table_s2mpf_1 td:last-of-type{border-right:unset}._table_s2mpf_1 th:hover{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_s2mpf_1 tr:has(td:hover) td{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_s2mpf_1 tbody tr:last-of-type th,._table_s2mpf_1 tbody tr:last-of-type td{border-bottom:unset}._table_s2mpf_1 th,._table_s2mpf_1 td{font-style:normal;font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);line-height:var(--em-tablechart-line-height, .875rem)}._table_s2mpf_1 tr th{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--medium, 500)}._table_s2mpf_1 tr td{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight, 400)}._table_s2mpf_1 ._boltCell_s2mpf_117{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--bold, 700)}._table_s2mpf_1 ._mutedCell_s2mpf_123{color:var(--em-tablechart-color--muted, #5c5c66);font-weight:var(--em-tablechart-font-weight, 400)}._table_s2mpf_1 ._stickyFirstColumn_s2mpf_129{left:0;z-index:1;text-align:left;position:sticky;font-style:normal;pointer-events:none}._stickyFirstColumn_s2mpf_129:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-tablechart-border-width, 1px));width:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_s2mpf_1{border-spacing:0;box-sizing:content-box}._table_s2mpf_1 tbody tr._stickyLastRow_s2mpf_154{bottom:0;top:0;z-index:1;position:sticky;font-style:normal;pointer-events:none}._table_s2mpf_1 tbody tr._stickyLastRow_s2mpf_154 th:before,._table_s2mpf_1 tbody tr._stickyLastRow_s2mpf_154 td:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--em-tablechart-border-width, 1px));height:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_s2mpf_1 tbody tr._tableLastRow_s2mpf_174 td{border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1)}._tablePagination_1wpsk_1{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-tablechart-pagination-height, 3rem);padding:var(--em-tablechart-cell-padding, .5rem)}._tablePaginationCentral_1wpsk_11{display:flex;align-items:center;font-style:normal;gap:var(--em-tablechart-pagination-label-padding-left-right, 1rem);color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem)}._tablePaginationCentralButtons_1wpsk_23{display:flex;align-items:center;gap:var(--em-tablechart-pagination-button-gap, .5rem)}._tableHeader_1l18e_1 ._tableHeaderCell_1l18e_1{padding:unset}._tableHeaderCell_1l18e_1 button{width:100%;display:flex;border:unset;cursor:pointer;font-style:normal;white-space:nowrap;background-color:unset;justify-content:space-between;align-items:center;padding:var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem);gap:var(--em-tablechart-cell-padding, .5rem)}._tableHeaderCell_1l18e_1 button svg{width:var(--em-tablechart-icon-size, 1rem);height:var(--em-tablechart-icon-size, 1rem)}._copyButton_32339_1{position:absolute;top:50%;right:var(--em-tablechart-cell-padding, .5rem);transform:translateY(-50%);opacity:0}._copyButton_32339_1._leftAlign_32339_9{left:var(--em-tablechart-cell-padding, .5rem);right:auto}._tableBodyCell_32339_14:hover ._copyButton_32339_1{opacity:1}@keyframes _shimmer_1r4sj_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_1r4sj_10{animation:_shimmer_1r4sj_1 1.5s infinite;background:linear-gradient(270deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-skeleton-border-radius, .75rem)}._chartCard_84eo6_1{height:100%;width:100%}._fixedContent_84eo6_6{z-index:3;background:inherit;position:absolute;right:0}._fixedContent_84eo6_6._loading_84eo6_13{z-index:4;display:block}._fixedContent_84eo6_6._hidden_84eo6_18{display:none}._chartCardRightContent_84eo6_22{width:2rem;height:2rem;position:relative;align-self:flex-start}@keyframes _spin_k5y8w_1{to{transform:rotate(360deg)}}._loading_k5y8w_7{animation:_spin_k5y8w_1 2s linear infinite;padding:var(--em-card-loader-padding, .25rem);width:var(--em-card-loader-size, 1.5rem);height:var(--em-card-loader-size, 1.5rem);background:var(--em-card-background, #f7f7f8)}._list_mwshn_1{width:auto}._kpiChartContainer_1yh32_1{width:100%;height:100%;font-style:normal;text-align:center;display:flex}._kpiChartCenter_1yh32_9{margin:auto;display:flex;flex-direction:column;align-items:center}._kpiChartCenter_1yh32_9 h2{margin:unset;overflow:hidden;width:min-content;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-number-font-weight, 700)}._kpiComparisonContainer_1yh32_27{display:flex;align-items:center;flex-direction:column;text-align:center;font-style:normal;font-size:var(--em-kpichart-trend-font-size, 1rem)}._kpiChartChangeContainer_c9xhz_1{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--em-kpichart-label-gap, .5rem);margin-top:var(--em-kpichart-gap, 1.5rem)}._kpiChangeBadge_c9xhz_10{display:flex;justify-content:center;align-items:center;padding:var(--em-kpichart-trend-padding, .25rem);border-radius:var(--em-kpichart-trend-border-radius, .375rem);width:min-content}._kpiChangeBadge_c9xhz_10>svg{width:1em;height:1em}._kpiChangeBadge_c9xhz_10>span{color:inherit;font-style:normal;font-size:1em;padding:0 var(--em-kpichart-trend-padding, .25rem);font-weight:var(--em-kpichart-trend-font-weight, 500);line-height:var(--em-kpichart-trend-line-height, 1rem)}._kpiChangeBadge_c9xhz_10._positive_c9xhz_33{background:var(--em-kpichart-trend-background--positive, #e1f0e9);color:var(--em-kpichart-trend-color--positive, #0f955a)}._kpiChangeBadge_c9xhz_10._negative_c9xhz_38{background:var(--em-kpichart-trend-background--negative, #f6e2e2);color:var(--em-kpichart-trend-color--negative, #bc1010)}._kpiComparisonLabel_c9xhz_43{text-align:center;font-style:normal;font-size:.875em;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-label-font-weight, 400);line-height:var(--em-kpichart-label-line-height, .875rem);white-space:nowrap}._searchField_fsiyv_1{margin-bottom:var(--em-selectfield-content-gap, .5rem)}._submitButton_fsiyv_5{margin-top:var(--em-selectfield-content-gap, .5rem);justify-content:center}._selectFieldCategory_fdkgf_1{display:flex;font-style:normal;padding:var(--em-selectfield-category-padding, .25rem);border-radius:var(--em-selectfield-category-border-radius, .375rem);background:var(--em-selectfield-category-background, #e4e4ea);color:var(--em-selectfield-category-color, #000);font-family:var(--em-selectfield-category-font-family, sans-serif);font-size:var(--em-selectfield-category-font-size, .75rem);font-weight:var(--em-selectfield-category-font-weight, 700);line-height:var(--em-selectfield-category-line-height, .875rem)}._card_15bw3_1{background:unset;padding:unset}._button_1x5gp_1{cursor:pointer;display:flex;align-items:center;border:unset;border-radius:var(--em-button-border-radius, 624.9375rem)}._button_1x5gp_1._small_1x5gp_9{height:var(--em-button-height--small, 2rem);padding:var(--em-button-padding-top-bottom--small, .375rem) var(--em-button-padding-left-right--small, .375rem)}._button_1x5gp_1._small_1x5gp_9 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--small, .75rem);font-style:normal;font-weight:var(--em-button-font-weight--small, 500);line-height:var(--em-button-line-height--small, .875rem)}._button_1x5gp_1._medium_1x5gp_23{height:var(--em-button-height--medium, 2.5rem);padding:var(--em-button-padding-top-bottom--medium, .75rem) var(--em-button-padding-left-right--medium, .75rem)}._button_1x5gp_1._medium_1x5gp_23 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--medium, .875rem);font-style:normal;font-weight:var(--em-button-font-weight--medium, 700);line-height:var(--em-button-line-height--medium, 1rem)}._button_1x5gp_1._primary_1x5gp_37{color:var(--em-button-color--primary, #fff);background:var(--em-button-background--primary, #5c5c66)}._button_1x5gp_1._primary_1x5gp_37:hover{background:var(--em-button-background--primary--hover, #212129)}._button_1x5gp_1._primary_1x5gp_37:active{background:var(--em-button-background--primary--active, #000)}._button_1x5gp_1._primary_1x5gp_37:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1x5gp_1._secondary_1x5gp_55{color:var(--em-button-color--secondary, #212129);background:var(--em-button-background--secondary, #ededf1)}._button_1x5gp_1._secondary_1x5gp_55:hover{background:var(--em-button-background--secondary--hover, #e4e4ea)}._button_1x5gp_1._secondary_1x5gp_55:active{background:var(--em-button-background--secondary--active, #d2d2d5)}._button_1x5gp_1._secondary_1x5gp_55:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1x5gp_1:disabled{pointer-events:none}._button_1x5gp_1 svg{width:var(--em-button-icon-size, 1rem);height:var(--em-button-icon-size, 1rem)}._button_1x5gp_1 span{padding:0 var(--em-button-label-padding, .5rem)}._typography_g1one_1{font-family:var(--em-core-font-family--base, sans-serif);margin:unset}._buttonIcon_17kgb_1{cursor:pointer;display:flex;align-items:center;flex-shrink:0;border:unset;justify-content:center;border-radius:var(--em-buttonicon-border-radius, 624.9375rem)}._buttonIcon_17kgb_1._small_17kgb_11{height:var(--em-buttonicon-height--small, 2rem);width:var(--em-buttonicon-height--small, 2rem);padding:var(--em-buttonicon-padding-top-bottom--small, .375rem) var(--em-buttonicon-padding-left-right--small, .375rem)}._buttonIcon_17kgb_1._medium_17kgb_18{height:var(--em-buttonicon-height--medium, 2.5rem);width:var(--em-buttonicon-height--medium, 2.5rem);padding:var(--em-buttonicon-padding-top-bottom--medium, .75rem) var(--em-buttonicon-padding-left-right--medium, .75rem)}._buttonIcon_17kgb_1._primary_17kgb_25{color:var(--em-buttonicon-color--primary, #fff);background:var(--em-buttonicon-background--primary, #5c5c66)}._buttonIcon_17kgb_1._primary_17kgb_25:hover{background:var(--em-buttonicon-background--primary--hover, #212129)}._buttonIcon_17kgb_1._primary_17kgb_25:active{background:var(--em-buttonicon-background--primary--active, #000)}._buttonIcon_17kgb_1._primary_17kgb_25:disabled{background:var(--em-buttonicon-background--primary--disabled, #ededf1)}._buttonIcon_17kgb_1._secondary_17kgb_42{color:var(--em-buttonicon-color--secondary, #212129);background:var(--em-buttonicon-background--secondary, #ededf1)}._buttonIcon_17kgb_1._secondary_17kgb_42:hover{background:var(--em-buttonicon-background--secondary--hover, #e4e4ea)}._buttonIcon_17kgb_1._secondary_17kgb_42:active{background:var(--em-buttonicon-background--secondary--active, #d2d2d5)}._buttonIcon_17kgb_1._secondary_17kgb_42:disabled{background:var(--em-buttonicon-background--secondary--disabled, #ededf1)}._buttonIcon_17kgb_1:disabled{pointer-events:none;color:var(--em-buttonicon-color--disabled, #b8b8bd)}._buttonIcon_17kgb_1 svg{width:var(--em-buttonicon-icon-size, 1rem);height:var(--em-buttonicon-icon-size, 1rem)}._ghostButton_118d3_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:transparent;font-style:normal;height:var(--em-ghostbutton-height, 1.25rem);padding:var(--em-ghostbutton-padding, .125rem);color:var(--em-ghostbutton-color, #212129);font-family:var(--em-ghostbutton-font-family, sans-serif);font-size:var(--em-ghostbutton-font-size, .75rem);font-weight:var(--em-ghostbutton-font-weight, 400);line-height:var(--em-ghostbutton-line-height, .875rem);border-radius:var(--em-ghostbutton-border-radius, .25rem)}._ghostButton_118d3_1:hover,._ghostButton_118d3_1:focus{background-color:var(--em-ghostbutton-background--hover, #f7f7f8)}._ghostButton_118d3_1:active{background-color:var(--em-ghostbutton-background--active, #ededf1)}._ghostButton_118d3_1:disabled{cursor:unset;pointer-events:none;background-color:transparent;color:var(--em-ghostbutton-color--disabled, #b8b8bd)}._ghostButton_118d3_1 svg{width:var(--em-ghostbutton-icon-size, .75rem);height:var(--em-ghostbutton-icon-size, .75rem)}._ghostButton_118d3_1 span{display:flex;align-items:center;padding:0 var(--em-ghostbutton-label-padding-right, .25rem) 0 var(--em-ghostbutton-label-padding-left, .25rem)}._overlay_1t3tm_1{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--em-overlay-background, rgba(33, 33, 41, .8))}._switch_vkmwe_1{display:inline-flex;align-items:flex-start;gap:var(--em-switch-label-gap, .5rem);cursor:pointer}._switch_vkmwe_1._disabled_vkmwe_8{pointer-events:none}._switch_vkmwe_1 input{position:absolute;opacity:0;width:0;height:0}._switchTrack_vkmwe_19{position:relative;display:flex;box-sizing:border-box;width:var(--em-switch-width, 2rem);height:var(--em-switch-height, 1rem);border-radius:var(--em-switch-size-border-radius, 624.9375rem);background:var(--em-switch-background--on, #e4e4ea);padding:var(--em-switch-thumb-padding, .125rem)}._switchThumb_vkmwe_30{transition:all .2s ease-in-out;position:absolute;flex-shrink:0;border-radius:50%;left:var(--em-switch-thumb-padding, .125rem);background:var(--em-switch-thumb-background--off, #5c5c66);width:var(--em-switch-thumb-size, .75rem);height:var(--em-switch-thumb-size, .75rem)}._switch_vkmwe_1._checked_vkmwe_41 ._switchTrack_vkmwe_19{background:var(--em-switch-background--off, #212129)}._switch_vkmwe_1._checked_vkmwe_41 ._switchThumb_vkmwe_30{background:var(--em-switch-thumb-background, #fff);left:calc(100% - var(--em-switch-thumb-size, .75rem) - var(--em-switch-thumb-padding, .125rem))}._switch_vkmwe_1._disabled_vkmwe_8 ._switchTrack_vkmwe_19{background:var(--em-switch-background--disabled, #e4e4ea)}._switch_vkmwe_1._disabled_vkmwe_8 ._switchThumb_vkmwe_30{background:var(--em-switch-thumb-background--disabled, #ededf1)}._switchLabel_vkmwe_60{font-style:normal;color:var(--em-switch-label-color, #212129);font-family:var(--em-switch-font-family, sans-serif);font-size:var(--em-switch-label-color-font-size, 1rem);font-weight:var(--em-switch-label-color-font-weight, 500);line-height:var(--em-switch-label-color-line-height, 16px)}._switch_vkmwe_1._disabled_vkmwe_8 ._switchLabel_vkmwe_60{color:var(--em-switch-label-color--disabled, #b8b8bd)}
+._card_cp65s_1{display:flex;position:relative;flex-direction:column;box-sizing:border-box;gap:var(--em-card-gap, 2rem);padding:var(--em-card-padding, 2rem);border-radius:var(--em-card-border-radius, 2rem);background:var(--em-card-background, #f7f7f8)}._card_cp65s_1 ._cardHeader_cp65s_12{width:100%;display:flex;position:relative;align-items:center;justify-content:space-between;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21{width:100%;display:flex;flex-direction:column;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 h1{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-title-color, #212129);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-title-font-size, 1rem);font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-line-height, 1.1875rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 p{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-subtitle-color, #5c5c66);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-subtitle-font-size, .875rem);font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-line-height, 1.1875rem)}._card_cp65s_1 ._cardContent_cp65s_50{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._actionIcon_9fjsd_1{cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:var(--em-actionicon-border-radius, 624.9375rem);background-color:var(--em-actionicon-background, #ededf1);width:var(--em-actionicon-width, 1.25rem);height:var(--em-actionicon-height, 2rem);padding:var(--em-actionicon-padding-top-bottom, .5rem) var(--em-actionicon-padding-left-right, .125rem)}._actionIcon_9fjsd_1 svg{width:var(--em-actionicon-icon-size, 1rem);height:var(--em-actionicon-icon-size, 1rem)}._actionIcon_9fjsd_1:hover{background-color:var(--em-actionicon-background--hover, #e4e4ea)}._actionIcon_9fjsd_1:active{background-color:var(--em-actionicon-background--active, #d2d2d5)}._actionIcon_9fjsd_1:disabled{pointer-events:none;color:var(--em-actionicon-color--disabled, #b8b8bd)}._selectFieldTrigger_jw4yc_1{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;height:var(--em-selectfield-trigger-height, 2.5rem);min-width:var(--em-selectfield-trigger-min-width, 4rem);padding:var(--em-selectfield-trigger-padding, .75rem);border-radius:var(--em-selectfield-trigger-border-radius, .5rem);border:var(--em-selectfield-trigger-border-width, 1px) solid var(--em-selectfield-trigger-border-color, #d2d2d5);background:var(--em-selectfield-trigger-background, #fff);color:var(--em-selectfield-trigger-color, #212129)}._selectFieldTrigger_jw4yc_1:hover{background:var(--em-selectfield-trigger-background--hover, #f7f7f8)}._selectFieldTrigger_jw4yc_1:active{background:var(--em-selectfield-trigger-background--active, #ededf1)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25{color:var(--em-selectfield-trigger-color--filled, #fff);background:var(--em-selectfield-trigger-background--filled, #212129)}._selectFieldTrigger_jw4yc_1:disabled{pointer-events:none;color:var(--em-selectfield-trigger-color--disabled, #b8b8bd);background:var(--em-selectfield-trigger-background, #fff)}._selectFieldTrigger_jw4yc_1._error_jw4yc_36{border:var(--em-selectfield-trigger-border-width--error, 2px) solid var(--em-selectfield-trigger-border-color--error, #bc1010)}._selectFieldTrigger_jw4yc_1 span{width:100%;text-align:start;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-selectfield-trigger-color, #212129);padding:0 var(--em-selectfield-trigger-label-padding-left-right, .5rem);font-family:var(--em-selectfield-trigger-font-family, sans-serif);font-size:var(--em-selectfield-trigger-font-size, .75rem);font-weight:var(--em-selectfield-trigger-font-weight, 500);line-height:var(--em-selectfield-trigger-line-height, .875rem)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25 span{color:var(--em-selectfield-trigger-color--filled, #fff)}._selectFieldTrigger_jw4yc_1:disabled span{color:var(--em-selectfield-trigger-color--disabled, #b8b8bd)}._selectFieldTrigger_jw4yc_1 svg{width:var(--em-selectfield-trigger-icon-size, 1rem);height:var(--em-selectfield-trigger-icon-size, 1rem)}@keyframes _spin_jw4yc_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_jw4yc_78{animation:_spin_jw4yc_1 1s linear infinite}._fieldFeedback_1c0gf_1{margin:unset;font-style:normal;color:var(--em-textfield-feedback-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-textfield-feedback-font-size, .75rem);font-weight:var(--em-textfield-feedback-font-weight, 400);line-height:var(--em-textfield-feedback-line-height, 1rem);padding-top:var(--em-field-feedback-padding-top, .5rem)}._fieldFeedback_1c0gf_1._error_1c0gf_12{font-style:normal;color:var(--em-textfield-feedback-color--error, #bc1010);font-family:var(--em-textfield-font-family, sans-serif);font-weight:var(--em-textfield-feedback-font-weight--error, 500)}._fieldHeader_17qbu_1{font-style:normal;display:flex;justify-content:space-between;color:var(--em-field-header-color, #212129);font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-title-font-size, .875rem);font-weight:var(--em-field-header-title-font-weight, 500);line-height:var(--em-field-header-title-line-height, 1rem);padding-bottom:var(--em-field-header-padding-bottom, .5rem)}._fieldHeader_17qbu_1 span{font-style:normal;margin-left:auto;font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-required-font-size, .75rem);font-weight:var(--em-field-header-required-font-weight, 400);line-height:var(--em-field-header-required-line-height, .875rem)}._input_14d0q_1{height:inherit;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-textfield-height, 2.5rem);min-width:var(--em-textfield-min-width, 10rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--em-textfield-background, #f7f7f8)}._input_14d0q_1:hover{background:var(--em-textfield-background--active, #e4e4ea)}._input_14d0q_1._error_14d0q_19{border:var(--em-textfield-border-width--error, 2px) solid var(--em-textfield-border-color--error, #bc1010)}._input_14d0q_1:focus-within input{color:var(--em-textfield-color--filled, #212129);font-weight:var(--em-textfield-font-weight--filled, 500)}._input_14d0q_1 svg{flex-shrink:0;width:var(--em-textfield-icon-size, 1rem);height:var(--em-textfield-icon-size, 1rem);color:var(--em-textfield-color, #5c5c66)}._input_14d0q_1:focus-within svg{color:var(--em-textfield-color--filled, #212129)}._input_14d0q_1 svg._clearIcon_14d0q_39{cursor:pointer;visibility:hidden}._input_14d0q_1 svg._clearIcon_14d0q_39._clearIconVisible_14d0q_44{visibility:visible}._input_14d0q_1 input{height:inherit;border:unset;background:unset;margin:unset;width:100%;padding:0 var(--em-textfield-label-padding, .5rem);color:var(--em-textfield-color, #5c5c66);font-family:var(--em-textfield-font-family, Inter);font-size:var(--em-textfield-font-size, .75rem);font-style:normal;font-weight:var(--em-textfield-font-weight, 400);line-height:var(--em-textfield-line-height, 1rem)}._input_14d0q_1:has(input:not(:placeholder-shown)){background:var(--em-textfield-background--filled, #ededf1)}._input_14d0q_1:has(input:disabled){background:var(--em-textfield-background--disabled, #fff)}._input_14d0q_1:has(input:disabled) svg,._input_14d0q_1:has(input:disabled) input{color:var(--em-textfield-color--disabled, #b8b8bd)}._input_14d0q_1 input:focus{outline:none}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._tableFullContainer_1w4dv_1{width:100%;height:100%;box-sizing:border-box}._tableContainer_1w4dv_7{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background:var(--em-tablechart-header-background, #fff);border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableAdjustedContainer_1w4dv_19{max-width:100%;max-height:100%;width:fit-content;height:fit-content;overflow-x:auto;overflow-y:auto;position:relative;box-sizing:border-box;border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableContainerScroll_1w4dv_32{overflow-x:auto;overflow-y:hidden;flex:1}._tableAdjustedContainer_1w4dv_19._fullWidth_1w4dv_38,._tableAdjustedContainer_1w4dv_19._fullWidth_1w4dv_38 ._table_1w4dv_1{width:100%}._table_1w4dv_1{width:100%;border-spacing:0;box-sizing:border-box}._table_1w4dv_1 thead{position:sticky;top:0;z-index:2}._table_1w4dv_1 th,._table_1w4dv_1 td{cursor:pointer;position:relative;box-sizing:border-box;background:var(--em-tablechart-header-background, #fff);padding:var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-right:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);height:var(--em-tablechart-cell-height, 2.5rem);max-height:var(--em-tablechart-cell-height, 2.5rem)}._table_1w4dv_1 thead th:last-of-type,._table_1w4dv_1 tbody td:last-of-type{border-right:unset}._table_1w4dv_1 th:hover{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_1w4dv_1 tr:has(td:hover) td{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_1w4dv_1 tbody tr:last-of-type th,._table_1w4dv_1 tbody tr:last-of-type td{border-bottom:unset}._table_1w4dv_1 th,._table_1w4dv_1 td{font-style:normal;font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);line-height:var(--em-tablechart-line-height, .875rem)}._table_1w4dv_1 tr th{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--medium, 500)}._table_1w4dv_1 tr td{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight, 400)}._table_1w4dv_1 ._boltCell_1w4dv_117{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--bold, 700)}._table_1w4dv_1 ._mutedCell_1w4dv_123{color:var(--em-tablechart-color--muted, #5c5c66);font-weight:var(--em-tablechart-font-weight, 400)}._table_1w4dv_1 ._stickyFirstColumn_1w4dv_129{left:0;z-index:1;text-align:left;position:sticky;font-style:normal;pointer-events:none}._stickyFirstColumn_1w4dv_129:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-tablechart-border-width, 1px));width:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_1w4dv_1{border-spacing:0;box-sizing:content-box}._table_1w4dv_1 tbody tr._stickyLastRow_1w4dv_154{bottom:0;top:0;z-index:1;position:sticky;font-style:normal;pointer-events:none}._table_1w4dv_1 tbody tr._stickyLastRow_1w4dv_154 th:before,._table_1w4dv_1 tbody tr._stickyLastRow_1w4dv_154 td:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--em-tablechart-border-width, 1px));height:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_1w4dv_1 tbody tr._tableLastRow_1w4dv_174 td{border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1)}._tablePagination_1wpsk_1{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-tablechart-pagination-height, 3rem);padding:var(--em-tablechart-cell-padding, .5rem)}._tablePaginationCentral_1wpsk_11{display:flex;align-items:center;font-style:normal;gap:var(--em-tablechart-pagination-label-padding-left-right, 1rem);color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem)}._tablePaginationCentralButtons_1wpsk_23{display:flex;align-items:center;gap:var(--em-tablechart-pagination-button-gap, .5rem)}._tableHeader_1l18e_1 ._tableHeaderCell_1l18e_1{padding:unset}._tableHeaderCell_1l18e_1 button{width:100%;display:flex;border:unset;cursor:pointer;font-style:normal;white-space:nowrap;background-color:unset;justify-content:space-between;align-items:center;padding:var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem);gap:var(--em-tablechart-cell-padding, .5rem)}._tableHeaderCell_1l18e_1 button svg{width:var(--em-tablechart-icon-size, 1rem);height:var(--em-tablechart-icon-size, 1rem)}._copyButton_32339_1{position:absolute;top:50%;right:var(--em-tablechart-cell-padding, .5rem);transform:translateY(-50%);opacity:0}._copyButton_32339_1._leftAlign_32339_9{left:var(--em-tablechart-cell-padding, .5rem);right:auto}._tableBodyCell_32339_14:hover ._copyButton_32339_1{opacity:1}._feedback_4vety_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-feedback-gap, .75rem)}._feedback_4vety_1 svg{width:var(--em-card-feedback-icon-size, 1rem);height:var(--em-card-feedback-icon-size, 1rem)}._feedback_4vety_1 h2{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-title-color, #212129);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-title-font-weight, 500);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1 p{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-subtitle-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-subtitle-font-weight, 400);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1._error_4vety_36,._feedback_4vety_1._error_4vety_36 h2,._feedback_4vety_1._error_4vety_36 p{color:var(--em-card-feedback-color--error, #bc1010)}._selectFieldOption_shf1g_1{display:flex;align-items:center;justify-content:space-between;outline:none;cursor:pointer;overflow:hidden;box-sizing:border-box;min-height:var(--em-selectfield-item-height, 2rem);height:var(--em-selectfield-item-height, 2rem);max-height:var(--em-selectfield-item-height, 2rem);padding:var(--em-selectfield-item-padding, .5rem);border-radius:var(--em-selectfield-item-border-radius, .5rem);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17{display:flex;flex:0 0 auto;white-space:nowrap;align-items:center;font-style:normal;color:var(--em-selectfield-item-label-left-color, #212129);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-left-font-size, .75rem);font-weight:var(--em-selectfield-item-label-left-font-weight, 500);line-height:var(--em-selectfield-item-label-left-line-height, .875rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30{display:flex;min-width:0;font-style:normal;color:var(--em-selectfield-item-label-right-color, #5c5c66);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-right-font-size, .75rem);font-weight:var(--em-selectfield-item-label-right-font-weight, 400);line-height:var(--em-selectfield-item-label-right-line-height, .875rem)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17 span,._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-selectfield-item-label-padding-left-right, .5rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{white-space:nowrap;text-overflow:ellipsis;text-align:right}._selectFieldOption_shf1g_1:hover,._selectFieldOption_shf1g_1:focus{background:var(--em-selectfield-item-background--hover, #f7f7f8)}._selectFieldOption_shf1g_1:active{background:var(--em-selectfield-item-background--active, #ededf1)}._selectFieldOption_shf1g_1._disabled_shf1g_64{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--em-selectfield-item-label-left-color--disabled, #b8b8bd);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71{background:var(--em-selectfield-item-background--selected, #212129)}._selectFieldOption_shf1g_1._selected_shf1g_71 svg{color:var(--em-selectfield-item-icon-color--selected, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71 ._leftContent_shf1g_17,._selectFieldOption_shf1g_1._selected_shf1g_71 ._rightContent_shf1g_30{color:var(--em-selectfield-item-label-left-color--selected, #fff)}._selectFieldOption_shf1g_1 svg,._selectFieldOption_shf1g_1 img{flex-shrink:0;width:var(--em-selectfield-item-icon-size, 1rem);height:var(--em-selectfield-item-icon-size, 1rem);color:var(--em-selectfield-item-icon-color, #212129)}._selectFieldOption_shf1g_1._disabled_shf1g_64 svg,._selectFieldOption_shf1g_1._disabled_shf1g_64 img{color:var(--em-selectfield-item-icon-color--disabled, #b8b8bd)}._selectFieldContent_4ibzd_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-selectfield-content-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);max-height:var(--em-selectfield-content-max-height, 20rem);padding:var(--em-selectfield-content-padding, .5rem);border-radius:var(--em-selectfield-content-border-radius, .75rem);background:var(--em-selectfield-content-background, #fff);box-shadow:var(--em-selectfield-content-shadow-position-x, 0) var(--em-selectfield-content-shadow-position-y, 1px) var(--em-selectfield-content-shadow-blur, 40px) var(--em-selectfield-content-shadow-spread, 0) var(--em-selectfield-content-shadow-color, rgba(33, 33, 41, .25))}._selectFieldContentList_4ibzd_22{display:flex;flex-direction:column;position:relative;height:100%;overflow:auto}._selectFieldContentList_4ibzd_22._disabled_4ibzd_30{opacity:var(--em-selectfield-content-opacity--loading, .5);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes _shimmer_1r4sj_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_1r4sj_10{animation:_shimmer_1r4sj_1 1.5s infinite;background:linear-gradient(270deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-skeleton-border-radius, .75rem)}._chartCard_84eo6_1{height:100%;width:100%}._fixedContent_84eo6_6{z-index:3;background:inherit;position:absolute;right:0}._fixedContent_84eo6_6._loading_84eo6_13{z-index:4;display:block}._fixedContent_84eo6_6._hidden_84eo6_18{display:none}._chartCardRightContent_84eo6_22{width:2rem;height:2rem;position:relative;align-self:flex-start}@keyframes _spin_k5y8w_1{to{transform:rotate(360deg)}}._loading_k5y8w_7{animation:_spin_k5y8w_1 2s linear infinite;padding:var(--em-card-loader-padding, .25rem);width:var(--em-card-loader-size, 1.5rem);height:var(--em-card-loader-size, 1.5rem);background:var(--em-card-background, #f7f7f8)}._list_mwshn_1{width:auto}._kpiChartContainer_1yh32_1{width:100%;height:100%;font-style:normal;text-align:center;display:flex}._kpiChartCenter_1yh32_9{margin:auto;display:flex;flex-direction:column;align-items:center}._kpiChartCenter_1yh32_9 h2{margin:unset;overflow:hidden;width:min-content;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-number-font-weight, 700)}._kpiComparisonContainer_1yh32_27{display:flex;align-items:center;flex-direction:column;text-align:center;font-style:normal;font-size:var(--em-kpichart-trend-font-size, 1rem)}._kpiChartChangeContainer_c9xhz_1{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--em-kpichart-label-gap, .5rem);margin-top:var(--em-kpichart-gap, 1.5rem)}._kpiChangeBadge_c9xhz_10{display:flex;justify-content:center;align-items:center;padding:var(--em-kpichart-trend-padding, .25rem);border-radius:var(--em-kpichart-trend-border-radius, .375rem);width:min-content}._kpiChangeBadge_c9xhz_10>svg{width:1em;height:1em}._kpiChangeBadge_c9xhz_10>span{color:inherit;font-style:normal;font-size:1em;padding:0 var(--em-kpichart-trend-padding, .25rem);font-weight:var(--em-kpichart-trend-font-weight, 500);line-height:var(--em-kpichart-trend-line-height, 1rem)}._kpiChangeBadge_c9xhz_10._positive_c9xhz_33{background:var(--em-kpichart-trend-background--positive, #e1f0e9);color:var(--em-kpichart-trend-color--positive, #0f955a)}._kpiChangeBadge_c9xhz_10._negative_c9xhz_38{background:var(--em-kpichart-trend-background--negative, #f6e2e2);color:var(--em-kpichart-trend-color--negative, #bc1010)}._kpiComparisonLabel_c9xhz_43{text-align:center;font-style:normal;font-size:.875em;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-label-font-weight, 400);line-height:var(--em-kpichart-label-line-height, .875rem);white-space:nowrap}._searchField_fsiyv_1{margin-bottom:var(--em-selectfield-content-gap, .5rem)}._submitButton_fsiyv_5{margin-top:var(--em-selectfield-content-gap, .5rem);justify-content:center}._selectFieldCategory_fdkgf_1{display:flex;font-style:normal;padding:var(--em-selectfield-category-padding, .25rem);border-radius:var(--em-selectfield-category-border-radius, .375rem);background:var(--em-selectfield-category-background, #e4e4ea);color:var(--em-selectfield-category-color, #000);font-family:var(--em-selectfield-category-font-family, sans-serif);font-size:var(--em-selectfield-category-font-size, .75rem);font-weight:var(--em-selectfield-category-font-weight, 700);line-height:var(--em-selectfield-category-line-height, .875rem)}._card_15bw3_1{background:unset;padding:unset}._button_1x5gp_1{cursor:pointer;display:flex;align-items:center;border:unset;border-radius:var(--em-button-border-radius, 624.9375rem)}._button_1x5gp_1._small_1x5gp_9{height:var(--em-button-height--small, 2rem);padding:var(--em-button-padding-top-bottom--small, .375rem) var(--em-button-padding-left-right--small, .375rem)}._button_1x5gp_1._small_1x5gp_9 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--small, .75rem);font-style:normal;font-weight:var(--em-button-font-weight--small, 500);line-height:var(--em-button-line-height--small, .875rem)}._button_1x5gp_1._medium_1x5gp_23{height:var(--em-button-height--medium, 2.5rem);padding:var(--em-button-padding-top-bottom--medium, .75rem) var(--em-button-padding-left-right--medium, .75rem)}._button_1x5gp_1._medium_1x5gp_23 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--medium, .875rem);font-style:normal;font-weight:var(--em-button-font-weight--medium, 700);line-height:var(--em-button-line-height--medium, 1rem)}._button_1x5gp_1._primary_1x5gp_37{color:var(--em-button-color--primary, #fff);background:var(--em-button-background--primary, #5c5c66)}._button_1x5gp_1._primary_1x5gp_37:hover{background:var(--em-button-background--primary--hover, #212129)}._button_1x5gp_1._primary_1x5gp_37:active{background:var(--em-button-background--primary--active, #000)}._button_1x5gp_1._primary_1x5gp_37:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1x5gp_1._secondary_1x5gp_55{color:var(--em-button-color--secondary, #212129);background:var(--em-button-background--secondary, #ededf1)}._button_1x5gp_1._secondary_1x5gp_55:hover{background:var(--em-button-background--secondary--hover, #e4e4ea)}._button_1x5gp_1._secondary_1x5gp_55:active{background:var(--em-button-background--secondary--active, #d2d2d5)}._button_1x5gp_1._secondary_1x5gp_55:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1x5gp_1:disabled{pointer-events:none}._button_1x5gp_1 svg{width:var(--em-button-icon-size, 1rem);height:var(--em-button-icon-size, 1rem)}._button_1x5gp_1 span{padding:0 var(--em-button-label-padding, .5rem)}._colorInputContainer_1o1qe_1{display:flex;align-items:center;gap:var(--em-textfield-padding--space-100, .5rem)}._colorInput_1o1qe_1{cursor:pointer;height:var(--em-textfield-height, 2.5rem);width:var(--em-textfield-height, 2.5rem);gap:var(--em-textfield-padding--space-100, .5rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--backdrop-elevation-0, #fff)}._colorInput_1o1qe_1::-webkit-color-swatch-wrapper{padding:0}._colorInput_1o1qe_1::-webkit-color-swatch{border:unset;border-radius:50%}._colorInput_1o1qe_1::-moz-color-swatch{border:unset;border-radius:50%}._typography_g1one_1{font-family:var(--em-core-font-family--base, sans-serif);margin:unset}._buttonIcon_17kgb_1{cursor:pointer;display:flex;align-items:center;flex-shrink:0;border:unset;justify-content:center;border-radius:var(--em-buttonicon-border-radius, 624.9375rem)}._buttonIcon_17kgb_1._small_17kgb_11{height:var(--em-buttonicon-height--small, 2rem);width:var(--em-buttonicon-height--small, 2rem);padding:var(--em-buttonicon-padding-top-bottom--small, .375rem) var(--em-buttonicon-padding-left-right--small, .375rem)}._buttonIcon_17kgb_1._medium_17kgb_18{height:var(--em-buttonicon-height--medium, 2.5rem);width:var(--em-buttonicon-height--medium, 2.5rem);padding:var(--em-buttonicon-padding-top-bottom--medium, .75rem) var(--em-buttonicon-padding-left-right--medium, .75rem)}._buttonIcon_17kgb_1._primary_17kgb_25{color:var(--em-buttonicon-color--primary, #fff);background:var(--em-buttonicon-background--primary, #5c5c66)}._buttonIcon_17kgb_1._primary_17kgb_25:hover{background:var(--em-buttonicon-background--primary--hover, #212129)}._buttonIcon_17kgb_1._primary_17kgb_25:active{background:var(--em-buttonicon-background--primary--active, #000)}._buttonIcon_17kgb_1._primary_17kgb_25:disabled{background:var(--em-buttonicon-background--primary--disabled, #ededf1)}._buttonIcon_17kgb_1._secondary_17kgb_42{color:var(--em-buttonicon-color--secondary, #212129);background:var(--em-buttonicon-background--secondary, #ededf1)}._buttonIcon_17kgb_1._secondary_17kgb_42:hover{background:var(--em-buttonicon-background--secondary--hover, #e4e4ea)}._buttonIcon_17kgb_1._secondary_17kgb_42:active{background:var(--em-buttonicon-background--secondary--active, #d2d2d5)}._buttonIcon_17kgb_1._secondary_17kgb_42:disabled{background:var(--em-buttonicon-background--secondary--disabled, #ededf1)}._buttonIcon_17kgb_1:disabled{pointer-events:none;color:var(--em-buttonicon-color--disabled, #b8b8bd)}._buttonIcon_17kgb_1 svg{width:var(--em-buttonicon-icon-size, 1rem);height:var(--em-buttonicon-icon-size, 1rem)}._ghostButton_118d3_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:transparent;font-style:normal;height:var(--em-ghostbutton-height, 1.25rem);padding:var(--em-ghostbutton-padding, .125rem);color:var(--em-ghostbutton-color, #212129);font-family:var(--em-ghostbutton-font-family, sans-serif);font-size:var(--em-ghostbutton-font-size, .75rem);font-weight:var(--em-ghostbutton-font-weight, 400);line-height:var(--em-ghostbutton-line-height, .875rem);border-radius:var(--em-ghostbutton-border-radius, .25rem)}._ghostButton_118d3_1:hover,._ghostButton_118d3_1:focus{background-color:var(--em-ghostbutton-background--hover, #f7f7f8)}._ghostButton_118d3_1:active{background-color:var(--em-ghostbutton-background--active, #ededf1)}._ghostButton_118d3_1:disabled{cursor:unset;pointer-events:none;background-color:transparent;color:var(--em-ghostbutton-color--disabled, #b8b8bd)}._ghostButton_118d3_1 svg{width:var(--em-ghostbutton-icon-size, .75rem);height:var(--em-ghostbutton-icon-size, .75rem)}._ghostButton_118d3_1 span{display:flex;align-items:center;padding:0 var(--em-ghostbutton-label-padding-right, .25rem) 0 var(--em-ghostbutton-label-padding-left, .25rem)}._overlay_1t3tm_1{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--em-overlay-background, rgba(33, 33, 41, .8))}._switch_vkmwe_1{display:inline-flex;align-items:flex-start;gap:var(--em-switch-label-gap, .5rem);cursor:pointer}._switch_vkmwe_1._disabled_vkmwe_8{pointer-events:none}._switch_vkmwe_1 input{position:absolute;opacity:0;width:0;height:0}._switchTrack_vkmwe_19{position:relative;display:flex;box-sizing:border-box;width:var(--em-switch-width, 2rem);height:var(--em-switch-height, 1rem);border-radius:var(--em-switch-size-border-radius, 624.9375rem);background:var(--em-switch-background--on, #e4e4ea);padding:var(--em-switch-thumb-padding, .125rem)}._switchThumb_vkmwe_30{transition:all .2s ease-in-out;position:absolute;flex-shrink:0;border-radius:50%;left:var(--em-switch-thumb-padding, .125rem);background:var(--em-switch-thumb-background--off, #5c5c66);width:var(--em-switch-thumb-size, .75rem);height:var(--em-switch-thumb-size, .75rem)}._switch_vkmwe_1._checked_vkmwe_41 ._switchTrack_vkmwe_19{background:var(--em-switch-background--off, #212129)}._switch_vkmwe_1._checked_vkmwe_41 ._switchThumb_vkmwe_30{background:var(--em-switch-thumb-background, #fff);left:calc(100% - var(--em-switch-thumb-size, .75rem) - var(--em-switch-thumb-padding, .125rem))}._switch_vkmwe_1._disabled_vkmwe_8 ._switchTrack_vkmwe_19{background:var(--em-switch-background--disabled, #e4e4ea)}._switch_vkmwe_1._disabled_vkmwe_8 ._switchThumb_vkmwe_30{background:var(--em-switch-thumb-background--disabled, #ededf1)}._switchLabel_vkmwe_60{font-style:normal;color:var(--em-switch-label-color, #212129);font-family:var(--em-switch-font-family, sans-serif);font-size:var(--em-switch-label-color-font-size, 1rem);font-weight:var(--em-switch-label-color-font-weight, 500);line-height:var(--em-switch-label-color-line-height, 16px)}._switch_vkmwe_1._disabled_vkmwe_8 ._switchLabel_vkmwe_60{color:var(--em-switch-label-color--disabled, #b8b8bd)}

package/dist/{timeRange.utils-Yy_Z93Kv.js → timeRange.utils-AEhW9Gu4.js}

@@ -1,4 +1,4 @@
-import { P as i } from "./component.constants-BfTb5vNm.js";
+import { E as i } from "./component.constants-VpbbPSIL.js";
 const f = (o, t, s) => {
   var d;
   if (!o || !t)
@@ -17,4 +17,4 @@ export {
   v as a,
   f as g
 };
-//# sourceMappingURL=timeRange.utils-Yy_Z93Kv.js.map
+//# sourceMappingURL=timeRange.utils-AEhW9Gu4.js.map

package/dist/{timeRange.utils-Yy_Z93Kv.js.map → timeRange.utils-AEhW9Gu4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.utils-Yy_Z93Kv.js","sources":["../src/remarkable-pro/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}
+{"version":3,"file":"timeRange.utils-AEhW9Gu4.js","sources":["../src/remarkable-pro/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-ui",
   "author": "embeddable (https://embeddable.com)",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/ChartCard-DE8akLvk.js

@@ -1,122 +0,0 @@
-import { a0 as R, j as t, aJ as p, i as f, a8 as D, ad as w, F as m, a9 as N, a7 as S, a3 as L, a5 as I, a2 as x, a4 as b, a6 as _, aK as M } from "./component.constants-BfTb5vNm.js";
-import j, { useRef as $ } from "react";
-import { useTheme as y } from "@embeddable.com/react";
-/**
- * @license @tabler/icons-react v3.35.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const F = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], T = R("outline", "dots-vertical", "DotsVertical", F), A = "_skeleton_1r4sj_10", P = {
-  skeleton: A
-}, E = () => /* @__PURE__ */ t.jsx("div", { className: P.skeleton }), K = "_chartCard_84eo6_1", V = "_fixedContent_84eo6_6", B = "_loading_84eo6_13", H = "_hidden_84eo6_18", J = "_chartCardRightContent_84eo6_22", n = {
-  chartCard: K,
-  fixedContent: V,
-  loading: B,
-  hidden: H,
-  chartCardRightContent: J
-}, O = "_loading_k5y8w_7", q = {
-  loading: O
-}, v = () => /* @__PURE__ */ t.jsx(p, { className: q.loading }), z = "_list_mwshn_1", G = {
-  list: z
-}, Q = (o) => {
-  var h, C;
-  const i = y();
-  f(i);
-  const [u, e] = j.useState(!1), c = ((C = (h = i.charts) == null ? void 0 : h.chartCardMenuPro) == null ? void 0 : C.options) ?? [];
-  if (c.length === 0)
-    return null;
-  const d = (s) => {
-    setTimeout(() => {
-      Promise.resolve(s()).finally(() => e(!1));
-    }, 100);
-  }, l = (s) => {
-    if (e(!0), o.onCustomDownload) {
-      o.onCustomDownload((a) => d(() => s(a)));
-      return;
-    }
-    d(() => s({ ...o, theme: i }));
-  };
-  return /* @__PURE__ */ t.jsx(
-    D,
-    {
-      side: "bottom",
-      align: "end",
-      triggerComponent: u ? /* @__PURE__ */ t.jsx(v, {}) : /* @__PURE__ */ t.jsx(S, { icon: T }),
-      children: /* @__PURE__ */ t.jsx(w, { className: G.list, autoFocus: !0, children: c.map((s, a) => {
-        const r = m.t(s.labelKey);
-        return /* @__PURE__ */ t.jsx(
-          N,
-          {
-            label: r,
-            onClick: () => l(s.onClick),
-            startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx("img", { src: s.iconSrc, alt: `${r} icon` }) : void 0
-          },
-          a
-        );
-      }) })
-    }
-  );
-}, U = j.forwardRef(
-  ({ title: o, subtitle: i, children: u, data: e, errorMessage: c, dimensionsAndMeasures: d = [], ...l }, h) => {
-    var g;
-    const C = y();
-    f(C);
-    const s = $(null), a = !!(e != null && e.data && ((g = e.data) == null ? void 0 : g.length) > 0), r = !e || (e == null ? void 0 : e.isLoading), k = () => r && !a ? /* @__PURE__ */ t.jsx(E, {}) : c ? /* @__PURE__ */ t.jsx(
-      _,
-      {
-        variant: "error",
-        icon: M,
-        title: m.t("charts.errorTitle"),
-        message: c
-      }
-    ) : a ? u : /* @__PURE__ */ t.jsx(
-      _,
-      {
-        title: m.t("charts.emptyTitle"),
-        message: m.t("charts.emptyMessage")
-      }
-    );
-    return /* @__PURE__ */ t.jsxs(L, { className: n.chartCard, ...l, children: [
-      /* @__PURE__ */ t.jsx(
-        I,
-        {
-          title: o,
-          subtitle: i,
-          rightContent: /* @__PURE__ */ t.jsxs("div", { className: n.chartCardRightContent, children: [
-            /* @__PURE__ */ t.jsx(
-              "div",
-              {
-                className: x(n.fixedContent, r ? n.loading : n.hidden),
-                children: /* @__PURE__ */ t.jsx(v, {})
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              "div",
-              {
-                className: x(n.fixedContent, r ? n.hidden : n.visible),
-                children: /* @__PURE__ */ t.jsx(
-                  Q,
-                  {
-                    title: o,
-                    containerRef: s,
-                    data: e == null ? void 0 : e.data,
-                    dimensionsAndMeasures: d,
-                    onCustomDownload: l.onCustomDownload
-                  }
-                )
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ t.jsx(b, { ref: l.onCustomDownload ? h : s, children: k() })
-    ] });
-  }
-);
-U.displayName = "ChartCard";
-export {
-  U as C,
-  E as S
-};
-//# sourceMappingURL=ChartCard-DE8akLvk.js.map

package/dist/ChartCard-DE8akLvk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartCard-DE8akLvk.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/components/shared/Skeleton/Skeleton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n  return <div className={styles.skeleton} />;\n};\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.charts?.chartCardMenuPro?.options ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuProOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={\n                option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n              }\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '../../../../../remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro/ChartCardMenuPro.types';\nimport clsx from 'clsx';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuProOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","ChartCardLoading","IconLoader2","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","_b","_a","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","getDisplay","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ComparisonPeriod.type.emb-Dlysd_iF.js

@@ -1,14 +0,0 @@
-import { aL as i, aM as o } from "./component.constants-BfTb5vNm.js";
-const e = i("comparisonPeriod", {
-  label: "Comparison Period",
-  optionLabel: (r) => r
-});
-o(e, "Previous period");
-o(e, "Previous week");
-o(e, "Previous month");
-o(e, "Previous quarter");
-o(e, "Previous year");
-export {
-  e as C
-};
-//# sourceMappingURL=ComparisonPeriod.type.emb-Dlysd_iF.js.map

package/dist/EditorCard-ncOGVWah.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorCard-ncOGVWah.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/components/editors/selects/shared/SelectFieldContent/SelectFieldContent.utils.ts","../src/remarkable-ui/components/editors/selects/shared/useSelectSearchFocus.hook.ts","../src/remarkable-ui/components/editors/selects/shared/SelectFieldContent/SelectListOptions/SelectFieldCategory/SelectFieldCategory.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import {\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from './SelectListOptions/SelectFieldOption/SelectFieldOption';\n\ntype GroupedOptions = {\n  [category: string]: SelectListOptionPropsWithCategory[];\n};\n\nexport const groupOptionsByCategory = (\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[],\n): GroupedOptions | null => {\n  const result = options.reduce<GroupedOptions>((acc, option) => {\n    if ('category' in option && option.category) {\n      const category = option.category;\n      if (!acc[category]) {\n        acc[category] = [];\n      }\n      acc[category].push(option);\n    }\n    return acc;\n  }, {});\n\n  // Return null if no categories were found\n  return Object.keys(result).length === 0 ? null : result;\n};\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","import { FC } from 'react';\nimport styles from './SelectFieldCategory.module.css';\n\ntype SelectFieldCategoryProps = {\n  label: string;\n};\n\nexport const SelectFieldCategory: FC<SelectFieldCategoryProps> = ({ label }) => {\n  return <span className={styles.selectFieldCategory}>{label}</span>;\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '../../../../../remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["__iconNode","IconSearch","createReactComponent","groupOptionsByCategory","options","result","acc","option","category","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","SelectFieldCategory","label","jsx","styles","debounce","fn","delay","timer","args","EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","CardFeedback","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU,GCDpEG,IAAyB,CACpCC,MAC0B;AAC1B,QAAMC,IAASD,EAAQ,OAAuB,CAACE,GAAKC,MAAW;AAC7D,QAAI,cAAcA,KAAUA,EAAO,UAAU;AAC3C,YAAMC,IAAWD,EAAO;AACxB,MAAKD,EAAIE,CAAQ,MACfF,EAAIE,CAAQ,IAAI,CAAA,IAElBF,EAAIE,CAAQ,EAAE,KAAKD,CAAM;AAAA,IAC3B;AACA,WAAOD;AAAA,EACT,GAAG,CAAA,CAAE;AAGL,SAAO,OAAO,KAAKD,CAAM,EAAE,WAAW,IAAI,OAAOA;AACnD;;;GCvBaI,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;GCNaG,IAAoD,CAAC,EAAE,OAAAC,QAC3DC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAWC,EAAO,qBAAsB,UAAAF,GAAM;ACPtD,SAASG,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;;;GCGaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAX,gBAAAA,EAAAA;AAAAA,IAACiB;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASR;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGU,GAAA,EAAK,WAAWnB,EAAO,MAAO,GAAGW,GAChC,UAAA;AAAA,IAAAZ,gBAAAA,EAAAA,IAACqB,GAAA,EAAW,OAAAb,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CT,gBAAAA,EAAAA,IAACsB,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}

package/dist/KpiChart-B9tgnF4B.js

@@ -1,105 +0,0 @@
-import { a0 as j, j as n, a2 as y } from "./component.constants-BfTb5vNm.js";
-import { useRef as b, useState as S, useEffect as w } from "react";
-/**
- * @license @tabler/icons-react v3.35.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const M = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], R = j("outline", "trending-down", "TrendingDown", M);
-/**
- * @license @tabler/icons-react v3.35.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const $ = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], B = j("outline", "trending-up", "TrendingUp", $), L = "_kpiChartContainer_1yh32_1", T = "_kpiChartCenter_1yh32_9", I = "_kpiComparisonContainer_1yh32_27", x = {
-  kpiChartContainer: L,
-  kpiChartCenter: T,
-  kpiComparisonContainer: I
-}, K = "_kpiChartChangeContainer_c9xhz_1", D = "_kpiChangeBadge_c9xhz_10", E = "_positive_c9xhz_33", U = "_negative_c9xhz_38", q = "_kpiComparisonLabel_c9xhz_43", s = {
-  kpiChartChangeContainer: K,
-  kpiChangeBadge: D,
-  positive: E,
-  negative: U,
-  kpiComparisonLabel: q
-}, H = (e, t) => e ? t ? s.negative : s.positive : t ? s.positive : s.negative, O = ({
-  value: e,
-  comparisonValue: t = 0,
-  showChangeAsPercentage: c,
-  invertChangeColors: p = !1,
-  comparisonLabel: C,
-  valueFormatter: h,
-  percentageDecimalPlaces: g = 1,
-  equalComparisonLabel: k,
-  className: _
-}) => {
-  const o = t === e, i = e - t, a = i > 0;
-  let r;
-  c ? r = `${(t === 0 ? 0 : i / t * 100).toFixed(g)}%` : r = h ? h(i) : i.toString();
-  const f = `${a ? "+" : ""}${r}`, d = a ? B : R;
-  return /* @__PURE__ */ n.jsxs("div", { className: y(_, s.kpiChartChangeContainer), children: [
-    !o && /* @__PURE__ */ n.jsxs(
-      "span",
-      {
-        className: y(s.kpiChangeBadge, H(a, p)),
-        children: [
-          /* @__PURE__ */ n.jsx(d, {}),
-          /* @__PURE__ */ n.jsx("span", { children: f })
-        ]
-      }
-    ),
-    /* @__PURE__ */ n.jsx("span", { className: s.kpiComparisonLabel, children: o ? k ?? C : C })
-  ] });
-}, A = ({
-  value: e,
-  valueFontSize: t,
-  changeFontSize: c,
-  comparisonValue: p,
-  comparisonLabel: C,
-  invertChangeColors: h,
-  showChangeAsPercentage: g,
-  percentageDecimalPlaces: k = 1,
-  equalComparisonLabel: _ = "No change",
-  valueFormatter: o
-}) => {
-  const i = b(null), [a, r] = S(20);
-  w(() => {
-    const l = i.current, v = () => {
-      const z = l.offsetWidth, N = l.offsetHeight, u = Math.min(z, N) * 0.3;
-      r(u);
-    }, m = new ResizeObserver(v);
-    return m.observe(l), v(), () => m.disconnect();
-  }, []);
-  const f = p !== void 0, d = e === void 0 ? "" : o ? o(e) : e;
-  return /* @__PURE__ */ n.jsx("div", { className: x.kpiChartContainer, ref: i, children: /* @__PURE__ */ n.jsxs("div", { className: x.kpiChartCenter, children: [
-    /* @__PURE__ */ n.jsx(
-      "h2",
-      {
-        title: d.toString(),
-        style: {
-          fontSize: t ?? a
-        },
-        children: d
-      }
-    ),
-    /* @__PURE__ */ n.jsx("div", { className: x.kpiComparisonContainer, style: { fontSize: c }, children: f && /* @__PURE__ */ n.jsx(
-      O,
-      {
-        equalComparisonLabel: _,
-        changeFontSize: c,
-        comparisonLabel: C,
-        comparisonValue: p,
-        invertChangeColors: h,
-        percentageDecimalPlaces: k,
-        showChangeAsPercentage: g,
-        value: e,
-        valueFormatter: o
-      }
-    ) })
-  ] }) });
-};
-export {
-  A as K
-};
-//# sourceMappingURL=KpiChart-B9tgnF4B.js.map

package/dist/KpiChart-B9tgnF4B.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KpiChart-B9tgnF4B.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/components/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/components/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel,\n  className,\n}) => {\n  const equalComparison = comparisonValue === value;\n\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      {!equalComparison && (\n        <span\n          className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}\n        >\n          <Icon />\n          <span>{displayValue}</span>\n        </span>\n      )}\n\n      <span className={styles.kpiComparisonLabel}>\n        {equalComparison ? (equalComparisonLabel ?? comparisonLabel) : comparisonLabel}\n      </span>\n    </div>\n  );\n};\n","import { FC, useEffect, useRef, useState } from 'react';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  valueFontSize,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFormatter,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [fontSize, setFontSize] = useState(20);\n\n  useEffect(() => {\n    const container = containerRef.current!;\n\n    const updateFont = () => {\n      const w = container.offsetWidth;\n      const h = container.offsetHeight;\n\n      // proportional to the smaller dimension\n      const newSize = Math.min(w, h) * 0.3; // 40% of the smaller dimension\n      setFontSize(newSize);\n    };\n\n    const observer = new ResizeObserver(updateFont);\n    observer.observe(container);\n\n    updateFont(); // initial run\n\n    return () => observer.disconnect();\n  }, []);\n\n  const hasComparisonValue = comparisonValue !== undefined;\n\n  const displayValue = value === undefined ? '' : valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer} ref={containerRef}>\n      <div className={styles.kpiChartCenter}>\n        <h2\n          title={displayValue.toString()}\n          style={{\n            fontSize: valueFontSize ?? fontSize,\n          }}\n        >\n          {displayValue}\n        </h2>\n        <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n          {hasComparisonValue && (\n            <KpiChartChange\n              equalComparisonLabel={equalComparisonLabel}\n              changeFontSize={changeFontSize}\n              comparisonLabel={comparisonLabel}\n              comparisonValue={comparisonValue}\n              invertChangeColors={invertChangeColors}\n              percentageDecimalPlaces={percentageDecimalPlaces}\n              showChangeAsPercentage={showChangeAsPercentage}\n              value={value}\n              valueFormatter={valueFormatter}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","equalComparisonLabel","className","equalComparison","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","KpiChart","valueFontSize","changeFontSize","containerRef","useRef","fontSize","setFontSize","useState","useEffect","container","updateFont","w","h","newSize","observer","hasComparisonValue"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/SingleSelectField-BTpa_tLg.js

@@ -1,109 +0,0 @@
-import { j as s, ab as B, a8 as H, ad as K, af as P, ae as q, a9 as x, ac as z, aa as A } from "./component.constants-BfTb5vNm.js";
-import { useState as b, useRef as G, useEffect as J, useMemo as O, Fragment as Q } from "react";
-import { u as U, d as V, g as W, s as X, I as Y, S as Z } from "./EditorCard-ncOGVWah.js";
-const ee = ({
-  label: y,
-  required: L,
-  value: t = "",
-  startIcon: I,
-  options: r,
-  disabled: j,
-  placeholder: k,
-  isSearchable: m,
-  isClearable: E,
-  isLoading: g,
-  noOptionsMessage: R = "No options available",
-  onChange: o,
-  onSearch: a,
-  error: D = !1,
-  errorMessage: i
-}) => {
-  const [C, N] = b(!1), [F, h] = b(""), [T, d] = b(t), v = G(null);
-  U(C, v), J(() => {
-    if (!t) {
-      d("");
-      return;
-    }
-    const e = r.find((c) => c.value === t);
-    e && d(e.label);
-  }, [t, r]);
-  const n = O(() => a ? V(a) : void 0, [a]), u = m && !a ? r.filter((e) => e.label.toLowerCase().includes(F.toLowerCase())) : r, S = O(() => W(u), [u]), f = (e) => {
-    if (h(""), o(e ?? ""), a == null || a(""), e === "")
-      d("");
-    else {
-      const c = r.find((l) => l.value === e);
-      c && d(c.label);
-    }
-  }, p = (e) => {
-    h(e), n == null || n(e);
-  }, w = D || !!i;
-  return /* @__PURE__ */ s.jsxs("div", { children: [
-    /* @__PURE__ */ s.jsx(B, { label: y, required: L }),
-    /* @__PURE__ */ s.jsx(
-      H,
-      {
-        open: C,
-        onOpenChange: N,
-        disabled: j,
-        triggerComponent: /* @__PURE__ */ s.jsx(
-          z,
-          {
-            startIcon: I,
-            "aria-label": "Select option",
-            placeholder: k,
-            disabled: j,
-            valueLabel: T,
-            onClear: () => f(""),
-            isClearable: E,
-            isLoading: g,
-            error: w
-          }
-        ),
-        children: /* @__PURE__ */ s.jsxs(K, { children: [
-          m && /* @__PURE__ */ s.jsx(
-            P,
-            {
-              ref: v,
-              startIcon: Y,
-              "aria-label": "Search options",
-              placeholder: "Search…",
-              role: "searchbox",
-              value: F,
-              onKeyDown: (e) => e.stopPropagation(),
-              onChange: p,
-              className: X.searchField
-            }
-          ),
-          /* @__PURE__ */ s.jsxs(q, { disabled: g, children: [
-            S ? Object.entries(S).map(([e, c]) => /* @__PURE__ */ s.jsxs(Q, { children: [
-              /* @__PURE__ */ s.jsx(Z, { label: e }),
-              c.map((l) => /* @__PURE__ */ s.jsx(
-                x,
-                {
-                  onClick: () => f(l == null ? void 0 : l.value),
-                  isSelected: l.value === t,
-                  ...l
-                },
-                (l == null ? void 0 : l.value) ?? l.label
-              ))
-            ] }, e)) : u.map((e) => /* @__PURE__ */ s.jsx(
-              x,
-              {
-                onClick: () => f(e == null ? void 0 : e.value),
-                isSelected: e.value === t,
-                ...e
-              },
-              (e == null ? void 0 : e.value) ?? e.label
-            )),
-            r.length === 0 && /* @__PURE__ */ s.jsx(x, { disabled: !0, value: "empty", label: R })
-          ] })
-        ] })
-      }
-    ),
-    i && /* @__PURE__ */ s.jsx(A, { message: i, variant: "error" })
-  ] });
-};
-export {
-  ee as S
-};
-//# sourceMappingURL=SingleSelectField-BTpa_tLg.js.map

package/dist/SingleSelectField-BTpa_tLg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SingleSelectField-BTpa_tLg.js","sources":["../src/remarkable-ui/components/editors/selects/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectFieldTrigger } from '../shared/SelectFieldTrigger/SelectFieldTrigger';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport {\n  SelectFieldContent,\n  SelectFieldContentList,\n} from '../shared/SelectFieldContent/SelectFieldContent';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n  SelectListOptionPropsWithCategory,\n} from '../shared/SelectFieldContent/SelectListOptions/SelectFieldOption/SelectFieldOption';\nimport { SelectFieldCategory } from '../shared/SelectFieldContent/SelectListOptions/SelectFieldCategory/SelectFieldCategory';\nimport { groupOptionsByCategory } from '../shared/SelectFieldContent/SelectFieldContent.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport { FieldHeader, FieldHeaderProps } from '../../../shared/Field/FieldHeader';\nimport styles from '../selects.module.css';\nimport { FieldFeedback } from '../../../shared/Field/FieldFeedback';\nimport { TextField } from '../../inputs/TextField/TextField';\nimport { debounce } from '../../../../utils/debounce.utils';\n\nexport type SingleSelectFieldProps = {\n  options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];\n  startIcon?: TablerIcon;\n  value?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  isSearchable?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  noOptionsMessage?: string;\n  onChange: (value: string) => void;\n  onSearch?: (search: string) => void;\n  error?: boolean;\n  errorMessage?: string;\n} & FieldHeaderProps;\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n  label,\n  required,\n  value = '',\n  startIcon,\n  options,\n  disabled,\n  placeholder,\n  isSearchable,\n  isClearable,\n  isLoading,\n  noOptionsMessage = 'No options available',\n  onChange,\n  onSearch,\n  error = false,\n  errorMessage,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    if (!value) {\n      setSelectedLabel('');\n      return;\n    }\n\n    const option = options.find((opt) => opt.value === value);\n    if (option) {\n      setSelectedLabel(option.label);\n    }\n  }, [value, options]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const groupedOptions = useMemo(() => groupOptionsByCategory(displayOptions), [displayOptions]);\n\n  const handleChange = (newValue?: string) => {\n    setSearchValue('');\n    onChange(newValue ?? '');\n    onSearch?.('');\n\n    if (newValue === '') {\n      setSelectedLabel('');\n    } else {\n      const option = options.find((opt) => opt.value === newValue);\n      if (option) setSelectedLabel(option.label);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const hasError = error || !!errorMessage;\n\n  return (\n    <div>\n      <FieldHeader label={label} required={required} />\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        disabled={disabled}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={startIcon}\n            aria-label=\"Select option\"\n            placeholder={placeholder}\n            disabled={disabled}\n            valueLabel={selectedLabel}\n            onClear={() => handleChange('')}\n            isClearable={isClearable}\n            isLoading={isLoading}\n            error={hasError}\n          />\n        }\n      >\n        <SelectFieldContent>\n          {isSearchable && (\n            <TextField\n              ref={searchFieldRef}\n              startIcon={IconSearch}\n              aria-label=\"Search options\"\n              placeholder=\"Search…\"\n              role=\"searchbox\"\n              value={searchValue}\n              onKeyDown={(e) => e.stopPropagation()}\n              onChange={handleSearch}\n              className={styles.searchField}\n            />\n          )}\n          <SelectFieldContentList disabled={isLoading}>\n            {groupedOptions\n              ? Object.entries(groupedOptions).map(([category, categoryOptions]) => (\n                  <Fragment key={category}>\n                    <SelectFieldCategory label={category} />\n                    {categoryOptions.map((option) => (\n                      <SelectListOption\n                        key={option?.value ?? option.label}\n                        onClick={() => handleChange(option?.value)}\n                        isSelected={option.value === value}\n                        {...option}\n                      />\n                    ))}\n                  </Fragment>\n                ))\n              : displayOptions.map((option) => (\n                  <SelectListOption\n                    key={option?.value ?? option.label}\n                    onClick={() => handleChange(option?.value)}\n                    isSelected={option.value === value}\n                    {...option}\n                  />\n                ))}\n            {options.length === 0 && (\n              <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n            )}\n          </SelectFieldContentList>\n        </SelectFieldContent>\n      </Dropdown>\n      {errorMessage && <FieldFeedback message={errorMessage} variant=\"error\" />}\n    </div>\n  );\n};\n"],"names":["SingleSelectField","label","required","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","groupedOptions","groupOptionsByCategory","handleChange","newValue","handleSearch","newSearch","hasError","jsx","FieldHeader","Dropdown","SelectFieldTrigger","SelectFieldContent","TextField","IconSearch","styles","jsxs","SelectFieldContentList","category","categoryOptions","Fragment","SelectFieldCategory","SelectListOption","FieldFeedback"],"mappings":"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"}