@logosphere-ui/angular 0.0.1-alpha.9 → 0.0.1-beta.0
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/logosphere-ui-angular-src-lib-accordion.mjs +59 -0
- package/fesm2022/logosphere-ui-angular-src-lib-accordion.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs +20 -4
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs +49 -0
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs +59 -0
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs +44 -13
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-icon.mjs +26 -0
- package/fesm2022/logosphere-ui-angular-src-lib-icon.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-input-group.mjs +33 -0
- package/fesm2022/logosphere-ui-angular-src-lib-input-group.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs +5 -2
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-loading.mjs +26 -0
- package/fesm2022/logosphere-ui-angular-src-lib-loading.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs +76 -0
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs +77 -0
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs +49 -0
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs +83 -0
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular.mjs +516 -19
- package/fesm2022/logosphere-ui-angular.mjs.map +1 -1
- package/package.json +42 -2
- package/types/logosphere-ui-angular-src-lib-accordion.d.ts +26 -0
- package/types/logosphere-ui-angular-src-lib-button.d.ts +3 -1
- package/types/logosphere-ui-angular-src-lib-chip-group.d.ts +24 -0
- package/types/logosphere-ui-angular-src-lib-collapse.d.ts +18 -0
- package/types/logosphere-ui-angular-src-lib-combobox.d.ts +32 -7
- package/types/logosphere-ui-angular-src-lib-icon.d.ts +10 -0
- package/types/logosphere-ui-angular-src-lib-input-group.d.ts +9 -0
- package/types/logosphere-ui-angular-src-lib-input.d.ts +2 -1
- package/types/logosphere-ui-angular-src-lib-loading.d.ts +10 -0
- package/types/logosphere-ui-angular-src-lib-slider.d.ts +27 -0
- package/types/logosphere-ui-angular-src-lib-split-button.d.ts +33 -0
- package/types/logosphere-ui-angular-src-lib-stepper.d.ts +26 -0
- package/types/logosphere-ui-angular-src-lib-table.d.ts +83 -0
- package/types/logosphere-ui-angular.d.ts +271 -11
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@logosphere-ui/angular",
|
|
3
|
-
"version": "0.0.1-
|
|
3
|
+
"version": "0.0.1-beta.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^21.0.0",
|
|
6
6
|
"@angular/core": "^21.0.0",
|
|
7
|
-
"@logosphere-ui/core": "^0.0.0-
|
|
7
|
+
"@logosphere-ui/core": "^0.0.0-beta.0"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"tslib": "^2.3.0",
|
|
@@ -22,6 +22,10 @@
|
|
|
22
22
|
"types": "./types/logosphere-ui-angular.d.ts",
|
|
23
23
|
"default": "./fesm2022/logosphere-ui-angular.mjs"
|
|
24
24
|
},
|
|
25
|
+
"./src/lib/accordion": {
|
|
26
|
+
"types": "./types/logosphere-ui-angular-src-lib-accordion.d.ts",
|
|
27
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-accordion.mjs"
|
|
28
|
+
},
|
|
25
29
|
"./src/lib/badge": {
|
|
26
30
|
"types": "./types/logosphere-ui-angular-src-lib-badge.d.ts",
|
|
27
31
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-badge.mjs"
|
|
@@ -50,6 +54,14 @@
|
|
|
50
54
|
"types": "./types/logosphere-ui-angular-src-lib-checkbox.d.ts",
|
|
51
55
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs"
|
|
52
56
|
},
|
|
57
|
+
"./src/lib/chip-group": {
|
|
58
|
+
"types": "./types/logosphere-ui-angular-src-lib-chip-group.d.ts",
|
|
59
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs"
|
|
60
|
+
},
|
|
61
|
+
"./src/lib/collapse": {
|
|
62
|
+
"types": "./types/logosphere-ui-angular-src-lib-collapse.d.ts",
|
|
63
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-collapse.mjs"
|
|
64
|
+
},
|
|
53
65
|
"./src/lib/combobox": {
|
|
54
66
|
"types": "./types/logosphere-ui-angular-src-lib-combobox.d.ts",
|
|
55
67
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-combobox.mjs"
|
|
@@ -70,14 +82,26 @@
|
|
|
70
82
|
"types": "./types/logosphere-ui-angular-src-lib-formfield.d.ts",
|
|
71
83
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-formfield.mjs"
|
|
72
84
|
},
|
|
85
|
+
"./src/lib/icon": {
|
|
86
|
+
"types": "./types/logosphere-ui-angular-src-lib-icon.d.ts",
|
|
87
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-icon.mjs"
|
|
88
|
+
},
|
|
73
89
|
"./src/lib/input": {
|
|
74
90
|
"types": "./types/logosphere-ui-angular-src-lib-input.d.ts",
|
|
75
91
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-input.mjs"
|
|
76
92
|
},
|
|
93
|
+
"./src/lib/input-group": {
|
|
94
|
+
"types": "./types/logosphere-ui-angular-src-lib-input-group.d.ts",
|
|
95
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-input-group.mjs"
|
|
96
|
+
},
|
|
77
97
|
"./src/lib/left-menu": {
|
|
78
98
|
"types": "./types/logosphere-ui-angular-src-lib-left-menu.d.ts",
|
|
79
99
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs"
|
|
80
100
|
},
|
|
101
|
+
"./src/lib/loading": {
|
|
102
|
+
"types": "./types/logosphere-ui-angular-src-lib-loading.d.ts",
|
|
103
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-loading.mjs"
|
|
104
|
+
},
|
|
81
105
|
"./src/lib/modal": {
|
|
82
106
|
"types": "./types/logosphere-ui-angular-src-lib-modal.d.ts",
|
|
83
107
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-modal.mjs"
|
|
@@ -90,6 +114,18 @@
|
|
|
90
114
|
"types": "./types/logosphere-ui-angular-src-lib-popover.d.ts",
|
|
91
115
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-popover.mjs"
|
|
92
116
|
},
|
|
117
|
+
"./src/lib/slider": {
|
|
118
|
+
"types": "./types/logosphere-ui-angular-src-lib-slider.d.ts",
|
|
119
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-slider.mjs"
|
|
120
|
+
},
|
|
121
|
+
"./src/lib/split-button": {
|
|
122
|
+
"types": "./types/logosphere-ui-angular-src-lib-split-button.d.ts",
|
|
123
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-split-button.mjs"
|
|
124
|
+
},
|
|
125
|
+
"./src/lib/stepper": {
|
|
126
|
+
"types": "./types/logosphere-ui-angular-src-lib-stepper.d.ts",
|
|
127
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-stepper.mjs"
|
|
128
|
+
},
|
|
93
129
|
"./src/lib/switch": {
|
|
94
130
|
"types": "./types/logosphere-ui-angular-src-lib-switch.d.ts",
|
|
95
131
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-switch.mjs"
|
|
@@ -98,6 +134,10 @@
|
|
|
98
134
|
"types": "./types/logosphere-ui-angular-src-lib-tab.d.ts",
|
|
99
135
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-tab.mjs"
|
|
100
136
|
},
|
|
137
|
+
"./src/lib/table": {
|
|
138
|
+
"types": "./types/logosphere-ui-angular-src-lib-table.d.ts",
|
|
139
|
+
"default": "./fesm2022/logosphere-ui-angular-src-lib-table.mjs"
|
|
140
|
+
},
|
|
101
141
|
"./src/lib/textarea": {
|
|
102
142
|
"types": "./types/logosphere-ui-angular-src-lib-textarea.d.ts",
|
|
103
143
|
"default": "./fesm2022/logosphere-ui-angular-src-lib-textarea.mjs"
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
interface AccordionItem {
|
|
4
|
+
title: string;
|
|
5
|
+
content: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare class LogosphereAccordion {
|
|
9
|
+
items: _angular_core.InputSignal<AccordionItem[]>;
|
|
10
|
+
multiple: _angular_core.InputSignal<boolean>;
|
|
11
|
+
defaultOpen: _angular_core.InputSignal<number | number[]>;
|
|
12
|
+
border: _angular_core.InputSignal<"full" | "bottom">;
|
|
13
|
+
iconPosition: _angular_core.InputSignal<"left" | "right">;
|
|
14
|
+
size: _angular_core.InputSignal<"default" | "large">;
|
|
15
|
+
accordionChange: _angular_core.OutputEmitterRef<{
|
|
16
|
+
index: number;
|
|
17
|
+
expanded: boolean;
|
|
18
|
+
openIndices: number[];
|
|
19
|
+
}>;
|
|
20
|
+
onAccordionChange(event: Event): void;
|
|
21
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereAccordion, never>;
|
|
22
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereAccordion, "lgs-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "accordionChange": "accordionChange"; }, never, ["*"], true, never>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { LogosphereAccordion };
|
|
26
|
+
export type { AccordionItem };
|
|
@@ -5,8 +5,10 @@ declare class LogosphereButton {
|
|
|
5
5
|
size: _angular_core.InputSignal<string>;
|
|
6
6
|
variant: _angular_core.InputSignal<string>;
|
|
7
7
|
iconOnly: _angular_core.InputSignal<boolean>;
|
|
8
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
9
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
8
10
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereButton, never>;
|
|
9
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
export { LogosphereButton };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
interface ChipItem {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare class LogosphereChipGroup {
|
|
9
|
+
items: _angular_core.InputSignal<ChipItem[]>;
|
|
10
|
+
value: _angular_core.InputSignal<string[]>;
|
|
11
|
+
theme: _angular_core.InputSignal<string>;
|
|
12
|
+
gap: _angular_core.InputSignal<string>;
|
|
13
|
+
chipGroupChange: _angular_core.OutputEmitterRef<{
|
|
14
|
+
value: string[];
|
|
15
|
+
item: ChipItem;
|
|
16
|
+
selected: boolean;
|
|
17
|
+
}>;
|
|
18
|
+
onChipGroupChange(event: Event): void;
|
|
19
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereChipGroup, never>;
|
|
20
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereChipGroup, "lgs-chip-group", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, { "chipGroupChange": "chipGroupChange"; }, never, never, true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { LogosphereChipGroup };
|
|
24
|
+
export type { ChipItem };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class LogosphereCollapse {
|
|
4
|
+
title: _angular_core.InputSignal<string>;
|
|
5
|
+
expanded: _angular_core.InputSignal<boolean>;
|
|
6
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
7
|
+
border: _angular_core.InputSignal<"full" | "bottom">;
|
|
8
|
+
iconPosition: _angular_core.InputSignal<"left" | "right">;
|
|
9
|
+
size: _angular_core.InputSignal<"default" | "large">;
|
|
10
|
+
toggle: _angular_core.OutputEmitterRef<{
|
|
11
|
+
expanded: boolean;
|
|
12
|
+
}>;
|
|
13
|
+
onToggle(event: Event): void;
|
|
14
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCollapse, never>;
|
|
15
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCollapse, "lgs-collapse", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { LogosphereCollapse };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
type ComboboxItem = Record<string, unknown>;
|
|
5
4
|
type ComboboxItemRenderer = (item: ComboboxItem, context: {
|
|
@@ -8,6 +7,23 @@ type ComboboxItemRenderer = (item: ComboboxItem, context: {
|
|
|
8
7
|
focused: boolean;
|
|
9
8
|
multiple: boolean;
|
|
10
9
|
}) => unknown;
|
|
10
|
+
type ComboboxSearchChangeDetail = {
|
|
11
|
+
value: string;
|
|
12
|
+
};
|
|
13
|
+
type ComboboxFocusDetail = {
|
|
14
|
+
originalEvent: FocusEvent;
|
|
15
|
+
value: unknown;
|
|
16
|
+
};
|
|
17
|
+
type ComboboxLoadMoreDetail = {
|
|
18
|
+
value: string;
|
|
19
|
+
};
|
|
20
|
+
type ComboboxChangeDetail = {
|
|
21
|
+
value: unknown;
|
|
22
|
+
};
|
|
23
|
+
type ComboboxLgsChangeDetail = {
|
|
24
|
+
value: unknown;
|
|
25
|
+
selected: ComboboxItem[];
|
|
26
|
+
};
|
|
11
27
|
declare class LogosphereCombobox {
|
|
12
28
|
label: _angular_core.InputSignal<string>;
|
|
13
29
|
helper: _angular_core.InputSignal<string>;
|
|
@@ -16,6 +32,7 @@ declare class LogosphereCombobox {
|
|
|
16
32
|
required: _angular_core.InputSignal<boolean>;
|
|
17
33
|
disabled: _angular_core.InputSignal<boolean>;
|
|
18
34
|
readOnly: _angular_core.InputSignal<boolean>;
|
|
35
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
19
36
|
variant: _angular_core.InputSignal<"default" | "subtle">;
|
|
20
37
|
multiple: _angular_core.InputSignal<boolean>;
|
|
21
38
|
filterable: _angular_core.InputSignal<boolean>;
|
|
@@ -24,19 +41,27 @@ declare class LogosphereCombobox {
|
|
|
24
41
|
emptyMessage: _angular_core.InputSignal<string>;
|
|
25
42
|
size: _angular_core.InputSignal<"default" | "large">;
|
|
26
43
|
items: _angular_core.InputSignal<ComboboxItem[]>;
|
|
44
|
+
value: _angular_core.InputSignal<unknown>;
|
|
45
|
+
clearable: _angular_core.InputSignal<boolean>;
|
|
27
46
|
itemRenderer: _angular_core.InputSignal<ComboboxItemRenderer | undefined>;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
47
|
+
onSearch: _angular_core.InputSignal<((detail: ComboboxSearchChangeDetail) => void | Promise<unknown>) | undefined>;
|
|
48
|
+
onFocus: _angular_core.InputSignal<((detail: ComboboxFocusDetail) => void | Promise<unknown>) | undefined>;
|
|
49
|
+
onLoadMore: _angular_core.InputSignal<((detail: ComboboxLoadMoreDetail) => void | Promise<unknown>) | undefined>;
|
|
50
|
+
change: _angular_core.OutputEmitterRef<ComboboxChangeDetail>;
|
|
51
|
+
lgsChange: _angular_core.OutputEmitterRef<ComboboxLgsChangeDetail>;
|
|
31
52
|
selected: _angular_core.OutputEmitterRef<{
|
|
32
53
|
selected: ComboboxItem[];
|
|
33
54
|
}>;
|
|
34
|
-
|
|
55
|
+
searchChange: _angular_core.OutputEmitterRef<ComboboxSearchChangeDetail>;
|
|
56
|
+
comboboxFocus: _angular_core.OutputEmitterRef<ComboboxFocusDetail>;
|
|
35
57
|
onChange(event: Event): void;
|
|
58
|
+
onLgsChange(event: Event): void;
|
|
36
59
|
onSelected(event: Event): void;
|
|
60
|
+
onSearchChange(event: Event): void;
|
|
61
|
+
onComboboxFocus(event: Event): void;
|
|
37
62
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCombobox, never>;
|
|
38
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; "isSignal": true; }; }, { "change": "change"; "selected": "selected"; }, never, never, true, never>;
|
|
63
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; "isSignal": true; }; "onSearch": { "alias": "onSearch"; "required": false; "isSignal": true; }; "onFocus": { "alias": "onFocus"; "required": false; "isSignal": true; }; "onLoadMore": { "alias": "onLoadMore"; "required": false; "isSignal": true; }; }, { "change": "change"; "lgsChange": "lgsChange"; "selected": "selected"; "searchChange": "searchChange"; "comboboxFocus": "comboboxFocus"; }, never, never, true, never>;
|
|
39
64
|
}
|
|
40
65
|
|
|
41
66
|
export { LogosphereCombobox };
|
|
42
|
-
export type { ComboboxItem, ComboboxItemRenderer };
|
|
67
|
+
export type { ComboboxChangeDetail, ComboboxFocusDetail, ComboboxItem, ComboboxItemRenderer, ComboboxLgsChangeDetail, ComboboxLoadMoreDetail, ComboboxSearchChangeDetail };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class LogosphereIcon {
|
|
4
|
+
name: _angular_core.InputSignal<string>;
|
|
5
|
+
size: _angular_core.InputSignal<number>;
|
|
6
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereIcon, never>;
|
|
7
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereIcon, "lgs-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { LogosphereIcon };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class LogosphereInputGroup {
|
|
4
|
+
stretch: i0.InputSignal<boolean>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LogosphereInputGroup, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LogosphereInputGroup, "lgs-input-group", never, { "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export { LogosphereInputGroup };
|
|
@@ -20,6 +20,7 @@ declare class LogosphereInput {
|
|
|
20
20
|
required: _angular_core.InputSignal<boolean>;
|
|
21
21
|
disabled: _angular_core.InputSignal<boolean>;
|
|
22
22
|
readonly: _angular_core.InputSignal<boolean>;
|
|
23
|
+
pickOnly: _angular_core.InputSignal<boolean>;
|
|
23
24
|
mask: _angular_core.InputSignal<string>;
|
|
24
25
|
inputEvent: _angular_core.OutputEmitterRef<{
|
|
25
26
|
value: string;
|
|
@@ -41,7 +42,7 @@ declare class LogosphereInput {
|
|
|
41
42
|
onKeyup(event: Event): void;
|
|
42
43
|
onClear(): void;
|
|
43
44
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereInput, never>;
|
|
44
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereInput, "lgs-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
|
|
45
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereInput, "lgs-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pickOnly": { "alias": "pickOnly"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
|
|
45
46
|
}
|
|
46
47
|
|
|
47
48
|
export { LogosphereInput };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class LogosphereLoading {
|
|
4
|
+
label: _angular_core.InputSignal<string>;
|
|
5
|
+
variant: _angular_core.InputSignal<"default" | "small">;
|
|
6
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereLoading, never>;
|
|
7
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereLoading, "lgs-loading", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { LogosphereLoading };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class LogosphereSlider {
|
|
4
|
+
value: _angular_core.InputSignal<number>;
|
|
5
|
+
min: _angular_core.InputSignal<number>;
|
|
6
|
+
max: _angular_core.InputSignal<number>;
|
|
7
|
+
step: _angular_core.InputSignal<number>;
|
|
8
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
9
|
+
range: _angular_core.InputSignal<boolean>;
|
|
10
|
+
rangeStart: _angular_core.InputSignal<number>;
|
|
11
|
+
rangeEnd: _angular_core.InputSignal<number>;
|
|
12
|
+
minDistance: _angular_core.InputSignal<number>;
|
|
13
|
+
tooltip: _angular_core.InputSignal<"always" | "hover" | "never">;
|
|
14
|
+
showScale: _angular_core.InputSignal<boolean>;
|
|
15
|
+
percentage: _angular_core.InputSignal<boolean>;
|
|
16
|
+
labels: _angular_core.InputSignal<string[]>;
|
|
17
|
+
sliderChange: _angular_core.OutputEmitterRef<{
|
|
18
|
+
value?: number;
|
|
19
|
+
rangeStart?: number;
|
|
20
|
+
rangeEnd?: number;
|
|
21
|
+
}>;
|
|
22
|
+
onSliderChange(event: Event): void;
|
|
23
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereSlider, never>;
|
|
24
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSlider, "lgs-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "rangeStart": { "alias": "rangeStart"; "required": false; "isSignal": true; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; "isSignal": true; }; "minDistance": { "alias": "minDistance"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "showScale": { "alias": "showScale"; "required": false; "isSignal": true; }; "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "sliderChange": "sliderChange"; }, never, never, true, never>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { LogosphereSlider };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
interface SplitButtonItem {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
divider?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare class LogosphereSplitButton {
|
|
11
|
+
label: _angular_core.InputSignal<string>;
|
|
12
|
+
size: _angular_core.InputSignal<"sm" | "md" | "lg">;
|
|
13
|
+
theme: _angular_core.InputSignal<string>;
|
|
14
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
15
|
+
dropdownDisabled: _angular_core.InputSignal<boolean>;
|
|
16
|
+
items: _angular_core.InputSignal<SplitButtonItem[]>;
|
|
17
|
+
action: _angular_core.OutputEmitterRef<void>;
|
|
18
|
+
dropdownOpen: _angular_core.OutputEmitterRef<void>;
|
|
19
|
+
dropdownClose: _angular_core.OutputEmitterRef<void>;
|
|
20
|
+
itemSelect: _angular_core.OutputEmitterRef<{
|
|
21
|
+
value: string;
|
|
22
|
+
item: SplitButtonItem;
|
|
23
|
+
}>;
|
|
24
|
+
onAction(): void;
|
|
25
|
+
onDropdownOpen(): void;
|
|
26
|
+
onDropdownClose(): void;
|
|
27
|
+
onItemSelect(event: Event): void;
|
|
28
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereSplitButton, never>;
|
|
29
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSplitButton, "lgs-split-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropdownDisabled": { "alias": "dropdownDisabled"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "action": "action"; "dropdownOpen": "dropdownOpen"; "dropdownClose": "dropdownClose"; "itemSelect": "itemSelect"; }, never, ["*"], true, never>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { LogosphereSplitButton };
|
|
33
|
+
export type { SplitButtonItem };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type StepState = 'completed' | 'current' | 'upcoming' | 'disabled';
|
|
4
|
+
type StepperOrientation = 'horizontal' | 'vertical';
|
|
5
|
+
interface StepItem {
|
|
6
|
+
title: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
state?: StepState;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare class LogosphereStepper {
|
|
12
|
+
steps: _angular_core.InputSignal<StepItem[]>;
|
|
13
|
+
activeStep: _angular_core.InputSignal<number>;
|
|
14
|
+
orientation: _angular_core.InputSignal<StepperOrientation>;
|
|
15
|
+
clickable: _angular_core.InputSignal<boolean>;
|
|
16
|
+
stepChange: _angular_core.OutputEmitterRef<{
|
|
17
|
+
index: number;
|
|
18
|
+
step: StepItem;
|
|
19
|
+
}>;
|
|
20
|
+
onStepChange(event: Event): void;
|
|
21
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereStepper, never>;
|
|
22
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereStepper, "lgs-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeStep": { "alias": "activeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { LogosphereStepper };
|
|
26
|
+
export type { StepItem, StepState, StepperOrientation };
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
interface TableColumn {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
width?: number;
|
|
7
|
+
align?: 'left' | 'center' | 'right';
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
searchable?: boolean;
|
|
10
|
+
sticky?: boolean;
|
|
11
|
+
render?: (context: TableCellContext) => unknown;
|
|
12
|
+
}
|
|
13
|
+
interface TableCellContext {
|
|
14
|
+
value: unknown;
|
|
15
|
+
row: Record<string, unknown>;
|
|
16
|
+
rowIndex: number;
|
|
17
|
+
column: TableColumn;
|
|
18
|
+
}
|
|
19
|
+
interface TableActionContext {
|
|
20
|
+
row: Record<string, unknown>;
|
|
21
|
+
rowIndex: number;
|
|
22
|
+
}
|
|
23
|
+
interface TableActionColumn {
|
|
24
|
+
width?: number;
|
|
25
|
+
render: (context: TableActionContext) => unknown;
|
|
26
|
+
}
|
|
27
|
+
interface TableSortChangeDetail {
|
|
28
|
+
column: TableColumn;
|
|
29
|
+
key: string;
|
|
30
|
+
direction?: 'asc' | 'desc';
|
|
31
|
+
sorts: Array<{
|
|
32
|
+
column: TableColumn;
|
|
33
|
+
key: string;
|
|
34
|
+
direction: 'asc' | 'desc';
|
|
35
|
+
order: number;
|
|
36
|
+
}>;
|
|
37
|
+
multi: boolean;
|
|
38
|
+
}
|
|
39
|
+
interface TableSelectionChangeDetail {
|
|
40
|
+
selectedRows: Record<string, unknown>[];
|
|
41
|
+
selectedKeys: Array<string | number>;
|
|
42
|
+
}
|
|
43
|
+
interface TableSearchChangeDetail {
|
|
44
|
+
values: Array<{
|
|
45
|
+
key: string;
|
|
46
|
+
value: string;
|
|
47
|
+
}>;
|
|
48
|
+
}
|
|
49
|
+
interface TableWidthChangeDetail {
|
|
50
|
+
column: TableColumn;
|
|
51
|
+
key: string;
|
|
52
|
+
width: number;
|
|
53
|
+
}
|
|
54
|
+
declare class LogosphereTable {
|
|
55
|
+
columns: _angular_core.InputSignal<TableColumn[]>;
|
|
56
|
+
actionColumn: _angular_core.InputSignal<TableActionColumn | undefined>;
|
|
57
|
+
rows: _angular_core.InputSignal<Record<string, unknown>[]>;
|
|
58
|
+
rowKey: _angular_core.InputSignal<string>;
|
|
59
|
+
emptyMessage: _angular_core.InputSignal<string>;
|
|
60
|
+
maxHeight: _angular_core.InputSignal<number | undefined>;
|
|
61
|
+
selection: _angular_core.InputSignal<boolean>;
|
|
62
|
+
stickySelection: _angular_core.InputSignal<boolean>;
|
|
63
|
+
resizable: _angular_core.InputSignal<boolean>;
|
|
64
|
+
borderless: _angular_core.InputSignal<boolean>;
|
|
65
|
+
rowClick: _angular_core.OutputEmitterRef<{
|
|
66
|
+
row: Record<string, unknown>;
|
|
67
|
+
rowIndex: number;
|
|
68
|
+
}>;
|
|
69
|
+
sortChange: _angular_core.OutputEmitterRef<TableSortChangeDetail>;
|
|
70
|
+
selectChange: _angular_core.OutputEmitterRef<TableSelectionChangeDetail>;
|
|
71
|
+
search: _angular_core.OutputEmitterRef<TableSearchChangeDetail>;
|
|
72
|
+
widthChange: _angular_core.OutputEmitterRef<TableWidthChangeDetail>;
|
|
73
|
+
sortChangeHandler: (detail: TableSortChangeDetail) => void;
|
|
74
|
+
selectChangeHandler: (detail: TableSelectionChangeDetail) => void;
|
|
75
|
+
searchHandler: (detail: TableSearchChangeDetail) => void;
|
|
76
|
+
widthChangeHandler: (detail: TableWidthChangeDetail) => void;
|
|
77
|
+
onRowClick(event: Event): void;
|
|
78
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTable, never>;
|
|
79
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTable, "lgs-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "actionColumn": { "alias": "actionColumn"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "stickySelection": { "alias": "stickySelection"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; }, { "rowClick": "rowClick"; "sortChange": "sortChange"; "selectChange": "selectChange"; "search": "search"; "widthChange": "widthChange"; }, never, never, true, never>;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export { LogosphereTable };
|
|
83
|
+
export type { TableActionColumn, TableActionContext, TableCellContext, TableColumn, TableSearchChangeDetail, TableSelectionChangeDetail, TableSortChangeDetail, TableWidthChangeDetail };
|