@magmonium/one 0.4.57 → 0.4.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{magmonium-one-attribute-value-BobQXKUK.mjs → magmonium-one-attribute-value-CPh-lJPV.mjs} +3 -3
- package/fesm2022/{magmonium-one-attribute-value-BobQXKUK.mjs.map → magmonium-one-attribute-value-CPh-lJPV.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-base-checkbox-bwMjlhHR.mjs → magmonium-one-base-checkbox-LdM6dqF_.mjs} +2 -2
- package/fesm2022/{magmonium-one-base-checkbox-bwMjlhHR.mjs.map → magmonium-one-base-checkbox-LdM6dqF_.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-base-dropdown-BgLka4oB.mjs → magmonium-one-base-dropdown-DgfWj1wC.mjs} +10 -10
- package/fesm2022/{magmonium-one-base-dropdown-BgLka4oB.mjs.map → magmonium-one-base-dropdown-DgfWj1wC.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-base-input-KRWQalNW.mjs → magmonium-one-base-input-B92NOmxz.mjs} +2 -2
- package/fesm2022/{magmonium-one-base-input-KRWQalNW.mjs.map → magmonium-one-base-input-B92NOmxz.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-base-text-HyEol70U.mjs → magmonium-one-base-text-ChjG3GNw.mjs} +2 -2
- package/fesm2022/{magmonium-one-base-text-HyEol70U.mjs.map → magmonium-one-base-text-ChjG3GNw.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-button-B1KCA8KO.mjs → magmonium-one-button-BvX-kWgh.mjs} +7 -7
- package/fesm2022/{magmonium-one-button-B1KCA8KO.mjs.map → magmonium-one-button-BvX-kWgh.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-checkbox-CyVd_a7p.mjs → magmonium-one-checkbox-CTRdyVrI.mjs} +5 -5
- package/fesm2022/{magmonium-one-checkbox-CyVd_a7p.mjs.map → magmonium-one-checkbox-CTRdyVrI.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-color-utl-Bd80JrEQ.mjs → magmonium-one-color-utl-BA51l-Rw.mjs} +2 -2
- package/fesm2022/{magmonium-one-color-utl-Bd80JrEQ.mjs.map → magmonium-one-color-utl-BA51l-Rw.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-directives-Dbe0pfCf.mjs → magmonium-one-directives-DM6J1Hvs.mjs} +4 -4
- package/fesm2022/{magmonium-one-directives-Dbe0pfCf.mjs.map → magmonium-one-directives-DM6J1Hvs.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-group-BPhM2IIa.mjs → magmonium-one-group-cbqVX51M.mjs} +7 -7
- package/fesm2022/{magmonium-one-group-BPhM2IIa.mjs.map → magmonium-one-group-cbqVX51M.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-header-CckG0DHr.mjs → magmonium-one-header-BylTUAGY.mjs} +4 -4
- package/fesm2022/{magmonium-one-header-CckG0DHr.mjs.map → magmonium-one-header-BylTUAGY.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-icon-dAR6gd-q.mjs → magmonium-one-icon-CH-g8CUR.mjs} +4 -4
- package/fesm2022/{magmonium-one-icon-dAR6gd-q.mjs.map → magmonium-one-icon-CH-g8CUR.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-image-editor-CKx7BRVF.mjs → magmonium-one-image-editor-FomMDHZl.mjs} +4 -4
- package/fesm2022/{magmonium-one-image-editor-CKx7BRVF.mjs.map → magmonium-one-image-editor-FomMDHZl.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-label-B8WJHiU4.mjs → magmonium-one-label-BJcQs0Nd.mjs} +2 -2
- package/fesm2022/{magmonium-one-label-B8WJHiU4.mjs.map → magmonium-one-label-BJcQs0Nd.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-m-ref-BdP7Kzhk.mjs → magmonium-one-m-ref-DLIAzywu.mjs} +2 -2
- package/fesm2022/{magmonium-one-m-ref-BdP7Kzhk.mjs.map → magmonium-one-m-ref-DLIAzywu.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-menu-CxswmD0O.mjs → magmonium-one-menu-Ct4s8-W_.mjs} +6 -6
- package/fesm2022/{magmonium-one-menu-CxswmD0O.mjs.map → magmonium-one-menu-Ct4s8-W_.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-multi-range-mv5rz3uW.mjs → magmonium-one-multi-range-CDJX9iFR.mjs} +3 -3
- package/fesm2022/{magmonium-one-multi-range-mv5rz3uW.mjs.map → magmonium-one-multi-range-CDJX9iFR.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-options-asset-By4-vPVk.mjs → magmonium-one-options-asset-BNd1hbLw.mjs} +2 -2
- package/fesm2022/{magmonium-one-options-asset-By4-vPVk.mjs.map → magmonium-one-options-asset-BNd1hbLw.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-otp-BlP0t9w1.mjs → magmonium-one-otp-AFrgpHdp.mjs} +5 -5
- package/fesm2022/{magmonium-one-otp-BlP0t9w1.mjs.map → magmonium-one-otp-AFrgpHdp.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-CTnJ9M7d.mjs → magmonium-one-password-C7W01COQ.mjs} +6 -6
- package/fesm2022/{magmonium-one-password-CTnJ9M7d.mjs.map → magmonium-one-password-C7W01COQ.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-radio-BanML2y5.mjs → magmonium-one-radio-yizQzCrD.mjs} +3 -3
- package/fesm2022/{magmonium-one-radio-BanML2y5.mjs.map → magmonium-one-radio-yizQzCrD.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-range-B_3WiQR7.mjs → magmonium-one-range-B6JesBOM.mjs} +4 -4
- package/fesm2022/{magmonium-one-range-B_3WiQR7.mjs.map → magmonium-one-range-B6JesBOM.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-selector-Do0PsJBx.mjs → magmonium-one-selector-CeqlecBa.mjs} +4 -4
- package/fesm2022/{magmonium-one-selector-Do0PsJBx.mjs.map → magmonium-one-selector-CeqlecBa.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-size-converter-BOLtxL8d.mjs → magmonium-one-size-converter-BqkALIWA.mjs} +3 -2
- package/fesm2022/magmonium-one-size-converter-BqkALIWA.mjs.map +1 -0
- package/fesm2022/{magmonium-one-text-DDA0gCOd.mjs → magmonium-one-text-DT9ia02A.mjs} +6 -6
- package/fesm2022/{magmonium-one-text-DDA0gCOd.mjs.map → magmonium-one-text-DT9ia02A.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-text-output-Dkx0i1iu.mjs → magmonium-one-text-output-nJBGhbwG.mjs} +4 -4
- package/fesm2022/{magmonium-one-text-output-Dkx0i1iu.mjs.map → magmonium-one-text-output-nJBGhbwG.mjs.map} +1 -1
- package/fesm2022/magmonium-one-theme-BtQyLRdQ.mjs +1 -0
- package/fesm2022/{magmonium-one-toggle-C5-GwMSQ.mjs → magmonium-one-toggle-BPInV6K-.mjs} +3 -3
- package/fesm2022/{magmonium-one-toggle-C5-GwMSQ.mjs.map → magmonium-one-toggle-BPInV6K-.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1348 -45
- package/fesm2022/magmonium-one.mjs.map +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +593 -1
- package/fesm2022/magmonium-one-size-converter-BOLtxL8d.mjs.map +0 -1
- package/fesm2022/magmonium-one-theme-Ce9i3H3R.mjs +0 -1
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
|
|
2
|
-
import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-
|
|
3
|
-
import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-
|
|
2
|
+
import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BqkALIWA.mjs";
|
|
3
|
+
import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-CeqlecBa.mjs";
|
|
4
4
|
import { t as FileService } from "./magmonium-one-file.service-D39FjShR.mjs";
|
|
5
|
-
import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-
|
|
6
|
-
import "./magmonium-one-theme-
|
|
7
|
-
import { a as sectionTableColumnId, c as sortSectionTableRows, d as PercentagePipe, f as MoneyPipe, i as nextSectionTableSort, l as AssetUrlPipe, n as SectionTableSortPipe, o as sectionTableColumnWidths, p as TimeAgoPipe, r as defaultSectionTableSort, s as sectionTableFrozenCount, t as LabelComponent, u as CompactNumberPipe } from "./magmonium-one-label-
|
|
8
|
-
import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-
|
|
9
|
-
import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-
|
|
10
|
-
import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-
|
|
11
|
-
import { t as MRefDirective } from "./magmonium-one-m-ref-
|
|
12
|
-
import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-
|
|
5
|
+
import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-BA51l-Rw.mjs";
|
|
6
|
+
import "./magmonium-one-theme-BtQyLRdQ.mjs";
|
|
7
|
+
import { a as sectionTableColumnId, c as sortSectionTableRows, d as PercentagePipe, f as MoneyPipe, i as nextSectionTableSort, l as AssetUrlPipe, n as SectionTableSortPipe, o as sectionTableColumnWidths, p as TimeAgoPipe, r as defaultSectionTableSort, s as sectionTableFrozenCount, t as LabelComponent, u as CompactNumberPipe } from "./magmonium-one-label-BJcQs0Nd.mjs";
|
|
8
|
+
import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-CH-g8CUR.mjs";
|
|
9
|
+
import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-CPh-lJPV.mjs";
|
|
10
|
+
import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-BvX-kWgh.mjs";
|
|
11
|
+
import { t as MRefDirective } from "./magmonium-one-m-ref-DLIAzywu.mjs";
|
|
12
|
+
import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-BNd1hbLw.mjs";
|
|
13
13
|
import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
|
|
14
|
-
import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-
|
|
15
|
-
import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-
|
|
16
|
-
import { t as HeaderComponent } from "./magmonium-one-header-
|
|
17
|
-
import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-
|
|
18
|
-
import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-
|
|
19
|
-
import { t as BaseInputComponent } from "./magmonium-one-base-input-
|
|
20
|
-
import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-
|
|
21
|
-
import { t as TextOutputComponent } from "./magmonium-one-text-output-
|
|
22
|
-
import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-
|
|
23
|
-
import { t as RadioInputComponent } from "./magmonium-one-radio-
|
|
24
|
-
import { t as TextInputComponent } from "./magmonium-one-text-
|
|
25
|
-
import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-
|
|
26
|
-
import { t as RangeInputComponent } from "./magmonium-one-range-
|
|
27
|
-
import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-
|
|
14
|
+
import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CTRdyVrI.mjs";
|
|
15
|
+
import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-DM6J1Hvs.mjs";
|
|
16
|
+
import { t as HeaderComponent } from "./magmonium-one-header-BylTUAGY.mjs";
|
|
17
|
+
import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-cbqVX51M.mjs";
|
|
18
|
+
import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-Ct4s8-W_.mjs";
|
|
19
|
+
import { t as BaseInputComponent } from "./magmonium-one-base-input-B92NOmxz.mjs";
|
|
20
|
+
import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-ChjG3GNw.mjs";
|
|
21
|
+
import { t as TextOutputComponent } from "./magmonium-one-text-output-nJBGhbwG.mjs";
|
|
22
|
+
import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-LdM6dqF_.mjs";
|
|
23
|
+
import { t as RadioInputComponent } from "./magmonium-one-radio-yizQzCrD.mjs";
|
|
24
|
+
import { t as TextInputComponent } from "./magmonium-one-text-DT9ia02A.mjs";
|
|
25
|
+
import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-CDJX9iFR.mjs";
|
|
26
|
+
import { t as RangeInputComponent } from "./magmonium-one-range-B6JesBOM.mjs";
|
|
27
|
+
import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-DgfWj1wC.mjs";
|
|
28
28
|
import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
|
|
29
29
|
import * as i0 from "@angular/core";
|
|
30
|
-
import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
|
|
30
|
+
import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, LOCALE_ID, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
|
|
31
31
|
import { HttpErrorResponse, provideHttpClient, withFetch, withInterceptors } from "@angular/common/http";
|
|
32
32
|
import { EMPTY, Observable, Subject, catchError, combineLatest, distinctUntilChanged, filter, finalize, firstValueFrom, forkJoin, from, fromEvent, map, mergeMap, of, pipe, race, shareReplay, startWith, switchMap, take, tap, throwError } from "rxjs";
|
|
33
33
|
import { rxResource, takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
|
|
@@ -744,12 +744,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
|
|
|
744
744
|
try {
|
|
745
745
|
switch (type) {
|
|
746
746
|
case InputType.RADIO: {
|
|
747
|
-
const { RadioInputComponent } = await import("./magmonium-one-radio-
|
|
747
|
+
const { RadioInputComponent } = await import("./magmonium-one-radio-yizQzCrD.mjs").then((n) => n.n);
|
|
748
748
|
this.createDynamicComponent(seq, RadioInputComponent);
|
|
749
749
|
break;
|
|
750
750
|
}
|
|
751
751
|
case InputType.TOGGLE: {
|
|
752
|
-
const { ToggleInputComponent } = await import("./magmonium-one-toggle-
|
|
752
|
+
const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
|
|
753
753
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
754
754
|
break;
|
|
755
755
|
}
|
|
@@ -759,12 +759,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
|
|
|
759
759
|
break;
|
|
760
760
|
}
|
|
761
761
|
case InputType.PASSWORD: {
|
|
762
|
-
const { PasswordInputComponent } = await import("./magmonium-one-password-
|
|
762
|
+
const { PasswordInputComponent } = await import("./magmonium-one-password-C7W01COQ.mjs");
|
|
763
763
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
764
764
|
break;
|
|
765
765
|
}
|
|
766
766
|
case InputType.OTP: {
|
|
767
|
-
const { OtpInputComponent } = await import("./magmonium-one-otp-
|
|
767
|
+
const { OtpInputComponent } = await import("./magmonium-one-otp-AFrgpHdp.mjs");
|
|
768
768
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
769
769
|
break;
|
|
770
770
|
}
|
|
@@ -774,7 +774,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
|
|
|
774
774
|
break;
|
|
775
775
|
}
|
|
776
776
|
case InputType.CHECKBOX: {
|
|
777
|
-
const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-
|
|
777
|
+
const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CTRdyVrI.mjs").then((n) => n.n);
|
|
778
778
|
this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
|
|
779
779
|
break;
|
|
780
780
|
}
|
|
@@ -789,12 +789,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
|
|
|
789
789
|
break;
|
|
790
790
|
}
|
|
791
791
|
case InputType.RANGE: {
|
|
792
|
-
const { RangeInputComponent } = await import("./magmonium-one-range-
|
|
792
|
+
const { RangeInputComponent } = await import("./magmonium-one-range-B6JesBOM.mjs").then((n) => n.n);
|
|
793
793
|
this.createDynamicComponent(seq, RangeInputComponent);
|
|
794
794
|
break;
|
|
795
795
|
}
|
|
796
796
|
case InputType.MULTI_RANGE: {
|
|
797
|
-
const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-
|
|
797
|
+
const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-CDJX9iFR.mjs").then((n) => n.n);
|
|
798
798
|
this.createDynamicComponent(seq, MultiRangeInputComponent);
|
|
799
799
|
break;
|
|
800
800
|
}
|
|
@@ -845,7 +845,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
|
|
|
845
845
|
break;
|
|
846
846
|
}
|
|
847
847
|
default: {
|
|
848
|
-
const { TextInputComponent } = await import("./magmonium-one-text-
|
|
848
|
+
const { TextInputComponent } = await import("./magmonium-one-text-DT9ia02A.mjs").then((n) => n.n);
|
|
849
849
|
this.createDynamicComponent(seq, TextInputComponent);
|
|
850
850
|
break;
|
|
851
851
|
}
|
|
@@ -17524,7 +17524,7 @@ var SectionTableComponent = class SectionTableComponent extends ConfigComponent
|
|
|
17524
17524
|
</div>
|
|
17525
17525
|
`,
|
|
17526
17526
|
isInline: true,
|
|
17527
|
-
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table{display:flex;flex-direction:column;border:1px solid var(--m-backdrop-border);border-radius:12px;overflow:clip;background:color-mix(in srgb,var(--m-background) 90%,transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;transition:background-color .3s ease}.m-table--flat{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.m-table__toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--m-table-toolbar-padding-x, 1.25rem);border-bottom:1px solid var(--m-backdrop-border);gap:1.5rem;background:color-mix(in srgb,var(--m-background) 45%,transparent)}.m-table--flat .m-table__toolbar{background:transparent;padding-left:0;padding-right:0}.m-table__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.02em;flex:1}.m-table__search{flex:0 1 auto;display:flex;align-items:center}.m-table__search .m-input-wrapper{width:100%}.m-table__mobile-view{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;flex:1;overflow:auto}.m-table__empty-mobile{padding:3rem 1.5rem;text-align:center;color:var(--m-text-tertiary);font-size:.9375rem;font-weight:500;font-style:italic;opacity:.8;background:color-mix(in srgb,var(--m-background) 20%,transparent);border-radius:12px;border:1px dashed var(--m-backdrop-border)}.m-table__wrapper{overflow:auto;flex:1}.m-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.m-table__wrapper::-webkit-scrollbar-track{background:transparent}.m-table__wrapper::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.m-table__wrapper::-webkit-scrollbar-thumb:hover{background:var(--m-text-tertiary)}.m-table__table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0}mark.m-table__highlight{background:var(--m-highlight);color:#000;border-radius:2px;padding:0 2px;font-weight:700;box-shadow:0 1px 4px #0003}mark.m-table__highlight .m-one-pagination{margin-left:auto;--m-button-size: 2.25rem;--m-pagination-gap: .375rem}.m-table-pagination{display:flex;align-items:center;gap:1.5rem;padding:1.25rem var(--m-table-pagination-padding-x, 1.25rem);border-top:1px solid var(--m-backdrop-border);font-size:.8125rem;flex-wrap:wrap;background:color-mix(in srgb,var(--m-background) 40%,transparent)}.m-table--flat .m-table-pagination{background:transparent;padding-left:0;padding-right:0}.m-table-pagination__size{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--m-text-secondary);font-weight:500}.m-table-pagination__select{border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface);color:var(--m-text);padding:.375rem .625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.m-table-pagination__select:hover{background:var(--m-backdrop-glass);border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 10%,transparent)}.m-table-pagination__select:focus{border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-table-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:1rem 1.25rem;background:color-mix(in srgb,var(--m-background-lite) 60%,transparent);border-bottom:1px solid var(--m-backdrop-border);box-shadow:inset 0 2px 4px #00000005;overflow-x:auto;scrollbar-width:none}.m-table-filter::-webkit-scrollbar{display:none}.m-table--flat .m-table-filter{background:transparent;padding-left:0;padding-right:0;border-bottom:none}.m-table-filter__item{display:flex;align-items:center;gap:10px;padding:.4375rem 1rem;border-radius:12px;background:var(--m-background);border:1px solid var(--m-backdrop-border);color:var(--m-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-weight:500}.m-table-filter__item:hover{border-color:var(--m-mm);color:var(--m-mm);background:var(--m-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.m-table-filter__item--active{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--active:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px)}.m-table-filter__item--active .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--primary{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--primary:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--m-mm) 30%,transparent)}.m-table-filter__item--primary .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--danger{border-color:var(--m-error);color:var(--m-error)}.m-table-filter__item--danger:hover{border-color:var(--m-error);color:var(--m-error);background:var(--m-backdrop-error);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--m-error) 12%,transparent)}.m-table-filter__item--danger .m-table-filter__badge{background:var(--m-backdrop-error);color:var(--m-error);border-color:color-mix(in srgb,var(--m-error) 20%,transparent)}.m-table-filter__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.m-table-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:100px;background:var(--m-backdrop-surface);color:var(--m-text-secondary);font-size:.6875rem;font-weight:700;border:1px solid var(--m-backdrop-border);transition:all .2s ease}.m-table-thead__th{position:sticky;top:0;z-index:10;background:var(--m-table-thead-background, color-mix(in srgb, var(--m-background) 95%, transparent));-webkit-backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-table-thead-background, var(--m-background))}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-table-thead-background, var(--m-background))}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__row--warning{background:color-mix(in srgb,var(--m-warning) 10%,transparent)}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row--warning .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-warning) 10%,var(--m-background))}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}.m-table-body--grouped .m-table-body__empty{padding:.75rem 1.25rem;font-size:.8rem;text-align:left}.m-table-body .is-drag-over>td{box-shadow:inset 0 2px 0 var(--m-mm)}.m-table-body .is-dragging{opacity:.4}.m-table-body__row[draggable=true]{cursor:grab}.m-table-group__cell{padding:.5rem 1.25rem .5rem .5rem;background:var(--m-backdrop-surface);border-top:1px solid var(--m-backdrop-border);border-bottom:1px solid var(--m-backdrop-border)}.m-table-group__inner{display:flex;align-items:center;gap:.5rem}.m-table-group__label{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--m-text);white-space:normal}.m-table-group--error .m-table-group__label{color:var(--m-error)}.m-table-group[draggable=true]{cursor:grab}.m-section-table-host{display:block;width:100%}.m-section-table__th{position:static;vertical-align:middle}.m-section-table--sticky .m-section-table__th{position:sticky;top:0}.m-section-table__heading{justify-content:var(--m-section-table-justify, flex-start);min-height:2rem}.m-section-table--compact :where(.m-section-table__th){padding:.625rem .75rem}.m-section-table--compact :where(.m-section-table__cell){padding:.5rem .75rem}.m-section-table--spacious :where(.m-section-table__th){padding:1.5rem 1.75rem}.m-section-table--spacious :where(.m-section-table__cell){padding:1.5rem 1.75rem}.m-section-table--margin{margin-block:1em}.m-section-table--border.m-table{border-top:4px solid var(--m-backdrop-border);border-bottom:2px solid var(--m-backdrop-border)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover){background:color-mix(in srgb,var(--m-mm) 3%,transparent)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover) .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 3%,var(--m-background))}.m-section-table__th--squeeze{position:relative;padding-right:3rem}.m-section-table__th--folded{padding-left:0;padding-right:0}.m-section-table__squeeze{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface)}.m-section-table__th--folded .m-section-table__squeeze{right:50%;transform:translate(50%,-50%)}@media(min-width:769px){.m-section-table__cell--frozen{position:sticky;z-index:5;background:var(--m-background)}}@media(min-width:769px){.m-section-table th.m-section-table__cell--frozen{z-index:20}}@media(min-width:769px){.m-section-table--sticky .m-section-table th.m-section-table__cell--frozen{z-index:21}}@media(min-width:769px){.m-section-table__cell--frozen-last{border-right:1px solid var(--m-backdrop-border)}}.m-section-table__row:hover .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background))}.m-section-table__cell--folded{text-align:center;padding-left:0;padding-right:0}.m-section-table__content[hidden]{display:none}.m-section-table .m-section-table__cell .m-section-table__content .m-text-output-host.align-left .m-text-output{text-align:inherit}.m-section-table__dot{display:inline-block;width:.375rem;height:.375rem;border-radius:50%;background:var(--m-text-tertiary)}.m-section-table__row{cursor:default}\n"],
|
|
17527
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table{display:flex;flex-direction:column;border:1px solid var(--m-backdrop-border);border-radius:12px;overflow:clip;background:color-mix(in srgb,var(--m-background) 90%,transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;transition:background-color .3s ease}.m-table--flat{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.m-table__toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--m-table-toolbar-padding-x, 1.25rem);border-bottom:1px solid var(--m-backdrop-border);gap:1.5rem;background:color-mix(in srgb,var(--m-background) 45%,transparent)}.m-table--flat .m-table__toolbar{background:transparent;padding-left:0;padding-right:0}.m-table__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.02em;flex:1}.m-table__search{flex:0 1 auto;display:flex;align-items:center}.m-table__search .m-input-wrapper{width:100%}.m-table__mobile-view{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;flex:1;overflow:auto}.m-table__empty-mobile{padding:3rem 1.5rem;text-align:center;color:var(--m-text-tertiary);font-size:.9375rem;font-weight:500;font-style:italic;opacity:.8;background:color-mix(in srgb,var(--m-background) 20%,transparent);border-radius:12px;border:1px dashed var(--m-backdrop-border)}.m-table__wrapper{overflow:auto;flex:1}.m-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.m-table__wrapper::-webkit-scrollbar-track{background:transparent}.m-table__wrapper::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.m-table__wrapper::-webkit-scrollbar-thumb:hover{background:var(--m-text-tertiary)}.m-table__table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0}mark.m-table__highlight{background:var(--m-highlight);color:#000;border-radius:2px;padding:0 2px;font-weight:700;box-shadow:0 1px 4px #0003}mark.m-table__highlight .m-one-pagination{margin-left:auto;--m-button-size: 2.25rem;--m-pagination-gap: .375rem}.m-table-pagination{display:flex;align-items:center;gap:1.5rem;padding:1.25rem var(--m-table-pagination-padding-x, 1.25rem);border-top:1px solid var(--m-backdrop-border);font-size:.8125rem;flex-wrap:wrap;background:color-mix(in srgb,var(--m-background) 40%,transparent)}.m-table--flat .m-table-pagination{background:transparent;padding-left:0;padding-right:0}.m-table-pagination__size{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--m-text-secondary);font-weight:500}.m-table-pagination__select{border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface);color:var(--m-text);padding:.375rem .625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.m-table-pagination__select:hover{background:var(--m-backdrop-glass);border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 10%,transparent)}.m-table-pagination__select:focus{border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-table-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:1rem 1.25rem;background:color-mix(in srgb,var(--m-background-lite) 60%,transparent);border-bottom:1px solid var(--m-backdrop-border);box-shadow:inset 0 2px 4px #00000005;overflow-x:auto;scrollbar-width:none}.m-table-filter::-webkit-scrollbar{display:none}.m-table--flat .m-table-filter{background:transparent;padding-left:0;padding-right:0;border-bottom:none}.m-table-filter__item{display:flex;align-items:center;gap:10px;padding:.4375rem 1rem;border-radius:12px;background:var(--m-background);border:1px solid var(--m-backdrop-border);color:var(--m-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-weight:500}.m-table-filter__item:hover{border-color:var(--m-mm);color:var(--m-mm);background:var(--m-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.m-table-filter__item--active{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--active:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px)}.m-table-filter__item--active .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--primary{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--primary:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--m-mm) 30%,transparent)}.m-table-filter__item--primary .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--danger{border-color:var(--m-error);color:var(--m-error)}.m-table-filter__item--danger:hover{border-color:var(--m-error);color:var(--m-error);background:var(--m-backdrop-error);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--m-error) 12%,transparent)}.m-table-filter__item--danger .m-table-filter__badge{background:var(--m-backdrop-error);color:var(--m-error);border-color:color-mix(in srgb,var(--m-error) 20%,transparent)}.m-table-filter__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.m-table-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:100px;background:var(--m-backdrop-surface);color:var(--m-text-secondary);font-size:.6875rem;font-weight:700;border:1px solid var(--m-backdrop-border);transition:all .2s ease}.m-table-thead__th{position:sticky;top:0;z-index:10;background:var(--m-table-thead-background, color-mix(in srgb, var(--m-background) 95%, transparent));-webkit-backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-table-thead-background, var(--m-background))}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-table-thead-background, var(--m-background))}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__row--warning{background:color-mix(in srgb,var(--m-warning) 10%,transparent)}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row--warning .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-warning) 10%,var(--m-background))}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}.m-table-body--grouped .m-table-body__empty{padding:.75rem 1.25rem;font-size:.8rem;text-align:left}.m-table-body .is-drag-over>td{box-shadow:inset 0 2px 0 var(--m-mm)}.m-table-body .is-dragging{opacity:.4}.m-table-body__row[draggable=true]{cursor:grab}.m-table-group__cell{padding:.5rem 1.25rem .5rem .5rem;background:var(--m-backdrop-surface);border-top:1px solid var(--m-backdrop-border);border-bottom:1px solid var(--m-backdrop-border)}.m-table-group__inner{display:flex;align-items:center;gap:.5rem}.m-table-group__label{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--m-text);white-space:normal}.m-table-group--error .m-table-group__label{color:var(--m-error)}.m-table-group[draggable=true]{cursor:grab}.m-section-table-host{display:block;width:100%}.m-section-table__th{position:static;vertical-align:middle}.m-section-table--sticky .m-section-table__th{position:sticky;top:0}.m-section-table__heading{justify-content:var(--m-section-table-justify, flex-start);min-height:2rem}.m-section-table--compact :where(.m-section-table__th){padding:.625rem .75rem}.m-section-table--compact :where(.m-section-table__cell){padding:.5rem .75rem}.m-section-table--spacious :where(.m-section-table__th){padding:1.5rem 1.75rem}.m-section-table--spacious :where(.m-section-table__cell){padding:1.5rem 1.75rem}.m-section-table--margin{margin-block:1em}.m-section-table--border.m-table{border-top:4px solid var(--m-backdrop-border);border-bottom:2px solid var(--m-backdrop-border)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover){background:color-mix(in srgb,var(--m-mm) 3%,transparent)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover) .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 3%,var(--m-background))}.m-section-table__th--squeeze{position:relative;padding-right:3rem}.m-section-table__th--folded{padding-left:0;padding-right:0}.m-section-table__squeeze{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface)}.m-section-table__th--folded .m-section-table__squeeze{right:50%;transform:translate(50%,-50%)}@media(min-width:769px){.m-section-table__cell--frozen{position:sticky;z-index:5;background:var(--m-background)}}@media(min-width:769px){.m-section-table th.m-section-table__cell--frozen{z-index:20}}@media(min-width:769px){.m-section-table--sticky .m-section-table th.m-section-table__cell--frozen{z-index:21}}@media(min-width:769px){.m-section-table__cell--frozen-last{border-right:1px solid var(--m-backdrop-border)}}.m-section-table__row:hover .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background))}.m-section-table__cell--folded{text-align:center;padding-left:0;padding-right:0}.m-section-table__content[hidden]{display:none}.m-section-table__cell:has(>.m-section-table__content>.m-heat-swatch-host:only-child){padding:0;height:3.25rem}.m-section-table__cell:has(>.m-section-table__content>.m-heat-swatch-host:only-child)>.m-section-table__content{position:absolute;inset:0}.m-section-table__cell:not(.m-section-table__cell--frozen):has(>.m-section-table__content>.m-heat-swatch-host:only-child){position:relative}.m-section-table .m-section-table__cell .m-section-table__content .m-text-output-host.align-left .m-text-output{text-align:inherit}.m-section-table__dot{display:inline-block;width:.375rem;height:.375rem;border-radius:50%;background:var(--m-text-tertiary)}.m-section-table__row{cursor:default}\n"],
|
|
17528
17528
|
dependencies: [
|
|
17529
17529
|
{
|
|
17530
17530
|
kind: "component",
|
|
@@ -17700,7 +17700,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
17700
17700
|
};
|
|
17701
17701
|
}
|
|
17702
17702
|
}],
|
|
17703
|
-
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table{display:flex;flex-direction:column;border:1px solid var(--m-backdrop-border);border-radius:12px;overflow:clip;background:color-mix(in srgb,var(--m-background) 90%,transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;transition:background-color .3s ease}.m-table--flat{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.m-table__toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--m-table-toolbar-padding-x, 1.25rem);border-bottom:1px solid var(--m-backdrop-border);gap:1.5rem;background:color-mix(in srgb,var(--m-background) 45%,transparent)}.m-table--flat .m-table__toolbar{background:transparent;padding-left:0;padding-right:0}.m-table__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.02em;flex:1}.m-table__search{flex:0 1 auto;display:flex;align-items:center}.m-table__search .m-input-wrapper{width:100%}.m-table__mobile-view{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;flex:1;overflow:auto}.m-table__empty-mobile{padding:3rem 1.5rem;text-align:center;color:var(--m-text-tertiary);font-size:.9375rem;font-weight:500;font-style:italic;opacity:.8;background:color-mix(in srgb,var(--m-background) 20%,transparent);border-radius:12px;border:1px dashed var(--m-backdrop-border)}.m-table__wrapper{overflow:auto;flex:1}.m-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.m-table__wrapper::-webkit-scrollbar-track{background:transparent}.m-table__wrapper::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.m-table__wrapper::-webkit-scrollbar-thumb:hover{background:var(--m-text-tertiary)}.m-table__table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0}mark.m-table__highlight{background:var(--m-highlight);color:#000;border-radius:2px;padding:0 2px;font-weight:700;box-shadow:0 1px 4px #0003}mark.m-table__highlight .m-one-pagination{margin-left:auto;--m-button-size: 2.25rem;--m-pagination-gap: .375rem}.m-table-pagination{display:flex;align-items:center;gap:1.5rem;padding:1.25rem var(--m-table-pagination-padding-x, 1.25rem);border-top:1px solid var(--m-backdrop-border);font-size:.8125rem;flex-wrap:wrap;background:color-mix(in srgb,var(--m-background) 40%,transparent)}.m-table--flat .m-table-pagination{background:transparent;padding-left:0;padding-right:0}.m-table-pagination__size{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--m-text-secondary);font-weight:500}.m-table-pagination__select{border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface);color:var(--m-text);padding:.375rem .625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.m-table-pagination__select:hover{background:var(--m-backdrop-glass);border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 10%,transparent)}.m-table-pagination__select:focus{border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-table-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:1rem 1.25rem;background:color-mix(in srgb,var(--m-background-lite) 60%,transparent);border-bottom:1px solid var(--m-backdrop-border);box-shadow:inset 0 2px 4px #00000005;overflow-x:auto;scrollbar-width:none}.m-table-filter::-webkit-scrollbar{display:none}.m-table--flat .m-table-filter{background:transparent;padding-left:0;padding-right:0;border-bottom:none}.m-table-filter__item{display:flex;align-items:center;gap:10px;padding:.4375rem 1rem;border-radius:12px;background:var(--m-background);border:1px solid var(--m-backdrop-border);color:var(--m-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-weight:500}.m-table-filter__item:hover{border-color:var(--m-mm);color:var(--m-mm);background:var(--m-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.m-table-filter__item--active{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--active:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px)}.m-table-filter__item--active .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--primary{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--primary:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--m-mm) 30%,transparent)}.m-table-filter__item--primary .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--danger{border-color:var(--m-error);color:var(--m-error)}.m-table-filter__item--danger:hover{border-color:var(--m-error);color:var(--m-error);background:var(--m-backdrop-error);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--m-error) 12%,transparent)}.m-table-filter__item--danger .m-table-filter__badge{background:var(--m-backdrop-error);color:var(--m-error);border-color:color-mix(in srgb,var(--m-error) 20%,transparent)}.m-table-filter__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.m-table-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:100px;background:var(--m-backdrop-surface);color:var(--m-text-secondary);font-size:.6875rem;font-weight:700;border:1px solid var(--m-backdrop-border);transition:all .2s ease}.m-table-thead__th{position:sticky;top:0;z-index:10;background:var(--m-table-thead-background, color-mix(in srgb, var(--m-background) 95%, transparent));-webkit-backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-table-thead-background, var(--m-background))}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-table-thead-background, var(--m-background))}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__row--warning{background:color-mix(in srgb,var(--m-warning) 10%,transparent)}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row--warning .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-warning) 10%,var(--m-background))}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}.m-table-body--grouped .m-table-body__empty{padding:.75rem 1.25rem;font-size:.8rem;text-align:left}.m-table-body .is-drag-over>td{box-shadow:inset 0 2px 0 var(--m-mm)}.m-table-body .is-dragging{opacity:.4}.m-table-body__row[draggable=true]{cursor:grab}.m-table-group__cell{padding:.5rem 1.25rem .5rem .5rem;background:var(--m-backdrop-surface);border-top:1px solid var(--m-backdrop-border);border-bottom:1px solid var(--m-backdrop-border)}.m-table-group__inner{display:flex;align-items:center;gap:.5rem}.m-table-group__label{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--m-text);white-space:normal}.m-table-group--error .m-table-group__label{color:var(--m-error)}.m-table-group[draggable=true]{cursor:grab}.m-section-table-host{display:block;width:100%}.m-section-table__th{position:static;vertical-align:middle}.m-section-table--sticky .m-section-table__th{position:sticky;top:0}.m-section-table__heading{justify-content:var(--m-section-table-justify, flex-start);min-height:2rem}.m-section-table--compact :where(.m-section-table__th){padding:.625rem .75rem}.m-section-table--compact :where(.m-section-table__cell){padding:.5rem .75rem}.m-section-table--spacious :where(.m-section-table__th){padding:1.5rem 1.75rem}.m-section-table--spacious :where(.m-section-table__cell){padding:1.5rem 1.75rem}.m-section-table--margin{margin-block:1em}.m-section-table--border.m-table{border-top:4px solid var(--m-backdrop-border);border-bottom:2px solid var(--m-backdrop-border)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover){background:color-mix(in srgb,var(--m-mm) 3%,transparent)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover) .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 3%,var(--m-background))}.m-section-table__th--squeeze{position:relative;padding-right:3rem}.m-section-table__th--folded{padding-left:0;padding-right:0}.m-section-table__squeeze{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface)}.m-section-table__th--folded .m-section-table__squeeze{right:50%;transform:translate(50%,-50%)}@media(min-width:769px){.m-section-table__cell--frozen{position:sticky;z-index:5;background:var(--m-background)}}@media(min-width:769px){.m-section-table th.m-section-table__cell--frozen{z-index:20}}@media(min-width:769px){.m-section-table--sticky .m-section-table th.m-section-table__cell--frozen{z-index:21}}@media(min-width:769px){.m-section-table__cell--frozen-last{border-right:1px solid var(--m-backdrop-border)}}.m-section-table__row:hover .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background))}.m-section-table__cell--folded{text-align:center;padding-left:0;padding-right:0}.m-section-table__content[hidden]{display:none}.m-section-table .m-section-table__cell .m-section-table__content .m-text-output-host.align-left .m-text-output{text-align:inherit}.m-section-table__dot{display:inline-block;width:.375rem;height:.375rem;border-radius:50%;background:var(--m-text-tertiary)}.m-section-table__row{cursor:default}\n"]
|
|
17703
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-table{display:flex;flex-direction:column;border:1px solid var(--m-backdrop-border);border-radius:12px;overflow:clip;background:color-mix(in srgb,var(--m-background) 90%,transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;transition:background-color .3s ease}.m-table--flat{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.m-table__toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--m-table-toolbar-padding-x, 1.25rem);border-bottom:1px solid var(--m-backdrop-border);gap:1.5rem;background:color-mix(in srgb,var(--m-background) 45%,transparent)}.m-table--flat .m-table__toolbar{background:transparent;padding-left:0;padding-right:0}.m-table__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.02em;flex:1}.m-table__search{flex:0 1 auto;display:flex;align-items:center}.m-table__search .m-input-wrapper{width:100%}.m-table__mobile-view{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;flex:1;overflow:auto}.m-table__empty-mobile{padding:3rem 1.5rem;text-align:center;color:var(--m-text-tertiary);font-size:.9375rem;font-weight:500;font-style:italic;opacity:.8;background:color-mix(in srgb,var(--m-background) 20%,transparent);border-radius:12px;border:1px dashed var(--m-backdrop-border)}.m-table__wrapper{overflow:auto;flex:1}.m-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.m-table__wrapper::-webkit-scrollbar-track{background:transparent}.m-table__wrapper::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.m-table__wrapper::-webkit-scrollbar-thumb:hover{background:var(--m-text-tertiary)}.m-table__table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0}mark.m-table__highlight{background:var(--m-highlight);color:#000;border-radius:2px;padding:0 2px;font-weight:700;box-shadow:0 1px 4px #0003}mark.m-table__highlight .m-one-pagination{margin-left:auto;--m-button-size: 2.25rem;--m-pagination-gap: .375rem}.m-table-pagination{display:flex;align-items:center;gap:1.5rem;padding:1.25rem var(--m-table-pagination-padding-x, 1.25rem);border-top:1px solid var(--m-backdrop-border);font-size:.8125rem;flex-wrap:wrap;background:color-mix(in srgb,var(--m-background) 40%,transparent)}.m-table--flat .m-table-pagination{background:transparent;padding-left:0;padding-right:0}.m-table-pagination__size{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--m-text-secondary);font-weight:500}.m-table-pagination__select{border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface);color:var(--m-text);padding:.375rem .625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.m-table-pagination__select:hover{background:var(--m-backdrop-glass);border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 10%,transparent)}.m-table-pagination__select:focus{border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-table-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:1rem 1.25rem;background:color-mix(in srgb,var(--m-background-lite) 60%,transparent);border-bottom:1px solid var(--m-backdrop-border);box-shadow:inset 0 2px 4px #00000005;overflow-x:auto;scrollbar-width:none}.m-table-filter::-webkit-scrollbar{display:none}.m-table--flat .m-table-filter{background:transparent;padding-left:0;padding-right:0;border-bottom:none}.m-table-filter__item{display:flex;align-items:center;gap:10px;padding:.4375rem 1rem;border-radius:12px;background:var(--m-background);border:1px solid var(--m-backdrop-border);color:var(--m-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-weight:500}.m-table-filter__item:hover{border-color:var(--m-mm);color:var(--m-mm);background:var(--m-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.m-table-filter__item--active{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--active:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px)}.m-table-filter__item--active .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--primary{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--primary:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--m-mm) 30%,transparent)}.m-table-filter__item--primary .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--danger{border-color:var(--m-error);color:var(--m-error)}.m-table-filter__item--danger:hover{border-color:var(--m-error);color:var(--m-error);background:var(--m-backdrop-error);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--m-error) 12%,transparent)}.m-table-filter__item--danger .m-table-filter__badge{background:var(--m-backdrop-error);color:var(--m-error);border-color:color-mix(in srgb,var(--m-error) 20%,transparent)}.m-table-filter__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.m-table-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:100px;background:var(--m-backdrop-surface);color:var(--m-text-secondary);font-size:.6875rem;font-weight:700;border:1px solid var(--m-backdrop-border);transition:all .2s ease}.m-table-thead__th{position:sticky;top:0;z-index:10;background:var(--m-table-thead-background, color-mix(in srgb, var(--m-background) 95%, transparent));-webkit-backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));backdrop-filter:var(--m-table-thead-backdrop-filter, blur(28px));padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-table-thead-background, var(--m-background))}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-table-thead-background, var(--m-background))}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__row--warning{background:color-mix(in srgb,var(--m-warning) 10%,transparent)}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row--warning .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-warning) 10%,var(--m-background))}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}.m-table-body--grouped .m-table-body__empty{padding:.75rem 1.25rem;font-size:.8rem;text-align:left}.m-table-body .is-drag-over>td{box-shadow:inset 0 2px 0 var(--m-mm)}.m-table-body .is-dragging{opacity:.4}.m-table-body__row[draggable=true]{cursor:grab}.m-table-group__cell{padding:.5rem 1.25rem .5rem .5rem;background:var(--m-backdrop-surface);border-top:1px solid var(--m-backdrop-border);border-bottom:1px solid var(--m-backdrop-border)}.m-table-group__inner{display:flex;align-items:center;gap:.5rem}.m-table-group__label{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--m-text);white-space:normal}.m-table-group--error .m-table-group__label{color:var(--m-error)}.m-table-group[draggable=true]{cursor:grab}.m-section-table-host{display:block;width:100%}.m-section-table__th{position:static;vertical-align:middle}.m-section-table--sticky .m-section-table__th{position:sticky;top:0}.m-section-table__heading{justify-content:var(--m-section-table-justify, flex-start);min-height:2rem}.m-section-table--compact :where(.m-section-table__th){padding:.625rem .75rem}.m-section-table--compact :where(.m-section-table__cell){padding:.5rem .75rem}.m-section-table--spacious :where(.m-section-table__th){padding:1.5rem 1.75rem}.m-section-table--spacious :where(.m-section-table__cell){padding:1.5rem 1.75rem}.m-section-table--margin{margin-block:1em}.m-section-table--border.m-table{border-top:4px solid var(--m-backdrop-border);border-bottom:2px solid var(--m-backdrop-border)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover){background:color-mix(in srgb,var(--m-mm) 3%,transparent)}.m-section-table--zebra .m-section-table__row:nth-child(2n):not(:hover) .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 3%,var(--m-background))}.m-section-table__th--squeeze{position:relative;padding-right:3rem}.m-section-table__th--folded{padding-left:0;padding-right:0}.m-section-table__squeeze{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface)}.m-section-table__th--folded .m-section-table__squeeze{right:50%;transform:translate(50%,-50%)}@media(min-width:769px){.m-section-table__cell--frozen{position:sticky;z-index:5;background:var(--m-background)}}@media(min-width:769px){.m-section-table th.m-section-table__cell--frozen{z-index:20}}@media(min-width:769px){.m-section-table--sticky .m-section-table th.m-section-table__cell--frozen{z-index:21}}@media(min-width:769px){.m-section-table__cell--frozen-last{border-right:1px solid var(--m-backdrop-border)}}.m-section-table__row:hover .m-section-table__cell--frozen{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background))}.m-section-table__cell--folded{text-align:center;padding-left:0;padding-right:0}.m-section-table__content[hidden]{display:none}.m-section-table__cell:has(>.m-section-table__content>.m-heat-swatch-host:only-child){padding:0;height:3.25rem}.m-section-table__cell:has(>.m-section-table__content>.m-heat-swatch-host:only-child)>.m-section-table__content{position:absolute;inset:0}.m-section-table__cell:not(.m-section-table__cell--frozen):has(>.m-section-table__content>.m-heat-swatch-host:only-child){position:relative}.m-section-table .m-section-table__cell .m-section-table__content .m-text-output-host.align-left .m-text-output{text-align:inherit}.m-section-table__dot{display:inline-block;width:.375rem;height:.375rem;border-radius:50%;background:var(--m-text-tertiary)}.m-section-table__row{cursor:default}\n"]
|
|
17704
17704
|
}]
|
|
17705
17705
|
}],
|
|
17706
17706
|
ctorParameters: () => [],
|
|
@@ -17895,6 +17895,1309 @@ const SECTION_TABLE_VARIANTS = [
|
|
|
17895
17895
|
"spacious",
|
|
17896
17896
|
"border"
|
|
17897
17897
|
];
|
|
17898
|
+
const SECTION_CHART_CONTEXT = new InjectionToken("SECTION_CHART_CONTEXT");
|
|
17899
|
+
const SECTION_CHART_SCALES = [
|
|
17900
|
+
"auto",
|
|
17901
|
+
"percent",
|
|
17902
|
+
"value"
|
|
17903
|
+
];
|
|
17904
|
+
const SECTION_CHART_CUSTOM_RANGE = "custom";
|
|
17905
|
+
const DEFAULT_SECTION_CHART_RANGES = [
|
|
17906
|
+
"1m",
|
|
17907
|
+
"2m",
|
|
17908
|
+
"3m",
|
|
17909
|
+
"6m",
|
|
17910
|
+
"ytd",
|
|
17911
|
+
"1y",
|
|
17912
|
+
"5y",
|
|
17913
|
+
"max"
|
|
17914
|
+
];
|
|
17915
|
+
const SECTION_CHART_PALETTE = {
|
|
17916
|
+
light: [
|
|
17917
|
+
"#2a78d6",
|
|
17918
|
+
"#eb6834",
|
|
17919
|
+
"#1baf7a",
|
|
17920
|
+
"#eda100",
|
|
17921
|
+
"#e87ba4",
|
|
17922
|
+
"#008300",
|
|
17923
|
+
"#6250d6",
|
|
17924
|
+
"#e34948"
|
|
17925
|
+
],
|
|
17926
|
+
dark: [
|
|
17927
|
+
"#3987e5",
|
|
17928
|
+
"#d95926",
|
|
17929
|
+
"#199e70",
|
|
17930
|
+
"#c98500",
|
|
17931
|
+
"#d55181",
|
|
17932
|
+
"#008300",
|
|
17933
|
+
"#9085e9",
|
|
17934
|
+
"#e66767"
|
|
17935
|
+
]
|
|
17936
|
+
};
|
|
17937
|
+
const DAY = 864e5;
|
|
17938
|
+
const toChartTime = (value) => {
|
|
17939
|
+
if (value instanceof Date) {
|
|
17940
|
+
const t = value.getTime();
|
|
17941
|
+
return Number.isFinite(t) ? t : null;
|
|
17942
|
+
}
|
|
17943
|
+
if (typeof value === "number") return Number.isFinite(value) ? value : null;
|
|
17944
|
+
if (typeof value !== "string" || !value.trim()) return null;
|
|
17945
|
+
const numeric = Number(value);
|
|
17946
|
+
if (Number.isFinite(numeric)) return numeric;
|
|
17947
|
+
const parsed = Date.parse(value);
|
|
17948
|
+
return Number.isFinite(parsed) ? parsed : null;
|
|
17949
|
+
};
|
|
17950
|
+
const readChartPoints = (rows, x, y) => {
|
|
17951
|
+
const pairs = [];
|
|
17952
|
+
for (const row of rows ?? []) {
|
|
17953
|
+
if (row == null || typeof row !== "object") continue;
|
|
17954
|
+
const record = row;
|
|
17955
|
+
const t = toChartTime(record[x]);
|
|
17956
|
+
const raw = record[y];
|
|
17957
|
+
const v = typeof raw === "string" && raw.trim() ? Number(raw) : raw;
|
|
17958
|
+
if (t === null || typeof v !== "number" || !Number.isFinite(v)) continue;
|
|
17959
|
+
pairs.push([t, v]);
|
|
17960
|
+
}
|
|
17961
|
+
for (let i = 1; i < pairs.length; i++) if (pairs[i][0] < pairs[i - 1][0]) {
|
|
17962
|
+
pairs.sort((a, b) => a[0] - b[0]);
|
|
17963
|
+
break;
|
|
17964
|
+
}
|
|
17965
|
+
return {
|
|
17966
|
+
t: pairs.map((p) => p[0]),
|
|
17967
|
+
y: pairs.map((p) => p[1])
|
|
17968
|
+
};
|
|
17969
|
+
};
|
|
17970
|
+
const lowerBound = (times, x) => {
|
|
17971
|
+
let lo = 0;
|
|
17972
|
+
let hi = times.length;
|
|
17973
|
+
while (lo < hi) {
|
|
17974
|
+
const mid = lo + hi >> 1;
|
|
17975
|
+
if (times[mid] < x) lo = mid + 1;
|
|
17976
|
+
else hi = mid;
|
|
17977
|
+
}
|
|
17978
|
+
return lo;
|
|
17979
|
+
};
|
|
17980
|
+
const nearestIndex = (times, x) => {
|
|
17981
|
+
const i = lowerBound(times, x);
|
|
17982
|
+
if (i <= 0) return 0;
|
|
17983
|
+
if (i >= times.length) return times.length - 1;
|
|
17984
|
+
return x - times[i - 1] <= times[i] - x ? i - 1 : i;
|
|
17985
|
+
};
|
|
17986
|
+
const rebase = (values) => {
|
|
17987
|
+
const base = values[0];
|
|
17988
|
+
if (!values.length || !base || !Number.isFinite(base)) return null;
|
|
17989
|
+
return values.map((v) => (v / base - 1) * 100);
|
|
17990
|
+
};
|
|
17991
|
+
const chartChange = (values) => {
|
|
17992
|
+
if (values.length < 2) return null;
|
|
17993
|
+
const rebased = rebase([values[0], values[values.length - 1]]);
|
|
17994
|
+
return rebased ? rebased[1] : null;
|
|
17995
|
+
};
|
|
17996
|
+
const downsample = (t, y, n) => {
|
|
17997
|
+
const len = t.length;
|
|
17998
|
+
if (n >= len || n < 3) return {
|
|
17999
|
+
t: [...t],
|
|
18000
|
+
y: [...y]
|
|
18001
|
+
};
|
|
18002
|
+
const ot = [t[0]];
|
|
18003
|
+
const oy = [y[0]];
|
|
18004
|
+
const every = (len - 2) / (n - 2);
|
|
18005
|
+
let a = 0;
|
|
18006
|
+
for (let i = 0; i < n - 2; i++) {
|
|
18007
|
+
const nextStart = Math.floor((i + 1) * every) + 1;
|
|
18008
|
+
const nextEnd = Math.min(Math.floor((i + 2) * every) + 1, len);
|
|
18009
|
+
let avgX = 0;
|
|
18010
|
+
let avgY = 0;
|
|
18011
|
+
for (let j = nextStart; j < nextEnd; j++) {
|
|
18012
|
+
avgX += j;
|
|
18013
|
+
avgY += y[j];
|
|
18014
|
+
}
|
|
18015
|
+
const span = nextEnd - nextStart || 1;
|
|
18016
|
+
avgX /= span;
|
|
18017
|
+
avgY /= span;
|
|
18018
|
+
const start = Math.floor(i * every) + 1;
|
|
18019
|
+
const end = Math.floor((i + 1) * every) + 1;
|
|
18020
|
+
let max = -1;
|
|
18021
|
+
let pick = start;
|
|
18022
|
+
for (let j = start; j < end; j++) {
|
|
18023
|
+
const area = Math.abs((a - avgX) * (y[j] - y[a]) - (a - j) * (avgY - y[a]));
|
|
18024
|
+
if (area > max) {
|
|
18025
|
+
max = area;
|
|
18026
|
+
pick = j;
|
|
18027
|
+
}
|
|
18028
|
+
}
|
|
18029
|
+
ot.push(t[pick]);
|
|
18030
|
+
oy.push(y[pick]);
|
|
18031
|
+
a = pick;
|
|
18032
|
+
}
|
|
18033
|
+
ot.push(t[len - 1]);
|
|
18034
|
+
oy.push(y[len - 1]);
|
|
18035
|
+
return {
|
|
18036
|
+
t: ot,
|
|
18037
|
+
y: oy
|
|
18038
|
+
};
|
|
18039
|
+
};
|
|
18040
|
+
const niceTicks = (min, max, count = 5) => {
|
|
18041
|
+
const raw = (max - min || Math.abs(max) || 1) / Math.max(1, count);
|
|
18042
|
+
const magnitude = 10 ** Math.floor(Math.log10(raw));
|
|
18043
|
+
const norm = raw / magnitude;
|
|
18044
|
+
const step = (norm < 1.5 ? 1 : norm < 3 ? 2 : norm < 7 ? 5 : 10) * magnitude;
|
|
18045
|
+
const lo = Math.floor(min / step) * step;
|
|
18046
|
+
const hi = Math.max(Math.ceil(max / step) * step, lo + step);
|
|
18047
|
+
const ticks = [];
|
|
18048
|
+
for (let v = lo; v <= hi + step / 2; v += step) ticks.push(+v.toFixed(10));
|
|
18049
|
+
return {
|
|
18050
|
+
min: lo,
|
|
18051
|
+
max: hi,
|
|
18052
|
+
ticks
|
|
18053
|
+
};
|
|
18054
|
+
};
|
|
18055
|
+
const timeTicks = (t0, t1, maxTicks) => {
|
|
18056
|
+
const most = Math.max(2, Math.floor(maxTicks));
|
|
18057
|
+
const days = (t1 - t0) / DAY;
|
|
18058
|
+
const out = [];
|
|
18059
|
+
if (!(days > 0)) return out;
|
|
18060
|
+
if (days <= 100) {
|
|
18061
|
+
const stepDays = [
|
|
18062
|
+
7,
|
|
18063
|
+
14,
|
|
18064
|
+
28
|
|
18065
|
+
].find((s) => days / s <= most) ?? 28;
|
|
18066
|
+
let t = Date.UTC(new Date(t0).getUTCFullYear(), new Date(t0).getUTCMonth(), new Date(t0).getUTCDate());
|
|
18067
|
+
if (t < t0) t += DAY;
|
|
18068
|
+
while (new Date(t).getUTCDay() !== 1) t += DAY;
|
|
18069
|
+
for (; t <= t1; t += stepDays * DAY) out.push({
|
|
18070
|
+
t,
|
|
18071
|
+
unit: "day"
|
|
18072
|
+
});
|
|
18073
|
+
return out;
|
|
18074
|
+
}
|
|
18075
|
+
const stepMonths = [
|
|
18076
|
+
1,
|
|
18077
|
+
2,
|
|
18078
|
+
3,
|
|
18079
|
+
6,
|
|
18080
|
+
12,
|
|
18081
|
+
24,
|
|
18082
|
+
60
|
|
18083
|
+
].find((s) => days / 30.44 / s <= most) ?? 120;
|
|
18084
|
+
const align = Math.min(stepMonths, 12);
|
|
18085
|
+
const yearStep = Math.max(1, stepMonths / 12);
|
|
18086
|
+
const first = new Date(t0);
|
|
18087
|
+
let year = first.getUTCFullYear();
|
|
18088
|
+
let month = first.getUTCMonth();
|
|
18089
|
+
if (Date.UTC(year, month, 1) < t0) month += 1;
|
|
18090
|
+
for (;;) {
|
|
18091
|
+
if (month > 11) {
|
|
18092
|
+
month -= 12;
|
|
18093
|
+
year += 1;
|
|
18094
|
+
}
|
|
18095
|
+
if (month % align === 0 && (stepMonths < 12 || year % yearStep === 0)) break;
|
|
18096
|
+
month += 1;
|
|
18097
|
+
}
|
|
18098
|
+
for (;;) {
|
|
18099
|
+
const t = Date.UTC(year, month, 1);
|
|
18100
|
+
if (t > t1) break;
|
|
18101
|
+
out.push({
|
|
18102
|
+
t,
|
|
18103
|
+
unit: stepMonths >= 12 || month === 0 ? "year" : "month"
|
|
18104
|
+
});
|
|
18105
|
+
month += stepMonths;
|
|
18106
|
+
while (month > 11) {
|
|
18107
|
+
month -= 12;
|
|
18108
|
+
year += 1;
|
|
18109
|
+
}
|
|
18110
|
+
}
|
|
18111
|
+
return out;
|
|
18112
|
+
};
|
|
18113
|
+
const PRESET_PATTERN = /^(\d+)([dwmy])$/;
|
|
18114
|
+
const presetSpan = (id, first, last) => {
|
|
18115
|
+
const key = id.trim().toLowerCase();
|
|
18116
|
+
if (key === "max") return [first, last];
|
|
18117
|
+
const end = new Date(last);
|
|
18118
|
+
if (key === "ytd") return [Math.max(first, Date.UTC(end.getUTCFullYear(), 0, 1)), last];
|
|
18119
|
+
const match = PRESET_PATTERN.exec(key);
|
|
18120
|
+
if (!match) return null;
|
|
18121
|
+
const count = Number(match[1]);
|
|
18122
|
+
if (!count) return null;
|
|
18123
|
+
const from = new Date(last);
|
|
18124
|
+
switch (match[2]) {
|
|
18125
|
+
case "d":
|
|
18126
|
+
from.setTime(last - count * DAY);
|
|
18127
|
+
break;
|
|
18128
|
+
case "w":
|
|
18129
|
+
from.setTime(last - count * 7 * DAY);
|
|
18130
|
+
break;
|
|
18131
|
+
case "m":
|
|
18132
|
+
from.setUTCMonth(from.getUTCMonth() - count);
|
|
18133
|
+
break;
|
|
18134
|
+
default: from.setUTCFullYear(from.getUTCFullYear() - count);
|
|
18135
|
+
}
|
|
18136
|
+
return [Math.max(first, from.getTime()), last];
|
|
18137
|
+
};
|
|
18138
|
+
const isPresetId = (id) => typeof id === "string" && presetSpan(id, 0, DAY) !== null;
|
|
18139
|
+
const presetLabel = (id) => id.trim().toUpperCase();
|
|
18140
|
+
const sliceSpan = (points, from, to) => {
|
|
18141
|
+
const start = lowerBound(points.t, from);
|
|
18142
|
+
let end = lowerBound(points.t, to);
|
|
18143
|
+
while (end < points.t.length && points.t[end] <= to) end++;
|
|
18144
|
+
return {
|
|
18145
|
+
t: points.t.slice(start, end),
|
|
18146
|
+
y: points.y.slice(start, end)
|
|
18147
|
+
};
|
|
18148
|
+
};
|
|
18149
|
+
const navigatorGrip = (t, span, slop) => {
|
|
18150
|
+
const toStart = Math.abs(t - span[0]);
|
|
18151
|
+
const toEnd = Math.abs(t - span[1]);
|
|
18152
|
+
if (Math.min(toStart, toEnd) <= slop) return toStart <= toEnd ? "start" : "end";
|
|
18153
|
+
return t > span[0] && t < span[1] ? "move" : "outside";
|
|
18154
|
+
};
|
|
18155
|
+
const panSpan = (span, delta, bounds) => {
|
|
18156
|
+
const width = Math.min(span[1] - span[0], bounds[1] - bounds[0]);
|
|
18157
|
+
const from = Math.min(Math.max(span[0] + delta, bounds[0]), bounds[1] - width);
|
|
18158
|
+
return [from, from + width];
|
|
18159
|
+
};
|
|
18160
|
+
const centreSpan = (span, t, bounds) => panSpan(span, t - (span[0] + span[1]) / 2, bounds);
|
|
18161
|
+
const resizeSpan = (span, edge, t, bounds, minWidth) => edge === "start" ? [Math.min(Math.max(t, bounds[0]), span[1] - minWidth), span[1]] : [span[0], Math.max(Math.min(t, bounds[1]), span[0] + minWidth)];
|
|
18162
|
+
const linePath = (t, y, sx, sy) => {
|
|
18163
|
+
let d = "";
|
|
18164
|
+
for (let i = 0; i < t.length; i++) d += `${i ? "L" : "M"}${sx(t[i]).toFixed(1)} ${sy(y[i]).toFixed(1)}`;
|
|
18165
|
+
return d;
|
|
18166
|
+
};
|
|
18167
|
+
const sampleChartPoints = (index, end = Date.UTC(2026, 0, 2)) => {
|
|
18168
|
+
const weeks = 52;
|
|
18169
|
+
const t = [];
|
|
18170
|
+
const y = [];
|
|
18171
|
+
const drift = .18 - index * .11;
|
|
18172
|
+
for (let i = 0; i <= weeks; i++) {
|
|
18173
|
+
t.push(end - (weeks - i) * 7 * DAY);
|
|
18174
|
+
const wave = .05 * Math.sin(i / 4 + index * 1.7) + .025 * Math.sin(i / 1.3 + index);
|
|
18175
|
+
y.push(100 * (1 + drift * i / weeks + wave));
|
|
18176
|
+
}
|
|
18177
|
+
return {
|
|
18178
|
+
t,
|
|
18179
|
+
y
|
|
18180
|
+
};
|
|
18181
|
+
};
|
|
18182
|
+
const MARGIN = {
|
|
18183
|
+
top: 12,
|
|
18184
|
+
right: 16,
|
|
18185
|
+
bottom: 28,
|
|
18186
|
+
left: 52
|
|
18187
|
+
};
|
|
18188
|
+
const FALLBACK_WIDTH = 640;
|
|
18189
|
+
const DEFAULT_HEIGHT = 320;
|
|
18190
|
+
const DEFAULT_RANGE = "max";
|
|
18191
|
+
const OVERFLOW_COLOR = "var(--m-text-tertiary)";
|
|
18192
|
+
const TOOLTIP_ROOM = 220;
|
|
18193
|
+
const NAV_HEIGHT = 64;
|
|
18194
|
+
const NAV_TOP = 4;
|
|
18195
|
+
const GRIP_SLOP = 8;
|
|
18196
|
+
const MIN_WINDOW_SHARE = .02;
|
|
18197
|
+
const KEY_PAN_SHARE = .1;
|
|
18198
|
+
const optionalNumber = (value) => value == null || value === "" ? void 0 : numberAttribute(value, void 0);
|
|
18199
|
+
const optionalBoolean = (value) => value == null ? void 0 : booleanAttribute(value);
|
|
18200
|
+
let nextId = 0;
|
|
18201
|
+
var SectionChartComponent = class SectionChartComponent extends ConfigComponent {
|
|
18202
|
+
subFolder = LAYOUT_ASSET_FOLDER.section_chart;
|
|
18203
|
+
scale = input(void 0, ...ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []);
|
|
18204
|
+
height = input(void 0, {
|
|
18205
|
+
...ngDevMode ? { debugName: "height" } : /* istanbul ignore next */ {},
|
|
18206
|
+
transform: optionalNumber
|
|
18207
|
+
});
|
|
18208
|
+
navigator = input(void 0, {
|
|
18209
|
+
...ngDevMode ? { debugName: "navigator" } : /* istanbul ignore next */ {},
|
|
18210
|
+
transform: optionalBoolean
|
|
18211
|
+
});
|
|
18212
|
+
measure = input(void 0, {
|
|
18213
|
+
...ngDevMode ? { debugName: "measure" } : /* istanbul ignore next */ {},
|
|
18214
|
+
transform: optionalBoolean
|
|
18215
|
+
});
|
|
18216
|
+
range = model(void 0, ...ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []);
|
|
18217
|
+
window = model(void 0, ...ngDevMode ? [{ debugName: "window" }] : /* istanbul ignore next */ []);
|
|
18218
|
+
members = signal([], ...ngDevMode ? [{ debugName: "members" }] : /* istanbul ignore next */ []);
|
|
18219
|
+
locale = inject(LOCALE_ID);
|
|
18220
|
+
tableId = `m-section-chart-table-${nextId++}`;
|
|
18221
|
+
left = MARGIN.left;
|
|
18222
|
+
top = MARGIN.top;
|
|
18223
|
+
width = signal(FALLBACK_WIDTH, ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
|
|
18224
|
+
dateFormat = new Intl.DateTimeFormat(this.locale, {
|
|
18225
|
+
day: "numeric",
|
|
18226
|
+
month: "short",
|
|
18227
|
+
year: "numeric",
|
|
18228
|
+
timeZone: "UTC"
|
|
18229
|
+
});
|
|
18230
|
+
dayFormat = new Intl.DateTimeFormat(this.locale, {
|
|
18231
|
+
day: "numeric",
|
|
18232
|
+
month: "short",
|
|
18233
|
+
timeZone: "UTC"
|
|
18234
|
+
});
|
|
18235
|
+
monthFormat = new Intl.DateTimeFormat(this.locale, {
|
|
18236
|
+
month: "short",
|
|
18237
|
+
timeZone: "UTC"
|
|
18238
|
+
});
|
|
18239
|
+
yearFormat = new Intl.DateTimeFormat(this.locale, {
|
|
18240
|
+
year: "numeric",
|
|
18241
|
+
timeZone: "UTC"
|
|
18242
|
+
});
|
|
18243
|
+
numberFormat = new Intl.NumberFormat(this.locale, { maximumFractionDigits: 2 });
|
|
18244
|
+
compactFormat = new Intl.NumberFormat(this.locale, {
|
|
18245
|
+
notation: "compact",
|
|
18246
|
+
maximumFractionDigits: 1
|
|
18247
|
+
});
|
|
18248
|
+
resolvedHeight = computed(() => this.height() ?? this.config()?.height ?? DEFAULT_HEIGHT, ...ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []);
|
|
18249
|
+
resolvedScale = computed(() => this.scale() ?? this.config()?.scale ?? "auto", ...ngDevMode ? [{ debugName: "resolvedScale" }] : /* istanbul ignore next */ []);
|
|
18250
|
+
resolvedRange = computed(() => this.range() ?? this.config()?.range ?? DEFAULT_RANGE, ...ngDevMode ? [{ debugName: "resolvedRange" }] : /* istanbul ignore next */ []);
|
|
18251
|
+
showNavigator = computed(() => this.navigator() ?? this.config()?.navigator ?? false, ...ngDevMode ? [{ debugName: "showNavigator" }] : /* istanbul ignore next */ []);
|
|
18252
|
+
canMeasure = computed(() => this.measure() ?? this.config()?.measure ?? false, ...ngDevMode ? [{ debugName: "canMeasure" }] : /* istanbul ignore next */ []);
|
|
18253
|
+
presets = computed(() => {
|
|
18254
|
+
const authored = this.config()?.ranges;
|
|
18255
|
+
const ids = (authored?.length ? authored : DEFAULT_SECTION_CHART_RANGES).filter(isPresetId).map((id) => id.trim().toLowerCase());
|
|
18256
|
+
return [...new Set(ids)].map((id) => ({
|
|
18257
|
+
id,
|
|
18258
|
+
label: presetLabel(id)
|
|
18259
|
+
}));
|
|
18260
|
+
}, ...ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []);
|
|
18261
|
+
presetIndex = computed(() => this.presets().findIndex((preset) => preset.id === this.resolvedRange()), ...ngDevMode ? [{ debugName: "presetIndex" }] : /* istanbul ignore next */ []);
|
|
18262
|
+
palette = computed(() => {
|
|
18263
|
+
const mode = this.themeStore.theme()?.mode;
|
|
18264
|
+
return SECTION_CHART_PALETTE[mode === "dark" || mode === "darker" ? "dark" : "light"];
|
|
18265
|
+
}, ...ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []);
|
|
18266
|
+
painted = computed(() => {
|
|
18267
|
+
const palette = this.palette();
|
|
18268
|
+
const themeColors = this.themeStore.color();
|
|
18269
|
+
return this.members().map(({ member, slot }) => {
|
|
18270
|
+
const own = member.color();
|
|
18271
|
+
return {
|
|
18272
|
+
member,
|
|
18273
|
+
color: own ? resolvePallet(own, themeColors).color : palette[slot] ?? OVERFLOW_COLOR
|
|
18274
|
+
};
|
|
18275
|
+
});
|
|
18276
|
+
}, ...ngDevMode ? [{ debugName: "painted" }] : /* istanbul ignore next */ []);
|
|
18277
|
+
lines = computed(() => {
|
|
18278
|
+
const palette = this.palette();
|
|
18279
|
+
const drawn = this.painted().map(({ member, color }) => ({
|
|
18280
|
+
...member.points(),
|
|
18281
|
+
label: member.label(),
|
|
18282
|
+
noTranslate: member.noTranslate(),
|
|
18283
|
+
params: member.params(),
|
|
18284
|
+
color,
|
|
18285
|
+
member
|
|
18286
|
+
}));
|
|
18287
|
+
const withData = drawn.filter((line) => line.t.length);
|
|
18288
|
+
if (withData.length || !this.isDesignMode) return withData;
|
|
18289
|
+
return (drawn.length ? drawn : palette.slice(0, 2).map((color) => ({
|
|
18290
|
+
t: [],
|
|
18291
|
+
y: [],
|
|
18292
|
+
label: "",
|
|
18293
|
+
noTranslate: true,
|
|
18294
|
+
color
|
|
18295
|
+
}))).map((line, i) => ({
|
|
18296
|
+
...line,
|
|
18297
|
+
...sampleChartPoints(i)
|
|
18298
|
+
}));
|
|
18299
|
+
}, ...ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []);
|
|
18300
|
+
dataSpan = computed(() => {
|
|
18301
|
+
const lines = this.lines();
|
|
18302
|
+
if (!lines.length) return null;
|
|
18303
|
+
return [Math.min(...lines.map((line) => line.t[0])), Math.max(...lines.map((line) => line.t[line.t.length - 1]))];
|
|
18304
|
+
}, ...ngDevMode ? [{ debugName: "dataSpan" }] : /* istanbul ignore next */ []);
|
|
18305
|
+
span = computed(() => {
|
|
18306
|
+
const data = this.dataSpan();
|
|
18307
|
+
if (!data) return null;
|
|
18308
|
+
const range = this.resolvedRange();
|
|
18309
|
+
if (range === "custom") {
|
|
18310
|
+
const from = toChartTime(this.window()?.from);
|
|
18311
|
+
const to = toChartTime(this.window()?.to);
|
|
18312
|
+
return from !== null && to !== null && from < to ? [from, to] : data;
|
|
18313
|
+
}
|
|
18314
|
+
return presetSpan(range, data[0], data[1]) ?? data;
|
|
18315
|
+
}, ...ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []);
|
|
18316
|
+
draft = signal(null, ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
|
|
18317
|
+
drag = null;
|
|
18318
|
+
drawnSpan = computed(() => this.draft() ?? this.span(), ...ngDevMode ? [{ debugName: "drawnSpan" }] : /* istanbul ignore next */ []);
|
|
18319
|
+
windowed = computed(() => {
|
|
18320
|
+
const span = this.drawnSpan();
|
|
18321
|
+
if (!span) return [];
|
|
18322
|
+
return this.lines().map((line) => ({
|
|
18323
|
+
...line,
|
|
18324
|
+
...sliceSpan(line, span[0], span[1])
|
|
18325
|
+
}));
|
|
18326
|
+
}, ...ngDevMode ? [{ debugName: "windowed" }] : /* istanbul ignore next */ []);
|
|
18327
|
+
percent = computed(() => this.resolvedScale() === "percent" || this.lines().length > 1, ...ngDevMode ? [{ debugName: "percent" }] : /* istanbul ignore next */ []);
|
|
18328
|
+
plotWidth = computed(() => Math.max(1, this.width() - MARGIN.left - MARGIN.right), ...ngDevMode ? [{ debugName: "plotWidth" }] : /* istanbul ignore next */ []);
|
|
18329
|
+
plotHeight = computed(() => Math.max(1, this.resolvedHeight() - MARGIN.top - MARGIN.bottom), ...ngDevMode ? [{ debugName: "plotHeight" }] : /* istanbul ignore next */ []);
|
|
18330
|
+
right = computed(() => MARGIN.left + this.plotWidth(), ...ngDevMode ? [{ debugName: "right" }] : /* istanbul ignore next */ []);
|
|
18331
|
+
bottom = computed(() => MARGIN.top + this.plotHeight(), ...ngDevMode ? [{ debugName: "bottom" }] : /* istanbul ignore next */ []);
|
|
18332
|
+
viewBox = computed(() => `0 0 ${this.width()} ${this.resolvedHeight()}`, ...ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []);
|
|
18333
|
+
plotted = computed(() => {
|
|
18334
|
+
const pct = this.percent();
|
|
18335
|
+
const maxPoints = Math.max(3, Math.round(this.plotWidth() / 1.5));
|
|
18336
|
+
return this.windowed().flatMap((line) => {
|
|
18337
|
+
if (!line.t.length) return [];
|
|
18338
|
+
const shown = pct ? rebase(line.y) : line.y;
|
|
18339
|
+
if (!shown) return [];
|
|
18340
|
+
return [{
|
|
18341
|
+
line,
|
|
18342
|
+
shown,
|
|
18343
|
+
ds: downsample(line.t, shown, maxPoints)
|
|
18344
|
+
}];
|
|
18345
|
+
});
|
|
18346
|
+
}, ...ngDevMode ? [{ debugName: "plotted" }] : /* istanbul ignore next */ []);
|
|
18347
|
+
extent = computed(() => {
|
|
18348
|
+
const span = this.drawnSpan();
|
|
18349
|
+
const plotted = this.plotted();
|
|
18350
|
+
if (!span || !plotted.length) return null;
|
|
18351
|
+
let lo = Infinity;
|
|
18352
|
+
let hi = -Infinity;
|
|
18353
|
+
for (const { ds } of plotted) for (const v of ds.y) {
|
|
18354
|
+
lo = Math.min(lo, v);
|
|
18355
|
+
hi = Math.max(hi, v);
|
|
18356
|
+
}
|
|
18357
|
+
const pad = (hi - lo || Math.abs(hi) || 1) * .06;
|
|
18358
|
+
return {
|
|
18359
|
+
t0: span[0],
|
|
18360
|
+
t1: span[1] > span[0] ? span[1] : span[0] + 1,
|
|
18361
|
+
...niceTicks(lo - pad, hi + pad)
|
|
18362
|
+
};
|
|
18363
|
+
}, ...ngDevMode ? [{ debugName: "extent" }] : /* istanbul ignore next */ []);
|
|
18364
|
+
sx = computed(() => {
|
|
18365
|
+
const extent = this.extent();
|
|
18366
|
+
const width = this.plotWidth();
|
|
18367
|
+
return (t) => extent ? MARGIN.left + (t - extent.t0) / (extent.t1 - extent.t0) * width : MARGIN.left;
|
|
18368
|
+
}, ...ngDevMode ? [{ debugName: "sx" }] : /* istanbul ignore next */ []);
|
|
18369
|
+
sy = computed(() => {
|
|
18370
|
+
const extent = this.extent();
|
|
18371
|
+
const height = this.plotHeight();
|
|
18372
|
+
return (v) => extent ? MARGIN.top + (1 - (v - extent.min) / (extent.max - extent.min)) * height : MARGIN.top + height;
|
|
18373
|
+
}, ...ngDevMode ? [{ debugName: "sy" }] : /* istanbul ignore next */ []);
|
|
18374
|
+
paths = computed(() => {
|
|
18375
|
+
const sx = this.sx();
|
|
18376
|
+
const sy = this.sy();
|
|
18377
|
+
return this.plotted().map(({ line, shown, ds }) => ({
|
|
18378
|
+
d: linePath(ds.t, ds.y, sx, sy),
|
|
18379
|
+
color: line.color,
|
|
18380
|
+
endX: sx(line.t[line.t.length - 1]),
|
|
18381
|
+
endY: sy(shown[shown.length - 1])
|
|
18382
|
+
}));
|
|
18383
|
+
}, ...ngDevMode ? [{ debugName: "paths" }] : /* istanbul ignore next */ []);
|
|
18384
|
+
yTicks = computed(() => {
|
|
18385
|
+
const extent = this.extent();
|
|
18386
|
+
if (!extent) return [];
|
|
18387
|
+
const sy = this.sy();
|
|
18388
|
+
const pct = this.percent();
|
|
18389
|
+
return extent.ticks.map((v) => ({
|
|
18390
|
+
y: sy(v),
|
|
18391
|
+
label: pct ? this.formatPercent(v, 0) : this.compactFormat.format(v),
|
|
18392
|
+
zero: pct && v === 0
|
|
18393
|
+
}));
|
|
18394
|
+
}, ...ngDevMode ? [{ debugName: "yTicks" }] : /* istanbul ignore next */ []);
|
|
18395
|
+
xTicks = computed(() => {
|
|
18396
|
+
const extent = this.extent();
|
|
18397
|
+
if (!extent) return [];
|
|
18398
|
+
const sx = this.sx();
|
|
18399
|
+
return timeTicks(extent.t0, extent.t1, this.plotWidth() / 80).map((tick) => ({
|
|
18400
|
+
x: sx(tick.t),
|
|
18401
|
+
label: (tick.unit === "year" ? this.yearFormat : tick.unit === "month" ? this.monthFormat : this.dayFormat).format(tick.t)
|
|
18402
|
+
}));
|
|
18403
|
+
}, ...ngDevMode ? [{ debugName: "xTicks" }] : /* istanbul ignore next */ []);
|
|
18404
|
+
windowLabel = computed(() => {
|
|
18405
|
+
const span = this.drawnSpan();
|
|
18406
|
+
return span ? `${this.dateFormat.format(span[0])} – ${this.dateFormat.format(span[1])}` : "";
|
|
18407
|
+
}, ...ngDevMode ? [{ debugName: "windowLabel" }] : /* istanbul ignore next */ []);
|
|
18408
|
+
legendRows = computed(() => {
|
|
18409
|
+
const changes = /* @__PURE__ */ new Map();
|
|
18410
|
+
for (const line of this.windowed()) if (line.member) changes.set(line.member, chartChange(line.y));
|
|
18411
|
+
return new Map(this.painted().map(({ member, color }) => [member, {
|
|
18412
|
+
color,
|
|
18413
|
+
...this.signedChange(changes.get(member) ?? null)
|
|
18414
|
+
}]));
|
|
18415
|
+
}, ...ngDevMode ? [{ debugName: "legendRows" }] : /* istanbul ignore next */ []);
|
|
18416
|
+
times = computed(() => this.plotted().reduce((best, { line }) => line.t.length > best.length ? line.t : best, []), ...ngDevMode ? [{ debugName: "times" }] : /* istanbul ignore next */ []);
|
|
18417
|
+
hoverIndex = linkedSignal({
|
|
18418
|
+
...ngDevMode ? { debugName: "hoverIndex" } : /* istanbul ignore next */ {},
|
|
18419
|
+
source: this.times,
|
|
18420
|
+
computation: () => null
|
|
18421
|
+
});
|
|
18422
|
+
measured = linkedSignal({
|
|
18423
|
+
...ngDevMode ? { debugName: "measured" } : /* istanbul ignore next */ {},
|
|
18424
|
+
source: this.times,
|
|
18425
|
+
computation: () => null
|
|
18426
|
+
});
|
|
18427
|
+
measuring = false;
|
|
18428
|
+
anchored = false;
|
|
18429
|
+
measureView = computed(() => {
|
|
18430
|
+
const measured = this.measured();
|
|
18431
|
+
if (!measured) return null;
|
|
18432
|
+
const [a, b] = measured[0] <= measured[1] ? measured : [measured[1], measured[0]];
|
|
18433
|
+
const sx = this.sx();
|
|
18434
|
+
const start = sx(a);
|
|
18435
|
+
const end = sx(b);
|
|
18436
|
+
if (a === b) return {
|
|
18437
|
+
start,
|
|
18438
|
+
width: 0,
|
|
18439
|
+
card: null
|
|
18440
|
+
};
|
|
18441
|
+
const rows = this.plotted().flatMap(({ line }) => {
|
|
18442
|
+
if (a < line.t[0] || b > line.t[line.t.length - 1]) return [];
|
|
18443
|
+
const from = line.y[nearestIndex(line.t, a)];
|
|
18444
|
+
const to = line.y[nearestIndex(line.t, b)];
|
|
18445
|
+
const change = rebase([from, to])?.[1] ?? null;
|
|
18446
|
+
if (change === null) return [];
|
|
18447
|
+
return [{
|
|
18448
|
+
color: line.color,
|
|
18449
|
+
label: line.label,
|
|
18450
|
+
noTranslate: line.noTranslate,
|
|
18451
|
+
params: line.params,
|
|
18452
|
+
value: this.signedChange(change).change,
|
|
18453
|
+
sub: `${this.numberFormat.format(from)} → ${this.numberFormat.format(to)}`
|
|
18454
|
+
}];
|
|
18455
|
+
});
|
|
18456
|
+
const flip = (start + end) / 2 > this.width() / 2;
|
|
18457
|
+
return {
|
|
18458
|
+
start,
|
|
18459
|
+
width: end - start,
|
|
18460
|
+
card: {
|
|
18461
|
+
title: `${this.dateFormat.format(a)} → ${this.dateFormat.format(b)}`,
|
|
18462
|
+
rows,
|
|
18463
|
+
flip,
|
|
18464
|
+
x: flip ? end : start
|
|
18465
|
+
}
|
|
18466
|
+
};
|
|
18467
|
+
}, ...ngDevMode ? [{ debugName: "measureView" }] : /* istanbul ignore next */ []);
|
|
18468
|
+
hover = computed(() => {
|
|
18469
|
+
const index = this.hoverIndex();
|
|
18470
|
+
const times = this.times();
|
|
18471
|
+
if (index === null || !times.length) return null;
|
|
18472
|
+
const t = times[Math.min(index, times.length - 1)];
|
|
18473
|
+
const sx = this.sx();
|
|
18474
|
+
const sy = this.sy();
|
|
18475
|
+
const pct = this.percent();
|
|
18476
|
+
const rows = this.plotted().flatMap(({ line, shown }) => {
|
|
18477
|
+
if (t < line.t[0] || t > line.t[line.t.length - 1]) return [];
|
|
18478
|
+
const j = nearestIndex(line.t, t);
|
|
18479
|
+
return [{
|
|
18480
|
+
color: line.color,
|
|
18481
|
+
label: line.label,
|
|
18482
|
+
noTranslate: line.noTranslate,
|
|
18483
|
+
params: line.params,
|
|
18484
|
+
v: shown[j],
|
|
18485
|
+
value: pct ? this.formatPercent(shown[j], 2) : this.numberFormat.format(shown[j]),
|
|
18486
|
+
sub: pct ? this.numberFormat.format(line.y[j]) : "",
|
|
18487
|
+
cx: sx(line.t[j]),
|
|
18488
|
+
cy: sy(shown[j])
|
|
18489
|
+
}];
|
|
18490
|
+
}).sort((a, b) => b.v - a.v);
|
|
18491
|
+
const x = sx(t);
|
|
18492
|
+
return {
|
|
18493
|
+
x,
|
|
18494
|
+
title: this.dateFormat.format(t),
|
|
18495
|
+
rows,
|
|
18496
|
+
flip: x > this.width() - TOOLTIP_ROOM
|
|
18497
|
+
};
|
|
18498
|
+
}, ...ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []);
|
|
18499
|
+
navScale = computed(() => {
|
|
18500
|
+
const data = this.dataSpan();
|
|
18501
|
+
if (!data) return null;
|
|
18502
|
+
const width = this.plotWidth();
|
|
18503
|
+
const length = data[1] - data[0] || 1;
|
|
18504
|
+
return {
|
|
18505
|
+
data,
|
|
18506
|
+
x: (t) => MARGIN.left + (t - data[0]) / length * width,
|
|
18507
|
+
t: (px) => data[0] + (px - MARGIN.left) / width * length,
|
|
18508
|
+
slop: GRIP_SLOP / width * length,
|
|
18509
|
+
minWidth: length * MIN_WINDOW_SHARE
|
|
18510
|
+
};
|
|
18511
|
+
}, ...ngDevMode ? [{ debugName: "navScale" }] : /* istanbul ignore next */ []);
|
|
18512
|
+
navigatorView = computed(() => {
|
|
18513
|
+
const scale = this.navScale();
|
|
18514
|
+
const line = this.lines()[0];
|
|
18515
|
+
const span = this.drawnSpan();
|
|
18516
|
+
if (!this.showNavigator() || !scale || !line || !span) return null;
|
|
18517
|
+
const ds = downsample(line.t, line.y, Math.max(3, Math.round(this.plotWidth() / 2)));
|
|
18518
|
+
const lo = Math.min(...ds.y);
|
|
18519
|
+
const hi = Math.max(...ds.y);
|
|
18520
|
+
const base = 44;
|
|
18521
|
+
const sy = (v) => NAV_TOP + (1 - (v - lo) / (hi - lo || 1)) * 40;
|
|
18522
|
+
const d = linePath(ds.t, ds.y, scale.x, sy);
|
|
18523
|
+
const start = scale.x(span[0]);
|
|
18524
|
+
const end = scale.x(span[1]);
|
|
18525
|
+
const [first, last] = scale.data;
|
|
18526
|
+
return {
|
|
18527
|
+
d,
|
|
18528
|
+
area: `${d}L${scale.x(last).toFixed(1)} ${base}L${scale.x(first).toFixed(1)} ${base}Z`,
|
|
18529
|
+
base,
|
|
18530
|
+
start,
|
|
18531
|
+
end,
|
|
18532
|
+
position: Math.round((span[0] - first) / (last - first || 1) * 100),
|
|
18533
|
+
ticks: timeTicks(first, last, this.plotWidth() / 80).map((tick) => ({
|
|
18534
|
+
x: scale.x(tick.t),
|
|
18535
|
+
label: (tick.unit === "year" ? this.yearFormat : tick.unit === "month" ? this.monthFormat : this.dayFormat).format(tick.t)
|
|
18536
|
+
}))
|
|
18537
|
+
};
|
|
18538
|
+
}, ...ngDevMode ? [{ debugName: "navigatorView" }] : /* istanbul ignore next */ []);
|
|
18539
|
+
navHeight = NAV_HEIGHT;
|
|
18540
|
+
navTop = NAV_TOP;
|
|
18541
|
+
navViewBox = computed(() => `0 0 ${this.width()} ${NAV_HEIGHT}`, ...ngDevMode ? [{ debugName: "navViewBox" }] : /* istanbul ignore next */ []);
|
|
18542
|
+
table = computed(() => {
|
|
18543
|
+
const plotted = this.plotted();
|
|
18544
|
+
const pct = this.percent();
|
|
18545
|
+
const rows = [...plotted.reduce((best, p) => !best || p.line.t.length > best.line.t.length ? p : best, null)?.ds.t ?? []].reverse().map((t) => ({
|
|
18546
|
+
date: this.dateFormat.format(t),
|
|
18547
|
+
cells: plotted.map(({ line, shown }) => {
|
|
18548
|
+
if (t < line.t[0] || t > line.t[line.t.length - 1]) return "—";
|
|
18549
|
+
const j = nearestIndex(line.t, t);
|
|
18550
|
+
return pct ? this.formatPercent(shown[j], 2) : this.numberFormat.format(line.y[j]);
|
|
18551
|
+
})
|
|
18552
|
+
}));
|
|
18553
|
+
return {
|
|
18554
|
+
columns: plotted.map(({ line }) => ({
|
|
18555
|
+
label: line.label,
|
|
18556
|
+
noTranslate: line.noTranslate,
|
|
18557
|
+
params: line.params
|
|
18558
|
+
})),
|
|
18559
|
+
rows
|
|
18560
|
+
};
|
|
18561
|
+
}, ...ngDevMode ? [{ debugName: "table" }] : /* istanbul ignore next */ []);
|
|
18562
|
+
constructor() {
|
|
18563
|
+
super();
|
|
18564
|
+
const destroyRef = inject(DestroyRef);
|
|
18565
|
+
afterNextRender(() => {
|
|
18566
|
+
const el = this.elementRef.nativeElement;
|
|
18567
|
+
const measure = () => {
|
|
18568
|
+
const width = Math.round(el.clientWidth);
|
|
18569
|
+
if (width > 0) this.width.set(width);
|
|
18570
|
+
};
|
|
18571
|
+
measure();
|
|
18572
|
+
if (typeof ResizeObserver === "undefined") return;
|
|
18573
|
+
const observer = new ResizeObserver(measure);
|
|
18574
|
+
observer.observe(el);
|
|
18575
|
+
destroyRef.onDestroy(() => observer.disconnect());
|
|
18576
|
+
});
|
|
18577
|
+
}
|
|
18578
|
+
register = (member) => this.members.update((list) => {
|
|
18579
|
+
const taken = new Set(list.map((entry) => entry.slot));
|
|
18580
|
+
let slot = 0;
|
|
18581
|
+
while (taken.has(slot)) slot++;
|
|
18582
|
+
return [...list, {
|
|
18583
|
+
member,
|
|
18584
|
+
slot
|
|
18585
|
+
}];
|
|
18586
|
+
});
|
|
18587
|
+
unregister = (member) => this.members.update((list) => list.filter((entry) => entry.member !== member));
|
|
18588
|
+
legendOf = (member) => computed(() => this.legendRows().get(member));
|
|
18589
|
+
selectPreset = (index) => {
|
|
18590
|
+
const preset = this.presets()[index];
|
|
18591
|
+
const data = this.dataSpan();
|
|
18592
|
+
if (!preset) return;
|
|
18593
|
+
this.range.set(preset.id);
|
|
18594
|
+
const span = data && presetSpan(preset.id, data[0], data[1]);
|
|
18595
|
+
if (span) this.window.set(this.toWindow(span));
|
|
18596
|
+
};
|
|
18597
|
+
commit = (span) => {
|
|
18598
|
+
this.range.set(SECTION_CHART_CUSTOM_RANGE);
|
|
18599
|
+
this.window.set(this.toWindow(span));
|
|
18600
|
+
};
|
|
18601
|
+
toWindow = (span) => ({
|
|
18602
|
+
from: new Date(span[0]).toISOString(),
|
|
18603
|
+
to: new Date(span[1]).toISOString()
|
|
18604
|
+
});
|
|
18605
|
+
navTime = (event) => {
|
|
18606
|
+
const scale = this.navScale();
|
|
18607
|
+
if (!scale) return null;
|
|
18608
|
+
const rect = event.currentTarget.getBoundingClientRect();
|
|
18609
|
+
return scale.t(event.clientX - rect.left);
|
|
18610
|
+
};
|
|
18611
|
+
onNavigatorDown = (event) => {
|
|
18612
|
+
const scale = this.navScale();
|
|
18613
|
+
const span = this.drawnSpan();
|
|
18614
|
+
const t = this.navTime(event);
|
|
18615
|
+
if (!scale || !span || t === null || event.button !== 0) return;
|
|
18616
|
+
let grip = navigatorGrip(t, span, scale.slop);
|
|
18617
|
+
let held = [span[0], span[1]];
|
|
18618
|
+
if (grip === "outside") {
|
|
18619
|
+
held = centreSpan(span, t, scale.data);
|
|
18620
|
+
this.draft.set(held);
|
|
18621
|
+
grip = "move";
|
|
18622
|
+
}
|
|
18623
|
+
this.drag = {
|
|
18624
|
+
grip,
|
|
18625
|
+
origin: t,
|
|
18626
|
+
span: held
|
|
18627
|
+
};
|
|
18628
|
+
event.currentTarget.setPointerCapture?.(event.pointerId);
|
|
18629
|
+
event.preventDefault();
|
|
18630
|
+
};
|
|
18631
|
+
onNavigatorMove = (event) => {
|
|
18632
|
+
const scale = this.navScale();
|
|
18633
|
+
const t = this.navTime(event);
|
|
18634
|
+
if (!this.drag || !scale || t === null) return;
|
|
18635
|
+
const { grip, origin, span } = this.drag;
|
|
18636
|
+
this.draft.set(grip === "move" ? panSpan(span, t - origin, scale.data) : resizeSpan(span, grip, t, scale.data, scale.minWidth));
|
|
18637
|
+
};
|
|
18638
|
+
onNavigatorUp = () => {
|
|
18639
|
+
const moved = this.draft();
|
|
18640
|
+
this.drag = null;
|
|
18641
|
+
this.draft.set(null);
|
|
18642
|
+
if (moved) this.commit(moved);
|
|
18643
|
+
};
|
|
18644
|
+
onNavigatorKeydown = (event) => {
|
|
18645
|
+
const scale = this.navScale();
|
|
18646
|
+
const span = this.drawnSpan();
|
|
18647
|
+
if (!scale || !span) return;
|
|
18648
|
+
const step = (span[1] - span[0]) * KEY_PAN_SHARE * (event.shiftKey ? 5 : 1);
|
|
18649
|
+
let next;
|
|
18650
|
+
switch (event.key) {
|
|
18651
|
+
case "ArrowLeft":
|
|
18652
|
+
next = panSpan(span, -step, scale.data);
|
|
18653
|
+
break;
|
|
18654
|
+
case "ArrowRight":
|
|
18655
|
+
next = panSpan(span, step, scale.data);
|
|
18656
|
+
break;
|
|
18657
|
+
case "Home":
|
|
18658
|
+
next = panSpan(span, scale.data[0] - span[0], scale.data);
|
|
18659
|
+
break;
|
|
18660
|
+
case "End":
|
|
18661
|
+
next = panSpan(span, scale.data[1] - span[1], scale.data);
|
|
18662
|
+
break;
|
|
18663
|
+
default: return;
|
|
18664
|
+
}
|
|
18665
|
+
event.preventDefault();
|
|
18666
|
+
if (next[0] !== span[0] || next[1] !== span[1]) this.commit(next);
|
|
18667
|
+
};
|
|
18668
|
+
plotTime = (event) => {
|
|
18669
|
+
const extent = this.extent();
|
|
18670
|
+
const times = this.times();
|
|
18671
|
+
if (!extent || !times.length) return null;
|
|
18672
|
+
const rect = event.currentTarget.getBoundingClientRect();
|
|
18673
|
+
const px = event.clientX - rect.left;
|
|
18674
|
+
if (px < MARGIN.left || px > MARGIN.left + this.plotWidth()) return null;
|
|
18675
|
+
const t = extent.t0 + (px - MARGIN.left) / this.plotWidth() * (extent.t1 - extent.t0);
|
|
18676
|
+
return times[nearestIndex(times, t)];
|
|
18677
|
+
};
|
|
18678
|
+
onPointerMove = (event) => {
|
|
18679
|
+
const t = this.plotTime(event);
|
|
18680
|
+
if (t === null) return;
|
|
18681
|
+
const measured = this.measured();
|
|
18682
|
+
if (this.measuring && measured) {
|
|
18683
|
+
this.measured.set([measured[0], t]);
|
|
18684
|
+
return;
|
|
18685
|
+
}
|
|
18686
|
+
this.hoverIndex.set(nearestIndex(this.times(), t));
|
|
18687
|
+
};
|
|
18688
|
+
onPlotDown = (event) => {
|
|
18689
|
+
if (!this.canMeasure() || event.button !== 0) return;
|
|
18690
|
+
const t = this.plotTime(event);
|
|
18691
|
+
if (t === null) return;
|
|
18692
|
+
this.measuring = true;
|
|
18693
|
+
this.anchored = false;
|
|
18694
|
+
this.hoverIndex.set(null);
|
|
18695
|
+
this.measured.set([t, t]);
|
|
18696
|
+
event.currentTarget.setPointerCapture?.(event.pointerId);
|
|
18697
|
+
event.preventDefault();
|
|
18698
|
+
};
|
|
18699
|
+
onPlotUp = () => {
|
|
18700
|
+
if (!this.measuring) return;
|
|
18701
|
+
this.measuring = false;
|
|
18702
|
+
const measured = this.measured();
|
|
18703
|
+
if (measured && measured[0] === measured[1]) this.measured.set(null);
|
|
18704
|
+
};
|
|
18705
|
+
clearHover = () => {
|
|
18706
|
+
if (!this.measuring) this.hoverIndex.set(null);
|
|
18707
|
+
};
|
|
18708
|
+
onKeydown = (event) => {
|
|
18709
|
+
const times = this.times();
|
|
18710
|
+
const count = times.length;
|
|
18711
|
+
if (!count) return;
|
|
18712
|
+
const step = event.shiftKey ? 10 : 1;
|
|
18713
|
+
const current = this.hoverIndex();
|
|
18714
|
+
let next;
|
|
18715
|
+
switch (event.key) {
|
|
18716
|
+
case "Enter":
|
|
18717
|
+
case " ": {
|
|
18718
|
+
if (!this.canMeasure() || current === null) return;
|
|
18719
|
+
event.preventDefault();
|
|
18720
|
+
const measured = this.measured();
|
|
18721
|
+
if (!this.anchored) {
|
|
18722
|
+
this.anchored = true;
|
|
18723
|
+
this.measured.set([times[current], times[current]]);
|
|
18724
|
+
} else {
|
|
18725
|
+
this.anchored = false;
|
|
18726
|
+
if (measured && measured[0] === measured[1]) this.measured.set(null);
|
|
18727
|
+
}
|
|
18728
|
+
return;
|
|
18729
|
+
}
|
|
18730
|
+
case "ArrowLeft":
|
|
18731
|
+
next = Math.max(0, (current ?? count) - step);
|
|
18732
|
+
break;
|
|
18733
|
+
case "ArrowRight":
|
|
18734
|
+
next = Math.min(count - 1, (current ?? -1) + step);
|
|
18735
|
+
break;
|
|
18736
|
+
case "Home":
|
|
18737
|
+
next = 0;
|
|
18738
|
+
break;
|
|
18739
|
+
case "End":
|
|
18740
|
+
next = count - 1;
|
|
18741
|
+
break;
|
|
18742
|
+
case "Escape":
|
|
18743
|
+
next = null;
|
|
18744
|
+
this.anchored = false;
|
|
18745
|
+
this.measured.set(null);
|
|
18746
|
+
break;
|
|
18747
|
+
default: return;
|
|
18748
|
+
}
|
|
18749
|
+
event.preventDefault();
|
|
18750
|
+
this.hoverIndex.set(next);
|
|
18751
|
+
const measured = this.measured();
|
|
18752
|
+
if (this.anchored && measured && next !== null) this.measured.set([measured[0], times[next]]);
|
|
18753
|
+
};
|
|
18754
|
+
signedChange = (change) => {
|
|
18755
|
+
if (change === null) return {
|
|
18756
|
+
change: "—",
|
|
18757
|
+
trend: "flat"
|
|
18758
|
+
};
|
|
18759
|
+
const trend = change > 0 ? "up" : change < 0 ? "down" : "flat";
|
|
18760
|
+
return {
|
|
18761
|
+
change: `${trend === "up" ? "▲" : trend === "down" ? "▼" : "■"} ${this.formatPercent(change, 2)}`,
|
|
18762
|
+
trend
|
|
18763
|
+
};
|
|
18764
|
+
};
|
|
18765
|
+
percentFormats = /* @__PURE__ */ new Map();
|
|
18766
|
+
formatPercent = (v, digits) => {
|
|
18767
|
+
let format = this.percentFormats.get(digits);
|
|
18768
|
+
if (!format) {
|
|
18769
|
+
format = new Intl.NumberFormat(this.locale, {
|
|
18770
|
+
style: "percent",
|
|
18771
|
+
signDisplay: "exceptZero",
|
|
18772
|
+
minimumFractionDigits: digits,
|
|
18773
|
+
maximumFractionDigits: digits
|
|
18774
|
+
});
|
|
18775
|
+
this.percentFormats.set(digits, format);
|
|
18776
|
+
}
|
|
18777
|
+
return format.format(v / 100);
|
|
18778
|
+
};
|
|
18779
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
18780
|
+
minVersion: "12.0.0",
|
|
18781
|
+
version: "22.2.1",
|
|
18782
|
+
ngImport: i0,
|
|
18783
|
+
type: SectionChartComponent,
|
|
18784
|
+
deps: [],
|
|
18785
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
18786
|
+
});
|
|
18787
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
18788
|
+
minVersion: "17.0.0",
|
|
18789
|
+
version: "22.2.1",
|
|
18790
|
+
type: SectionChartComponent,
|
|
18791
|
+
isStandalone: true,
|
|
18792
|
+
selector: "m-section-chart",
|
|
18793
|
+
inputs: {
|
|
18794
|
+
scale: {
|
|
18795
|
+
classPropertyName: "scale",
|
|
18796
|
+
publicName: "scale",
|
|
18797
|
+
isSignal: true,
|
|
18798
|
+
isRequired: false,
|
|
18799
|
+
transformFunction: null
|
|
18800
|
+
},
|
|
18801
|
+
height: {
|
|
18802
|
+
classPropertyName: "height",
|
|
18803
|
+
publicName: "height",
|
|
18804
|
+
isSignal: true,
|
|
18805
|
+
isRequired: false,
|
|
18806
|
+
transformFunction: null
|
|
18807
|
+
},
|
|
18808
|
+
navigator: {
|
|
18809
|
+
classPropertyName: "navigator",
|
|
18810
|
+
publicName: "navigator",
|
|
18811
|
+
isSignal: true,
|
|
18812
|
+
isRequired: false,
|
|
18813
|
+
transformFunction: null
|
|
18814
|
+
},
|
|
18815
|
+
measure: {
|
|
18816
|
+
classPropertyName: "measure",
|
|
18817
|
+
publicName: "measure",
|
|
18818
|
+
isSignal: true,
|
|
18819
|
+
isRequired: false,
|
|
18820
|
+
transformFunction: null
|
|
18821
|
+
},
|
|
18822
|
+
range: {
|
|
18823
|
+
classPropertyName: "range",
|
|
18824
|
+
publicName: "range",
|
|
18825
|
+
isSignal: true,
|
|
18826
|
+
isRequired: false,
|
|
18827
|
+
transformFunction: null
|
|
18828
|
+
},
|
|
18829
|
+
window: {
|
|
18830
|
+
classPropertyName: "window",
|
|
18831
|
+
publicName: "window",
|
|
18832
|
+
isSignal: true,
|
|
18833
|
+
isRequired: false,
|
|
18834
|
+
transformFunction: null
|
|
18835
|
+
}
|
|
18836
|
+
},
|
|
18837
|
+
outputs: {
|
|
18838
|
+
range: "rangeChange",
|
|
18839
|
+
window: "windowChange"
|
|
18840
|
+
},
|
|
18841
|
+
host: {
|
|
18842
|
+
properties: { "class.is-design-mode": "isDesignMode" },
|
|
18843
|
+
classAttribute: "m-section-chart"
|
|
18844
|
+
},
|
|
18845
|
+
providers: [{
|
|
18846
|
+
provide: SECTION_CHART_CONTEXT,
|
|
18847
|
+
useFactory: () => {
|
|
18848
|
+
const self = inject(SectionChartComponent);
|
|
18849
|
+
return {
|
|
18850
|
+
register: self.register,
|
|
18851
|
+
unregister: self.unregister,
|
|
18852
|
+
legendOf: self.legendOf
|
|
18853
|
+
};
|
|
18854
|
+
}
|
|
18855
|
+
}],
|
|
18856
|
+
usesInheritance: true,
|
|
18857
|
+
ngImport: i0,
|
|
18858
|
+
template: "<div class=\"m-section-chart__top\">\n <!-- Each series draws its own legend row: the row is the series' element,\n which is what the editor's Canvas selects it by. -->\n <div class=\"m-section-chart__legend\" role=\"list\">\n <ng-content />\n </div>\n @if (windowLabel(); as label) {\n <span class=\"m-section-chart__window\">{{ label }}</span>\n }\n</div>\n\n<div class=\"m-section-chart__plot\">\n <svg\n class=\"m-section-chart__svg\"\n role=\"img\"\n tabindex=\"0\"\n [class.is-measurable]=\"canMeasure()\"\n [attr.width]=\"width()\"\n [attr.height]=\"resolvedHeight()\"\n [attr.viewBox]=\"viewBox()\"\n [attr.aria-label]=\"windowLabel()\"\n [attr.aria-describedby]=\"tableId\"\n (pointerdown)=\"onPlotDown($event)\"\n (pointermove)=\"onPointerMove($event)\"\n (pointerup)=\"onPlotUp()\"\n (pointercancel)=\"onPlotUp()\"\n (pointerleave)=\"clearHover()\"\n (blur)=\"clearHover()\"\n (keydown)=\"onKeydown($event)\"\n >\n @for (tick of yTicks(); track $index) {\n <svg:line\n class=\"m-section-chart__grid\"\n [class.m-section-chart__grid--zero]=\"tick.zero\"\n [attr.x1]=\"left\"\n [attr.x2]=\"right()\"\n [attr.y1]=\"tick.y\"\n [attr.y2]=\"tick.y\"\n />\n <svg:text\n class=\"m-section-chart__tick\"\n text-anchor=\"end\"\n [attr.x]=\"left - 8\"\n [attr.y]=\"tick.y + 4\"\n >\n {{ tick.label }}\n </svg:text>\n }\n <svg:line\n class=\"m-section-chart__axis\"\n [attr.x1]=\"left\"\n [attr.x2]=\"right()\"\n [attr.y1]=\"bottom()\"\n [attr.y2]=\"bottom()\"\n />\n @for (tick of xTicks(); track $index) {\n <svg:text\n class=\"m-section-chart__tick\"\n text-anchor=\"middle\"\n [attr.x]=\"tick.x\"\n [attr.y]=\"bottom() + 18\"\n >\n {{ tick.label }}\n </svg:text>\n }\n @if (measureView(); as band) {\n <svg:rect\n class=\"m-section-chart__band\"\n [attr.x]=\"band.start\"\n [attr.y]=\"top\"\n [attr.width]=\"band.width\"\n [attr.height]=\"bottom() - top\"\n />\n <svg:line\n class=\"m-section-chart__band-edge\"\n [attr.x1]=\"band.start\"\n [attr.x2]=\"band.start\"\n [attr.y1]=\"top\"\n [attr.y2]=\"bottom()\"\n />\n <svg:line\n class=\"m-section-chart__band-edge\"\n [attr.x1]=\"band.start + band.width\"\n [attr.x2]=\"band.start + band.width\"\n [attr.y1]=\"top\"\n [attr.y2]=\"bottom()\"\n />\n }\n @for (path of paths(); track $index) {\n <svg:path\n class=\"m-section-chart__line\"\n [attr.d]=\"path.d\"\n [style.stroke]=\"path.color\"\n />\n }\n @for (path of paths(); track $index) {\n <svg:circle\n class=\"m-section-chart__dot\"\n r=\"4\"\n [attr.cx]=\"path.endX\"\n [attr.cy]=\"path.endY\"\n [style.fill]=\"path.color\"\n />\n }\n @if (hover(); as h) {\n <svg:line\n class=\"m-section-chart__cross\"\n [attr.x1]=\"h.x\"\n [attr.x2]=\"h.x\"\n [attr.y1]=\"top\"\n [attr.y2]=\"bottom()\"\n />\n @for (row of h.rows; track $index) {\n <svg:circle\n class=\"m-section-chart__dot\"\n r=\"4\"\n [attr.cx]=\"row.cx\"\n [attr.cy]=\"row.cy\"\n [style.fill]=\"row.color\"\n />\n }\n }\n </svg>\n\n @if (hover(); as h) {\n <div\n class=\"m-section-chart__tip\"\n role=\"status\"\n [class.m-section-chart__tip--flip]=\"h.flip\"\n [style.left.px]=\"h.x\"\n >\n <span class=\"m-section-chart__tip-title\">{{ h.title }}</span>\n @for (row of h.rows; track $index) {\n <span class=\"m-section-chart__tip-row\">\n <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n <span class=\"m-section-chart__tip-label\">{{\n row.noTranslate ? row.label : (row.label | translate: row.params)\n }}</span>\n <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n </span>\n }\n </div>\n }\n\n @if (measureView()?.card; as card) {\n <div\n class=\"m-section-chart__measure\"\n role=\"status\"\n [class.m-section-chart__measure--flip]=\"card.flip\"\n [style.left.px]=\"card.x\"\n >\n <span class=\"m-section-chart__tip-title\">{{ card.title }}</span>\n @for (row of card.rows; track $index) {\n <span class=\"m-section-chart__tip-row\">\n <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n <span class=\"m-section-chart__tip-label\">{{\n row.noTranslate ? row.label : (row.label | translate: row.params)\n }}</span>\n <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n </span>\n }\n </div>\n }\n</div>\n\n@if (presets().length > 1) {\n <div class=\"m-section-chart__presets\">\n <m-section-toggle\n [items]=\"presets()\"\n [selectedIndex]=\"presetIndex()\"\n [border]=\"false\"\n (action)=\"selectPreset($event)\"\n >\n <ng-template [mSectionToggleItem]=\"presets()\" let-preset>\n <span class=\"m-section-chart__preset\">{{ preset.label }}</span>\n </ng-template>\n </m-section-toggle>\n </div>\n}\n\n@if (navigatorView(); as nav) {\n <svg\n class=\"m-section-chart__navigator\"\n role=\"slider\"\n tabindex=\"0\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-label]=\"'zoom' | translate\"\n [attr.aria-valuenow]=\"nav.position\"\n [attr.aria-valuetext]=\"windowLabel()\"\n [attr.width]=\"width()\"\n [attr.height]=\"navHeight\"\n [attr.viewBox]=\"navViewBox()\"\n (pointerdown)=\"onNavigatorDown($event)\"\n (pointermove)=\"onNavigatorMove($event)\"\n (pointerup)=\"onNavigatorUp()\"\n (pointercancel)=\"onNavigatorUp()\"\n (keydown)=\"onNavigatorKeydown($event)\"\n >\n <svg:path class=\"m-section-chart__nav-area\" [attr.d]=\"nav.area\" />\n <svg:path class=\"m-section-chart__nav-line\" [attr.d]=\"nav.d\" />\n <svg:line\n class=\"m-section-chart__axis\"\n [attr.x1]=\"left\"\n [attr.x2]=\"right()\"\n [attr.y1]=\"nav.base\"\n [attr.y2]=\"nav.base\"\n />\n @for (tick of nav.ticks; track $index) {\n <svg:text\n class=\"m-section-chart__tick\"\n text-anchor=\"middle\"\n [attr.x]=\"tick.x\"\n [attr.y]=\"nav.base + 15\"\n >\n {{ tick.label }}\n </svg:text>\n }\n <svg:rect\n class=\"m-section-chart__nav-dim\"\n [attr.x]=\"left\"\n [attr.y]=\"navTop\"\n [attr.width]=\"nav.start - left\"\n [attr.height]=\"nav.base - navTop\"\n />\n <svg:rect\n class=\"m-section-chart__nav-dim\"\n [attr.x]=\"nav.end\"\n [attr.y]=\"navTop\"\n [attr.width]=\"right() - nav.end\"\n [attr.height]=\"nav.base - navTop\"\n />\n <svg:rect\n class=\"m-section-chart__nav-window\"\n [attr.x]=\"nav.start\"\n [attr.y]=\"navTop\"\n [attr.width]=\"nav.end - nav.start\"\n [attr.height]=\"nav.base - navTop\"\n />\n <svg:rect\n class=\"m-section-chart__nav-handle\"\n rx=\"2\"\n width=\"6\"\n height=\"20\"\n [attr.x]=\"nav.start - 3\"\n [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n />\n <svg:rect\n class=\"m-section-chart__nav-handle\"\n rx=\"2\"\n width=\"6\"\n height=\"20\"\n [attr.x]=\"nav.end - 3\"\n [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n />\n </svg>\n}\n\n<table class=\"m-section-chart__table\" [id]=\"tableId\">\n <thead>\n <tr>\n <th scope=\"col\">{{ 'date' | translate }}</th>\n @for (column of table().columns; track $index) {\n <th scope=\"col\">\n {{ column.noTranslate ? column.label : (column.label | translate: column.params) }}\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of table().rows; track $index) {\n <tr>\n <td>{{ row.date }}</td>\n @for (cell of row.cells; track $index) {\n <td>{{ cell }}</td>\n }\n </tr>\n }\n </tbody>\n</table>\n",
|
|
18859
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;width:100%;min-width:0}.m-section-chart__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.5rem}.m-section-chart__legend{display:grid;gap:.15rem;min-width:0}.m-section-chart__tip-key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart__window{color:var(--m-text-tertiary);font-size:.8rem}.m-section-chart__plot{position:relative}.m-section-chart__svg{display:block;overflow:visible}.m-section-chart__svg:focus{outline:none}.m-section-chart__svg:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__svg.is-measurable{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.m-section-chart__band{fill:var(--m-text);opacity:.06}.m-section-chart__band-edge{stroke:var(--m-text-secondary);stroke-width:1}.m-section-chart__grid{stroke:var(--m-text-septenary);stroke-width:1}.m-section-chart__grid--zero{stroke:var(--m-text-quinary);stroke-width:1.5}.m-section-chart__axis{stroke:var(--m-text-quinary);stroke-width:1}.m-section-chart__tick{fill:var(--m-text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.m-section-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.m-section-chart__dot{stroke:var(--m-background);stroke-width:2}.m-section-chart__cross{stroke:var(--m-text-secondary);stroke-width:1;opacity:.55}.m-section-chart__tip,.m-section-chart__measure{position:absolute;z-index:2;display:grid;gap:.25rem;min-width:10rem;padding:.5rem .625rem;border:1px solid var(--m-backdrop-border);border-radius:.5rem;background:var(--m-background);box-shadow:0 6px 20px var(--m-backdrop-shadow);font-size:.75rem;pointer-events:none}.m-section-chart__tip{top:0;margin-left:.875rem}.m-section-chart__tip--flip{transform:translate(calc(-100% - 1.75rem))}.m-section-chart__measure{bottom:2.25rem}.m-section-chart__measure--flip{transform:translate(-100%)}.m-section-chart__tip-title{color:var(--m-text-secondary);font-weight:600}.m-section-chart__tip-row{display:grid;grid-template-columns:.75rem auto 1fr auto;align-items:center;gap:.5rem}.m-section-chart__tip-value{color:var(--m-text);font-weight:650;font-variant-numeric:tabular-nums}.m-section-chart__tip-label{color:var(--m-text-secondary);white-space:nowrap}.m-section-chart__tip-sub{color:var(--m-text-tertiary);font-variant-numeric:tabular-nums}.m-section-chart__presets{--section-px: 0;margin-top:.5rem}.m-section-chart__preset{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.m-section-chart__navigator{display:block;margin-top:.25rem;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.m-section-chart__navigator:focus{outline:none}.m-section-chart__navigator:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__nav-area{fill:var(--m-text-tertiary);opacity:.12}.m-section-chart__nav-line{fill:none;stroke:var(--m-text-tertiary);stroke-width:1.25}.m-section-chart__nav-dim{fill:var(--m-background);opacity:.6}.m-section-chart__nav-window{fill:transparent;stroke:var(--m-text-secondary);stroke-width:1;cursor:grab}.m-section-chart__nav-handle{fill:var(--m-text-secondary);cursor:ew-resize}.m-section-chart__table{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"],
|
|
18860
|
+
dependencies: [
|
|
18861
|
+
{
|
|
18862
|
+
kind: "component",
|
|
18863
|
+
type: SectionToggleComponent,
|
|
18864
|
+
selector: "m-section-toggle",
|
|
18865
|
+
inputs: [
|
|
18866
|
+
"items",
|
|
18867
|
+
"selectedIndex",
|
|
18868
|
+
"border",
|
|
18869
|
+
"sticky"
|
|
18870
|
+
],
|
|
18871
|
+
outputs: ["selectedIndexChange", "action"]
|
|
18872
|
+
},
|
|
18873
|
+
{
|
|
18874
|
+
kind: "directive",
|
|
18875
|
+
type: SectionToggleItemDirective,
|
|
18876
|
+
selector: "ng-template[mSectionToggleItem]",
|
|
18877
|
+
inputs: ["mSectionToggleItem"]
|
|
18878
|
+
},
|
|
18879
|
+
{
|
|
18880
|
+
kind: "pipe",
|
|
18881
|
+
type: TranslatePipe,
|
|
18882
|
+
name: "translate"
|
|
18883
|
+
}
|
|
18884
|
+
],
|
|
18885
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
18886
|
+
});
|
|
18887
|
+
};
|
|
18888
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
18889
|
+
minVersion: "12.0.0",
|
|
18890
|
+
version: "22.2.1",
|
|
18891
|
+
ngImport: i0,
|
|
18892
|
+
type: SectionChartComponent,
|
|
18893
|
+
decorators: [{
|
|
18894
|
+
type: Component,
|
|
18895
|
+
args: [{
|
|
18896
|
+
selector: "m-section-chart",
|
|
18897
|
+
imports: [
|
|
18898
|
+
TranslatePipe,
|
|
18899
|
+
SectionToggleComponent,
|
|
18900
|
+
SectionToggleItemDirective
|
|
18901
|
+
],
|
|
18902
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
18903
|
+
host: {
|
|
18904
|
+
class: "m-section-chart",
|
|
18905
|
+
"[class.is-design-mode]": "isDesignMode"
|
|
18906
|
+
},
|
|
18907
|
+
providers: [{
|
|
18908
|
+
provide: SECTION_CHART_CONTEXT,
|
|
18909
|
+
useFactory: () => {
|
|
18910
|
+
const self = inject(SectionChartComponent);
|
|
18911
|
+
return {
|
|
18912
|
+
register: self.register,
|
|
18913
|
+
unregister: self.unregister,
|
|
18914
|
+
legendOf: self.legendOf
|
|
18915
|
+
};
|
|
18916
|
+
}
|
|
18917
|
+
}],
|
|
18918
|
+
template: "<div class=\"m-section-chart__top\">\n <!-- Each series draws its own legend row: the row is the series' element,\n which is what the editor's Canvas selects it by. -->\n <div class=\"m-section-chart__legend\" role=\"list\">\n <ng-content />\n </div>\n @if (windowLabel(); as label) {\n <span class=\"m-section-chart__window\">{{ label }}</span>\n }\n</div>\n\n<div class=\"m-section-chart__plot\">\n <svg\n class=\"m-section-chart__svg\"\n role=\"img\"\n tabindex=\"0\"\n [class.is-measurable]=\"canMeasure()\"\n [attr.width]=\"width()\"\n [attr.height]=\"resolvedHeight()\"\n [attr.viewBox]=\"viewBox()\"\n [attr.aria-label]=\"windowLabel()\"\n [attr.aria-describedby]=\"tableId\"\n (pointerdown)=\"onPlotDown($event)\"\n (pointermove)=\"onPointerMove($event)\"\n (pointerup)=\"onPlotUp()\"\n (pointercancel)=\"onPlotUp()\"\n (pointerleave)=\"clearHover()\"\n (blur)=\"clearHover()\"\n (keydown)=\"onKeydown($event)\"\n >\n @for (tick of yTicks(); track $index) {\n <svg:line\n class=\"m-section-chart__grid\"\n [class.m-section-chart__grid--zero]=\"tick.zero\"\n [attr.x1]=\"left\"\n [attr.x2]=\"right()\"\n [attr.y1]=\"tick.y\"\n [attr.y2]=\"tick.y\"\n />\n <svg:text\n class=\"m-section-chart__tick\"\n text-anchor=\"end\"\n [attr.x]=\"left - 8\"\n [attr.y]=\"tick.y + 4\"\n >\n {{ tick.label }}\n </svg:text>\n }\n <svg:line\n class=\"m-section-chart__axis\"\n [attr.x1]=\"left\"\n [attr.x2]=\"right()\"\n [attr.y1]=\"bottom()\"\n [attr.y2]=\"bottom()\"\n />\n @for (tick of xTicks(); track $index) {\n <svg:text\n class=\"m-section-chart__tick\"\n text-anchor=\"middle\"\n [attr.x]=\"tick.x\"\n [attr.y]=\"bottom() + 18\"\n >\n {{ tick.label }}\n </svg:text>\n }\n @if (measureView(); as band) {\n <svg:rect\n class=\"m-section-chart__band\"\n [attr.x]=\"band.start\"\n [attr.y]=\"top\"\n [attr.width]=\"band.width\"\n [attr.height]=\"bottom() - top\"\n />\n <svg:line\n class=\"m-section-chart__band-edge\"\n [attr.x1]=\"band.start\"\n [attr.x2]=\"band.start\"\n [attr.y1]=\"top\"\n [attr.y2]=\"bottom()\"\n />\n <svg:line\n class=\"m-section-chart__band-edge\"\n [attr.x1]=\"band.start + band.width\"\n [attr.x2]=\"band.start + band.width\"\n [attr.y1]=\"top\"\n [attr.y2]=\"bottom()\"\n />\n }\n @for (path of paths(); track $index) {\n <svg:path\n class=\"m-section-chart__line\"\n [attr.d]=\"path.d\"\n [style.stroke]=\"path.color\"\n />\n }\n @for (path of paths(); track $index) {\n <svg:circle\n class=\"m-section-chart__dot\"\n r=\"4\"\n [attr.cx]=\"path.endX\"\n [attr.cy]=\"path.endY\"\n [style.fill]=\"path.color\"\n />\n }\n @if (hover(); as h) {\n <svg:line\n class=\"m-section-chart__cross\"\n [attr.x1]=\"h.x\"\n [attr.x2]=\"h.x\"\n [attr.y1]=\"top\"\n [attr.y2]=\"bottom()\"\n />\n @for (row of h.rows; track $index) {\n <svg:circle\n class=\"m-section-chart__dot\"\n r=\"4\"\n [attr.cx]=\"row.cx\"\n [attr.cy]=\"row.cy\"\n [style.fill]=\"row.color\"\n />\n }\n }\n </svg>\n\n @if (hover(); as h) {\n <div\n class=\"m-section-chart__tip\"\n role=\"status\"\n [class.m-section-chart__tip--flip]=\"h.flip\"\n [style.left.px]=\"h.x\"\n >\n <span class=\"m-section-chart__tip-title\">{{ h.title }}</span>\n @for (row of h.rows; track $index) {\n <span class=\"m-section-chart__tip-row\">\n <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n <span class=\"m-section-chart__tip-label\">{{\n row.noTranslate ? row.label : (row.label | translate: row.params)\n }}</span>\n <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n </span>\n }\n </div>\n }\n\n @if (measureView()?.card; as card) {\n <div\n class=\"m-section-chart__measure\"\n role=\"status\"\n [class.m-section-chart__measure--flip]=\"card.flip\"\n [style.left.px]=\"card.x\"\n >\n <span class=\"m-section-chart__tip-title\">{{ card.title }}</span>\n @for (row of card.rows; track $index) {\n <span class=\"m-section-chart__tip-row\">\n <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n <span class=\"m-section-chart__tip-label\">{{\n row.noTranslate ? row.label : (row.label | translate: row.params)\n }}</span>\n <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n </span>\n }\n </div>\n }\n</div>\n\n@if (presets().length > 1) {\n <div class=\"m-section-chart__presets\">\n <m-section-toggle\n [items]=\"presets()\"\n [selectedIndex]=\"presetIndex()\"\n [border]=\"false\"\n (action)=\"selectPreset($event)\"\n >\n <ng-template [mSectionToggleItem]=\"presets()\" let-preset>\n <span class=\"m-section-chart__preset\">{{ preset.label }}</span>\n </ng-template>\n </m-section-toggle>\n </div>\n}\n\n@if (navigatorView(); as nav) {\n <svg\n class=\"m-section-chart__navigator\"\n role=\"slider\"\n tabindex=\"0\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-label]=\"'zoom' | translate\"\n [attr.aria-valuenow]=\"nav.position\"\n [attr.aria-valuetext]=\"windowLabel()\"\n [attr.width]=\"width()\"\n [attr.height]=\"navHeight\"\n [attr.viewBox]=\"navViewBox()\"\n (pointerdown)=\"onNavigatorDown($event)\"\n (pointermove)=\"onNavigatorMove($event)\"\n (pointerup)=\"onNavigatorUp()\"\n (pointercancel)=\"onNavigatorUp()\"\n (keydown)=\"onNavigatorKeydown($event)\"\n >\n <svg:path class=\"m-section-chart__nav-area\" [attr.d]=\"nav.area\" />\n <svg:path class=\"m-section-chart__nav-line\" [attr.d]=\"nav.d\" />\n <svg:line\n class=\"m-section-chart__axis\"\n [attr.x1]=\"left\"\n [attr.x2]=\"right()\"\n [attr.y1]=\"nav.base\"\n [attr.y2]=\"nav.base\"\n />\n @for (tick of nav.ticks; track $index) {\n <svg:text\n class=\"m-section-chart__tick\"\n text-anchor=\"middle\"\n [attr.x]=\"tick.x\"\n [attr.y]=\"nav.base + 15\"\n >\n {{ tick.label }}\n </svg:text>\n }\n <svg:rect\n class=\"m-section-chart__nav-dim\"\n [attr.x]=\"left\"\n [attr.y]=\"navTop\"\n [attr.width]=\"nav.start - left\"\n [attr.height]=\"nav.base - navTop\"\n />\n <svg:rect\n class=\"m-section-chart__nav-dim\"\n [attr.x]=\"nav.end\"\n [attr.y]=\"navTop\"\n [attr.width]=\"right() - nav.end\"\n [attr.height]=\"nav.base - navTop\"\n />\n <svg:rect\n class=\"m-section-chart__nav-window\"\n [attr.x]=\"nav.start\"\n [attr.y]=\"navTop\"\n [attr.width]=\"nav.end - nav.start\"\n [attr.height]=\"nav.base - navTop\"\n />\n <svg:rect\n class=\"m-section-chart__nav-handle\"\n rx=\"2\"\n width=\"6\"\n height=\"20\"\n [attr.x]=\"nav.start - 3\"\n [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n />\n <svg:rect\n class=\"m-section-chart__nav-handle\"\n rx=\"2\"\n width=\"6\"\n height=\"20\"\n [attr.x]=\"nav.end - 3\"\n [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n />\n </svg>\n}\n\n<table class=\"m-section-chart__table\" [id]=\"tableId\">\n <thead>\n <tr>\n <th scope=\"col\">{{ 'date' | translate }}</th>\n @for (column of table().columns; track $index) {\n <th scope=\"col\">\n {{ column.noTranslate ? column.label : (column.label | translate: column.params) }}\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of table().rows; track $index) {\n <tr>\n <td>{{ row.date }}</td>\n @for (cell of row.cells; track $index) {\n <td>{{ cell }}</td>\n }\n </tr>\n }\n </tbody>\n</table>\n",
|
|
18919
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;width:100%;min-width:0}.m-section-chart__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.5rem}.m-section-chart__legend{display:grid;gap:.15rem;min-width:0}.m-section-chart__tip-key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart__window{color:var(--m-text-tertiary);font-size:.8rem}.m-section-chart__plot{position:relative}.m-section-chart__svg{display:block;overflow:visible}.m-section-chart__svg:focus{outline:none}.m-section-chart__svg:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__svg.is-measurable{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.m-section-chart__band{fill:var(--m-text);opacity:.06}.m-section-chart__band-edge{stroke:var(--m-text-secondary);stroke-width:1}.m-section-chart__grid{stroke:var(--m-text-septenary);stroke-width:1}.m-section-chart__grid--zero{stroke:var(--m-text-quinary);stroke-width:1.5}.m-section-chart__axis{stroke:var(--m-text-quinary);stroke-width:1}.m-section-chart__tick{fill:var(--m-text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.m-section-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.m-section-chart__dot{stroke:var(--m-background);stroke-width:2}.m-section-chart__cross{stroke:var(--m-text-secondary);stroke-width:1;opacity:.55}.m-section-chart__tip,.m-section-chart__measure{position:absolute;z-index:2;display:grid;gap:.25rem;min-width:10rem;padding:.5rem .625rem;border:1px solid var(--m-backdrop-border);border-radius:.5rem;background:var(--m-background);box-shadow:0 6px 20px var(--m-backdrop-shadow);font-size:.75rem;pointer-events:none}.m-section-chart__tip{top:0;margin-left:.875rem}.m-section-chart__tip--flip{transform:translate(calc(-100% - 1.75rem))}.m-section-chart__measure{bottom:2.25rem}.m-section-chart__measure--flip{transform:translate(-100%)}.m-section-chart__tip-title{color:var(--m-text-secondary);font-weight:600}.m-section-chart__tip-row{display:grid;grid-template-columns:.75rem auto 1fr auto;align-items:center;gap:.5rem}.m-section-chart__tip-value{color:var(--m-text);font-weight:650;font-variant-numeric:tabular-nums}.m-section-chart__tip-label{color:var(--m-text-secondary);white-space:nowrap}.m-section-chart__tip-sub{color:var(--m-text-tertiary);font-variant-numeric:tabular-nums}.m-section-chart__presets{--section-px: 0;margin-top:.5rem}.m-section-chart__preset{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.m-section-chart__navigator{display:block;margin-top:.25rem;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.m-section-chart__navigator:focus{outline:none}.m-section-chart__navigator:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__nav-area{fill:var(--m-text-tertiary);opacity:.12}.m-section-chart__nav-line{fill:none;stroke:var(--m-text-tertiary);stroke-width:1.25}.m-section-chart__nav-dim{fill:var(--m-background);opacity:.6}.m-section-chart__nav-window{fill:transparent;stroke:var(--m-text-secondary);stroke-width:1;cursor:grab}.m-section-chart__nav-handle{fill:var(--m-text-secondary);cursor:ew-resize}.m-section-chart__table{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"]
|
|
18920
|
+
}]
|
|
18921
|
+
}],
|
|
18922
|
+
ctorParameters: () => [],
|
|
18923
|
+
propDecorators: {
|
|
18924
|
+
scale: [{
|
|
18925
|
+
type: i0.Input,
|
|
18926
|
+
args: [{
|
|
18927
|
+
isSignal: true,
|
|
18928
|
+
alias: "scale",
|
|
18929
|
+
required: false
|
|
18930
|
+
}]
|
|
18931
|
+
}],
|
|
18932
|
+
height: [{
|
|
18933
|
+
type: i0.Input,
|
|
18934
|
+
args: [{
|
|
18935
|
+
isSignal: true,
|
|
18936
|
+
alias: "height",
|
|
18937
|
+
required: false
|
|
18938
|
+
}]
|
|
18939
|
+
}],
|
|
18940
|
+
navigator: [{
|
|
18941
|
+
type: i0.Input,
|
|
18942
|
+
args: [{
|
|
18943
|
+
isSignal: true,
|
|
18944
|
+
alias: "navigator",
|
|
18945
|
+
required: false
|
|
18946
|
+
}]
|
|
18947
|
+
}],
|
|
18948
|
+
measure: [{
|
|
18949
|
+
type: i0.Input,
|
|
18950
|
+
args: [{
|
|
18951
|
+
isSignal: true,
|
|
18952
|
+
alias: "measure",
|
|
18953
|
+
required: false
|
|
18954
|
+
}]
|
|
18955
|
+
}],
|
|
18956
|
+
range: [{
|
|
18957
|
+
type: i0.Input,
|
|
18958
|
+
args: [{
|
|
18959
|
+
isSignal: true,
|
|
18960
|
+
alias: "range",
|
|
18961
|
+
required: false
|
|
18962
|
+
}]
|
|
18963
|
+
}, {
|
|
18964
|
+
type: i0.Output,
|
|
18965
|
+
args: ["rangeChange"]
|
|
18966
|
+
}],
|
|
18967
|
+
window: [{
|
|
18968
|
+
type: i0.Input,
|
|
18969
|
+
args: [{
|
|
18970
|
+
isSignal: true,
|
|
18971
|
+
alias: "window",
|
|
18972
|
+
required: false
|
|
18973
|
+
}]
|
|
18974
|
+
}, {
|
|
18975
|
+
type: i0.Output,
|
|
18976
|
+
args: ["windowChange"]
|
|
18977
|
+
}]
|
|
18978
|
+
}
|
|
18979
|
+
});
|
|
18980
|
+
var SectionChartSeriesComponent = class SectionChartSeriesComponent {
|
|
18981
|
+
data = input(void 0, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
|
|
18982
|
+
x = input("date", ...ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []);
|
|
18983
|
+
y = input("value", ...ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []);
|
|
18984
|
+
label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
|
|
18985
|
+
noTranslate = input(false, ...ngDevMode ? [{ debugName: "noTranslate" }] : /* istanbul ignore next */ []);
|
|
18986
|
+
params = input(void 0, ...ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []);
|
|
18987
|
+
color = input(void 0, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
|
|
18988
|
+
points = computed(() => readChartPoints(this.data(), this.x(), this.y()), ...ngDevMode ? [{ debugName: "points" }] : /* istanbul ignore next */ []);
|
|
18989
|
+
row;
|
|
18990
|
+
constructor() {
|
|
18991
|
+
const chart = inject(SECTION_CHART_CONTEXT, { optional: true });
|
|
18992
|
+
if (!chart) {
|
|
18993
|
+
this.row = signal(void 0, ...ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []);
|
|
18994
|
+
return;
|
|
18995
|
+
}
|
|
18996
|
+
const member = {
|
|
18997
|
+
points: this.points,
|
|
18998
|
+
label: this.label,
|
|
18999
|
+
noTranslate: this.noTranslate,
|
|
19000
|
+
params: this.params,
|
|
19001
|
+
color: this.color
|
|
19002
|
+
};
|
|
19003
|
+
chart.register(member);
|
|
19004
|
+
this.row = chart.legendOf(member);
|
|
19005
|
+
inject(DestroyRef).onDestroy(() => chart.unregister(member));
|
|
19006
|
+
}
|
|
19007
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
19008
|
+
minVersion: "12.0.0",
|
|
19009
|
+
version: "22.2.1",
|
|
19010
|
+
ngImport: i0,
|
|
19011
|
+
type: SectionChartSeriesComponent,
|
|
19012
|
+
deps: [],
|
|
19013
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
19014
|
+
});
|
|
19015
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
19016
|
+
minVersion: "17.0.0",
|
|
19017
|
+
version: "22.2.1",
|
|
19018
|
+
type: SectionChartSeriesComponent,
|
|
19019
|
+
isStandalone: true,
|
|
19020
|
+
selector: "m-section-chart-series",
|
|
19021
|
+
inputs: {
|
|
19022
|
+
data: {
|
|
19023
|
+
classPropertyName: "data",
|
|
19024
|
+
publicName: "data",
|
|
19025
|
+
isSignal: true,
|
|
19026
|
+
isRequired: false,
|
|
19027
|
+
transformFunction: null
|
|
19028
|
+
},
|
|
19029
|
+
x: {
|
|
19030
|
+
classPropertyName: "x",
|
|
19031
|
+
publicName: "x",
|
|
19032
|
+
isSignal: true,
|
|
19033
|
+
isRequired: false,
|
|
19034
|
+
transformFunction: null
|
|
19035
|
+
},
|
|
19036
|
+
y: {
|
|
19037
|
+
classPropertyName: "y",
|
|
19038
|
+
publicName: "y",
|
|
19039
|
+
isSignal: true,
|
|
19040
|
+
isRequired: false,
|
|
19041
|
+
transformFunction: null
|
|
19042
|
+
},
|
|
19043
|
+
label: {
|
|
19044
|
+
classPropertyName: "label",
|
|
19045
|
+
publicName: "label",
|
|
19046
|
+
isSignal: true,
|
|
19047
|
+
isRequired: false,
|
|
19048
|
+
transformFunction: null
|
|
19049
|
+
},
|
|
19050
|
+
noTranslate: {
|
|
19051
|
+
classPropertyName: "noTranslate",
|
|
19052
|
+
publicName: "noTranslate",
|
|
19053
|
+
isSignal: true,
|
|
19054
|
+
isRequired: false,
|
|
19055
|
+
transformFunction: null
|
|
19056
|
+
},
|
|
19057
|
+
params: {
|
|
19058
|
+
classPropertyName: "params",
|
|
19059
|
+
publicName: "params",
|
|
19060
|
+
isSignal: true,
|
|
19061
|
+
isRequired: false,
|
|
19062
|
+
transformFunction: null
|
|
19063
|
+
},
|
|
19064
|
+
color: {
|
|
19065
|
+
classPropertyName: "color",
|
|
19066
|
+
publicName: "color",
|
|
19067
|
+
isSignal: true,
|
|
19068
|
+
isRequired: false,
|
|
19069
|
+
transformFunction: null
|
|
19070
|
+
}
|
|
19071
|
+
},
|
|
19072
|
+
host: {
|
|
19073
|
+
attributes: { "role": "listitem" },
|
|
19074
|
+
properties: { "class.is-drawn": "!!row()" },
|
|
19075
|
+
classAttribute: "m-section-chart-series"
|
|
19076
|
+
},
|
|
19077
|
+
ngImport: i0,
|
|
19078
|
+
template: `
|
|
19079
|
+
@if (row(); as legend) {
|
|
19080
|
+
<span
|
|
19081
|
+
class="m-section-chart-series__key"
|
|
19082
|
+
[style.background]="legend.color"
|
|
19083
|
+
></span>
|
|
19084
|
+
<span class="m-section-chart-series__name">{{
|
|
19085
|
+
noTranslate() ? label() : (label() | translate: params())
|
|
19086
|
+
}}</span>
|
|
19087
|
+
<span
|
|
19088
|
+
class="m-section-chart-series__change"
|
|
19089
|
+
[class.is-up]="legend.trend === 'up'"
|
|
19090
|
+
[class.is-down]="legend.trend === 'down'"
|
|
19091
|
+
>{{ legend.change }}</span
|
|
19092
|
+
>
|
|
19093
|
+
}
|
|
19094
|
+
`,
|
|
19095
|
+
isInline: true,
|
|
19096
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:none}:host(.is-drawn){display:grid;grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.85rem}.m-section-chart-series__key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart-series__name{color:var(--m-text-secondary)}.m-section-chart-series__change{color:var(--m-text-tertiary);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.m-section-chart-series__change.is-up{color:var(--m-success)}.m-section-chart-series__change.is-down{color:var(--m-error)}\n"],
|
|
19097
|
+
dependencies: [{
|
|
19098
|
+
kind: "pipe",
|
|
19099
|
+
type: TranslatePipe,
|
|
19100
|
+
name: "translate"
|
|
19101
|
+
}],
|
|
19102
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
19103
|
+
});
|
|
19104
|
+
};
|
|
19105
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
19106
|
+
minVersion: "12.0.0",
|
|
19107
|
+
version: "22.2.1",
|
|
19108
|
+
ngImport: i0,
|
|
19109
|
+
type: SectionChartSeriesComponent,
|
|
19110
|
+
decorators: [{
|
|
19111
|
+
type: Component,
|
|
19112
|
+
args: [{
|
|
19113
|
+
selector: "m-section-chart-series",
|
|
19114
|
+
imports: [TranslatePipe],
|
|
19115
|
+
template: `
|
|
19116
|
+
@if (row(); as legend) {
|
|
19117
|
+
<span
|
|
19118
|
+
class="m-section-chart-series__key"
|
|
19119
|
+
[style.background]="legend.color"
|
|
19120
|
+
></span>
|
|
19121
|
+
<span class="m-section-chart-series__name">{{
|
|
19122
|
+
noTranslate() ? label() : (label() | translate: params())
|
|
19123
|
+
}}</span>
|
|
19124
|
+
<span
|
|
19125
|
+
class="m-section-chart-series__change"
|
|
19126
|
+
[class.is-up]="legend.trend === 'up'"
|
|
19127
|
+
[class.is-down]="legend.trend === 'down'"
|
|
19128
|
+
>{{ legend.change }}</span
|
|
19129
|
+
>
|
|
19130
|
+
}
|
|
19131
|
+
`,
|
|
19132
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
19133
|
+
host: {
|
|
19134
|
+
class: "m-section-chart-series",
|
|
19135
|
+
role: "listitem",
|
|
19136
|
+
"[class.is-drawn]": "!!row()"
|
|
19137
|
+
},
|
|
19138
|
+
styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:none}:host(.is-drawn){display:grid;grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.85rem}.m-section-chart-series__key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart-series__name{color:var(--m-text-secondary)}.m-section-chart-series__change{color:var(--m-text-tertiary);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.m-section-chart-series__change.is-up{color:var(--m-success)}.m-section-chart-series__change.is-down{color:var(--m-error)}\n"]
|
|
19139
|
+
}]
|
|
19140
|
+
}],
|
|
19141
|
+
ctorParameters: () => [],
|
|
19142
|
+
propDecorators: {
|
|
19143
|
+
data: [{
|
|
19144
|
+
type: i0.Input,
|
|
19145
|
+
args: [{
|
|
19146
|
+
isSignal: true,
|
|
19147
|
+
alias: "data",
|
|
19148
|
+
required: false
|
|
19149
|
+
}]
|
|
19150
|
+
}],
|
|
19151
|
+
x: [{
|
|
19152
|
+
type: i0.Input,
|
|
19153
|
+
args: [{
|
|
19154
|
+
isSignal: true,
|
|
19155
|
+
alias: "x",
|
|
19156
|
+
required: false
|
|
19157
|
+
}]
|
|
19158
|
+
}],
|
|
19159
|
+
y: [{
|
|
19160
|
+
type: i0.Input,
|
|
19161
|
+
args: [{
|
|
19162
|
+
isSignal: true,
|
|
19163
|
+
alias: "y",
|
|
19164
|
+
required: false
|
|
19165
|
+
}]
|
|
19166
|
+
}],
|
|
19167
|
+
label: [{
|
|
19168
|
+
type: i0.Input,
|
|
19169
|
+
args: [{
|
|
19170
|
+
isSignal: true,
|
|
19171
|
+
alias: "label",
|
|
19172
|
+
required: false
|
|
19173
|
+
}]
|
|
19174
|
+
}],
|
|
19175
|
+
noTranslate: [{
|
|
19176
|
+
type: i0.Input,
|
|
19177
|
+
args: [{
|
|
19178
|
+
isSignal: true,
|
|
19179
|
+
alias: "noTranslate",
|
|
19180
|
+
required: false
|
|
19181
|
+
}]
|
|
19182
|
+
}],
|
|
19183
|
+
params: [{
|
|
19184
|
+
type: i0.Input,
|
|
19185
|
+
args: [{
|
|
19186
|
+
isSignal: true,
|
|
19187
|
+
alias: "params",
|
|
19188
|
+
required: false
|
|
19189
|
+
}]
|
|
19190
|
+
}],
|
|
19191
|
+
color: [{
|
|
19192
|
+
type: i0.Input,
|
|
19193
|
+
args: [{
|
|
19194
|
+
isSignal: true,
|
|
19195
|
+
alias: "color",
|
|
19196
|
+
required: false
|
|
19197
|
+
}]
|
|
19198
|
+
}]
|
|
19199
|
+
}
|
|
19200
|
+
});
|
|
17898
19201
|
function getTabsClassList(config) {
|
|
17899
19202
|
if (!config) return "";
|
|
17900
19203
|
return config.inverse ? "tabs-inverse" : "";
|
|
@@ -21993,12 +23296,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
|
|
|
21993
23296
|
const seq = ++this.dynamicSeq;
|
|
21994
23297
|
switch (this.config()?.type) {
|
|
21995
23298
|
case InputType.RADIO: {
|
|
21996
|
-
const { RadioInputComponent } = await import("./magmonium-one-radio-
|
|
23299
|
+
const { RadioInputComponent } = await import("./magmonium-one-radio-yizQzCrD.mjs").then((n) => n.n);
|
|
21997
23300
|
this.createDynamicComponent(seq, RadioInputComponent);
|
|
21998
23301
|
break;
|
|
21999
23302
|
}
|
|
22000
23303
|
case InputType.TOGGLE: {
|
|
22001
|
-
const { ToggleInputComponent } = await import("./magmonium-one-toggle-
|
|
23304
|
+
const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
|
|
22002
23305
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
22003
23306
|
break;
|
|
22004
23307
|
}
|
|
@@ -22008,12 +23311,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
|
|
|
22008
23311
|
break;
|
|
22009
23312
|
}
|
|
22010
23313
|
case InputType.PASSWORD: {
|
|
22011
|
-
const { PasswordInputComponent } = await import("./magmonium-one-password-
|
|
23314
|
+
const { PasswordInputComponent } = await import("./magmonium-one-password-C7W01COQ.mjs");
|
|
22012
23315
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
22013
23316
|
break;
|
|
22014
23317
|
}
|
|
22015
23318
|
case InputType.OTP: {
|
|
22016
|
-
const { OtpInputComponent } = await import("./magmonium-one-otp-
|
|
23319
|
+
const { OtpInputComponent } = await import("./magmonium-one-otp-AFrgpHdp.mjs");
|
|
22017
23320
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
22018
23321
|
break;
|
|
22019
23322
|
}
|
|
@@ -22023,7 +23326,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
|
|
|
22023
23326
|
break;
|
|
22024
23327
|
}
|
|
22025
23328
|
case InputType.CHECKBOX: {
|
|
22026
|
-
const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-
|
|
23329
|
+
const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CTRdyVrI.mjs").then((n) => n.n);
|
|
22027
23330
|
this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
|
|
22028
23331
|
break;
|
|
22029
23332
|
}
|
|
@@ -22038,12 +23341,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
|
|
|
22038
23341
|
break;
|
|
22039
23342
|
}
|
|
22040
23343
|
case InputType.RANGE: {
|
|
22041
|
-
const { RangeInputComponent } = await import("./magmonium-one-range-
|
|
23344
|
+
const { RangeInputComponent } = await import("./magmonium-one-range-B6JesBOM.mjs").then((n) => n.n);
|
|
22042
23345
|
this.createDynamicComponent(seq, RangeInputComponent);
|
|
22043
23346
|
break;
|
|
22044
23347
|
}
|
|
22045
23348
|
case InputType.MULTI_RANGE: {
|
|
22046
|
-
const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-
|
|
23349
|
+
const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-CDJX9iFR.mjs").then((n) => n.n);
|
|
22047
23350
|
this.createDynamicComponent(seq, MultiRangeInputComponent);
|
|
22048
23351
|
break;
|
|
22049
23352
|
}
|
|
@@ -22094,7 +23397,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
|
|
|
22094
23397
|
break;
|
|
22095
23398
|
}
|
|
22096
23399
|
default: {
|
|
22097
|
-
const { TextInputComponent } = await import("./magmonium-one-text-
|
|
23400
|
+
const { TextInputComponent } = await import("./magmonium-one-text-DT9ia02A.mjs").then((n) => n.n);
|
|
22098
23401
|
this.createDynamicComponent(seq, TextInputComponent);
|
|
22099
23402
|
break;
|
|
22100
23403
|
}
|
|
@@ -24481,7 +25784,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
|
|
|
24481
25784
|
openEditor = async (file, size) => {
|
|
24482
25785
|
const modalStore = this.modalStore;
|
|
24483
25786
|
if (!modalStore) return void 0;
|
|
24484
|
-
const { ImageEditorComponent } = await import("./magmonium-one-image-editor-
|
|
25787
|
+
const { ImageEditorComponent } = await import("./magmonium-one-image-editor-FomMDHZl.mjs");
|
|
24485
25788
|
const ratio = String(this.config()?.ratio ?? "");
|
|
24486
25789
|
return new Promise((resolve) => {
|
|
24487
25790
|
const modalRef = new ModalRef();
|
|
@@ -52172,6 +53475,6 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
52172
53475
|
}]
|
|
52173
53476
|
}
|
|
52174
53477
|
});
|
|
52175
|
-
export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, APP_THEME_COLOR, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HOST_SESSION, HeaderComponent, HeatSwatchComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, SPLASH_ID, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, escapeHtml, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, heatColor, heatShare, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkInlineToHtml, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, readableAppColor, rebuildLogoGlyph, recordDefinedWcTier, registerSessionRenewal, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
|
|
53478
|
+
export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, APP_THEME_COLOR, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SECTION_CHART_RANGES, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HOST_SESSION, HeaderComponent, HeatSwatchComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_CHART_CUSTOM_RANGE, SECTION_CHART_SCALES, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, SPLASH_ID, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionChartComponent, SectionChartSeriesComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, escapeHtml, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, heatColor, heatShare, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkInlineToHtml, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readChartPoints, readFieldPatterns, readableAppColor, rebuildLogoGlyph, recordDefinedWcTier, registerSessionRenewal, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
|
|
52176
53479
|
|
|
52177
53480
|
//# sourceMappingURL=magmonium-one.mjs.map
|