sapenlinea-components 0.0.29 → 0.0.31
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/sapenlinea-components.mjs +200 -70
- package/fesm2022/sapenlinea-components.mjs.map +1 -1
- package/index.d.ts +60 -23
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,33 +1,30 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { AfterViewInit, QueryList, ElementRef, OnDestroy, NgZone, OnInit, Type, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, FormGroup, AbstractControl, FormArray } from '@angular/forms';
|
|
4
4
|
|
|
5
5
|
declare class PaginationComponent {
|
|
6
|
-
page: number
|
|
7
|
-
pageSize: number
|
|
8
|
-
totalItems: number
|
|
9
|
-
showPageSizeSelector: boolean
|
|
10
|
-
pageSizeOptions: number[]
|
|
11
|
-
pageChange: EventEmitter<number>;
|
|
12
|
-
pageSizeChange: EventEmitter<number>;
|
|
13
|
-
pageSizeValue: _angular_core.WritableSignal<number>;
|
|
6
|
+
page: _angular_core.ModelSignal<number>;
|
|
7
|
+
pageSize: _angular_core.ModelSignal<number>;
|
|
8
|
+
totalItems: _angular_core.InputSignal<number>;
|
|
9
|
+
showPageSizeSelector: _angular_core.InputSignal<boolean>;
|
|
10
|
+
pageSizeOptions: _angular_core.InputSignal<number[]>;
|
|
14
11
|
isOpen: _angular_core.WritableSignal<boolean>;
|
|
15
|
-
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
16
12
|
showPageSizeMenu: _angular_core.WritableSignal<boolean>;
|
|
17
13
|
totalPages: _angular_core.Signal<number>;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
visiblePages: _angular_core.Signal<(string | number)[]>;
|
|
15
|
+
onPageClick(p: number | string): void;
|
|
16
|
+
isPageActive(p: number | string): boolean;
|
|
17
|
+
goToPage(p: number | string): void;
|
|
21
18
|
togglePageSizeMenu(): void;
|
|
22
19
|
selectPageSize(size: number): void;
|
|
23
20
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
24
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "lib-pagination", never, { "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; }, { "
|
|
21
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "lib-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
interface TableColumn {
|
|
28
25
|
key: string;
|
|
29
26
|
label: string;
|
|
30
|
-
type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button';
|
|
27
|
+
type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
31
28
|
align?: 'left' | 'right' | 'center' | 'auto';
|
|
32
29
|
sortable?: boolean;
|
|
33
30
|
showActions?: boolean;
|
|
@@ -70,6 +67,7 @@ declare class Table implements AfterViewInit {
|
|
|
70
67
|
row: TableRow;
|
|
71
68
|
}>;
|
|
72
69
|
statusToneMap: _angular_core.InputSignal<StatusToneMap>;
|
|
70
|
+
statusEnumMap: _angular_core.InputSignal<Record<string | number, string>>;
|
|
73
71
|
chips: QueryList<ElementRef>;
|
|
74
72
|
ngAfterViewInit(): void;
|
|
75
73
|
toggleMenu(index: number): void;
|
|
@@ -94,7 +92,7 @@ declare class Table implements AfterViewInit {
|
|
|
94
92
|
onSort(col: TableColumn): void;
|
|
95
93
|
onIconColumnClick(col: TableColumn, row: TableRow, event: MouseEvent): void;
|
|
96
94
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
|
|
97
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "lib-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "statusToneMap": { "alias": "statusToneMap"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "iconAction": "iconAction"; }, never, never, true, never>;
|
|
95
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "lib-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "statusToneMap": { "alias": "statusToneMap"; "required": false; "isSignal": true; }; "statusEnumMap": { "alias": "statusEnumMap"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "iconAction": "iconAction"; }, never, never, true, never>;
|
|
98
96
|
}
|
|
99
97
|
|
|
100
98
|
interface FilterOption {
|
|
@@ -396,17 +394,26 @@ declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
|
|
|
396
394
|
}
|
|
397
395
|
|
|
398
396
|
declare class Input {
|
|
397
|
+
mode: _angular_core.InputSignal<"search" | "select">;
|
|
399
398
|
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
400
399
|
type: _angular_core.InputSignal<string>;
|
|
401
400
|
value: _angular_core.ModelSignal<string>;
|
|
402
401
|
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
403
402
|
onSearch: _angular_core.OutputEmitterRef<string>;
|
|
403
|
+
onSelect: _angular_core.OutputEmitterRef<string>;
|
|
404
404
|
onClear: _angular_core.OutputEmitterRef<void>;
|
|
405
|
+
options: _angular_core.InputSignal<{
|
|
406
|
+
code: string;
|
|
407
|
+
name: string;
|
|
408
|
+
}[]>;
|
|
409
|
+
showDropdown: _angular_core.WritableSignal<boolean>;
|
|
405
410
|
clear(): void;
|
|
406
411
|
search(): void;
|
|
407
412
|
handleInput(event: Event): void;
|
|
413
|
+
selectOption(option: any): void;
|
|
414
|
+
openSelect(): void;
|
|
408
415
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
|
|
409
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "lib-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "onSearch": "onSearch"; "onClear": "onClear"; }, never, never, true, never>;
|
|
416
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "lib-input", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "onSearch": "onSearch"; "onSelect": "onSelect"; "onClear": "onClear"; }, never, never, true, never>;
|
|
410
417
|
}
|
|
411
418
|
|
|
412
419
|
interface Option$1 {
|
|
@@ -500,6 +507,7 @@ interface ModalFormStep {
|
|
|
500
507
|
component: Type<any>;
|
|
501
508
|
}
|
|
502
509
|
declare class ModalForm {
|
|
510
|
+
isFull: _angular_core.InputSignal<boolean>;
|
|
503
511
|
title: _angular_core.InputSignal<string>;
|
|
504
512
|
subtitle: _angular_core.InputSignal<string | null>;
|
|
505
513
|
submitLabel: _angular_core.InputSignal<string>;
|
|
@@ -526,7 +534,7 @@ declare class ModalForm {
|
|
|
526
534
|
submitForm(): void;
|
|
527
535
|
onFileSelected(event: Event): void;
|
|
528
536
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalForm, never>;
|
|
529
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalForm, "lib-modal-form", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "showActionsLeft": { "alias": "showActionsLeft"; "required": false; "isSignal": true; }; "evidenceLabel": { "alias": "evidenceLabel"; "required": false; "isSignal": true; }; "evidenceHelperText": { "alias": "evidenceHelperText"; "required": false; "isSignal": true; }; "evidenceAccept": { "alias": "evidenceAccept"; "required": false; "isSignal": true; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; "evidenceChange": "evidenceChange"; }, never, ["*"], true, never>;
|
|
537
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalForm, "lib-modal-form", never, { "isFull": { "alias": "isFull"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "showActionsLeft": { "alias": "showActionsLeft"; "required": false; "isSignal": true; }; "evidenceLabel": { "alias": "evidenceLabel"; "required": false; "isSignal": true; }; "evidenceHelperText": { "alias": "evidenceHelperText"; "required": false; "isSignal": true; }; "evidenceAccept": { "alias": "evidenceAccept"; "required": false; "isSignal": true; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; "evidenceChange": "evidenceChange"; }, never, ["*"], true, never>;
|
|
530
538
|
}
|
|
531
539
|
|
|
532
540
|
declare class WizardForm {
|
|
@@ -683,7 +691,7 @@ declare class InfoGroup {
|
|
|
683
691
|
}
|
|
684
692
|
|
|
685
693
|
interface Feature {
|
|
686
|
-
icon
|
|
694
|
+
icon?: string;
|
|
687
695
|
title: string;
|
|
688
696
|
description: string;
|
|
689
697
|
}
|
|
@@ -703,23 +711,52 @@ interface SideCardSection {
|
|
|
703
711
|
title: string;
|
|
704
712
|
items?: SideCardItem[];
|
|
705
713
|
showSlider?: boolean;
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
714
|
+
sliderLabel?: string;
|
|
715
|
+
sliderValue?: number;
|
|
716
|
+
sliderUnit?: string;
|
|
717
|
+
buttonSectionLabel?: string;
|
|
718
|
+
}
|
|
719
|
+
declare class SideCard implements OnChanges {
|
|
720
|
+
isFloating: boolean;
|
|
721
|
+
isCompact: boolean;
|
|
722
|
+
modeSideCard: 'create' | 'edit' | 'info';
|
|
709
723
|
showTypeSelector: boolean;
|
|
710
724
|
selectedType: 'radial' | 'poligonal';
|
|
725
|
+
btnClickIcon: EventEmitter<void>;
|
|
711
726
|
placeholder: string;
|
|
712
727
|
value: string;
|
|
713
728
|
valueChange: EventEmitter<string>;
|
|
714
729
|
typeChange: EventEmitter<"radial" | "poligonal">;
|
|
730
|
+
statusValue: 1 | 2;
|
|
731
|
+
statusChange: EventEmitter<1 | 2>;
|
|
715
732
|
sections: SideCardSection[];
|
|
733
|
+
sectionButtonClick: EventEmitter<SideCardSection>;
|
|
734
|
+
min: number;
|
|
735
|
+
max: number;
|
|
736
|
+
sliderLabel: string;
|
|
737
|
+
sliderUnit: string;
|
|
716
738
|
sliderValue: number;
|
|
739
|
+
sliderChange: EventEmitter<number>;
|
|
740
|
+
showBtnPrimary: boolean;
|
|
741
|
+
primaryButtonLabel: string;
|
|
742
|
+
primaryButtonClick: EventEmitter<void>;
|
|
743
|
+
showBtnSecondary: boolean;
|
|
744
|
+
secondaryButtonLabel: string;
|
|
745
|
+
secondaryButtonClick: EventEmitter<void>;
|
|
746
|
+
get statusLabel(): string;
|
|
747
|
+
get statusClass(): string;
|
|
748
|
+
ngOnChanges(): void;
|
|
717
749
|
selectType(type: 'radial' | 'poligonal'): void;
|
|
718
750
|
onInput(event: Event): void;
|
|
719
751
|
focusInput(input: HTMLInputElement): void;
|
|
720
752
|
onSliderChange(event: Event): void;
|
|
753
|
+
onButtonClick(section: SideCardSection): void;
|
|
754
|
+
onPrimaryClick(): void;
|
|
755
|
+
onSecondaryClick(): void;
|
|
756
|
+
changeStatusLabel(): void;
|
|
757
|
+
buttonClickIcon(): void;
|
|
721
758
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideCard, never>;
|
|
722
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideCard, "lib-side-card", never, { "showTypeSelector": { "alias": "showTypeSelector"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; }, { "valueChange": "valueChange"; "typeChange": "typeChange"; }, never, never, true, never>;
|
|
759
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideCard, "lib-side-card", never, { "isFloating": { "alias": "isFloating"; "required": false; }; "isCompact": { "alias": "isCompact"; "required": false; }; "modeSideCard": { "alias": "modeSideCard"; "required": false; }; "showTypeSelector": { "alias": "showTypeSelector"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "statusValue": { "alias": "statusValue"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showBtnPrimary": { "alias": "showBtnPrimary"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "showBtnSecondary": { "alias": "showBtnSecondary"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; }, { "btnClickIcon": "btnClickIcon"; "valueChange": "valueChange"; "typeChange": "typeChange"; "statusChange": "statusChange"; "sectionButtonClick": "sectionButtonClick"; "sliderChange": "sliderChange"; "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; }, never, never, true, never>;
|
|
723
760
|
}
|
|
724
761
|
|
|
725
762
|
export { DateTimeFilter, DateTimePicker, DialogAlertComponent, DialogConfirmation, DynamicFormFields, FeatureCard, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, Loader, ModalForm, NotFoundModal, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, STATUS_TONE_STYLES, SelectCustomSearch, SideCard, TOAST_EVENTS, Table, ToastHelper, WizardForm };
|