@logosphere-ui/angular 1.0.0-beta.2 → 1.0.0-beta.3
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 +8 -8
- package/fesm2022/logosphere-ui-angular-src-lib-accordion.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-breadcrumb.mjs +5 -13
- package/fesm2022/logosphere-ui-angular-src-lib-breadcrumb.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs +12 -12
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-calendar.mjs +38 -23
- package/fesm2022/logosphere-ui-angular-src-lib-calendar.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-card.mjs +8 -8
- package/fesm2022/logosphere-ui-angular-src-lib-card.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-chatbot.mjs +15 -23
- package/fesm2022/logosphere-ui-angular-src-lib-chatbot.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs +4 -4
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs +12 -12
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs +58 -39
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-datepicker.mjs +41 -26
- package/fesm2022/logosphere-ui-angular-src-lib-datepicker.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-drawer.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-drawer.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs +41 -27
- package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs +50 -34
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs +31 -8
- package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-loading.mjs +2 -2
- package/fesm2022/logosphere-ui-angular-src-lib-loading.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs +39 -9
- package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-note.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-note.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs +25 -33
- package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs +21 -12
- package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs +24 -24
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs +6 -6
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs +15 -8
- package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs +9 -17
- package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs +36 -25
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs +55 -34
- package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs +29 -22
- package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs +41 -18
- package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs +14 -18
- package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-uploader.mjs +22 -22
- package/fesm2022/logosphere-ui-angular-src-lib-uploader.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular.mjs +701 -527
- package/fesm2022/logosphere-ui-angular.mjs.map +1 -1
- package/package.json +2 -2
- package/types/logosphere-ui-angular-src-lib-breadcrumb.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-calendar.d.ts +6 -3
- package/types/logosphere-ui-angular-src-lib-chatbot.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-combobox.d.ts +5 -1
- package/types/logosphere-ui-angular-src-lib-datepicker.d.ts +6 -3
- package/types/logosphere-ui-angular-src-lib-formfield.d.ts +9 -1
- package/types/logosphere-ui-angular-src-lib-input.d.ts +8 -1
- package/types/logosphere-ui-angular-src-lib-left-menu.d.ts +39 -1
- package/types/logosphere-ui-angular-src-lib-modal.d.ts +13 -1
- package/types/logosphere-ui-angular-src-lib-pagination.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-popover.d.ts +4 -1
- package/types/logosphere-ui-angular-src-lib-switch.d.ts +3 -1
- package/types/logosphere-ui-angular-src-lib-tab.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-table.d.ts +2 -0
- package/types/logosphere-ui-angular-src-lib-textarea.d.ts +13 -1
- package/types/logosphere-ui-angular-src-lib-timepicker.d.ts +5 -1
- package/types/logosphere-ui-angular-src-lib-toast.d.ts +29 -5
- package/types/logosphere-ui-angular-src-lib-tree-menu.d.ts +16 -7
- package/types/logosphere-ui-angular.d.ts +155 -28
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@logosphere-ui/angular",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^21.0.0",
|
|
6
6
|
"@angular/core": "^21.0.0",
|
|
7
|
-
"@logosphere-ui/core": "^1.0.0-beta.
|
|
7
|
+
"@logosphere-ui/core": "^1.0.0-beta.5"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"tslib": "^2.3.0",
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
type BreadcrumbItem = {
|
|
5
4
|
label: string;
|
|
@@ -8,7 +7,6 @@ type BreadcrumbItem = {
|
|
|
8
7
|
};
|
|
9
8
|
declare class LogosphereBreadcrumb {
|
|
10
9
|
items: i0.InputSignal<BreadcrumbItem[]>;
|
|
11
|
-
set elRef(element: ElementRef | undefined);
|
|
12
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<LogosphereBreadcrumb, never>;
|
|
13
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<LogosphereBreadcrumb, "lgs-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
12
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
declare class LogosphereCalendar {
|
|
5
4
|
value: _angular_core.InputSignal<string | null>;
|
|
@@ -18,13 +17,17 @@ declare class LogosphereCalendar {
|
|
|
18
17
|
start: string;
|
|
19
18
|
end: string;
|
|
20
19
|
}>;
|
|
20
|
+
calendarStateChange: _angular_core.OutputEmitterRef<{
|
|
21
|
+
rangeStart: string | null;
|
|
22
|
+
rangeEnd: string | null;
|
|
23
|
+
}>;
|
|
21
24
|
closeRequest: _angular_core.OutputEmitterRef<void>;
|
|
22
|
-
set elRef(element: ElementRef | undefined);
|
|
23
25
|
onChange(event: Event): void;
|
|
24
26
|
onRangeChange(event: Event): void;
|
|
27
|
+
onStateChange(event: Event): void;
|
|
25
28
|
onCloseRequest(): void;
|
|
26
29
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCalendar, never>;
|
|
27
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCalendar, "lgs-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "rangeStart": { "alias": "rangeStart"; "required": false; "isSignal": true; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "change": "change"; "rangeChange": "rangeChange"; "closeRequest": "closeRequest"; }, never, never, true, never>;
|
|
30
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCalendar, "lgs-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "rangeStart": { "alias": "rangeStart"; "required": false; "isSignal": true; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "change": "change"; "rangeChange": "rangeChange"; "calendarStateChange": "calendarStateChange"; "closeRequest": "closeRequest"; }, never, never, true, never>;
|
|
28
31
|
}
|
|
29
32
|
|
|
30
33
|
export { LogosphereCalendar };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
type ChatbotProduct = {
|
|
5
4
|
id: string;
|
|
@@ -15,7 +14,6 @@ declare class LogosphereChatbot {
|
|
|
15
14
|
openInitially: _angular_core.InputSignal<boolean>;
|
|
16
15
|
showFeedbackButtons: _angular_core.InputSignal<boolean>;
|
|
17
16
|
products: _angular_core.InputSignal<ChatbotProduct[]>;
|
|
18
|
-
set chatbotElRef(element: ElementRef | undefined);
|
|
19
17
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereChatbot, never>;
|
|
20
18
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereChatbot, "lgs-chatbot", never, { "returnUri": { "alias": "returnUri"; "required": false; "isSignal": true; }; "questionPrompt": { "alias": "questionPrompt"; "required": false; "isSignal": true; }; "minimizedIconOnly": { "alias": "minimizedIconOnly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "openInitially": { "alias": "openInitially"; "required": false; "isSignal": true; }; "showFeedbackButtons": { "alias": "showFeedbackButtons"; "required": false; "isSignal": true; }; "products": { "alias": "products"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
21
19
|
}
|
|
@@ -47,20 +47,24 @@ declare class LogosphereCombobox {
|
|
|
47
47
|
onSearch: _angular_core.InputSignal<((detail: ComboboxSearchChangeDetail) => void | Promise<unknown>) | undefined>;
|
|
48
48
|
onFocus: _angular_core.InputSignal<((detail: ComboboxFocusDetail) => void | Promise<unknown>) | undefined>;
|
|
49
49
|
onLoadMore: _angular_core.InputSignal<((detail: ComboboxLoadMoreDetail) => void | Promise<unknown>) | undefined>;
|
|
50
|
+
private elRef;
|
|
51
|
+
constructor();
|
|
50
52
|
change: _angular_core.OutputEmitterRef<ComboboxChangeDetail>;
|
|
51
53
|
lgsChange: _angular_core.OutputEmitterRef<ComboboxLgsChangeDetail>;
|
|
52
54
|
selected: _angular_core.OutputEmitterRef<{
|
|
53
55
|
selected: ComboboxItem[];
|
|
54
56
|
}>;
|
|
55
57
|
searchChange: _angular_core.OutputEmitterRef<ComboboxSearchChangeDetail>;
|
|
58
|
+
loadMore: _angular_core.OutputEmitterRef<ComboboxLoadMoreDetail>;
|
|
56
59
|
comboboxFocus: _angular_core.OutputEmitterRef<ComboboxFocusDetail>;
|
|
57
60
|
onChange(event: Event): void;
|
|
58
61
|
onLgsChange(event: Event): void;
|
|
59
62
|
onSelected(event: Event): void;
|
|
60
63
|
onSearchChange(event: Event): void;
|
|
64
|
+
onLoadMoreEvent(event: Event): void;
|
|
61
65
|
onComboboxFocus(event: Event): void;
|
|
62
66
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCombobox, 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>;
|
|
67
|
+
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"; "loadMore": "loadMore"; "comboboxFocus": "comboboxFocus"; }, never, never, true, never>;
|
|
64
68
|
}
|
|
65
69
|
|
|
66
70
|
export { LogosphereCombobox };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
declare class LogosphereDatePicker {
|
|
5
4
|
value: _angular_core.InputSignal<string | null>;
|
|
@@ -10,6 +9,7 @@ declare class LogosphereDatePicker {
|
|
|
10
9
|
readonly: _angular_core.InputSignal<boolean>;
|
|
11
10
|
expandFactor: _angular_core.InputSignal<number>;
|
|
12
11
|
placeholder: _angular_core.InputSignal<string>;
|
|
12
|
+
displayFormat: _angular_core.InputSignal<string>;
|
|
13
13
|
label: _angular_core.InputSignal<string>;
|
|
14
14
|
helper: _angular_core.InputSignal<string>;
|
|
15
15
|
error: _angular_core.InputSignal<string>;
|
|
@@ -22,15 +22,18 @@ declare class LogosphereDatePicker {
|
|
|
22
22
|
change: _angular_core.OutputEmitterRef<{
|
|
23
23
|
value: string | null;
|
|
24
24
|
}>;
|
|
25
|
+
lgsChange: _angular_core.OutputEmitterRef<{
|
|
26
|
+
value: string | null;
|
|
27
|
+
}>;
|
|
25
28
|
rangeChange: _angular_core.OutputEmitterRef<{
|
|
26
29
|
start: string;
|
|
27
30
|
end: string;
|
|
28
31
|
}>;
|
|
29
|
-
set elRef(element: ElementRef | undefined);
|
|
30
32
|
onChange(event: Event): void;
|
|
33
|
+
onLgsChange(event: Event): void;
|
|
31
34
|
onRangeChange(event: Event): void;
|
|
32
35
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereDatePicker, never>;
|
|
33
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereDatePicker, "lgs-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "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; }; "expandFactor": { "alias": "expandFactor"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "rangeStart": { "alias": "rangeStart"; "required": false; "isSignal": true; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; "isSignal": true; }; }, { "change": "change"; "rangeChange": "rangeChange"; }, never, never, true, never>;
|
|
36
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereDatePicker, "lgs-datepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "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; }; "expandFactor": { "alias": "expandFactor"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rangeMode": { "alias": "rangeMode"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "rangeStart": { "alias": "rangeStart"; "required": false; "isSignal": true; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; "isSignal": true; }; }, { "change": "change"; "lgsChange": "lgsChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
|
|
34
37
|
}
|
|
35
38
|
|
|
36
39
|
export { LogosphereDatePicker };
|
|
@@ -13,8 +13,16 @@ declare class LogosphereFormField {
|
|
|
13
13
|
readonly: _angular_core.InputSignal<boolean>;
|
|
14
14
|
multiline: _angular_core.InputSignal<boolean>;
|
|
15
15
|
forceFocused: _angular_core.InputSignal<boolean>;
|
|
16
|
+
fieldFocus: _angular_core.OutputEmitterRef<{
|
|
17
|
+
originalEvent: Event;
|
|
18
|
+
}>;
|
|
19
|
+
fieldBlur: _angular_core.OutputEmitterRef<{
|
|
20
|
+
originalEvent: Event;
|
|
21
|
+
}>;
|
|
22
|
+
onFieldFocus(event: Event): void;
|
|
23
|
+
onFieldBlur(event: Event): void;
|
|
16
24
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereFormField, never>;
|
|
17
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereFormField, "lgs-formfield", 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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "cursor": { "alias": "cursor"; "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; }; "multiline": { "alias": "multiline"; "required": false; "isSignal": true; }; "forceFocused": { "alias": "forceFocused"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[slot=prefix]", "[slot=suffix]", "[slot=clear]"], true, never>;
|
|
25
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereFormField, "lgs-formfield", 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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "cursor": { "alias": "cursor"; "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; }; "multiline": { "alias": "multiline"; "required": false; "isSignal": true; }; "forceFocused": { "alias": "forceFocused"; "required": false; "isSignal": true; }; }, { "fieldFocus": "fieldFocus"; "fieldBlur": "fieldBlur"; }, never, ["*", "[slot=prefix]", "[slot=suffix]", "[slot=clear]"], true, never>;
|
|
18
26
|
}
|
|
19
27
|
|
|
20
28
|
export { LogosphereFormField };
|
|
@@ -22,6 +22,9 @@ declare class LogosphereInput {
|
|
|
22
22
|
readonly: _angular_core.InputSignal<boolean>;
|
|
23
23
|
pickOnly: _angular_core.InputSignal<boolean>;
|
|
24
24
|
mask: _angular_core.InputSignal<string>;
|
|
25
|
+
showPasswordToggle: _angular_core.InputSignal<boolean>;
|
|
26
|
+
suppressNativeValidation: _angular_core.InputSignal<boolean>;
|
|
27
|
+
errorDisplay: _angular_core.InputSignal<"always" | "on-invalid">;
|
|
25
28
|
inputEvent: _angular_core.OutputEmitterRef<{
|
|
26
29
|
value: string;
|
|
27
30
|
rawValue: string;
|
|
@@ -29,6 +32,9 @@ declare class LogosphereInput {
|
|
|
29
32
|
change: _angular_core.OutputEmitterRef<{
|
|
30
33
|
value: string;
|
|
31
34
|
}>;
|
|
35
|
+
lgsChange: _angular_core.OutputEmitterRef<{
|
|
36
|
+
value: string;
|
|
37
|
+
}>;
|
|
32
38
|
keydown: _angular_core.OutputEmitterRef<{
|
|
33
39
|
key: string;
|
|
34
40
|
}>;
|
|
@@ -38,11 +44,12 @@ declare class LogosphereInput {
|
|
|
38
44
|
clear: _angular_core.OutputEmitterRef<void>;
|
|
39
45
|
onInput(event: Event): void;
|
|
40
46
|
onChange(event: Event): void;
|
|
47
|
+
onLgsChange(event: Event): void;
|
|
41
48
|
onKeydown(event: Event): void;
|
|
42
49
|
onKeyup(event: Event): void;
|
|
43
50
|
onClear(): void;
|
|
44
51
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereInput, 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>;
|
|
52
|
+
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; }; "showPasswordToggle": { "alias": "showPasswordToggle"; "required": false; "isSignal": true; }; "suppressNativeValidation": { "alias": "suppressNativeValidation"; "required": false; "isSignal": true; }; "errorDisplay": { "alias": "errorDisplay"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "lgsChange": "lgsChange"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
|
|
46
53
|
}
|
|
47
54
|
|
|
48
55
|
export { LogosphereInput };
|
|
@@ -1,15 +1,52 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
|
|
3
|
+
interface MenuBadge {
|
|
4
|
+
text: string;
|
|
5
|
+
variant?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
isRound?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface LeftMenuItem {
|
|
10
|
+
id: string;
|
|
11
|
+
label: string;
|
|
12
|
+
iconName?: string;
|
|
13
|
+
badges?: MenuBadge[];
|
|
14
|
+
active?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
children?: LeftMenuItem[];
|
|
17
|
+
data?: unknown;
|
|
18
|
+
}
|
|
19
|
+
interface LeftMenuGroup {
|
|
20
|
+
id: string;
|
|
21
|
+
label?: string;
|
|
22
|
+
items: LeftMenuItem[];
|
|
23
|
+
}
|
|
24
|
+
type LeftMenuEntry = LeftMenuItem | LeftMenuGroup;
|
|
25
|
+
type LeftMenuToggleChangeDetail = {
|
|
26
|
+
open: boolean;
|
|
27
|
+
width: number;
|
|
28
|
+
openWidth: number;
|
|
29
|
+
closedWidth: number;
|
|
30
|
+
};
|
|
3
31
|
declare class LogosphereLeftMenu {
|
|
4
32
|
open: _angular_core.InputSignal<boolean>;
|
|
5
33
|
openWidth: _angular_core.InputSignal<number>;
|
|
6
34
|
storageKey: _angular_core.InputSignal<string>;
|
|
35
|
+
items: _angular_core.InputSignal<LeftMenuEntry[]>;
|
|
36
|
+
defaultExpandedIds: _angular_core.InputSignal<string[]>;
|
|
37
|
+
leading: _angular_core.InputSignal<boolean>;
|
|
7
38
|
itemClick: _angular_core.OutputEmitterRef<{
|
|
8
39
|
item: unknown;
|
|
9
40
|
}>;
|
|
41
|
+
toggleChange: _angular_core.OutputEmitterRef<LeftMenuToggleChangeDetail>;
|
|
42
|
+
widthChange: _angular_core.OutputEmitterRef<{
|
|
43
|
+
width: number;
|
|
44
|
+
}>;
|
|
10
45
|
onItemClick(event: Event): void;
|
|
46
|
+
onToggleChange(event: Event): void;
|
|
47
|
+
onWidthChange(event: Event): void;
|
|
11
48
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereLeftMenu, never>;
|
|
12
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereLeftMenu, "lgs-left-menu", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "openWidth": { "alias": "openWidth"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
|
|
49
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereLeftMenu, "lgs-left-menu", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "openWidth": { "alias": "openWidth"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "defaultExpandedIds": { "alias": "defaultExpandedIds"; "required": false; "isSignal": true; }; "leading": { "alias": "leading"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "toggleChange": "toggleChange"; "widthChange": "widthChange"; }, never, ["*"], true, never>;
|
|
13
50
|
}
|
|
14
51
|
|
|
15
52
|
declare class LogosphereLeftMenuItem {
|
|
@@ -22,3 +59,4 @@ declare class LogosphereLeftMenuItem {
|
|
|
22
59
|
}
|
|
23
60
|
|
|
24
61
|
export { LogosphereLeftMenu, LogosphereLeftMenuItem };
|
|
62
|
+
export type { LeftMenuEntry, LeftMenuGroup, LeftMenuItem, LeftMenuToggleChangeDetail, MenuBadge };
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
|
|
3
|
+
type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
3
4
|
declare class LogosphereModal {
|
|
4
5
|
open: _angular_core.InputSignal<boolean>;
|
|
5
6
|
modalTitle: _angular_core.InputSignal<string>;
|
|
7
|
+
size: _angular_core.InputSignal<ModalSize>;
|
|
6
8
|
closeOnEsc: _angular_core.InputSignal<boolean>;
|
|
7
9
|
closeOnBackdrop: _angular_core.InputSignal<boolean>;
|
|
8
10
|
showBack: _angular_core.InputSignal<boolean>;
|
|
9
11
|
showClose: _angular_core.InputSignal<boolean>;
|
|
12
|
+
showIcon: _angular_core.InputSignal<boolean>;
|
|
13
|
+
footer: _angular_core.InputSignal<boolean>;
|
|
14
|
+
okLabel: _angular_core.InputSignal<string>;
|
|
15
|
+
cancelLabel: _angular_core.InputSignal<string>;
|
|
16
|
+
showCancel: _angular_core.InputSignal<boolean>;
|
|
10
17
|
modalOpen: _angular_core.OutputEmitterRef<void>;
|
|
11
18
|
modalClose: _angular_core.OutputEmitterRef<void>;
|
|
19
|
+
ok: _angular_core.OutputEmitterRef<void>;
|
|
20
|
+
cancel: _angular_core.OutputEmitterRef<void>;
|
|
12
21
|
onModalOpen(): void;
|
|
13
22
|
onModalClose(): void;
|
|
23
|
+
onOk(): void;
|
|
24
|
+
onCancel(): void;
|
|
14
25
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereModal, never>;
|
|
15
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereModal, "lgs-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "modalTitle": { "alias": "title"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; }, never, ["*", "[slot=footer]"], true, never>;
|
|
26
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereModal, "lgs-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "modalTitle": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "okLabel": { "alias": "okLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; }, { "modalOpen": "modalOpen"; "modalClose": "modalClose"; "ok": "ok"; "cancel": "cancel"; }, never, ["*", "[slot=footer]"], true, never>;
|
|
16
27
|
}
|
|
17
28
|
|
|
18
29
|
export { LogosphereModal };
|
|
30
|
+
export type { ModalSize };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
type PaginationVariant = 'default' | 'prev-next' | 'prev-next-inverted' | 'prev-next-only' | 'number-buttons';
|
|
5
4
|
interface PageChangeEvent {
|
|
@@ -22,7 +21,6 @@ declare class LogospherePagination {
|
|
|
22
21
|
perPageLabel: _angular_core.InputSignal<string>;
|
|
23
22
|
totalLabel: _angular_core.InputSignal<string>;
|
|
24
23
|
pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
|
|
25
|
-
set elRef(element: ElementRef | undefined);
|
|
26
24
|
onPageChange(event: Event): void;
|
|
27
25
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogospherePagination, never>;
|
|
28
26
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePagination, "lgs-pagination", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSize": { "alias": "showPageSize"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "pageLabel": { "alias": "pageLabel"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "totalLabel": { "alias": "totalLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "page-change"; }, never, never, true, never>;
|
|
@@ -5,14 +5,17 @@ declare class LogospherePopover {
|
|
|
5
5
|
trigger: _angular_core.InputSignal<"click" | "hover" | "both">;
|
|
6
6
|
placement: _angular_core.InputSignal<string>;
|
|
7
7
|
offset: _angular_core.InputSignal<number>;
|
|
8
|
+
delay: _angular_core.InputSignal<number>;
|
|
8
9
|
open: _angular_core.InputSignal<boolean>;
|
|
9
10
|
closeOnOutsideClick: _angular_core.InputSignal<boolean>;
|
|
11
|
+
noArrow: _angular_core.InputSignal<boolean>;
|
|
12
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
10
13
|
popoverOpen: _angular_core.OutputEmitterRef<void>;
|
|
11
14
|
popoverClose: _angular_core.OutputEmitterRef<void>;
|
|
12
15
|
onPopoverOpen(): void;
|
|
13
16
|
onPopoverClose(): void;
|
|
14
17
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogospherePopover, never>;
|
|
15
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePopover, "lgs-popover", never, { "popoverTitle": { "alias": "title"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, { "popoverOpen": "popoverOpen"; "popoverClose": "popoverClose"; }, never, ["[slot=trigger]", "*"], true, never>;
|
|
18
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePopover, "lgs-popover", never, { "popoverTitle": { "alias": "title"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "noArrow": { "alias": "noArrow"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "popoverOpen": "popoverOpen"; "popoverClose": "popoverClose"; }, never, ["[slot=trigger]", "*"], true, never>;
|
|
16
19
|
}
|
|
17
20
|
|
|
18
21
|
export { LogospherePopover };
|
|
@@ -8,9 +8,11 @@ declare class LogosphereSwitch {
|
|
|
8
8
|
disabled: _angular_core.InputSignal<boolean>;
|
|
9
9
|
size: _angular_core.InputSignal<"sm" | "md">;
|
|
10
10
|
change: _angular_core.OutputEmitterRef<SwitchChangeEvent>;
|
|
11
|
+
lgsChange: _angular_core.OutputEmitterRef<SwitchChangeEvent>;
|
|
11
12
|
onChange(event: Event): void;
|
|
13
|
+
onLgsChange(event: Event): void;
|
|
12
14
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereSwitch, never>;
|
|
13
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSwitch, "lgs-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
|
|
15
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereSwitch, "lgs-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "change": "change"; "lgsChange": "lgsChange"; }, never, never, true, never>;
|
|
14
16
|
}
|
|
15
17
|
|
|
16
18
|
export { LogosphereSwitch };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
3
|
type TabItem = {
|
|
5
4
|
id: string;
|
|
@@ -17,7 +16,6 @@ declare class LogosphereTab {
|
|
|
17
16
|
oldTab: string;
|
|
18
17
|
newTab: string;
|
|
19
18
|
}>;
|
|
20
|
-
set elRef(element: ElementRef | undefined);
|
|
21
19
|
onTabChange(event: Event): void;
|
|
22
20
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTab, never>;
|
|
23
21
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTab, "lgs-tab", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "tabChange": "tabChange"; }, never, ["*"], true, never>;
|
|
@@ -74,6 +74,8 @@ declare class LogosphereTable {
|
|
|
74
74
|
selectChangeHandler: (detail: TableSelectionChangeDetail) => void;
|
|
75
75
|
searchHandler: (detail: TableSearchChangeDetail) => void;
|
|
76
76
|
widthChangeHandler: (detail: TableWidthChangeDetail) => void;
|
|
77
|
+
private elRef;
|
|
78
|
+
constructor();
|
|
77
79
|
onRowClick(event: Event): void;
|
|
78
80
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTable, never>;
|
|
79
81
|
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>;
|
|
@@ -27,12 +27,24 @@ declare class LogosphereTextarea {
|
|
|
27
27
|
change: _angular_core.OutputEmitterRef<{
|
|
28
28
|
value: string;
|
|
29
29
|
}>;
|
|
30
|
+
lgsChange: _angular_core.OutputEmitterRef<{
|
|
31
|
+
value: string;
|
|
32
|
+
}>;
|
|
33
|
+
keydown: _angular_core.OutputEmitterRef<{
|
|
34
|
+
key: string;
|
|
35
|
+
}>;
|
|
36
|
+
keyup: _angular_core.OutputEmitterRef<{
|
|
37
|
+
key: string;
|
|
38
|
+
}>;
|
|
30
39
|
clear: _angular_core.OutputEmitterRef<void>;
|
|
31
40
|
onInput(event: Event): void;
|
|
32
41
|
onChange(event: Event): void;
|
|
42
|
+
onLgsChange(event: Event): void;
|
|
43
|
+
onKeydown(event: Event): void;
|
|
44
|
+
onKeyup(event: Event): void;
|
|
33
45
|
onClear(): void;
|
|
34
46
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTextarea, never>;
|
|
35
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTextarea, "lgs-textarea", never, { "value": { "alias": "value"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "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; }; }, { "inputEvent": "inputChange"; "change": "change"; "clear": "clear"; }, never, never, true, never>;
|
|
47
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTextarea, "lgs-textarea", never, { "value": { "alias": "value"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "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; }; }, { "inputEvent": "inputChange"; "change": "change"; "lgsChange": "lgsChange"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, never, true, never>;
|
|
36
48
|
}
|
|
37
49
|
|
|
38
50
|
export { LogosphereTextarea };
|
|
@@ -14,11 +14,15 @@ declare class LogosphereTimePicker {
|
|
|
14
14
|
change: _angular_core.OutputEmitterRef<{
|
|
15
15
|
value: string;
|
|
16
16
|
}>;
|
|
17
|
+
lgsChange: _angular_core.OutputEmitterRef<{
|
|
18
|
+
value: string;
|
|
19
|
+
}>;
|
|
17
20
|
clear: _angular_core.OutputEmitterRef<void>;
|
|
18
21
|
onChange(event: Event): void;
|
|
22
|
+
onLgsChange(event: Event): void;
|
|
19
23
|
onClear(): void;
|
|
20
24
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTimePicker, never>;
|
|
21
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTimePicker, "lgs-timepicker", never, { "value": { "alias": "value"; "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; }; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "change": "change"; "clear": "clear"; }, never, never, true, never>;
|
|
25
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTimePicker, "lgs-timepicker", never, { "value": { "alias": "value"; "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; }; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "change": "change"; "lgsChange": "lgsChange"; "clear": "clear"; }, never, never, true, never>;
|
|
22
26
|
}
|
|
23
27
|
|
|
24
28
|
export { LogosphereTimePicker };
|
|
@@ -2,8 +2,22 @@ import * as _angular_core from '@angular/core';
|
|
|
2
2
|
|
|
3
3
|
type ToastType = 'success' | 'danger' | 'warning' | 'info';
|
|
4
4
|
type ToastActionConfig = {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
okayLabel?: string;
|
|
6
|
+
cancelLabel?: string;
|
|
7
|
+
onOkay?: () => void;
|
|
8
|
+
onCancel?: () => void;
|
|
9
|
+
closeOnAction?: boolean;
|
|
10
|
+
};
|
|
11
|
+
type ToastOptions = {
|
|
12
|
+
id?: string;
|
|
13
|
+
type?: ToastType;
|
|
14
|
+
title?: string;
|
|
15
|
+
text: string;
|
|
16
|
+
icon?: string;
|
|
17
|
+
closeable?: boolean;
|
|
18
|
+
autoDismiss?: boolean;
|
|
19
|
+
duration?: number;
|
|
20
|
+
action?: ToastActionConfig;
|
|
7
21
|
};
|
|
8
22
|
declare class LogosphereToast {
|
|
9
23
|
type: _angular_core.InputSignal<ToastType>;
|
|
@@ -13,15 +27,25 @@ declare class LogosphereToast {
|
|
|
13
27
|
closeable: _angular_core.InputSignal<boolean>;
|
|
14
28
|
duration: _angular_core.InputSignal<number>;
|
|
15
29
|
autoDismiss: _angular_core.InputSignal<boolean>;
|
|
30
|
+
action: _angular_core.InputSignal<ToastActionConfig | undefined>;
|
|
31
|
+
toastClose: _angular_core.OutputEmitterRef<{
|
|
32
|
+
reason: "manual" | "auto";
|
|
33
|
+
}>;
|
|
34
|
+
/** @deprecated `toastClose` kullanın — aynı anda yayınlanır. */
|
|
16
35
|
dismiss: _angular_core.OutputEmitterRef<void>;
|
|
17
|
-
|
|
36
|
+
onToastClose(event: Event): void;
|
|
18
37
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereToast, never>;
|
|
19
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereToast, "lgs-toast", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "toastTitle": { "alias": "title"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "autoDismiss": { "alias": "autoDismiss"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
|
|
38
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereToast, "lgs-toast", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "toastTitle": { "alias": "title"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "autoDismiss": { "alias": "autoDismiss"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, { "toastClose": "toastClose"; "dismiss": "dismiss"; }, never, never, true, never>;
|
|
20
39
|
}
|
|
21
40
|
declare class LogosphereToastContainer {
|
|
41
|
+
private el;
|
|
42
|
+
private get host();
|
|
43
|
+
show(options: ToastOptions): string;
|
|
44
|
+
close(id: string): void;
|
|
45
|
+
clear(): void;
|
|
22
46
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereToastContainer, never>;
|
|
23
47
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereToastContainer, "lgs-toast-container", never, {}, {}, never, never, true, never>;
|
|
24
48
|
}
|
|
25
49
|
|
|
26
50
|
export { LogosphereToast, LogosphereToastContainer };
|
|
27
|
-
export type { ToastActionConfig, ToastType };
|
|
51
|
+
export type { ToastActionConfig, ToastOptions, ToastType };
|
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef } from '@angular/core';
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
interface TreeMenuBadge {
|
|
4
|
+
text: string;
|
|
5
|
+
variant?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
isRound?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface TreeMenuItem {
|
|
5
10
|
id: string;
|
|
6
11
|
label: string;
|
|
7
|
-
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
active?: boolean;
|
|
14
|
+
iconName?: string;
|
|
15
|
+
badges?: TreeMenuBadge[];
|
|
8
16
|
children?: TreeMenuItem[];
|
|
17
|
+
onClick?: (item: TreeMenuItem) => void;
|
|
9
18
|
data?: unknown;
|
|
10
|
-
}
|
|
19
|
+
}
|
|
11
20
|
declare class LogosphereTreeMenu {
|
|
12
21
|
items: _angular_core.InputSignal<TreeMenuItem[]>;
|
|
13
22
|
expandedIds: _angular_core.InputSignal<string[]>;
|
|
14
23
|
expandOnLabelClick: _angular_core.InputSignal<boolean>;
|
|
15
24
|
chevronPosition: _angular_core.InputSignal<"left" | "right">;
|
|
16
25
|
showLabels: _angular_core.InputSignal<boolean>;
|
|
26
|
+
leading: _angular_core.InputSignal<boolean>;
|
|
17
27
|
iconSize: _angular_core.InputSignal<number>;
|
|
18
28
|
toggle: _angular_core.OutputEmitterRef<{
|
|
19
29
|
item: TreeMenuItem;
|
|
@@ -26,13 +36,12 @@ declare class LogosphereTreeMenu {
|
|
|
26
36
|
item: TreeMenuItem;
|
|
27
37
|
hasChildren: boolean;
|
|
28
38
|
}>;
|
|
29
|
-
set elRef(element: ElementRef | undefined);
|
|
30
39
|
onToggle(event: Event): void;
|
|
31
40
|
onItemClick(event: Event): void;
|
|
32
41
|
onNodeClick(event: Event): void;
|
|
33
42
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereTreeMenu, never>;
|
|
34
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTreeMenu, "lgs-tree-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "expandOnLabelClick": { "alias": "expandOnLabelClick"; "required": false; "isSignal": true; }; "chevronPosition": { "alias": "chevronPosition"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; "itemClick": "itemClick"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
43
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereTreeMenu, "lgs-tree-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "expandOnLabelClick": { "alias": "expandOnLabelClick"; "required": false; "isSignal": true; }; "chevronPosition": { "alias": "chevronPosition"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "leading": { "alias": "leading"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; "itemClick": "itemClick"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
35
44
|
}
|
|
36
45
|
|
|
37
46
|
export { LogosphereTreeMenu };
|
|
38
|
-
export type { TreeMenuItem };
|
|
47
|
+
export type { TreeMenuBadge, TreeMenuItem };
|