@dso-design-system/ui 0.0.2 → 0.1.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/esm2022/lib/alert/alert.component.mjs +54 -0
- package/esm2022/lib/badge/badge.component.mjs +22 -0
- package/esm2022/lib/badge/badge.directive.mjs +68 -0
- package/esm2022/lib/breadcrumb/breadcrumb.component.mjs +29 -0
- package/esm2022/lib/checkbox/checkbox.component.mjs +82 -0
- package/esm2022/lib/datepicker/datepicker.component.mjs +161 -0
- package/esm2022/lib/dialog/dialog.component.mjs +25 -0
- package/esm2022/lib/dropdown-list/dropdown-list.component.mjs +89 -0
- package/esm2022/lib/file-upload-items/file-upload-items.component.mjs +65 -0
- package/esm2022/lib/file-upload-multiple/file-upload-multiple.component.mjs +232 -0
- package/esm2022/lib/file-upload-multiple/upload-item.model.mjs +2 -0
- package/esm2022/lib/file-upload-multiple/upload-simulator.service.mjs +76 -0
- package/esm2022/lib/file-upload-single/file-upload-single.component.mjs +100 -0
- package/esm2022/lib/input-text/input-text.component.mjs +93 -0
- package/esm2022/lib/pagination/pagination.component.mjs +115 -0
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +25 -0
- package/esm2022/lib/radio/radio.component.mjs +41 -0
- package/esm2022/lib/select-dropdown/select-dropdown.component.mjs +228 -0
- package/esm2022/lib/service/toast.service.mjs +20 -0
- package/esm2022/lib/side-navigation-bar/side-navigation-bar.component.mjs +113 -0
- package/esm2022/lib/spinner/spinner.component.mjs +60 -0
- package/esm2022/lib/table/table.component.mjs +136 -0
- package/esm2022/lib/tabs/tab.component.mjs +20 -0
- package/esm2022/lib/tabs/tabs.component.mjs +40 -0
- package/esm2022/lib/tag/tag.component.mjs +27 -0
- package/esm2022/lib/text-area/text-area.component.mjs +74 -0
- package/esm2022/lib/toast/toast.component.mjs +36 -0
- package/esm2022/lib/tooltip/tooltip.component.mjs +38 -0
- package/esm2022/lib/tooltip/tooltip.directive.mjs +105 -0
- package/esm2022/lib/top-navigation-bar/top-navigation-bar.component.mjs +24 -0
- package/esm2022/public-api.mjs +29 -2
- package/fesm2022/dso-design-system-ui.mjs +2053 -3
- package/fesm2022/dso-design-system-ui.mjs.map +1 -1
- package/lib/alert/alert.component.d.ts +20 -0
- package/lib/badge/badge.component.d.ts +8 -0
- package/lib/badge/badge.directive.d.ts +15 -0
- package/lib/breadcrumb/breadcrumb.component.d.ts +15 -0
- package/lib/checkbox/checkbox.component.d.ts +42 -0
- package/lib/datepicker/datepicker.component.d.ts +48 -0
- package/lib/dialog/dialog.component.d.ts +10 -0
- package/lib/dropdown-list/dropdown-list.component.d.ts +33 -0
- package/lib/file-upload-items/file-upload-items.component.d.ts +27 -0
- package/lib/file-upload-multiple/file-upload-multiple.component.d.ts +44 -0
- package/lib/file-upload-multiple/upload-item.model.d.ts +7 -0
- package/lib/file-upload-multiple/upload-simulator.service.d.ts +34 -0
- package/lib/file-upload-single/file-upload-single.component.d.ts +28 -0
- package/lib/input-text/input-text.component.d.ts +24 -0
- package/lib/pagination/pagination.component.d.ts +31 -0
- package/lib/progress-bar/progress-bar.component.d.ts +11 -0
- package/lib/radio/radio.component.d.ts +14 -0
- package/lib/select-dropdown/select-dropdown.component.d.ts +78 -0
- package/lib/service/toast.service.d.ts +16 -0
- package/lib/side-navigation-bar/side-navigation-bar.component.d.ts +74 -0
- package/lib/spinner/spinner.component.d.ts +23 -0
- package/lib/table/table.component.d.ts +43 -0
- package/lib/tabs/tab.component.d.ts +9 -0
- package/lib/tabs/tabs.component.d.ts +15 -0
- package/lib/tag/tag.component.d.ts +10 -0
- package/lib/text-area/text-area.component.d.ts +21 -0
- package/lib/toast/toast.component.d.ts +13 -0
- package/lib/tooltip/tooltip.component.d.ts +15 -0
- package/lib/tooltip/tooltip.directive.d.ts +19 -0
- package/lib/top-navigation-bar/top-navigation-bar.component.d.ts +16 -0
- package/package.json +1 -1
- package/public-api.d.ts +27 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TextAreaComponent {
|
|
3
|
+
inputLabel: string;
|
|
4
|
+
placeholder: string;
|
|
5
|
+
value: string;
|
|
6
|
+
helperText: string;
|
|
7
|
+
errorText: string;
|
|
8
|
+
isDisabled: boolean;
|
|
9
|
+
enableValidation: boolean;
|
|
10
|
+
maxLength: number;
|
|
11
|
+
isTouched: boolean;
|
|
12
|
+
isInvalid: boolean;
|
|
13
|
+
charCount: number;
|
|
14
|
+
isExceeded: boolean;
|
|
15
|
+
onInputChange(event: Event): void;
|
|
16
|
+
getCharCountStyle(): "" | "char-count-error";
|
|
17
|
+
onBlur(): void;
|
|
18
|
+
checkValidity(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "dso-text-area", never, { "inputLabel": { "alias": "inputLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "enableValidation": { "alias": "enableValidation"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { ToastService, ToastMessage } from '../service/toast.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ToastComponent implements OnInit {
|
|
5
|
+
private toastService;
|
|
6
|
+
toasts: ToastMessage[];
|
|
7
|
+
position: 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left' | 'top-center' | 'bottom-center';
|
|
8
|
+
toastData: ToastMessage;
|
|
9
|
+
constructor(toastService: ToastService);
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "dso-toast", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TooltipComponent {
|
|
4
|
+
private el;
|
|
5
|
+
text: string;
|
|
6
|
+
position: string;
|
|
7
|
+
tooltipWidth: string;
|
|
8
|
+
constructor(el: ElementRef);
|
|
9
|
+
showTooltip: boolean;
|
|
10
|
+
isHovered: boolean;
|
|
11
|
+
onMouseEnter(): void;
|
|
12
|
+
onMouseLeave(): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "dso-tooltip", never, { "text": { "alias": "text"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipWidth": { "alias": "tooltipWidth"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ElementRef, Renderer2, OnDestroy } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TooltipDirective implements OnDestroy {
|
|
4
|
+
private el;
|
|
5
|
+
private renderer;
|
|
6
|
+
private tooltipElement;
|
|
7
|
+
private _tooltipText;
|
|
8
|
+
set dsoDirectiveTooltip(value: string);
|
|
9
|
+
get dsoDirectiveTooltip(): string;
|
|
10
|
+
position: 'top' | 'bottom' | 'left' | 'right';
|
|
11
|
+
tooltipWidth: string;
|
|
12
|
+
private readonly gap;
|
|
13
|
+
constructor(el: ElementRef, renderer: Renderer2);
|
|
14
|
+
onMouseEnter(): void;
|
|
15
|
+
onMouseLeave(): void;
|
|
16
|
+
ngOnDestroy(): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[dsoDirectiveTooltip]", never, { "dsoDirectiveTooltip": { "alias": "dsoDirectiveTooltip"; "required": false; }; "position": { "alias": "position"; "required": false; }; "tooltipWidth": { "alias": "tooltipWidth"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/** Interface defining a single top nav menu item */
|
|
3
|
+
export interface TopNavItem {
|
|
4
|
+
label: string;
|
|
5
|
+
iconName?: string;
|
|
6
|
+
route?: string;
|
|
7
|
+
click?: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare class TopNavComponent {
|
|
10
|
+
/** App name displayed next to logo */
|
|
11
|
+
appName: string;
|
|
12
|
+
/** Dynamic menu items */
|
|
13
|
+
menuItems: TopNavItem[];
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TopNavComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TopNavComponent, "dso-top-nav", never, { "appName": { "alias": "appName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; }, {}, never, ["[dso-menu-logo]", "[dso-nav-right]"], true, never>;
|
|
16
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -1,2 +1,29 @@
|
|
|
1
|
+
export * from './lib/alert/alert.component';
|
|
2
|
+
export * from './lib/badge/badge.component';
|
|
3
|
+
export * from './lib/badge/badge.directive';
|
|
4
|
+
export * from './lib/breadcrumb/breadcrumb.component';
|
|
1
5
|
export * from './lib/button/button.component';
|
|
6
|
+
export * from './lib/checkbox/checkbox.component';
|
|
7
|
+
export * from './lib/datepicker/datepicker.component';
|
|
8
|
+
export * from './lib/dialog/dialog.component';
|
|
9
|
+
export * from './lib/dropdown-list/dropdown-list.component';
|
|
10
|
+
export * from './lib/file-upload-items/file-upload-items.component';
|
|
11
|
+
export * from './lib/file-upload-multiple/file-upload-multiple.component';
|
|
12
|
+
export * from './lib/file-upload-single/file-upload-single.component';
|
|
2
13
|
export * from './lib/icon/icon.component';
|
|
14
|
+
export * from './lib/input-text/input-text.component';
|
|
15
|
+
export * from './lib/pagination/pagination.component';
|
|
16
|
+
export * from './lib/progress-bar/progress-bar.component';
|
|
17
|
+
export * from './lib/radio/radio.component';
|
|
18
|
+
export * from './lib/select-dropdown/select-dropdown.component';
|
|
19
|
+
export * from './lib/side-navigation-bar/side-navigation-bar.component';
|
|
20
|
+
export * from './lib/spinner/spinner.component';
|
|
21
|
+
export * from './lib/table/table.component';
|
|
22
|
+
export * from './lib/tabs/tabs.component';
|
|
23
|
+
export * from './lib/tabs/tab.component';
|
|
24
|
+
export * from './lib/tag/tag.component';
|
|
25
|
+
export * from './lib/text-area/text-area.component';
|
|
26
|
+
export * from './lib/toast/toast.component';
|
|
27
|
+
export * from './lib/tooltip/tooltip.component';
|
|
28
|
+
export * from './lib/tooltip/tooltip.directive';
|
|
29
|
+
export * from './lib/top-navigation-bar/top-navigation-bar.component';
|