@weeehaoooz/talos-ui 0.1.0 → 0.1.2
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/README.md +2 -0
- package/fesm2022/{weeehaoooz-talos-ui-button-button-group.mjs → weeehaoooz-talos-ui-button.mjs} +115 -18
- package/fesm2022/weeehaoooz-talos-ui-button.mjs.map +1 -0
- package/fesm2022/weeehaoooz-talos-ui-data-display.mjs +3110 -0
- package/fesm2022/weeehaoooz-talos-ui-data-display.mjs.map +1 -0
- package/fesm2022/weeehaoooz-talos-ui-data-viz.mjs +2414 -0
- package/fesm2022/weeehaoooz-talos-ui-data-viz.mjs.map +1 -0
- package/fesm2022/weeehaoooz-talos-ui-dropdown.mjs +1039 -0
- package/fesm2022/weeehaoooz-talos-ui-dropdown.mjs.map +1 -0
- package/fesm2022/weeehaoooz-talos-ui-feedback.mjs +2885 -0
- package/fesm2022/weeehaoooz-talos-ui-feedback.mjs.map +1 -0
- package/fesm2022/weeehaoooz-talos-ui-form.mjs +10799 -0
- package/fesm2022/weeehaoooz-talos-ui-form.mjs.map +1 -0
- package/fesm2022/weeehaoooz-talos-ui-layout.mjs +1320 -11
- package/fesm2022/weeehaoooz-talos-ui-layout.mjs.map +1 -1
- package/fesm2022/weeehaoooz-talos-ui-nav.mjs +119 -72
- package/fesm2022/weeehaoooz-talos-ui-nav.mjs.map +1 -1
- package/fesm2022/weeehaoooz-talos-ui.mjs +22190 -15213
- package/fesm2022/weeehaoooz-talos-ui.mjs.map +1 -1
- package/package.json +20 -135
- package/styles/_breadcrumb.scss +16 -0
- package/styles/_button-group.scss +156 -7
- package/styles/_buttons.scss +156 -8
- package/styles/_dropdown.scss +438 -0
- package/styles/_form-controls.scss +13 -0
- package/styles/_progress-bar.scss +43 -0
- package/styles/_skeleton.scss +176 -0
- package/styles/_spinner.scss +58 -0
- package/styles/_variables.scss +37 -0
- package/styles/index.scss +6 -1
- package/types/weeehaoooz-talos-ui-button.d.ts +92 -0
- package/types/weeehaoooz-talos-ui-button.d.ts.map +1 -0
- package/types/weeehaoooz-talos-ui-data-display.d.ts +1018 -0
- package/types/weeehaoooz-talos-ui-data-display.d.ts.map +1 -0
- package/types/weeehaoooz-talos-ui-data-viz.d.ts +839 -0
- package/types/weeehaoooz-talos-ui-data-viz.d.ts.map +1 -0
- package/types/weeehaoooz-talos-ui-dropdown.d.ts +187 -0
- package/types/weeehaoooz-talos-ui-dropdown.d.ts.map +1 -0
- package/types/weeehaoooz-talos-ui-feedback.d.ts +1495 -0
- package/types/weeehaoooz-talos-ui-feedback.d.ts.map +1 -0
- package/types/weeehaoooz-talos-ui-form.d.ts +2639 -0
- package/types/weeehaoooz-talos-ui-form.d.ts.map +1 -0
- package/types/weeehaoooz-talos-ui-layout.d.ts +851 -3
- package/types/weeehaoooz-talos-ui-layout.d.ts.map +1 -1
- package/types/weeehaoooz-talos-ui-nav.d.ts +36 -10
- package/types/weeehaoooz-talos-ui-nav.d.ts.map +1 -1
- package/types/weeehaoooz-talos-ui.d.ts +6949 -4137
- package/types/weeehaoooz-talos-ui.d.ts.map +1 -1
- package/fesm2022/weeehaoooz-talos-ui-button-button-group.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-button-button.mjs +0 -93
- package/fesm2022/weeehaoooz-talos-ui-button-button.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-display-badge.mjs +0 -233
- package/fesm2022/weeehaoooz-talos-ui-data-display-badge.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-display-status-tag.mjs +0 -361
- package/fesm2022/weeehaoooz-talos-ui-data-display-status-tag.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-display-timeline.mjs +0 -312
- package/fesm2022/weeehaoooz-talos-ui-data-display-timeline.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-display-trend-indicator.mjs +0 -235
- package/fesm2022/weeehaoooz-talos-ui-data-display-trend-indicator.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-viz-category-bar.mjs +0 -462
- package/fesm2022/weeehaoooz-talos-ui-data-viz-category-bar.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-viz-heatmap.mjs +0 -805
- package/fesm2022/weeehaoooz-talos-ui-data-viz-heatmap.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-viz-mini-donut.mjs +0 -267
- package/fesm2022/weeehaoooz-talos-ui-data-viz-mini-donut.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-viz-mini-gauge.mjs +0 -351
- package/fesm2022/weeehaoooz-talos-ui-data-viz-mini-gauge.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-data-viz-sparkline.mjs +0 -566
- package/fesm2022/weeehaoooz-talos-ui-data-viz-sparkline.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-feedback-alert.mjs +0 -534
- package/fesm2022/weeehaoooz-talos-ui-feedback-alert.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-feedback-dialog.mjs +0 -446
- package/fesm2022/weeehaoooz-talos-ui-feedback-dialog.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-feedback-snackbar.mjs +0 -376
- package/fesm2022/weeehaoooz-talos-ui-feedback-snackbar.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-feedback-tooltip.mjs +0 -147
- package/fesm2022/weeehaoooz-talos-ui-feedback-tooltip.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-affix.mjs +0 -242
- package/fesm2022/weeehaoooz-talos-ui-form-affix.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-autocomplete.mjs +0 -514
- package/fesm2022/weeehaoooz-talos-ui-form-autocomplete.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-checkbox.mjs +0 -548
- package/fesm2022/weeehaoooz-talos-ui-form-checkbox.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-chips.mjs +0 -692
- package/fesm2022/weeehaoooz-talos-ui-form-chips.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-color-picker.mjs +0 -761
- package/fesm2022/weeehaoooz-talos-ui-form-color-picker.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-date-picker.mjs +0 -896
- package/fesm2022/weeehaoooz-talos-ui-form-date-picker.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-date-range-picker.mjs +0 -872
- package/fesm2022/weeehaoooz-talos-ui-form-date-range-picker.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-date-time-picker.mjs +0 -119
- package/fesm2022/weeehaoooz-talos-ui-form-date-time-picker.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-date-time-range-picker.mjs +0 -135
- package/fesm2022/weeehaoooz-talos-ui-form-date-time-range-picker.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-drop-zone.mjs +0 -666
- package/fesm2022/weeehaoooz-talos-ui-form-drop-zone.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-form-field.mjs +0 -147
- package/fesm2022/weeehaoooz-talos-ui-form-form-field.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-input.mjs +0 -33
- package/fesm2022/weeehaoooz-talos-ui-form-input.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-otp.mjs +0 -455
- package/fesm2022/weeehaoooz-talos-ui-form-otp.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-password-input.mjs +0 -379
- package/fesm2022/weeehaoooz-talos-ui-form-password-input.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-radio.mjs +0 -297
- package/fesm2022/weeehaoooz-talos-ui-form-radio.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-range-input.mjs +0 -661
- package/fesm2022/weeehaoooz-talos-ui-form-range-input.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-rating.mjs +0 -346
- package/fesm2022/weeehaoooz-talos-ui-form-rating.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-select-input.mjs +0 -896
- package/fesm2022/weeehaoooz-talos-ui-form-select-input.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-slide-toggle.mjs +0 -252
- package/fesm2022/weeehaoooz-talos-ui-form-slide-toggle.mjs.map +0 -1
- package/fesm2022/weeehaoooz-talos-ui-form-transfer-list.mjs +0 -916
- package/fesm2022/weeehaoooz-talos-ui-form-transfer-list.mjs.map +0 -1
- package/types/weeehaoooz-talos-ui-button-button-group.d.ts +0 -59
- package/types/weeehaoooz-talos-ui-button-button-group.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-button-button.d.ts +0 -38
- package/types/weeehaoooz-talos-ui-button-button.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-display-badge.d.ts +0 -119
- package/types/weeehaoooz-talos-ui-data-display-badge.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-display-status-tag.d.ts +0 -135
- package/types/weeehaoooz-talos-ui-data-display-status-tag.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-display-timeline.d.ts +0 -144
- package/types/weeehaoooz-talos-ui-data-display-timeline.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-display-trend-indicator.d.ts +0 -83
- package/types/weeehaoooz-talos-ui-data-display-trend-indicator.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-viz-category-bar.d.ts +0 -255
- package/types/weeehaoooz-talos-ui-data-viz-category-bar.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-viz-heatmap.d.ts +0 -204
- package/types/weeehaoooz-talos-ui-data-viz-heatmap.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-viz-mini-donut.d.ts +0 -101
- package/types/weeehaoooz-talos-ui-data-viz-mini-donut.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-viz-mini-gauge.d.ts +0 -138
- package/types/weeehaoooz-talos-ui-data-viz-mini-gauge.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-data-viz-sparkline.d.ts +0 -161
- package/types/weeehaoooz-talos-ui-data-viz-sparkline.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-feedback-alert.d.ts +0 -212
- package/types/weeehaoooz-talos-ui-feedback-alert.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-feedback-dialog.d.ts +0 -259
- package/types/weeehaoooz-talos-ui-feedback-dialog.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-feedback-snackbar.d.ts +0 -147
- package/types/weeehaoooz-talos-ui-feedback-snackbar.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-feedback-tooltip.d.ts +0 -32
- package/types/weeehaoooz-talos-ui-feedback-tooltip.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-affix.d.ts +0 -88
- package/types/weeehaoooz-talos-ui-form-affix.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-autocomplete.d.ts +0 -113
- package/types/weeehaoooz-talos-ui-form-autocomplete.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-checkbox.d.ts +0 -165
- package/types/weeehaoooz-talos-ui-form-checkbox.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-chips.d.ts +0 -152
- package/types/weeehaoooz-talos-ui-form-chips.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-color-picker.d.ts +0 -144
- package/types/weeehaoooz-talos-ui-form-color-picker.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-date-picker.d.ts +0 -138
- package/types/weeehaoooz-talos-ui-form-date-picker.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-date-range-picker.d.ts +0 -148
- package/types/weeehaoooz-talos-ui-form-date-range-picker.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-date-time-picker.d.ts +0 -44
- package/types/weeehaoooz-talos-ui-form-date-time-picker.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-date-time-range-picker.d.ts +0 -48
- package/types/weeehaoooz-talos-ui-form-date-time-range-picker.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-drop-zone.d.ts +0 -227
- package/types/weeehaoooz-talos-ui-form-drop-zone.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-form-field.d.ts +0 -42
- package/types/weeehaoooz-talos-ui-form-form-field.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-input.d.ts +0 -15
- package/types/weeehaoooz-talos-ui-form-input.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-otp.d.ts +0 -111
- package/types/weeehaoooz-talos-ui-form-otp.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-password-input.d.ts +0 -145
- package/types/weeehaoooz-talos-ui-form-password-input.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-radio.d.ts +0 -84
- package/types/weeehaoooz-talos-ui-form-radio.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-range-input.d.ts +0 -181
- package/types/weeehaoooz-talos-ui-form-range-input.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-rating.d.ts +0 -110
- package/types/weeehaoooz-talos-ui-form-rating.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-select-input.d.ts +0 -195
- package/types/weeehaoooz-talos-ui-form-select-input.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-slide-toggle.d.ts +0 -79
- package/types/weeehaoooz-talos-ui-form-slide-toggle.d.ts.map +0 -1
- package/types/weeehaoooz-talos-ui-form-transfer-list.d.ts +0 -192
- package/types/weeehaoooz-talos-ui-form-transfer-list.d.ts.map +0 -1
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { Type, TemplateRef } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
type TalosTimelineOrientation = 'vertical' | 'horizontal';
|
|
5
|
-
type TalosTimelineAlign = 'left' | 'right' | 'alternate';
|
|
6
|
-
type TalosTimelineMode = 'standard' | 'dense' | 'card';
|
|
7
|
-
type TalosTimelineItemStatus = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'pending' | 'in-progress' | 'completed' | 'cancelled';
|
|
8
|
-
type TalosTimelineDotVariant = 'solid' | 'subtle' | 'outline' | 'dot' | 'icon';
|
|
9
|
-
type TalosTimelineDotSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
10
|
-
type TalosTimelineLineStyle = 'solid' | 'dashed' | 'dotted';
|
|
11
|
-
/**
|
|
12
|
-
* Actor info for audit log entries
|
|
13
|
-
*/
|
|
14
|
-
interface TalosTimelineActor {
|
|
15
|
-
name: string;
|
|
16
|
-
avatar?: string;
|
|
17
|
-
role?: string;
|
|
18
|
-
email?: string;
|
|
19
|
-
ip?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Property change diff item for audit trail
|
|
23
|
-
*/
|
|
24
|
-
interface TalosTimelineDiff {
|
|
25
|
-
field: string;
|
|
26
|
-
previousValue?: unknown;
|
|
27
|
-
newValue?: unknown;
|
|
28
|
-
type?: 'added' | 'modified' | 'removed';
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Comprehensive item model for data-driven timelines
|
|
32
|
-
*/
|
|
33
|
-
interface TalosTimelineItem {
|
|
34
|
-
id?: string | number;
|
|
35
|
-
title: string;
|
|
36
|
-
description?: string;
|
|
37
|
-
timestamp?: string | Date;
|
|
38
|
-
relativeTime?: string;
|
|
39
|
-
status?: TalosTimelineItemStatus;
|
|
40
|
-
dotVariant?: TalosTimelineDotVariant;
|
|
41
|
-
dotSize?: TalosTimelineDotSize;
|
|
42
|
-
dotColor?: string;
|
|
43
|
-
icon?: Type<unknown>;
|
|
44
|
-
loading?: boolean;
|
|
45
|
-
active?: boolean;
|
|
46
|
-
lineStyle?: TalosTimelineLineStyle;
|
|
47
|
-
actor?: TalosTimelineActor;
|
|
48
|
-
tags?: string[];
|
|
49
|
-
diffs?: TalosTimelineDiff[];
|
|
50
|
-
metadata?: Record<string, unknown>;
|
|
51
|
-
expanded?: boolean;
|
|
52
|
-
customTemplate?: TemplateRef<unknown>;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
declare class TalosTimelineDotDirective {
|
|
56
|
-
readonly templateRef: TemplateRef<any> | null;
|
|
57
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineDotDirective, never>;
|
|
58
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineDotDirective, "[talosTimelineDot], ng-template[talosTimelineDot]", never, {}, {}, never, never, true, never>;
|
|
59
|
-
}
|
|
60
|
-
declare class TalosTimelineTitleDirective {
|
|
61
|
-
readonly templateRef: TemplateRef<any> | null;
|
|
62
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineTitleDirective, never>;
|
|
63
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineTitleDirective, "[talosTimelineTitle], ng-template[talosTimelineTitle]", never, {}, {}, never, never, true, never>;
|
|
64
|
-
}
|
|
65
|
-
declare class TalosTimelineTimeDirective {
|
|
66
|
-
readonly templateRef: TemplateRef<any> | null;
|
|
67
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineTimeDirective, never>;
|
|
68
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineTimeDirective, "[talosTimelineTime], ng-template[talosTimelineTime]", never, {}, {}, never, never, true, never>;
|
|
69
|
-
}
|
|
70
|
-
declare class TalosTimelineContentDirective {
|
|
71
|
-
readonly templateRef: TemplateRef<any> | null;
|
|
72
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineContentDirective, never>;
|
|
73
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineContentDirective, "[talosTimelineContent], ng-template[talosTimelineContent]", never, {}, {}, never, never, true, never>;
|
|
74
|
-
}
|
|
75
|
-
declare class TalosTimelineExtraDirective {
|
|
76
|
-
readonly templateRef: TemplateRef<any> | null;
|
|
77
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineExtraDirective, never>;
|
|
78
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineExtraDirective, "[talosTimelineExtra], ng-template[talosTimelineExtra]", never, {}, {}, never, never, true, never>;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
declare class TalosTimelineComponent {
|
|
82
|
-
readonly orientation: _angular_core.InputSignal<TalosTimelineOrientation>;
|
|
83
|
-
readonly align: _angular_core.InputSignal<TalosTimelineAlign>;
|
|
84
|
-
readonly mode: _angular_core.InputSignal<TalosTimelineMode>;
|
|
85
|
-
readonly reverse: _angular_core.InputSignal<boolean>;
|
|
86
|
-
readonly lineStyle: _angular_core.InputSignal<TalosTimelineLineStyle>;
|
|
87
|
-
readonly items: _angular_core.InputSignal<TalosTimelineItem[] | null>;
|
|
88
|
-
readonly itemClick: _angular_core.OutputEmitterRef<TalosTimelineItem>;
|
|
89
|
-
protected readonly processedItems: _angular_core.Signal<TalosTimelineItem[]>;
|
|
90
|
-
protected getItemPosition(index: number): 'left' | 'right';
|
|
91
|
-
protected onDataDrivenItemClick(item: TalosTimelineItem): void;
|
|
92
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineComponent, never>;
|
|
93
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosTimelineComponent, "talos-timeline, [talosTimeline]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "lineStyle": { "alias": "lineStyle"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
declare class TalosTimelineItemComponent {
|
|
97
|
-
readonly status: _angular_core.InputSignal<TalosTimelineItemStatus>;
|
|
98
|
-
readonly dotVariant: _angular_core.InputSignal<TalosTimelineDotVariant>;
|
|
99
|
-
readonly dotSize: _angular_core.InputSignal<TalosTimelineDotSize>;
|
|
100
|
-
readonly dotColor: _angular_core.InputSignal<string | null>;
|
|
101
|
-
readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
|
|
102
|
-
readonly loading: _angular_core.InputSignal<boolean>;
|
|
103
|
-
readonly active: _angular_core.InputSignal<boolean>;
|
|
104
|
-
readonly lineStyle: _angular_core.InputSignal<TalosTimelineLineStyle>;
|
|
105
|
-
readonly timestamp: _angular_core.InputSignal<string | Date | null>;
|
|
106
|
-
readonly relativeTime: _angular_core.InputSignal<string | null>;
|
|
107
|
-
readonly title: _angular_core.InputSignal<string | null>;
|
|
108
|
-
readonly description: _angular_core.InputSignal<string | null>;
|
|
109
|
-
readonly actor: _angular_core.InputSignal<TalosTimelineActor | null>;
|
|
110
|
-
readonly tags: _angular_core.InputSignal<string[] | null>;
|
|
111
|
-
readonly diffs: _angular_core.InputSignal<TalosTimelineDiff[] | null>;
|
|
112
|
-
readonly metadata: _angular_core.InputSignal<Record<string, unknown> | null>;
|
|
113
|
-
readonly expandable: _angular_core.InputSignal<boolean>;
|
|
114
|
-
readonly expanded: _angular_core.InputSignal<boolean>;
|
|
115
|
-
readonly position: _angular_core.InputSignal<"left" | "right">;
|
|
116
|
-
readonly isLast: _angular_core.InputSignal<boolean>;
|
|
117
|
-
readonly itemClick: _angular_core.OutputEmitterRef<void>;
|
|
118
|
-
readonly toggleExpand: _angular_core.OutputEmitterRef<boolean>;
|
|
119
|
-
protected readonly customDot?: TalosTimelineDotDirective;
|
|
120
|
-
protected readonly customTitle?: TalosTimelineTitleDirective;
|
|
121
|
-
protected readonly customTime?: TalosTimelineTimeDirective;
|
|
122
|
-
protected readonly customContent?: TalosTimelineContentDirective;
|
|
123
|
-
protected readonly customExtra?: TalosTimelineExtraDirective;
|
|
124
|
-
protected readonly isExpanded: _angular_core.WritableSignal<boolean>;
|
|
125
|
-
protected readonly hasExpandableDetails: _angular_core.Signal<boolean | null>;
|
|
126
|
-
protected readonly effectiveIcon: _angular_core.Signal<Type<unknown> | null>;
|
|
127
|
-
protected isStatus(expected: string): boolean;
|
|
128
|
-
protected toggleAccordion(): void;
|
|
129
|
-
protected onItemClicked(): void;
|
|
130
|
-
protected isDateObject(val: unknown): val is Date;
|
|
131
|
-
protected formatJsonValue(val: unknown): string;
|
|
132
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineItemComponent, never>;
|
|
133
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosTimelineItemComponent, "talos-timeline-item, [talosTimelineItem]", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "dotVariant": { "alias": "dotVariant"; "required": false; "isSignal": true; }; "dotSize": { "alias": "dotSize"; "required": false; "isSignal": true; }; "dotColor": { "alias": "dotColor"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "lineStyle": { "alias": "lineStyle"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "relativeTime": { "alias": "relativeTime"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "actor": { "alias": "actor"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "diffs": { "alias": "diffs"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "toggleExpand": "toggleExpand"; }, ["customDot", "customTitle", "customTime", "customContent", "customExtra"], ["*"], true, never>;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
declare class TalosTimelineModule {
|
|
137
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineModule, never>;
|
|
138
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosTimelineModule, never, [typeof TalosTimelineComponent, typeof TalosTimelineItemComponent, typeof TalosTimelineDotDirective, typeof TalosTimelineTitleDirective, typeof TalosTimelineTimeDirective, typeof TalosTimelineContentDirective, typeof TalosTimelineExtraDirective], [typeof TalosTimelineComponent, typeof TalosTimelineItemComponent, typeof TalosTimelineDotDirective, typeof TalosTimelineTitleDirective, typeof TalosTimelineTimeDirective, typeof TalosTimelineContentDirective, typeof TalosTimelineExtraDirective]>;
|
|
139
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosTimelineModule>;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
export { TalosTimelineComponent, TalosTimelineContentDirective, TalosTimelineDotDirective, TalosTimelineExtraDirective, TalosTimelineItemComponent, TalosTimelineModule, TalosTimelineTimeDirective, TalosTimelineTitleDirective };
|
|
143
|
-
export type { TalosTimelineActor, TalosTimelineAlign, TalosTimelineDiff, TalosTimelineDotSize, TalosTimelineDotVariant, TalosTimelineItem, TalosTimelineItemStatus, TalosTimelineLineStyle, TalosTimelineMode, TalosTimelineOrientation };
|
|
144
|
-
//# sourceMappingURL=weeehaoooz-talos-ui-data-display-timeline.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"weeehaoooz-talos-ui-data-display-timeline.d.ts","sources":["../../../projects/talos-ui/data-display/timeline/timeline.types.ts","../../../projects/talos-ui/data-display/timeline/timeline.directives.ts","../../../projects/talos-ui/data-display/timeline/timeline.component.ts","../../../projects/talos-ui/data-display/timeline/timeline-item.component.ts","../../../projects/talos-ui/data-display/timeline/timeline.module.ts"],"mappings":"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","names":["i1.TalosTimelineComponent","i2.TalosTimelineItemComponent","i3.TalosTimelineDotDirective","i3.TalosTimelineTitleDirective","i3.TalosTimelineTimeDirective","i3.TalosTimelineContentDirective","i3.TalosTimelineExtraDirective"]}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Types and interfaces for TalosTrendIndicatorComponent
|
|
5
|
-
*/
|
|
6
|
-
type TrendDirection = 'up' | 'down' | 'flat' | 'auto';
|
|
7
|
-
type TrendPolarity = 'normal' | 'inverse' | 'neutral';
|
|
8
|
-
type TrendVariant = 'badge' | 'subtle' | 'text' | 'bordered' | 'solid';
|
|
9
|
-
type TrendSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
10
|
-
type TrendLayout = 'horizontal' | 'vertical';
|
|
11
|
-
type TrendIconType = 'arrow-diagonal' | 'arrow-vertical' | 'chevron' | 'triangle';
|
|
12
|
-
type TrendStatus = 'auto' | 'positive' | 'negative' | 'neutral';
|
|
13
|
-
type TrendFormat = 'percentage' | 'currency' | 'number' | 'points' | 'custom';
|
|
14
|
-
interface TrendCalculationResult {
|
|
15
|
-
delta: number;
|
|
16
|
-
deltaPercentage: number;
|
|
17
|
-
direction: 'up' | 'down' | 'flat';
|
|
18
|
-
status: 'positive' | 'negative' | 'neutral';
|
|
19
|
-
formattedText: string;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
declare class TalosTrendIndicatorComponent {
|
|
23
|
-
/** Explicit value to display (e.g. 14.2, -5.3, "+12%") */
|
|
24
|
-
readonly value: _angular_core.InputSignal<string | number | null>;
|
|
25
|
-
/** Current value for automatic delta calculation */
|
|
26
|
-
readonly current: _angular_core.InputSignal<number | null>;
|
|
27
|
-
/** Previous value for automatic delta calculation */
|
|
28
|
-
readonly previous: _angular_core.InputSignal<number | null>;
|
|
29
|
-
/** Explicit direction override or 'auto' */
|
|
30
|
-
readonly direction: _angular_core.InputSignal<TrendDirection>;
|
|
31
|
-
/** Explicit status override or 'auto' */
|
|
32
|
-
readonly status: _angular_core.InputSignal<TrendStatus>;
|
|
33
|
-
/** Polarity: normal (+ is good), inverse (+ is bad), neutral */
|
|
34
|
-
readonly polarity: _angular_core.InputSignal<TrendPolarity>;
|
|
35
|
-
/** Visual variant */
|
|
36
|
-
readonly variant: _angular_core.InputSignal<TrendVariant>;
|
|
37
|
-
/** Layout orientation: horizontal or vertical */
|
|
38
|
-
readonly layout: _angular_core.InputSignal<TrendLayout>;
|
|
39
|
-
/** Icon shape / style */
|
|
40
|
-
readonly iconType: _angular_core.InputSignal<TrendIconType>;
|
|
41
|
-
/** Size preset */
|
|
42
|
-
readonly size: _angular_core.InputSignal<TrendSize>;
|
|
43
|
-
/** Value formatting mode */
|
|
44
|
-
readonly format: _angular_core.InputSignal<TrendFormat>;
|
|
45
|
-
/** Prefix string before number */
|
|
46
|
-
readonly prefix: _angular_core.InputSignal<string>;
|
|
47
|
-
/** Suffix string after number (e.g. '%', 'pts') */
|
|
48
|
-
readonly suffix: _angular_core.InputSignal<string>;
|
|
49
|
-
/** Number of decimal places */
|
|
50
|
-
readonly decimals: _angular_core.InputSignal<number>;
|
|
51
|
-
/** Whether to show '+' / '-' sign */
|
|
52
|
-
readonly showSign: _angular_core.InputSignal<boolean>;
|
|
53
|
-
/** Whether to show arrow icon */
|
|
54
|
-
readonly showIcon: _angular_core.InputSignal<boolean>;
|
|
55
|
-
/** Show only the icon without text */
|
|
56
|
-
readonly iconOnly: _angular_core.InputSignal<boolean>;
|
|
57
|
-
/** Secondary comparison label (e.g. 'vs last month') */
|
|
58
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
59
|
-
/** Currency symbol when format is 'currency' */
|
|
60
|
-
readonly currencySymbol: _angular_core.InputSignal<string>;
|
|
61
|
-
/** Custom formatter function */
|
|
62
|
-
readonly valueFormatter: _angular_core.InputSignal<((calc: TrendCalculationResult) => string) | null>;
|
|
63
|
-
/** Accessible label */
|
|
64
|
-
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
65
|
-
/** Calculation result */
|
|
66
|
-
readonly calculation: _angular_core.Signal<TrendCalculationResult>;
|
|
67
|
-
readonly computedStatus: _angular_core.Signal<"neutral" | "positive" | "negative">;
|
|
68
|
-
readonly computedDirection: _angular_core.Signal<"up" | "down" | "flat">;
|
|
69
|
-
readonly displayValue: _angular_core.Signal<string>;
|
|
70
|
-
readonly computedAriaLabel: _angular_core.Signal<string>;
|
|
71
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTrendIndicatorComponent, never>;
|
|
72
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosTrendIndicatorComponent, "talos-trend-indicator", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "previous": { "alias": "previous"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "polarity": { "alias": "polarity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "showSign": { "alias": "showSign"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
declare class TalosTrendIndicatorModule {
|
|
76
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTrendIndicatorModule, never>;
|
|
77
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosTrendIndicatorModule, never, [typeof TalosTrendIndicatorComponent], [typeof TalosTrendIndicatorComponent]>;
|
|
78
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosTrendIndicatorModule>;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
export { TalosTrendIndicatorComponent, TalosTrendIndicatorModule };
|
|
82
|
-
export type { TrendCalculationResult, TrendDirection, TrendFormat, TrendIconType, TrendLayout, TrendPolarity, TrendSize, TrendStatus, TrendVariant };
|
|
83
|
-
//# sourceMappingURL=weeehaoooz-talos-ui-data-display-trend-indicator.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"weeehaoooz-talos-ui-data-display-trend-indicator.d.ts","sources":["../../../projects/talos-ui/data-display/trend-indicator/trend-indicator.types.ts","../../../projects/talos-ui/data-display/trend-indicator/trend-indicator.component.ts","../../../projects/talos-ui/data-display/trend-indicator/trend-indicator.module.ts"],"mappings":";;AAAA;;AAEG;AAEG,KAAM,cAAc;AAEpB,KAAM,aAAa;AAEnB,KAAM,YAAY;AAElB,KAAM,SAAS;KAET,WAAW;AAEjB,KAAM,aAAa;AAEnB,KAAM,WAAW;AAEjB,KAAM,WAAW;UAEN,sBAAsB;;;AAGrC;AACA;;AAED;;ACbD,cAwBa,4BAA4B;;oBAEzB,aAAA,CAAA,WAAA;;sBAGE,aAAA,CAAA,WAAA;;uBAGC,aAAA,CAAA,WAAA;;wBAGC,aAAA,CAAA,WAAA,CAAA,cAAA;;qBAGH,aAAA,CAAA,WAAA,CAAA,WAAA;;uBAGE,aAAA,CAAA,WAAA,CAAA,aAAA;;sBAGD,aAAA,CAAA,WAAA,CAAA,YAAA;;qBAGD,aAAA,CAAA,WAAA,CAAA,WAAA;;uBAGE,aAAA,CAAA,WAAA,CAAA,aAAA;;mBAGJ,aAAA,CAAA,WAAA,CAAA,SAAA;;qBAGE,aAAA,CAAA,WAAA,CAAA,WAAA;;qBAGA,aAAA,CAAA,WAAA;;qBAGA,aAAA,CAAA,WAAA;;uBAGE,aAAA,CAAA,WAAA;;uBAGA,aAAA,CAAA,WAAA;;uBAGA,aAAA,CAAA,WAAA;;uBAGA,aAAA,CAAA,WAAA;;oBAGH,aAAA,CAAA,WAAA;;6BAGS,aAAA,CAAA,WAAA;;AAGvB,6BAAuB,aAAA,CAAA,WAAA,SAAiB,sBAAsB;;wBAG5C,aAAA,CAAA,WAAA;;0BAGE,aAAA,CAAA,MAAA,CAAA,sBAAA;6BA8FG,aAAA,CAAA,MAAA;gCACG,aAAA,CAAA,MAAA;2BACL,aAAA,CAAA,MAAA;gCAEK,aAAA,CAAA,MAAA;oDAnKf,4BAA4B;sDAA5B,4BAA4B;AA2KxC;;AC7MD,cAIa,yBAAyB;oDAAzB,yBAAyB;qDAAzB,yBAAyB,iBAAAA,4BAAA,WAAAA,4BAAA;qDAAzB,yBAAyB;AAAG;;;;","names":["i1.TalosTrendIndicatorComponent"]}
|
|
@@ -1,255 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Talos Category Bar Type Definitions
|
|
5
|
-
*/
|
|
6
|
-
type CategoryBarSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
-
type CategoryBarShape = 'pill' | 'rounded' | 'square';
|
|
8
|
-
type CategoryBarLabelPosition = 'top' | 'bottom' | 'none';
|
|
9
|
-
type CategoryBarColorScheme = 'blue' | 'emerald' | 'violet' | 'amber' | 'rose' | 'cyan' | 'lime' | 'indigo' | 'pink' | 'orange' | 'fuchsia' | 'teal' | 'sky' | 'red' | 'slate' | 'purple';
|
|
10
|
-
/**
|
|
11
|
-
* Individual category segment definition for the category bar.
|
|
12
|
-
*/
|
|
13
|
-
interface CategoryBarSegment {
|
|
14
|
-
/** Segment numeric value (width will be proportional to value / sum(values)) */
|
|
15
|
-
value: number;
|
|
16
|
-
/** Human-readable category label (displayed in tooltip, legend, or accessibility text) */
|
|
17
|
-
label?: string;
|
|
18
|
-
/** Specific CSS color string (e.g. '#3b82f6', 'rgb(59, 130, 246)', 'var(--talos-primary-color)') */
|
|
19
|
-
color?: string;
|
|
20
|
-
/** Named color scheme preset (e.g. 'blue', 'emerald', 'violet', 'amber', 'rose', etc.) */
|
|
21
|
-
colorScheme?: CategoryBarColorScheme | string;
|
|
22
|
-
/** Custom tooltip text or template text */
|
|
23
|
-
tooltip?: string;
|
|
24
|
-
/** Optional metadata passed to click and hover events */
|
|
25
|
-
meta?: Record<string, unknown>;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Marker needle definition for the category bar.
|
|
29
|
-
*/
|
|
30
|
-
interface CategoryBarMarker {
|
|
31
|
-
/** Numeric value indicating where the marker sits along the range */
|
|
32
|
-
value: number;
|
|
33
|
-
/** Custom label displayed for the marker (e.g. 'Target: $220k', 'Current: 220') */
|
|
34
|
-
label?: string;
|
|
35
|
-
/** Custom marker color (defaults to neutral dark/white or category color) */
|
|
36
|
-
color?: string;
|
|
37
|
-
/** Custom tooltip content for the marker */
|
|
38
|
-
tooltip?: string;
|
|
39
|
-
/** Whether to animate marker position changes (defaults to true) */
|
|
40
|
-
showAnimation?: boolean;
|
|
41
|
-
/** Custom marker shape / style ('pill' | 'line' | 'pin' | 'needle') */
|
|
42
|
-
variant?: 'pill' | 'line' | 'pin' | 'needle';
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Normalized computed segment model used internally by the template.
|
|
46
|
-
*/
|
|
47
|
-
interface CategoryBarComputedSegment {
|
|
48
|
-
index: number;
|
|
49
|
-
value: number;
|
|
50
|
-
label: string;
|
|
51
|
-
color: string;
|
|
52
|
-
percentage: number;
|
|
53
|
-
cumulativeStart: number;
|
|
54
|
-
cumulativeEnd: number;
|
|
55
|
-
cumulativeStartPercent: number;
|
|
56
|
-
cumulativeEndPercent: number;
|
|
57
|
-
formattedValue: string;
|
|
58
|
-
tooltipText: string;
|
|
59
|
-
raw: CategoryBarSegment;
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* Scale boundary label item.
|
|
63
|
-
*/
|
|
64
|
-
interface CategoryBarScaleLabel {
|
|
65
|
-
index: number;
|
|
66
|
-
value: number;
|
|
67
|
-
text: string;
|
|
68
|
-
leftPercent: number;
|
|
69
|
-
}
|
|
70
|
-
/**
|
|
71
|
-
* Event emitted when a segment is clicked.
|
|
72
|
-
*/
|
|
73
|
-
interface CategoryBarSegmentClickEvent {
|
|
74
|
-
segment: CategoryBarComputedSegment;
|
|
75
|
-
index: number;
|
|
76
|
-
event: Event;
|
|
77
|
-
}
|
|
78
|
-
type CategoryBarClickEvent = CategoryBarSegmentClickEvent;
|
|
79
|
-
/**
|
|
80
|
-
* Event emitted when the marker is clicked.
|
|
81
|
-
*/
|
|
82
|
-
interface CategoryBarMarkerClickEvent {
|
|
83
|
-
marker: CategoryBarMarker;
|
|
84
|
-
value: number;
|
|
85
|
-
percent: number;
|
|
86
|
-
event: Event;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
declare class TalosCategoryBarComponent {
|
|
90
|
-
private readonly elementRef;
|
|
91
|
-
/**
|
|
92
|
-
* Simple numeric values array for each category (e.g. [120, 80, 60, 40]).
|
|
93
|
-
*/
|
|
94
|
-
readonly values: _angular_core.InputSignal<number[] | null>;
|
|
95
|
-
/**
|
|
96
|
-
* Detailed category segments with labels, colors, and metadata.
|
|
97
|
-
*/
|
|
98
|
-
readonly categories: _angular_core.InputSignal<CategoryBarSegment[] | null>;
|
|
99
|
-
/**
|
|
100
|
-
* Custom palette or color list for segments. Can be CSS color strings or preset names.
|
|
101
|
-
*/
|
|
102
|
-
readonly colors: _angular_core.InputSignal<string[]>;
|
|
103
|
-
/**
|
|
104
|
-
* Numeric position for the needle marker.
|
|
105
|
-
*/
|
|
106
|
-
readonly markerValue: _angular_core.InputSignal<number | null>;
|
|
107
|
-
/**
|
|
108
|
-
* Detailed marker object definition.
|
|
109
|
-
*/
|
|
110
|
-
readonly marker: _angular_core.InputSignal<CategoryBarMarker | null>;
|
|
111
|
-
/**
|
|
112
|
-
* Minimum scale bound (defaults to 0).
|
|
113
|
-
*/
|
|
114
|
-
readonly minValue: _angular_core.InputSignal<number | null>;
|
|
115
|
-
/**
|
|
116
|
-
* Maximum scale bound (defaults to sum of all category values).
|
|
117
|
-
*/
|
|
118
|
-
readonly maxValue: _angular_core.InputSignal<number | null>;
|
|
119
|
-
/**
|
|
120
|
-
* Whether to show category scale labels at segment boundaries.
|
|
121
|
-
*/
|
|
122
|
-
readonly showLabels: _angular_core.InputSignal<boolean>;
|
|
123
|
-
/**
|
|
124
|
-
* Custom boundary label strings. If not provided, computed cumulative values are shown.
|
|
125
|
-
*/
|
|
126
|
-
readonly labels: _angular_core.InputSignal<string[] | null>;
|
|
127
|
-
/**
|
|
128
|
-
* Placement of scale boundary labels: 'top', 'bottom', or 'none'.
|
|
129
|
-
*/
|
|
130
|
-
readonly labelPosition: _angular_core.InputSignal<CategoryBarLabelPosition>;
|
|
131
|
-
/**
|
|
132
|
-
* Custom label formatter function for boundary values.
|
|
133
|
-
*/
|
|
134
|
-
readonly labelFormatter: _angular_core.InputSignal<((value: number, index: number) => string) | null>;
|
|
135
|
-
/**
|
|
136
|
-
* Custom value formatter for segment tooltip / legends.
|
|
137
|
-
*/
|
|
138
|
-
readonly valueFormatter: _angular_core.InputSignal<((value: number) => string) | null>;
|
|
139
|
-
/**
|
|
140
|
-
* Custom marker value formatter for tooltip.
|
|
141
|
-
*/
|
|
142
|
-
readonly markerFormatter: _angular_core.InputSignal<((value: number) => string) | null>;
|
|
143
|
-
/**
|
|
144
|
-
* Height size variant of the category bar: 'xs' (6px), 'sm' (8px), 'md' (12px), 'lg' (16px).
|
|
145
|
-
*/
|
|
146
|
-
readonly size: _angular_core.InputSignal<CategoryBarSize>;
|
|
147
|
-
/**
|
|
148
|
-
* Corner shape of the bar: 'pill' (fully rounded capsule), 'rounded' (6px), 'square' (0px).
|
|
149
|
-
*/
|
|
150
|
-
readonly shape: _angular_core.InputSignal<CategoryBarShape>;
|
|
151
|
-
/**
|
|
152
|
-
* Optional title above the bar.
|
|
153
|
-
*/
|
|
154
|
-
readonly title: _angular_core.InputSignal<string>;
|
|
155
|
-
/**
|
|
156
|
-
* Optional subtitle below the title.
|
|
157
|
-
*/
|
|
158
|
-
readonly subtitle: _angular_core.InputSignal<string>;
|
|
159
|
-
/**
|
|
160
|
-
* Whether to display a bottom legend row with category names and color indicators.
|
|
161
|
-
*/
|
|
162
|
-
readonly showLegend: _angular_core.InputSignal<boolean>;
|
|
163
|
-
/**
|
|
164
|
-
* Whether hovering segments or marker displays interactive tooltips.
|
|
165
|
-
*/
|
|
166
|
-
readonly showTooltip: _angular_core.InputSignal<boolean>;
|
|
167
|
-
/**
|
|
168
|
-
* Enable smooth CSS transition animation.
|
|
169
|
-
*/
|
|
170
|
-
readonly animated: _angular_core.InputSignal<boolean>;
|
|
171
|
-
/**
|
|
172
|
-
* Output event when a segment is clicked.
|
|
173
|
-
*/
|
|
174
|
-
readonly segmentClick: _angular_core.OutputEmitterRef<CategoryBarSegmentClickEvent>;
|
|
175
|
-
/**
|
|
176
|
-
* Output event when the marker is clicked.
|
|
177
|
-
*/
|
|
178
|
-
readonly markerClick: _angular_core.OutputEmitterRef<CategoryBarMarkerClickEvent>;
|
|
179
|
-
/**
|
|
180
|
-
* Output event when a segment is hovered.
|
|
181
|
-
*/
|
|
182
|
-
readonly segmentHover: _angular_core.OutputEmitterRef<CategoryBarComputedSegment | null>;
|
|
183
|
-
protected readonly hoveredSegment: _angular_core.WritableSignal<CategoryBarComputedSegment | null>;
|
|
184
|
-
protected readonly hoveredMarker: _angular_core.WritableSignal<boolean>;
|
|
185
|
-
protected readonly tooltipPosition: _angular_core.WritableSignal<{
|
|
186
|
-
x: number;
|
|
187
|
-
y: number;
|
|
188
|
-
} | null>;
|
|
189
|
-
/**
|
|
190
|
-
* Resolves raw category items from either `categories` or `values` input.
|
|
191
|
-
*/
|
|
192
|
-
private readonly rawCategories;
|
|
193
|
-
/**
|
|
194
|
-
* Resolved color array mapping named color presets to hex codes if needed.
|
|
195
|
-
*/
|
|
196
|
-
private readonly resolvedPalette;
|
|
197
|
-
/**
|
|
198
|
-
* Total sum of all positive category values.
|
|
199
|
-
*/
|
|
200
|
-
protected readonly totalSum: _angular_core.Signal<number>;
|
|
201
|
-
/**
|
|
202
|
-
* Computed minimum boundary.
|
|
203
|
-
*/
|
|
204
|
-
protected readonly computedMin: _angular_core.Signal<number>;
|
|
205
|
-
/**
|
|
206
|
-
* Computed maximum boundary.
|
|
207
|
-
*/
|
|
208
|
-
protected readonly computedMax: _angular_core.Signal<number>;
|
|
209
|
-
/**
|
|
210
|
-
* Normalized computed segments for rendering with cumulative positions and percentages.
|
|
211
|
-
*/
|
|
212
|
-
protected readonly normalizedSegments: _angular_core.Signal<CategoryBarComputedSegment[]>;
|
|
213
|
-
/**
|
|
214
|
-
* Computed scale boundary labels positioned at tick intersections.
|
|
215
|
-
*/
|
|
216
|
-
protected readonly scaleLabels: _angular_core.Signal<CategoryBarScaleLabel[]>;
|
|
217
|
-
/**
|
|
218
|
-
* Resolved marker value.
|
|
219
|
-
*/
|
|
220
|
-
protected readonly markerVal: _angular_core.Signal<number | null>;
|
|
221
|
-
/**
|
|
222
|
-
* Marker needle placement and metadata.
|
|
223
|
-
*/
|
|
224
|
-
protected readonly markerState: _angular_core.Signal<{
|
|
225
|
-
visible: boolean;
|
|
226
|
-
percent: number;
|
|
227
|
-
color: string;
|
|
228
|
-
label: string;
|
|
229
|
-
tooltip: string;
|
|
230
|
-
variant: "pill" | "line" | "pin" | "needle";
|
|
231
|
-
} | null>;
|
|
232
|
-
/**
|
|
233
|
-
* Accessible description for screen readers.
|
|
234
|
-
*/
|
|
235
|
-
protected readonly ariaLabel: _angular_core.Signal<string>;
|
|
236
|
-
onSegmentClick(seg: CategoryBarComputedSegment, event: Event): void;
|
|
237
|
-
onSegmentMouseEnter(seg: CategoryBarComputedSegment, event: MouseEvent): void;
|
|
238
|
-
onSegmentMouseLeave(): void;
|
|
239
|
-
onMarkerMouseEnter(event: MouseEvent): void;
|
|
240
|
-
onMarkerMouseLeave(): void;
|
|
241
|
-
onMarkerClick(event: Event): void;
|
|
242
|
-
private updateTooltipPos;
|
|
243
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCategoryBarComponent, never>;
|
|
244
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosCategoryBarComponent, "talos-category-bar", never, { "values": { "alias": "values"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "markerValue": { "alias": "markerValue"; "required": false; "isSignal": true; }; "marker": { "alias": "marker"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelFormatter": { "alias": "labelFormatter"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "markerFormatter": { "alias": "markerFormatter"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; }, { "segmentClick": "segmentClick"; "markerClick": "markerClick"; "segmentHover": "segmentHover"; }, never, ["[talosCategoryBarHeader]"], true, never>;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
declare class TalosCategoryBarModule {
|
|
248
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosCategoryBarModule, never>;
|
|
249
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosCategoryBarModule, never, [typeof TalosCategoryBarComponent], [typeof TalosCategoryBarComponent]>;
|
|
250
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosCategoryBarModule>;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
export { TalosCategoryBarComponent, TalosCategoryBarModule };
|
|
254
|
-
export type { CategoryBarClickEvent, CategoryBarColorScheme, CategoryBarComputedSegment, CategoryBarLabelPosition, CategoryBarMarker, CategoryBarMarkerClickEvent, CategoryBarScaleLabel, CategoryBarSegment, CategoryBarSegmentClickEvent, CategoryBarShape, CategoryBarSize };
|
|
255
|
-
//# sourceMappingURL=weeehaoooz-talos-ui-data-viz-category-bar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"weeehaoooz-talos-ui-data-viz-category-bar.d.ts","sources":["../../../projects/talos-ui/data-viz/category-bar/category-bar.types.ts","../../../projects/talos-ui/data-viz/category-bar/category-bar.component.ts","../../../projects/talos-ui/data-viz/category-bar/category-bar.module.ts"],"mappings":"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","names":["i1.TalosCategoryBarComponent"]}
|