@n-isi-platform/design-system 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +109 -0
- package/fesm2022/n-isi-platform-design-system.mjs +2858 -0
- package/fesm2022/n-isi-platform-design-system.mjs.map +1 -0
- package/helpers/get-tomorrow-date.function.d.ts +7 -0
- package/helpers/is-object-empty.function.d.ts +7 -0
- package/index.d.ts +5 -0
- package/lib/accordion/accordion.component.d.ts +30 -0
- package/lib/breadcrumbs/breadcrumbs.component.d.ts +8 -0
- package/lib/button/button.component.d.ts +28 -0
- package/lib/button-link/button-link.component.d.ts +15 -0
- package/lib/card/card.component.d.ts +7 -0
- package/lib/checkbox/checkbox.component.d.ts +20 -0
- package/lib/confirm-modal/confirm-modal.component.d.ts +23 -0
- package/lib/custom-table/custom-table.component.d.ts +117 -0
- package/lib/date-input/date-input.component.d.ts +61 -0
- package/lib/divider/divider.component.d.ts +5 -0
- package/lib/dropdown/dropdown.component.d.ts +48 -0
- package/lib/error/error.component.d.ts +13 -0
- package/lib/expanded-table/expanded-table.component.d.ts +125 -0
- package/lib/filter-header/filter-header.component.d.ts +7 -0
- package/lib/footer/footer.component.d.ts +24 -0
- package/lib/generic-table/generic-table.component.d.ts +34 -0
- package/lib/icon-button/icon-button.component.d.ts +15 -0
- package/lib/input/input.component.d.ts +31 -0
- package/lib/input-mask/input-mask.component.d.ts +28 -0
- package/lib/loader/loader.component.d.ts +5 -0
- package/lib/main-menu/main-menu.component.d.ts +19 -0
- package/lib/modal/modal.component.d.ts +57 -0
- package/lib/navbar/navbar.component.d.ts +34 -0
- package/lib/picklist/picklist.component.d.ts +33 -0
- package/lib/progress-bar/progress-bar.component.d.ts +6 -0
- package/lib/tag/tag.component.d.ts +10 -0
- package/lib/textarea/textarea.component.d.ts +28 -0
- package/lib/toggle-switch/toggle-switch.component.d.ts +17 -0
- package/lib/tooltip/tooltip.component.d.ts +25 -0
- package/models/enums/button/button-color.enum.d.ts +10 -0
- package/models/enums/button/button-icon-position.enum.d.ts +4 -0
- package/models/enums/button/button-size.enum.d.ts +5 -0
- package/models/enums/confirm-modal/confirm-modal-color.enum.d.ts +7 -0
- package/models/enums/dropdown/dropdown-selection-mode.enum.d.ts +5 -0
- package/models/enums/expanded-table/expanded-table.enum.d.ts +5 -0
- package/models/enums/input/input-type.enum.d.ts +5 -0
- package/models/enums/table/caption-color.enum.d.ts +5 -0
- package/models/enums/tag/tag.enum.d.ts +8 -0
- package/models/enums/toast/toast-position-key.enum.d.ts +8 -0
- package/models/enums/toast/toast-severity.enum.d.ts +6 -0
- package/models/enums/tooltip/tooltip-hover-event.enum.d.ts +4 -0
- package/models/enums/tooltip/tooltip-position.enum.d.ts +6 -0
- package/models/interaces/confirm-modal/confirm-modal-service.interface.d.ts +10 -0
- package/models/interaces/custom-table/custom-table.interface.d.ts +20 -0
- package/models/interaces/navbar/navbar-link-list.interface.d.ts +3 -0
- package/models/interaces/shared/form-status.interface.d.ts +8 -0
- package/package.json +23 -0
- package/public-api.d.ts +37 -0
- package/services/app-config.service.d.ts +16 -0
- package/services/cache.service.d.ts +7 -0
- package/services/confirm-modal-service.d.ts +19 -0
- package/services/dynamic-route.service.d.ts +9 -0
- package/services/export.service.d.ts +12 -0
- package/services/local-storage.service.d.ts +34 -0
- package/services/no-internet.service.d.ts +11 -0
- package/services/translation.service.d.ts +13 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { EventEmitter, OnInit, TemplateRef } from "@angular/core";
|
|
2
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GenericTableComponent implements OnInit {
|
|
5
|
+
private translateService;
|
|
6
|
+
constructor(translateService: TranslateService);
|
|
7
|
+
columns: {
|
|
8
|
+
field: string;
|
|
9
|
+
header: string;
|
|
10
|
+
selectable?: boolean;
|
|
11
|
+
filterType?: string;
|
|
12
|
+
options?: any;
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
}[];
|
|
15
|
+
data: any[];
|
|
16
|
+
filtersEnabled: boolean;
|
|
17
|
+
emptyMessage: string;
|
|
18
|
+
customBodyTemplate: TemplateRef<any> | null;
|
|
19
|
+
private _selectedRows;
|
|
20
|
+
get selectedRows(): any[];
|
|
21
|
+
set selectedRows(value: any[]);
|
|
22
|
+
selectedRowsChange: EventEmitter<any[]>;
|
|
23
|
+
ngOnInit(): void;
|
|
24
|
+
get globalFilterFields(): string[];
|
|
25
|
+
clearOnEscape(event: KeyboardEvent, filter: (value: any) => void): void;
|
|
26
|
+
initializeColumns(columnsConfig: {
|
|
27
|
+
field: string;
|
|
28
|
+
headerKey: string;
|
|
29
|
+
filterType?: string;
|
|
30
|
+
options?: any;
|
|
31
|
+
}[]): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent, "app-generic-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "filtersEnabled": { "alias": "filtersEnabled"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "customBodyTemplate": { "alias": "customBodyTemplate"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; }, never, never, true, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ButtonColor } from '../../models/enums/button/button-color.enum';
|
|
3
|
+
import { ButtonSize } from '../../models/enums/button/button-size.enum';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class IconButtonComponent {
|
|
6
|
+
icon: string;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
color: ButtonColor;
|
|
9
|
+
styleClass: string;
|
|
10
|
+
size: ButtonSize;
|
|
11
|
+
clickEvent: EventEmitter<any>;
|
|
12
|
+
click(event: MouseEvent): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "lib-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { FormStatusInterface } from '../../models/interaces/shared/form-status.interface';
|
|
4
|
+
import { TooltipPosition } from '../../models/enums/tooltip/tooltip-position.enum';
|
|
5
|
+
import { InputType } from '../../models/enums/input/input-type.enum';
|
|
6
|
+
import { TooltipHoverEventEnum } from '../../models/enums/tooltip/tooltip-hover-event.enum';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class InputComponent implements OnInit {
|
|
9
|
+
_isTooltipVisible: boolean;
|
|
10
|
+
name: string;
|
|
11
|
+
type: InputType;
|
|
12
|
+
label: string;
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
accessibilityText: string;
|
|
15
|
+
group: FormGroup;
|
|
16
|
+
controlName: string;
|
|
17
|
+
isRequired: boolean;
|
|
18
|
+
isLabelVisible: boolean;
|
|
19
|
+
tooltipPosition: TooltipPosition;
|
|
20
|
+
tooltipText?: string;
|
|
21
|
+
formStatus?: FormStatusInterface;
|
|
22
|
+
groupError: boolean;
|
|
23
|
+
hasGap: boolean;
|
|
24
|
+
hasTitle: boolean;
|
|
25
|
+
maxLength: number | null;
|
|
26
|
+
ngOnInit(): void;
|
|
27
|
+
onNumberKeyDown(event: KeyboardEvent): void;
|
|
28
|
+
protected readonly TooltipHoverEventEnum: typeof TooltipHoverEventEnum;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "lib-input[group][controlName][name]", never, { "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "accessibilityText": { "alias": "accessibilityText"; "required": false; }; "group": { "alias": "group"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "isLabelVisible": { "alias": "isLabelVisible"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "formStatus": { "alias": "formStatus"; "required": false; }; "groupError": { "alias": "groupError"; "required": false; }; "hasGap": { "alias": "hasGap"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, {}, never, never, true, never>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { InputType } from '../../models/enums/input/input-type.enum';
|
|
3
|
+
import { FormGroup } from '@angular/forms';
|
|
4
|
+
import { TooltipPosition } from '../../models/enums/tooltip/tooltip-position.enum';
|
|
5
|
+
import { FormStatusInterface } from '../../models/interaces/shared/form-status.interface';
|
|
6
|
+
import { TooltipHoverEventEnum } from '../../models/enums/tooltip/tooltip-hover-event.enum';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class InputMaskComponent implements OnInit {
|
|
9
|
+
protected readonly TooltipHoverEventEnum: typeof TooltipHoverEventEnum;
|
|
10
|
+
_isTooltipVisible: boolean;
|
|
11
|
+
name: string;
|
|
12
|
+
type: InputType;
|
|
13
|
+
label: string;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
accessibilityText: string;
|
|
16
|
+
group: FormGroup;
|
|
17
|
+
controlName: string;
|
|
18
|
+
isRequired: boolean;
|
|
19
|
+
tooltipPosition: TooltipPosition;
|
|
20
|
+
tooltipText?: string;
|
|
21
|
+
formStatus?: FormStatusInterface;
|
|
22
|
+
groupError: boolean;
|
|
23
|
+
hasGap: boolean;
|
|
24
|
+
mask: string;
|
|
25
|
+
ngOnInit(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputMaskComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputMaskComponent, "lib-input-mask", never, { "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "accessibilityText": { "alias": "accessibilityText"; "required": false; }; "group": { "alias": "group"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "formStatus": { "alias": "formStatus"; "required": false; }; "groupError": { "alias": "groupError"; "required": false; }; "hasGap": { "alias": "hasGap"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, {}, never, never, true, never>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NavbarLinkList } from '../../models/interaces/navbar/navbar-link-list.interface';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MainMenuComponent {
|
|
4
|
+
openNavigation: boolean;
|
|
5
|
+
navLinkList: NavbarLinkList[];
|
|
6
|
+
buttonTitle: string;
|
|
7
|
+
mainMenuTitle: string;
|
|
8
|
+
/**
|
|
9
|
+
* toggle menu
|
|
10
|
+
*/
|
|
11
|
+
openMenu(): void;
|
|
12
|
+
/**
|
|
13
|
+
* Listen to all clickEvents and if menu is open, and you click outside the menu or toggle-menu-button the close menu
|
|
14
|
+
* @param event MouseEvent, click
|
|
15
|
+
*/
|
|
16
|
+
onClick(event: MouseEvent): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MainMenuComponent, "lib-main-menu", never, { "navLinkList": { "alias": "navLinkList"; "required": false; }; "buttonTitle": { "alias": "buttonTitle"; "required": false; }; "mainMenuTitle": { "alias": "mainMenuTitle"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
+
import { ButtonColor } from '../../models/enums/button/button-color.enum';
|
|
3
|
+
import { DialogColor } from '../../models/enums/confirm-modal/confirm-modal-color.enum';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ModalComponent {
|
|
6
|
+
header: string;
|
|
7
|
+
headerColor: DialogColor;
|
|
8
|
+
width: string;
|
|
9
|
+
height: string;
|
|
10
|
+
dynamicContentTemplate: TemplateRef<any>;
|
|
11
|
+
resizable: boolean;
|
|
12
|
+
draggable: boolean;
|
|
13
|
+
visible: boolean;
|
|
14
|
+
closable: boolean;
|
|
15
|
+
modal: boolean;
|
|
16
|
+
body: string;
|
|
17
|
+
position: 'top' | 'bottom';
|
|
18
|
+
btnLabel: string;
|
|
19
|
+
btnColor: ButtonColor;
|
|
20
|
+
btnIcon: string;
|
|
21
|
+
hasIcon: boolean;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
hasLeftButton: boolean;
|
|
24
|
+
leftBtnLabel: string;
|
|
25
|
+
leftBtnColor: ButtonColor;
|
|
26
|
+
leftBtnIcon: string;
|
|
27
|
+
leftHasIcon: boolean;
|
|
28
|
+
leftDisabled: boolean;
|
|
29
|
+
buttonClickEvent: EventEmitter<any>;
|
|
30
|
+
visibleChange: EventEmitter<boolean>;
|
|
31
|
+
leftButtonClickEvent: EventEmitter<any>;
|
|
32
|
+
scrollEvent: EventEmitter<any>;
|
|
33
|
+
modalClosed: EventEmitter<void>;
|
|
34
|
+
isFooterVisible: boolean;
|
|
35
|
+
dismissableMask: boolean;
|
|
36
|
+
headerClassMap: {
|
|
37
|
+
primary: string;
|
|
38
|
+
secondary: string;
|
|
39
|
+
info: string;
|
|
40
|
+
warning: string;
|
|
41
|
+
danger: string;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Event emitted on clicking added button on bottom of modal
|
|
45
|
+
* @param event mouse click event
|
|
46
|
+
*/
|
|
47
|
+
buttonCloseModal(event: MouseEvent): void;
|
|
48
|
+
/**
|
|
49
|
+
* Event emitted on clicking added button on bottom of modal
|
|
50
|
+
* @param event mouse click event
|
|
51
|
+
*/
|
|
52
|
+
leftButtonClick(event: MouseEvent): void;
|
|
53
|
+
changeVisibility(newVisibility: boolean): void;
|
|
54
|
+
handleHide(): void;
|
|
55
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "lib-modal", never, { "header": { "alias": "header"; "required": false; }; "headerColor": { "alias": "headerColor"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "dynamicContentTemplate": { "alias": "dynamicContentTemplate"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "body": { "alias": "body"; "required": false; }; "position": { "alias": "position"; "required": false; }; "btnLabel": { "alias": "btnLabel"; "required": false; }; "btnColor": { "alias": "btnColor"; "required": false; }; "btnIcon": { "alias": "btnIcon"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasLeftButton": { "alias": "hasLeftButton"; "required": false; }; "leftBtnLabel": { "alias": "leftBtnLabel"; "required": false; }; "leftBtnColor": { "alias": "leftBtnColor"; "required": false; }; "leftBtnIcon": { "alias": "leftBtnIcon"; "required": false; }; "leftHasIcon": { "alias": "leftHasIcon"; "required": false; }; "leftDisabled": { "alias": "leftDisabled"; "required": false; }; "isFooterVisible": { "alias": "isFooterVisible"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "visibleChange": "visibleChange"; "leftButtonClickEvent": "leftButtonClickEvent"; "scrollEvent": "scrollEvent"; "modalClosed": "modalClosed"; }, never, never, true, never>;
|
|
57
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { LocalStorageService } from '../../services/local-storage.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NavbarComponent implements OnInit {
|
|
5
|
+
protected readonly localStorageService: LocalStorageService;
|
|
6
|
+
imageWidth: string;
|
|
7
|
+
imageHeight: string;
|
|
8
|
+
logoAltText: string;
|
|
9
|
+
multiLanguageEnabled: boolean;
|
|
10
|
+
isLogoClick: EventEmitter<any>;
|
|
11
|
+
isAccessibilityClicked: EventEmitter<any>;
|
|
12
|
+
notificationList: any;
|
|
13
|
+
currentLanguage: string;
|
|
14
|
+
currentNotification: string;
|
|
15
|
+
currentIndex: number;
|
|
16
|
+
animationClass: string;
|
|
17
|
+
notificationChangeInterval: number;
|
|
18
|
+
constructor(localStorageService: LocalStorageService);
|
|
19
|
+
ngOnInit(): void;
|
|
20
|
+
/**
|
|
21
|
+
* prikaz nujnih obvestil
|
|
22
|
+
*/
|
|
23
|
+
showUrgentNotifications(): void;
|
|
24
|
+
displayNotification(): void;
|
|
25
|
+
changeNotification(): void;
|
|
26
|
+
clickLogo(event: MouseEvent): void;
|
|
27
|
+
accessibilityClick(event: MouseEvent): void;
|
|
28
|
+
/**
|
|
29
|
+
* Mare, 2024-09-13; safe version, da ne faila Checkmarx XSS check
|
|
30
|
+
*/
|
|
31
|
+
changeLanguage(event: any, language: string): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "lib-navbar", never, { "imageWidth": { "alias": "imageWidth"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; "logoAltText": { "alias": "logoAltText"; "required": false; }; "multiLanguageEnabled": { "alias": "multiLanguageEnabled"; "required": false; }; "notificationList": { "alias": "notificationList"; "required": false; }; }, { "isLogoClick": "isLogoClick"; "isAccessibilityClicked": "isAccessibilityClicked"; }, never, never, true, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PicklistComponent {
|
|
4
|
+
primaryPickList: string;
|
|
5
|
+
sourceData: any[];
|
|
6
|
+
targetData: any[];
|
|
7
|
+
name: string;
|
|
8
|
+
sourceFilterPlaceholder: string;
|
|
9
|
+
targetFilterPlaceholder: string;
|
|
10
|
+
sourceHeader: string;
|
|
11
|
+
targetHeader: string;
|
|
12
|
+
style: {
|
|
13
|
+
height: string;
|
|
14
|
+
};
|
|
15
|
+
dragdrop: boolean;
|
|
16
|
+
responsive: boolean;
|
|
17
|
+
showSourceControls: boolean;
|
|
18
|
+
showTargetControls: boolean;
|
|
19
|
+
moveToSourceClicked: EventEmitter<any>;
|
|
20
|
+
moveToTargetClicked: EventEmitter<any>;
|
|
21
|
+
moveToSourceAllClicked: EventEmitter<any>;
|
|
22
|
+
moveToTargetAllClicked: EventEmitter<any>;
|
|
23
|
+
isCustomSourceHeader: boolean;
|
|
24
|
+
isCustomTargetHeader: boolean;
|
|
25
|
+
sourceLength: string;
|
|
26
|
+
targetLength: string;
|
|
27
|
+
moveToSource(event: any): void;
|
|
28
|
+
moveToTarget(event: any): void;
|
|
29
|
+
moveAllToSource(event: any): void;
|
|
30
|
+
moveAllToTarget(event: any): void;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PicklistComponent, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PicklistComponent, "lib-picklist[sourceData][targetData][name]", never, { "primaryPickList": { "alias": "primaryPickList"; "required": false; }; "sourceData": { "alias": "sourceData"; "required": false; }; "targetData": { "alias": "targetData"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; }; "targetHeader": { "alias": "targetHeader"; "required": false; }; "style": { "alias": "style"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; }; "isCustomSourceHeader": { "alias": "isCustomSourceHeader"; "required": false; }; "isCustomTargetHeader": { "alias": "isCustomTargetHeader"; "required": false; }; "sourceLength": { "alias": "sourceLength"; "required": false; }; "targetLength": { "alias": "targetLength"; "required": false; }; }, { "moveToSourceClicked": "moveToSourceClicked"; "moveToTargetClicked": "moveToTargetClicked"; "moveToSourceAllClicked": "moveToSourceAllClicked"; "moveToTargetAllClicked": "moveToTargetAllClicked"; }, never, never, true, never>;
|
|
33
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ProgressBarComponent {
|
|
3
|
+
value: number;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "lib-progress-bar[value]", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TagColor } from '../../models/enums/tag/tag.enum';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TagComponent {
|
|
4
|
+
tagText: string;
|
|
5
|
+
tagColor: TagColor;
|
|
6
|
+
rounded: boolean;
|
|
7
|
+
getColor(): any;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "lib-tag", never, { "tagText": { "alias": "tagText"; "required": false; }; "tagColor": { "alias": "tagColor"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import { FormStatusInterface } from '../../models/interaces/shared/form-status.interface';
|
|
4
|
+
import { TooltipPosition } from '../../models/enums/tooltip/tooltip-position.enum';
|
|
5
|
+
import { TooltipHoverEventEnum } from '../../models/enums/tooltip/tooltip-hover-event.enum';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TextareaComponent implements OnInit {
|
|
8
|
+
_isTooltipVisible: boolean;
|
|
9
|
+
name: string;
|
|
10
|
+
resize: boolean;
|
|
11
|
+
label: string;
|
|
12
|
+
placeholder: string;
|
|
13
|
+
accessibilityText: string;
|
|
14
|
+
rows: number;
|
|
15
|
+
cols: number;
|
|
16
|
+
tooltipPosition: TooltipPosition;
|
|
17
|
+
tooltipText?: string;
|
|
18
|
+
group: FormGroup;
|
|
19
|
+
controlName: string;
|
|
20
|
+
isRequired: boolean;
|
|
21
|
+
formStatus?: FormStatusInterface;
|
|
22
|
+
hasGap: boolean;
|
|
23
|
+
customMaxLength: number | null;
|
|
24
|
+
ngOnInit(): void;
|
|
25
|
+
protected readonly TooltipHoverEventEnum: typeof TooltipHoverEventEnum;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "lib-textarea[group][controlName][name]", never, { "name": { "alias": "name"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "accessibilityText": { "alias": "accessibilityText"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "group": { "alias": "group"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "formStatus": { "alias": "formStatus"; "required": false; }; "hasGap": { "alias": "hasGap"; "required": false; }; "customMaxLength": { "alias": "customMaxLength"; "required": false; }; }, {}, never, never, true, never>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ToggleSwitchComponent {
|
|
5
|
+
group: FormGroup;
|
|
6
|
+
controlName: string;
|
|
7
|
+
isFormElement: boolean;
|
|
8
|
+
checked: boolean;
|
|
9
|
+
getValueEvent: EventEmitter<any>;
|
|
10
|
+
checkedChanged: EventEmitter<boolean>;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
toggleValue($event: any, isForm: boolean): void;
|
|
13
|
+
changeChecked(newToggleValue: boolean): void;
|
|
14
|
+
handleToggle(): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitchComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitchComponent, "lib-toggle-switch", never, { "group": { "alias": "group"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isFormElement": { "alias": "isFormElement"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "getValueEvent": "getValueEvent"; "checkedChanged": "checkedChanged"; }, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { TooltipPosition } from '../../models/enums/tooltip/tooltip-position.enum';
|
|
3
|
+
import { TooltipHoverEventEnum } from '../../models/enums/tooltip/tooltip-hover-event.enum';
|
|
4
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
5
|
+
import { Tooltip } from 'primeng/tooltip';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TooltipComponent implements OnInit {
|
|
8
|
+
private sanitizer;
|
|
9
|
+
icon: string;
|
|
10
|
+
htmlParser: boolean;
|
|
11
|
+
private _text;
|
|
12
|
+
set text(value: string);
|
|
13
|
+
get text(): string;
|
|
14
|
+
position: TooltipPosition;
|
|
15
|
+
tooltipEvent: TooltipHoverEventEnum;
|
|
16
|
+
autoHide: boolean;
|
|
17
|
+
htmlParse: boolean;
|
|
18
|
+
tooltip: Tooltip;
|
|
19
|
+
constructor(sanitizer: DomSanitizer);
|
|
20
|
+
ngOnInit(): void;
|
|
21
|
+
onClick(): void;
|
|
22
|
+
onDocumentClick(event: MouseEvent): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, " lib-tooltip", never, { "icon": { "alias": "icon"; "required": false; }; "htmlParser": { "alias": "htmlParser"; "required": false; }; "text": { "alias": "text"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "htmlParse": { "alias": "htmlParse"; "required": false; }; }, {}, never, never, true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { InputType } from '../../enums/input/input-type.enum';
|
|
2
|
+
export interface TableColumn {
|
|
3
|
+
field: string;
|
|
4
|
+
header: string;
|
|
5
|
+
editable: boolean;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
width?: string;
|
|
8
|
+
component?: string;
|
|
9
|
+
suffix?: string;
|
|
10
|
+
inputType?: InputType;
|
|
11
|
+
isLink?: boolean;
|
|
12
|
+
tooltip?: boolean;
|
|
13
|
+
tag?: boolean;
|
|
14
|
+
status?: boolean;
|
|
15
|
+
hideOnMobile?: boolean;
|
|
16
|
+
ellipsis?: boolean;
|
|
17
|
+
maxLength?: number;
|
|
18
|
+
control?: string;
|
|
19
|
+
control2?: string;
|
|
20
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@n-isi-platform/design-system",
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "19.2.6",
|
|
6
|
+
"@angular/core": "19.2.6"
|
|
7
|
+
},
|
|
8
|
+
"dependencies": {
|
|
9
|
+
"tslib": "^2.3.0"
|
|
10
|
+
},
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"module": "fesm2022/n-isi-platform-design-system.mjs",
|
|
13
|
+
"typings": "index.d.ts",
|
|
14
|
+
"exports": {
|
|
15
|
+
"./package.json": {
|
|
16
|
+
"default": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./index.d.ts",
|
|
20
|
+
"default": "./fesm2022/n-isi-platform-design-system.mjs"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export * from './services/local-storage.service';
|
|
2
|
+
export * from './services/translation.service';
|
|
3
|
+
export * from './services/confirm-modal-service';
|
|
4
|
+
export * from './services/dynamic-route.service';
|
|
5
|
+
export * from './services/no-internet.service';
|
|
6
|
+
export * from './services/cache.service';
|
|
7
|
+
export * from './services/app-config.service';
|
|
8
|
+
export * from './services/export.service';
|
|
9
|
+
export * from './lib/input/input.component';
|
|
10
|
+
export * from './lib/textarea/textarea.component';
|
|
11
|
+
export * from './lib/button/button.component';
|
|
12
|
+
export * from './lib/icon-button/icon-button.component';
|
|
13
|
+
export * from './lib/modal/modal.component';
|
|
14
|
+
export * from './lib/dropdown/dropdown.component';
|
|
15
|
+
export * from './lib/breadcrumbs/breadcrumbs.component';
|
|
16
|
+
export * from './lib/divider/divider.component';
|
|
17
|
+
export * from './lib/tooltip/tooltip.component';
|
|
18
|
+
export * from './lib/navbar/navbar.component';
|
|
19
|
+
export * from './lib/date-input/date-input.component';
|
|
20
|
+
export * from './lib/footer/footer.component';
|
|
21
|
+
export * from './lib/main-menu/main-menu.component';
|
|
22
|
+
export * from './lib/checkbox/checkbox.component';
|
|
23
|
+
export * from './lib/confirm-modal/confirm-modal.component';
|
|
24
|
+
export * from './lib/expanded-table/expanded-table.component';
|
|
25
|
+
export * from './lib/error/error.component';
|
|
26
|
+
export * from './lib/loader/loader.component';
|
|
27
|
+
export * from './lib/toggle-switch/toggle-switch.component';
|
|
28
|
+
export * from './lib/accordion/accordion.component';
|
|
29
|
+
export * from './lib/progress-bar/progress-bar.component';
|
|
30
|
+
export * from './lib/picklist/picklist.component';
|
|
31
|
+
export * from './lib/card/card.component';
|
|
32
|
+
export * from './lib/custom-table/custom-table.component';
|
|
33
|
+
export * from './lib/tag/tag.component';
|
|
34
|
+
export * from './lib/input-mask/input-mask.component';
|
|
35
|
+
export * from './lib/button-link/button-link.component';
|
|
36
|
+
export * from './lib/filter-header/filter-header.component';
|
|
37
|
+
export * from './lib/generic-table/generic-table.component';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface AppConfig {
|
|
3
|
+
basePath: string | string[];
|
|
4
|
+
basePathAuth: string;
|
|
5
|
+
basePathCommon: string;
|
|
6
|
+
vsLoginPath: string;
|
|
7
|
+
sipassLoginPath: string;
|
|
8
|
+
production: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class AppConfigService {
|
|
11
|
+
private config;
|
|
12
|
+
constructor();
|
|
13
|
+
getConfig(): AppConfig;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AppConfigService, never>;
|
|
15
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AppConfigService>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CacheService {
|
|
3
|
+
getCacheItem(key: string): any | null;
|
|
4
|
+
cacheItem(key: string, value: any): void;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CacheService, never>;
|
|
6
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<CacheService>;
|
|
7
|
+
}
|