pdm-ui-kit 0.1.0 → 0.1.2
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 +115 -59
- package/esm2020/lib/components/accordion/accordion.component.mjs +42 -0
- package/esm2020/lib/components/alert/alert.component.mjs +35 -0
- package/esm2020/lib/components/alert-dialog/alert-dialog.component.mjs +69 -0
- package/esm2020/lib/components/aspect-ratio/aspect-ratio.component.mjs +31 -0
- package/esm2020/lib/components/avatar/avatar.component.mjs +46 -0
- package/esm2020/lib/components/badge/badge.component.mjs +23 -0
- package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs +29 -0
- package/esm2020/lib/components/button/button.component.mjs +82 -0
- package/esm2020/lib/components/button-group/button-group.component.mjs +23 -0
- package/esm2020/lib/components/calendar/calendar.component.mjs +71 -0
- package/esm2020/lib/components/card/card.component.mjs +65 -0
- package/esm2020/lib/components/carousel/carousel.component.mjs +97 -0
- package/esm2020/lib/components/chart/chart.component.mjs +174 -0
- package/esm2020/lib/components/checkbox/checkbox.component.mjs +47 -0
- package/esm2020/lib/components/collapsible/collapsible.component.mjs +43 -0
- package/esm2020/lib/components/combobox/combobox.component.mjs +51 -0
- package/esm2020/lib/components/command/command.component.mjs +75 -0
- package/esm2020/lib/components/context-menu/context-menu.component.mjs +78 -0
- package/esm2020/lib/components/data-table/data-table.component.mjs +89 -0
- package/esm2020/lib/components/date-picker/date-picker.component.mjs +63 -0
- package/esm2020/lib/components/dialog/dialog.component.mjs +90 -0
- package/esm2020/lib/components/drawer/drawer.component.mjs +72 -0
- package/esm2020/lib/components/dropdown-menu/dropdown-menu.component.mjs +120 -0
- package/esm2020/lib/components/empty/empty.component.mjs +58 -0
- package/esm2020/lib/components/field/field.component.mjs +52 -0
- package/esm2020/lib/components/hover-card/hover-card.component.mjs +44 -0
- package/esm2020/lib/components/icon/icon.component.mjs +94 -0
- package/esm2020/lib/components/input/input.component.mjs +65 -0
- package/esm2020/lib/components/input-group/input-group.component.mjs +54 -0
- package/esm2020/lib/components/input-otp/input-otp.component.mjs +140 -0
- package/esm2020/lib/components/input-password/input-password.component.mjs +72 -0
- package/esm2020/lib/components/item/item.component.mjs +23 -0
- package/esm2020/lib/components/kbd/kbd.component.mjs +17 -0
- package/esm2020/lib/components/label/label.component.mjs +23 -0
- package/esm2020/lib/components/menubar/menubar.component.mjs +31 -0
- package/esm2020/lib/components/native-select/native-select.component.mjs +42 -0
- package/esm2020/lib/components/navigation-menu/navigation-menu.component.mjs +20 -0
- package/esm2020/lib/components/pagination/pagination.component.mjs +47 -0
- package/esm2020/lib/components/popover/popover.component.mjs +58 -0
- package/esm2020/lib/components/progress/progress.component.mjs +33 -0
- package/esm2020/lib/components/radio-group/radio-group.component.mjs +38 -0
- package/esm2020/lib/components/scroll-area/scroll-area.component.mjs +20 -0
- package/esm2020/lib/components/select/select.component.mjs +38 -0
- package/esm2020/lib/components/separator/separator.component.mjs +26 -0
- package/esm2020/lib/components/sheet/sheet.component.mjs +39 -0
- package/esm2020/lib/components/sidebar/sidebar.component.mjs +20 -0
- package/esm2020/lib/components/skeleton/skeleton.component.mjs +17 -0
- package/esm2020/lib/components/slider/slider.component.mjs +46 -0
- package/esm2020/lib/components/sonner/sonner.component.mjs +39 -0
- package/esm2020/lib/components/spinner/spinner.component.mjs +20 -0
- package/esm2020/lib/components/switch/switch.component.mjs +35 -0
- package/esm2020/lib/components/table/table.component.mjs +17 -0
- package/esm2020/lib/components/tabs/tabs.component.mjs +31 -0
- package/esm2020/lib/components/textarea/textarea.component.mjs +59 -0
- package/esm2020/lib/components/toggle/toggle.component.mjs +41 -0
- package/esm2020/lib/components/toggle-group/toggle-group.component.mjs +31 -0
- package/esm2020/lib/components/tooltip/tooltip.component.mjs +33 -0
- package/esm2020/lib/pdm-ui-kit.module.mjs +245 -0
- package/esm2020/pdm-ui-kit.mjs +5 -0
- package/esm2020/public-api.mjs +59 -0
- package/fesm2015/pdm-ui-kit.mjs +2959 -0
- package/fesm2015/pdm-ui-kit.mjs.map +1 -0
- package/fesm2020/pdm-ui-kit.mjs +2954 -0
- package/fesm2020/pdm-ui-kit.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/accordion/accordion.component.d.ts +19 -0
- package/lib/components/alert/alert.component.d.ts +13 -0
- package/lib/components/alert-dialog/alert-dialog.component.d.ts +21 -0
- package/lib/components/aspect-ratio/aspect-ratio.component.d.ts +10 -0
- package/lib/components/avatar/avatar.component.d.ts +20 -0
- package/lib/components/badge/badge.component.d.ts +9 -0
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +10 -0
- package/lib/components/button/button.component.d.ts +24 -0
- package/lib/components/button-group/button-group.component.d.ts +9 -0
- package/lib/components/calendar/calendar.component.d.ts +28 -0
- package/lib/components/card/card.component.d.ts +24 -0
- package/lib/components/carousel/carousel.component.d.ts +25 -0
- package/lib/components/chart/chart.component.d.ts +41 -0
- package/lib/components/checkbox/checkbox.component.d.ts +17 -0
- package/lib/components/collapsible/collapsible.component.d.ts +14 -0
- package/lib/components/combobox/combobox.component.d.ts +18 -0
- package/lib/components/command/command.component.d.ts +33 -0
- package/lib/components/context-menu/context-menu.component.d.ts +26 -0
- package/lib/components/data-table/data-table.component.d.ts +36 -0
- package/lib/components/date-picker/date-picker.component.d.ts +23 -0
- package/lib/components/dialog/dialog.component.d.ts +30 -0
- package/lib/components/drawer/drawer.component.d.ts +27 -0
- package/lib/components/dropdown-menu/dropdown-menu.component.d.ts +34 -0
- package/lib/components/empty/empty.component.d.ts +19 -0
- package/lib/components/field/field.component.d.ts +18 -0
- package/lib/components/hover-card/hover-card.component.d.ts +14 -0
- package/lib/components/icon/icon.component.d.ts +18 -0
- package/lib/components/input/input.component.d.ts +23 -0
- package/lib/components/input-group/input-group.component.d.ts +19 -0
- package/lib/components/input-otp/input-otp.component.d.ts +26 -0
- package/lib/components/input-password/input-password.component.d.ts +25 -0
- package/lib/components/item/item.component.d.ts +8 -0
- package/lib/components/kbd/kbd.component.d.ts +6 -0
- package/lib/components/label/label.component.d.ts +8 -0
- package/lib/components/menubar/menubar.component.d.ts +17 -0
- package/lib/components/native-select/native-select.component.d.ts +20 -0
- package/lib/components/navigation-menu/navigation-menu.component.d.ts +12 -0
- package/lib/components/pagination/pagination.component.d.ts +13 -0
- package/lib/components/popover/popover.component.d.ts +17 -0
- package/lib/components/progress/progress.component.d.ts +10 -0
- package/lib/components/radio-group/radio-group.component.d.ts +19 -0
- package/lib/components/scroll-area/scroll-area.component.d.ts +7 -0
- package/lib/components/select/select.component.d.ts +19 -0
- package/lib/components/separator/separator.component.d.ts +9 -0
- package/lib/components/sheet/sheet.component.d.ts +13 -0
- package/lib/components/sidebar/sidebar.component.d.ts +7 -0
- package/lib/components/skeleton/skeleton.component.d.ts +6 -0
- package/lib/components/slider/slider.component.d.ts +15 -0
- package/lib/components/sonner/sonner.component.d.ts +13 -0
- package/lib/components/spinner/spinner.component.d.ts +7 -0
- package/lib/components/switch/switch.component.d.ts +13 -0
- package/lib/components/table/table.component.d.ts +6 -0
- package/lib/components/tabs/tabs.component.d.ts +16 -0
- package/lib/components/textarea/textarea.component.d.ts +21 -0
- package/lib/components/toggle/toggle.component.d.ts +14 -0
- package/lib/components/toggle-group/toggle-group.component.d.ts +16 -0
- package/lib/components/tooltip/tooltip.component.d.ts +10 -0
- package/lib/pdm-ui-kit.module.d.ts +64 -0
- package/package.json +25 -10
- package/FIGMA_COMPONENT_AUDIT.md +0 -154
- package/ng-package.json +0 -7
- package/src/lib/components/accordion/accordion.component.html +0 -34
- package/src/lib/components/accordion/accordion.component.ts +0 -38
- package/src/lib/components/alert/alert.component.html +0 -52
- package/src/lib/components/alert/alert.component.ts +0 -25
- package/src/lib/components/alert-dialog/alert-dialog.component.html +0 -41
- package/src/lib/components/alert-dialog/alert-dialog.component.ts +0 -45
- package/src/lib/components/aspect-ratio/aspect-ratio.component.html +0 -11
- package/src/lib/components/aspect-ratio/aspect-ratio.component.ts +0 -18
- package/src/lib/components/avatar/avatar.component.html +0 -21
- package/src/lib/components/avatar/avatar.component.ts +0 -32
- package/src/lib/components/badge/badge.component.html +0 -28
- package/src/lib/components/badge/badge.component.ts +0 -23
- package/src/lib/components/breadcrumb/breadcrumb.component.html +0 -39
- package/src/lib/components/breadcrumb/breadcrumb.component.ts +0 -26
- package/src/lib/components/button/button.component.html +0 -15
- package/src/lib/components/button/button.component.ts +0 -84
- package/src/lib/components/button-group/button-group.component.html +0 -39
- package/src/lib/components/button-group/button-group.component.ts +0 -15
- package/src/lib/components/calendar/calendar.component.html +0 -73
- package/src/lib/components/calendar/calendar.component.ts +0 -78
- package/src/lib/components/card/card.component.html +0 -77
- package/src/lib/components/card/card.component.ts +0 -39
- package/src/lib/components/carousel/carousel.component.html +0 -86
- package/src/lib/components/carousel/carousel.component.ts +0 -100
- package/src/lib/components/chart/chart.component.html +0 -143
- package/src/lib/components/chart/chart.component.ts +0 -147
- package/src/lib/components/checkbox/checkbox.component.html +0 -38
- package/src/lib/components/checkbox/checkbox.component.ts +0 -32
- package/src/lib/components/collapsible/collapsible.component.html +0 -26
- package/src/lib/components/collapsible/collapsible.component.ts +0 -29
- package/src/lib/components/combobox/combobox.component.html +0 -42
- package/src/lib/components/combobox/combobox.component.ts +0 -32
- package/src/lib/components/command/command.component.html +0 -55
- package/src/lib/components/command/command.component.ts +0 -67
- package/src/lib/components/context-menu/context-menu.component.html +0 -47
- package/src/lib/components/context-menu/context-menu.component.ts +0 -67
- package/src/lib/components/data-table/data-table.component.html +0 -63
- package/src/lib/components/data-table/data-table.component.ts +0 -78
- package/src/lib/components/date-picker/date-picker.component.html +0 -38
- package/src/lib/components/date-picker/date-picker.component.ts +0 -34
- package/src/lib/components/dialog/dialog.component.html +0 -78
- package/src/lib/components/dialog/dialog.component.ts +0 -55
- package/src/lib/components/drawer/drawer.component.html +0 -56
- package/src/lib/components/drawer/drawer.component.ts +0 -43
- package/src/lib/components/dropdown-menu/dropdown-menu.component.html +0 -56
- package/src/lib/components/dropdown-menu/dropdown-menu.component.ts +0 -126
- package/src/lib/components/empty/empty.component.html +0 -29
- package/src/lib/components/empty/empty.component.ts +0 -35
- package/src/lib/components/field/field.component.html +0 -22
- package/src/lib/components/field/field.component.ts +0 -28
- package/src/lib/components/hover-card/hover-card.component.html +0 -24
- package/src/lib/components/hover-card/hover-card.component.ts +0 -36
- package/src/lib/components/icon/icon.component.html +0 -286
- package/src/lib/components/icon/icon.component.ts +0 -133
- package/src/lib/components/input/input.component.html +0 -22
- package/src/lib/components/input/input.component.ts +0 -33
- package/src/lib/components/input-group/input-group.component.html +0 -31
- package/src/lib/components/input-group/input-group.component.ts +0 -26
- package/src/lib/components/input-otp/input-otp.component.html +0 -25
- package/src/lib/components/input-otp/input-otp.component.ts +0 -146
- package/src/lib/components/input-password/input-password.component.html +0 -64
- package/src/lib/components/input-password/input-password.component.ts +0 -46
- package/src/lib/components/item/item.component.html +0 -10
- package/src/lib/components/item/item.component.ts +0 -12
- package/src/lib/components/kbd/kbd.component.html +0 -3
- package/src/lib/components/kbd/kbd.component.ts +0 -10
- package/src/lib/components/label/label.component.html +0 -7
- package/src/lib/components/label/label.component.ts +0 -12
- package/src/lib/components/menubar/menubar.component.html +0 -16
- package/src/lib/components/menubar/menubar.component.ts +0 -29
- package/src/lib/components/native-select/native-select.component.html +0 -17
- package/src/lib/components/native-select/native-select.component.ts +0 -28
- package/src/lib/components/navigation-menu/navigation-menu.component.html +0 -15
- package/src/lib/components/navigation-menu/navigation-menu.component.ts +0 -17
- package/src/lib/components/pagination/pagination.component.html +0 -30
- package/src/lib/components/pagination/pagination.component.ts +0 -37
- package/src/lib/components/popover/popover.component.html +0 -6
- package/src/lib/components/popover/popover.component.ts +0 -40
- package/src/lib/components/progress/progress.component.html +0 -9
- package/src/lib/components/progress/progress.component.ts +0 -20
- package/src/lib/components/radio-group/radio-group.component.html +0 -25
- package/src/lib/components/radio-group/radio-group.component.ts +0 -30
- package/src/lib/components/scroll-area/scroll-area.component.html +0 -5
- package/src/lib/components/scroll-area/scroll-area.component.ts +0 -11
- package/src/lib/components/select/select.component.html +0 -14
- package/src/lib/components/select/select.component.ts +0 -27
- package/src/lib/components/separator/separator.component.html +0 -5
- package/src/lib/components/separator/separator.component.ts +0 -16
- package/src/lib/components/sheet/sheet.component.html +0 -10
- package/src/lib/components/sheet/sheet.component.ts +0 -28
- package/src/lib/components/sidebar/sidebar.component.html +0 -3
- package/src/lib/components/sidebar/sidebar.component.ts +0 -11
- package/src/lib/components/skeleton/skeleton.component.html +0 -1
- package/src/lib/components/skeleton/skeleton.component.ts +0 -10
- package/src/lib/components/slider/slider.component.html +0 -15
- package/src/lib/components/slider/slider.component.ts +0 -31
- package/src/lib/components/sonner/sonner.component.html +0 -10
- package/src/lib/components/sonner/sonner.component.ts +0 -25
- package/src/lib/components/spinner/spinner.component.html +0 -6
- package/src/lib/components/spinner/spinner.component.ts +0 -11
- package/src/lib/components/switch/switch.component.html +0 -14
- package/src/lib/components/switch/switch.component.ts +0 -20
- package/src/lib/components/table/table.component.html +0 -5
- package/src/lib/components/table/table.component.ts +0 -10
- package/src/lib/components/tabs/tabs.component.html +0 -21
- package/src/lib/components/tabs/tabs.component.ts +0 -26
- package/src/lib/components/textarea/textarea.component.html +0 -21
- package/src/lib/components/textarea/textarea.component.ts +0 -28
- package/src/lib/components/toggle/toggle.component.html +0 -16
- package/src/lib/components/toggle/toggle.component.ts +0 -29
- package/src/lib/components/toggle-group/toggle-group.component.html +0 -17
- package/src/lib/components/toggle-group/toggle-group.component.ts +0 -26
- package/src/lib/components/tooltip/tooltip.component.html +0 -6
- package/src/lib/components/tooltip/tooltip.component.ts +0 -20
- package/src/lib/pdm-ui-kit.module.ts +0 -126
- package/tsconfig.lib.json +0 -17
- package/tsconfig.lib.prod.json +0 -9
- /package/{src/public-api.ts → public-api.d.ts} +0 -0
package/index.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface PdmAccordionItem {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
content: string | string[];
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class PdmAccordionComponent {
|
|
10
|
+
items: PdmAccordionItem[];
|
|
11
|
+
expandedIndex: number;
|
|
12
|
+
className: string;
|
|
13
|
+
expandedIndexChange: EventEmitter<number>;
|
|
14
|
+
isExpanded(index: number): boolean;
|
|
15
|
+
contentLines(content: string | string[]): string[];
|
|
16
|
+
toggle(index: number): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmAccordionComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmAccordionComponent, "pdm-accordion", never, { "items": "items"; "expandedIndex": "expandedIndex"; "className": "className"; }, { "expandedIndexChange": "expandedIndexChange"; }, never, never, false, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmAlertVariant = 'default' | 'title-only' | 'destructive';
|
|
3
|
+
export declare class PdmAlertComponent {
|
|
4
|
+
variant: PdmAlertVariant;
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
details: string[];
|
|
8
|
+
className: string;
|
|
9
|
+
get isDestructive(): boolean;
|
|
10
|
+
get isTitleOnly(): boolean;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmAlertComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmAlertComponent, "pdm-alert", never, { "variant": "variant"; "title": "title"; "description": "description"; "details": "details"; "className": "className"; }, {}, never, never, false, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PdmAlertDialogComponent {
|
|
4
|
+
open: boolean;
|
|
5
|
+
showTrigger: boolean;
|
|
6
|
+
triggerText: string;
|
|
7
|
+
title: string;
|
|
8
|
+
description: string;
|
|
9
|
+
confirmText: string;
|
|
10
|
+
cancelText: string;
|
|
11
|
+
className: string;
|
|
12
|
+
openChange: EventEmitter<boolean>;
|
|
13
|
+
confirm: EventEmitter<void>;
|
|
14
|
+
cancel: EventEmitter<void>;
|
|
15
|
+
onTriggerClick(): void;
|
|
16
|
+
onCancel(): void;
|
|
17
|
+
onConfirm(): void;
|
|
18
|
+
onEsc(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmAlertDialogComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmAlertDialogComponent, "pdm-alert-dialog", never, { "open": "open"; "showTrigger": "showTrigger"; "triggerText": "triggerText"; "title": "title"; "description": "description"; "confirmText": "confirmText"; "cancelText": "cancelText"; "className": "className"; }, { "openChange": "openChange"; "confirm": "confirm"; "cancel": "cancel"; }, never, never, false, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class PdmAspectRatioComponent {
|
|
3
|
+
ratio: number;
|
|
4
|
+
imageSrc: string;
|
|
5
|
+
imageAlt: string;
|
|
6
|
+
className: string;
|
|
7
|
+
get paddingTop(): string;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmAspectRatioComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmAspectRatioComponent, "pdm-aspect-ratio", never, { "ratio": "ratio"; "imageSrc": "imageSrc"; "imageAlt": "imageAlt"; "className": "className"; }, {}, never, ["*"], false, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmAvatarShape = 'circle' | 'square';
|
|
3
|
+
export declare class PdmAvatarComponent {
|
|
4
|
+
src: string;
|
|
5
|
+
alt: string;
|
|
6
|
+
fallback: string;
|
|
7
|
+
shape: PdmAvatarShape;
|
|
8
|
+
size: 'sm' | 'md' | 'lg';
|
|
9
|
+
groupSources: string[];
|
|
10
|
+
className: string;
|
|
11
|
+
readonly sizeClasses: {
|
|
12
|
+
sm: string;
|
|
13
|
+
md: string;
|
|
14
|
+
lg: string;
|
|
15
|
+
};
|
|
16
|
+
get isGroup(): boolean;
|
|
17
|
+
get radiusClass(): string;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmAvatarComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmAvatarComponent, "pdm-avatar", never, { "src": "src"; "alt": "alt"; "fallback": "fallback"; "shape": "shape"; "size": "size"; "groupSources": "groupSources"; "className": "className"; }, {}, never, never, false, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmBadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'icon' | 'number' | 'destructive-number' | 'secondary-number';
|
|
3
|
+
export declare class PdmBadgeComponent {
|
|
4
|
+
variant: PdmBadgeVariant;
|
|
5
|
+
text: string;
|
|
6
|
+
className: string;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmBadgeComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmBadgeComponent, "pdm-badge", never, { "variant": "variant"; "text": "text"; "className": "className"; }, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmBreadcrumbMode = 'custom-separator' | 'dropdown' | 'collapsed' | 'link-component' | 'responsive';
|
|
3
|
+
export declare class PdmBreadcrumbComponent {
|
|
4
|
+
mode: PdmBreadcrumbMode;
|
|
5
|
+
items: string[];
|
|
6
|
+
className: string;
|
|
7
|
+
get renderedItems(): string[];
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmBreadcrumbComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmBreadcrumbComponent, "pdm-breadcrumb", never, { "mode": "mode"; "items": "items"; "className": "className"; }, {}, never, never, false, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmButtonVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'subtle' | 'secondary' | 'ghost' | 'link' | 'with-icon' | 'icon' | 'icon-circle' | 'rounded' | 'loading';
|
|
4
|
+
export type PdmButtonState = 'default' | 'hover';
|
|
5
|
+
export type PdmButtonSize = 'small' | 'default' | 'large';
|
|
6
|
+
export declare class PdmButtonComponent {
|
|
7
|
+
type: 'button' | 'submit' | 'reset';
|
|
8
|
+
variant: PdmButtonVariant;
|
|
9
|
+
state: PdmButtonState;
|
|
10
|
+
size: PdmButtonSize;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
loading: boolean;
|
|
13
|
+
className: string;
|
|
14
|
+
pressed: EventEmitter<MouseEvent>;
|
|
15
|
+
readonly toneClassMap: Record<PdmButtonVariant, {
|
|
16
|
+
default: string;
|
|
17
|
+
hover: string;
|
|
18
|
+
}>;
|
|
19
|
+
get isDisabled(): boolean;
|
|
20
|
+
get rootClasses(): string[];
|
|
21
|
+
onClick(event: MouseEvent): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmButtonComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmButtonComponent, "pdm-button", never, { "type": "type"; "variant": "variant"; "state": "state"; "size": "size"; "disabled": "disabled"; "loading": "loading"; "className": "className"; }, { "pressed": "pressed"; }, never, ["[pdmButtonIcon]", "*"], false, never>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmButtonGroupVariant = 'default' | 'orientation' | 'separator' | 'nested';
|
|
3
|
+
export declare class PdmButtonGroupComponent {
|
|
4
|
+
variant: PdmButtonGroupVariant;
|
|
5
|
+
items: string[];
|
|
6
|
+
className: string;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmButtonGroupComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmButtonGroupComponent, "pdm-button-group", never, { "variant": "variant"; "items": "items"; "className": "className"; }, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmCalendarMode = 'single' | 'range';
|
|
3
|
+
interface CalendarCell {
|
|
4
|
+
date: Date;
|
|
5
|
+
day: number;
|
|
6
|
+
outside: boolean;
|
|
7
|
+
selected: boolean;
|
|
8
|
+
inRange: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class PdmCalendarComponent {
|
|
11
|
+
mode: PdmCalendarMode;
|
|
12
|
+
month: number;
|
|
13
|
+
year: number;
|
|
14
|
+
selectedDay: number;
|
|
15
|
+
rangeStartDay: number;
|
|
16
|
+
rangeEndDay: number;
|
|
17
|
+
className: string;
|
|
18
|
+
readonly weekdays: string[];
|
|
19
|
+
get leftMonthName(): string;
|
|
20
|
+
get rightMonthName(): string;
|
|
21
|
+
get leftCells(): CalendarCell[];
|
|
22
|
+
get rightCells(): CalendarCell[];
|
|
23
|
+
private monthName;
|
|
24
|
+
private buildMonthCells;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmCalendarComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmCalendarComponent, "pdm-calendar", never, { "mode": "mode"; "month": "month"; "year": "year"; "selectedDay": "selectedDay"; "rangeStartDay": "rangeStartDay"; "rangeEndDay": "rangeEndDay"; "className": "className"; }, {}, never, never, false, never>;
|
|
27
|
+
}
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmCardVariant = 'default' | 'login';
|
|
4
|
+
export declare class PdmCardComponent {
|
|
5
|
+
variant: PdmCardVariant;
|
|
6
|
+
className: string;
|
|
7
|
+
title: string;
|
|
8
|
+
description: string;
|
|
9
|
+
actionText: string;
|
|
10
|
+
emailLabel: string;
|
|
11
|
+
emailPlaceholder: string;
|
|
12
|
+
passwordLabel: string;
|
|
13
|
+
passwordHint: string;
|
|
14
|
+
primaryActionText: string;
|
|
15
|
+
secondaryActionText: string;
|
|
16
|
+
primaryAction: EventEmitter<void>;
|
|
17
|
+
secondaryAction: EventEmitter<void>;
|
|
18
|
+
actionPressed: EventEmitter<void>;
|
|
19
|
+
onPrimaryAction(): void;
|
|
20
|
+
onSecondaryAction(): void;
|
|
21
|
+
onActionPressed(): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmCardComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmCardComponent, "pdm-card", never, { "variant": "variant"; "className": "className"; "title": "title"; "description": "description"; "actionText": "actionText"; "emailLabel": "emailLabel"; "emailPlaceholder": "emailPlaceholder"; "passwordLabel": "passwordLabel"; "passwordHint": "passwordHint"; "primaryActionText": "primaryActionText"; "secondaryActionText": "secondaryActionText"; }, { "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; "actionPressed": "actionPressed"; }, never, ["[pdmCardHeader]", "[pdmCardContent]", "[pdmCardFooter]"], false, never>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmCarouselVariant = 'default' | 'sizes' | 'orientation' | 'api';
|
|
4
|
+
export declare class PdmCarouselComponent {
|
|
5
|
+
variant: PdmCarouselVariant;
|
|
6
|
+
className: string;
|
|
7
|
+
slides: number[];
|
|
8
|
+
startIndex: number;
|
|
9
|
+
loop: boolean;
|
|
10
|
+
indexChange: EventEmitter<number>;
|
|
11
|
+
private _index;
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
get index(): number;
|
|
14
|
+
get canPrev(): boolean;
|
|
15
|
+
get canNext(): boolean;
|
|
16
|
+
get maxIndex(): number;
|
|
17
|
+
get visibleSlides(): number[];
|
|
18
|
+
onPrev(): void;
|
|
19
|
+
onNext(): void;
|
|
20
|
+
private setIndex;
|
|
21
|
+
private normalizeIndex;
|
|
22
|
+
private sliceWindow;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmCarouselComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmCarouselComponent, "pdm-carousel", never, { "variant": "variant"; "className": "className"; "slides": "slides"; "startIndex": "startIndex"; "loop": "loop"; }, { "indexChange": "indexChange"; }, never, never, false, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmChartType = 'area' | 'bar' | 'line' | 'pie' | 'radar' | 'radial' | 'tooltips';
|
|
3
|
+
export declare class PdmChartComponent {
|
|
4
|
+
type: PdmChartType;
|
|
5
|
+
className: string;
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
desktopLabel: string;
|
|
9
|
+
desktopValue: string;
|
|
10
|
+
mobileLabel: string;
|
|
11
|
+
mobileValue: string;
|
|
12
|
+
labels: string[];
|
|
13
|
+
bars: number[];
|
|
14
|
+
line: number[];
|
|
15
|
+
pie: number[];
|
|
16
|
+
radar: number[];
|
|
17
|
+
radialValue: number;
|
|
18
|
+
radialLabel: string;
|
|
19
|
+
radialDescription: string;
|
|
20
|
+
tooltipTitle: string;
|
|
21
|
+
tooltipPrimaryLabel: string;
|
|
22
|
+
tooltipPrimaryValue: string;
|
|
23
|
+
tooltipSecondaryLabel: string;
|
|
24
|
+
tooltipSecondaryValue: string;
|
|
25
|
+
pieLabels: string[];
|
|
26
|
+
get normalizedBars(): number[];
|
|
27
|
+
get normalizedLine(): number[];
|
|
28
|
+
get linePath(): string;
|
|
29
|
+
get areaPath(): string;
|
|
30
|
+
get pieSegments(): {
|
|
31
|
+
color: string;
|
|
32
|
+
size: number;
|
|
33
|
+
offset: number;
|
|
34
|
+
label: string;
|
|
35
|
+
}[];
|
|
36
|
+
get pieGradient(): string;
|
|
37
|
+
get radarPoints(): string;
|
|
38
|
+
get radialStrokeOffset(): number;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmChartComponent, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmChartComponent, "pdm-chart", never, { "type": "type"; "className": "className"; "title": "title"; "description": "description"; "desktopLabel": "desktopLabel"; "desktopValue": "desktopValue"; "mobileLabel": "mobileLabel"; "mobileValue": "mobileValue"; "labels": "labels"; "bars": "bars"; "line": "line"; "pie": "pie"; "radar": "radar"; "radialValue": "radialValue"; "radialLabel": "radialLabel"; "radialDescription": "radialDescription"; "tooltipTitle": "tooltipTitle"; "tooltipPrimaryLabel": "tooltipPrimaryLabel"; "tooltipPrimaryValue": "tooltipPrimaryValue"; "tooltipSecondaryLabel": "tooltipSecondaryLabel"; "tooltipSecondaryValue": "tooltipSecondaryValue"; "pieLabels": "pieLabels"; }, {}, never, never, false, never>;
|
|
41
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmCheckboxVariant = 'default' | 'subtext' | 'card';
|
|
4
|
+
export declare class PdmCheckboxComponent {
|
|
5
|
+
id: string;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
variant: PdmCheckboxVariant;
|
|
9
|
+
label: string;
|
|
10
|
+
description: string;
|
|
11
|
+
className: string;
|
|
12
|
+
checkedChange: EventEmitter<boolean>;
|
|
13
|
+
get hasDescription(): boolean;
|
|
14
|
+
onToggle(): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmCheckboxComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmCheckboxComponent, "pdm-checkbox", never, { "id": "id"; "checked": "checked"; "disabled": "disabled"; "variant": "variant"; "label": "label"; "description": "description"; "className": "className"; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PdmCollapsibleComponent {
|
|
4
|
+
title: string;
|
|
5
|
+
open: boolean;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
items: string[];
|
|
8
|
+
className: string;
|
|
9
|
+
openChange: EventEmitter<boolean>;
|
|
10
|
+
get visibleItems(): string[];
|
|
11
|
+
toggle(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmCollapsibleComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmCollapsibleComponent, "pdm-collapsible", never, { "title": "title"; "open": "open"; "disabled": "disabled"; "items": "items"; "className": "className"; }, { "openChange": "openChange"; }, never, never, false, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PdmComboboxComponent {
|
|
4
|
+
open: boolean;
|
|
5
|
+
placeholder: string;
|
|
6
|
+
searchPlaceholder: string;
|
|
7
|
+
className: string;
|
|
8
|
+
options: string[];
|
|
9
|
+
value: string;
|
|
10
|
+
width: number;
|
|
11
|
+
openChange: EventEmitter<boolean>;
|
|
12
|
+
valueChange: EventEmitter<string>;
|
|
13
|
+
get selectedLabel(): string;
|
|
14
|
+
toggle(): void;
|
|
15
|
+
select(option: string): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmComboboxComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmComboboxComponent, "pdm-combobox", never, { "open": "open"; "placeholder": "placeholder"; "searchPlaceholder": "searchPlaceholder"; "className": "className"; "options": "options"; "value": "value"; "width": "width"; }, { "openChange": "openChange"; "valueChange": "valueChange"; }, never, never, false, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import type { PdmIconName } from '../icon/icon.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface PdmCommandItem {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
group?: string;
|
|
8
|
+
icon?: PdmIconName;
|
|
9
|
+
shortcut?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare class PdmCommandComponent {
|
|
13
|
+
open: boolean;
|
|
14
|
+
hintLabel: string;
|
|
15
|
+
hintKey: string;
|
|
16
|
+
placeholder: string;
|
|
17
|
+
emptyMessage: string;
|
|
18
|
+
items: PdmCommandItem[];
|
|
19
|
+
className: string;
|
|
20
|
+
itemSelect: EventEmitter<string>;
|
|
21
|
+
openChange: EventEmitter<boolean>;
|
|
22
|
+
query: string;
|
|
23
|
+
get filteredItems(): PdmCommandItem[];
|
|
24
|
+
get groupedItems(): {
|
|
25
|
+
name: string;
|
|
26
|
+
items: PdmCommandItem[];
|
|
27
|
+
}[];
|
|
28
|
+
onQueryChange(event: Event): void;
|
|
29
|
+
toggleOpen(): void;
|
|
30
|
+
select(value: string): void;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmCommandComponent, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmCommandComponent, "pdm-command", never, { "open": "open"; "hintLabel": "hintLabel"; "hintKey": "hintKey"; "placeholder": "placeholder"; "emptyMessage": "emptyMessage"; "items": "items"; "className": "className"; }, { "itemSelect": "itemSelect"; "openChange": "openChange"; }, never, never, false, never>;
|
|
33
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { PdmMenuItem } from '../dropdown-menu/dropdown-menu.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface PdmContextMenuItem extends PdmMenuItem {
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
selectedDot?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare class PdmContextMenuComponent {
|
|
9
|
+
private readonly elementRef;
|
|
10
|
+
items: PdmContextMenuItem[];
|
|
11
|
+
className: string;
|
|
12
|
+
triggerLabel: string;
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
itemSelect: EventEmitter<string>;
|
|
16
|
+
open: boolean;
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
constructor(elementRef: ElementRef<HTMLElement>);
|
|
20
|
+
onContextMenu(event: MouseEvent): void;
|
|
21
|
+
select(item: PdmContextMenuItem): void;
|
|
22
|
+
onEsc(): void;
|
|
23
|
+
onDocumentClick(event: MouseEvent): void;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmContextMenuComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmContextMenuComponent, "pdm-context-menu", never, { "items": "items"; "className": "className"; "triggerLabel": "triggerLabel"; "width": "width"; "height": "height"; }, { "itemSelect": "itemSelect"; }, never, never, false, never>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface PdmDataTableRow {
|
|
4
|
+
id: string;
|
|
5
|
+
status: string;
|
|
6
|
+
email: string;
|
|
7
|
+
amount: string;
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class PdmDataTableComponent {
|
|
11
|
+
className: string;
|
|
12
|
+
filterPlaceholder: string;
|
|
13
|
+
columnsLabel: string;
|
|
14
|
+
rows: PdmDataTableRow[];
|
|
15
|
+
page: number;
|
|
16
|
+
pageSize: number;
|
|
17
|
+
query: string;
|
|
18
|
+
queryChange: EventEmitter<string>;
|
|
19
|
+
rowAction: EventEmitter<string>;
|
|
20
|
+
pageChange: EventEmitter<number>;
|
|
21
|
+
selectionChange: EventEmitter<{
|
|
22
|
+
id: string;
|
|
23
|
+
selected: boolean;
|
|
24
|
+
}>;
|
|
25
|
+
get filteredRows(): PdmDataTableRow[];
|
|
26
|
+
get pagedRows(): PdmDataTableRow[];
|
|
27
|
+
get totalPages(): number;
|
|
28
|
+
get selectedCount(): number;
|
|
29
|
+
onQueryInput(event: Event): void;
|
|
30
|
+
onToggleRow(row: PdmDataTableRow, event: Event): void;
|
|
31
|
+
previous(): void;
|
|
32
|
+
next(): void;
|
|
33
|
+
onAction(row: PdmDataTableRow): void;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmDataTableComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmDataTableComponent, "pdm-data-table", never, { "className": "className"; "filterPlaceholder": "filterPlaceholder"; "columnsLabel": "columnsLabel"; "rows": "rows"; "page": "page"; "pageSize": "pageSize"; "query": "query"; }, { "queryChange": "queryChange"; "rowAction": "rowAction"; "pageChange": "pageChange"; "selectionChange": "selectionChange"; }, never, never, false, never>;
|
|
36
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmDatePickerVariant = 'default' | 'with-input' | 'date-time' | 'natural-language';
|
|
4
|
+
export declare class PdmDatePickerComponent {
|
|
5
|
+
variant: PdmDatePickerVariant;
|
|
6
|
+
className: string;
|
|
7
|
+
open: boolean;
|
|
8
|
+
label: string;
|
|
9
|
+
value: string;
|
|
10
|
+
month: number;
|
|
11
|
+
year: number;
|
|
12
|
+
selectedDay: number;
|
|
13
|
+
time: string;
|
|
14
|
+
naturalLanguageValue: string;
|
|
15
|
+
naturalLanguageHint: string;
|
|
16
|
+
openChange: EventEmitter<boolean>;
|
|
17
|
+
valueChange: EventEmitter<string>;
|
|
18
|
+
toggle(): void;
|
|
19
|
+
selectPreset(value: string): void;
|
|
20
|
+
get monthLabel(): string;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmDatePickerComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmDatePickerComponent, "pdm-date-picker", never, { "variant": "variant"; "className": "className"; "open": "open"; "label": "label"; "value": "value"; "month": "month"; "year": "year"; "selectedDay": "selectedDay"; "time": "time"; "naturalLanguageValue": "naturalLanguageValue"; "naturalLanguageHint": "naturalLanguageHint"; }, { "openChange": "openChange"; "valueChange": "valueChange"; }, never, never, false, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmDialogVariant = 'default' | 'custom-close';
|
|
4
|
+
export declare class PdmDialogComponent {
|
|
5
|
+
open: boolean;
|
|
6
|
+
variant: PdmDialogVariant;
|
|
7
|
+
title: string;
|
|
8
|
+
description: string;
|
|
9
|
+
closeOnBackdrop: boolean;
|
|
10
|
+
closeOnEsc: boolean;
|
|
11
|
+
showCloseButton: boolean;
|
|
12
|
+
primaryActionText: string;
|
|
13
|
+
secondaryActionText: string;
|
|
14
|
+
nameLabel: string;
|
|
15
|
+
nameValue: string;
|
|
16
|
+
usernameLabel: string;
|
|
17
|
+
usernameValue: string;
|
|
18
|
+
linkValue: string;
|
|
19
|
+
className: string;
|
|
20
|
+
openChange: EventEmitter<boolean>;
|
|
21
|
+
primaryAction: EventEmitter<void>;
|
|
22
|
+
secondaryAction: EventEmitter<void>;
|
|
23
|
+
onEsc(): void;
|
|
24
|
+
close(): void;
|
|
25
|
+
onPrimaryAction(): void;
|
|
26
|
+
onSecondaryAction(): void;
|
|
27
|
+
onBackdropClick(): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmDialogComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmDialogComponent, "pdm-dialog", never, { "open": "open"; "variant": "variant"; "title": "title"; "description": "description"; "closeOnBackdrop": "closeOnBackdrop"; "closeOnEsc": "closeOnEsc"; "showCloseButton": "showCloseButton"; "primaryActionText": "primaryActionText"; "secondaryActionText": "secondaryActionText"; "nameLabel": "nameLabel"; "nameValue": "nameValue"; "usernameLabel": "usernameLabel"; "usernameValue": "usernameValue"; "linkValue": "linkValue"; "className": "className"; }, { "openChange": "openChange"; "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; }, never, ["*"], false, never>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmDrawerVariant = 'drawer' | 'responsive-dialog';
|
|
4
|
+
export declare class PdmDrawerComponent {
|
|
5
|
+
open: boolean;
|
|
6
|
+
variant: PdmDrawerVariant;
|
|
7
|
+
className: string;
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
value: number;
|
|
11
|
+
unit: string;
|
|
12
|
+
profileTitle: string;
|
|
13
|
+
profileDescription: string;
|
|
14
|
+
nameLabel: string;
|
|
15
|
+
nameValue: string;
|
|
16
|
+
usernameLabel: string;
|
|
17
|
+
usernameValue: string;
|
|
18
|
+
openChange: EventEmitter<boolean>;
|
|
19
|
+
primaryAction: EventEmitter<void>;
|
|
20
|
+
secondaryAction: EventEmitter<void>;
|
|
21
|
+
readonly bars: number[];
|
|
22
|
+
close(): void;
|
|
23
|
+
onPrimaryAction(): void;
|
|
24
|
+
onSecondaryAction(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmDrawerComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmDrawerComponent, "pdm-drawer", never, { "open": "open"; "variant": "variant"; "className": "className"; "title": "title"; "description": "description"; "value": "value"; "unit": "unit"; "profileTitle": "profileTitle"; "profileDescription": "profileDescription"; "nameLabel": "nameLabel"; "nameValue": "nameValue"; "usernameLabel": "usernameLabel"; "usernameValue": "usernameValue"; }, { "openChange": "openChange"; "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; }, never, never, false, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmDropdownMenuVariant = 'default' | 'checkboxes' | 'radio-group';
|
|
4
|
+
export interface PdmMenuItem {
|
|
5
|
+
type?: 'item' | 'label' | 'separator';
|
|
6
|
+
label?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
shortcut?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
inset?: boolean;
|
|
11
|
+
showChevron?: boolean;
|
|
12
|
+
checked?: boolean;
|
|
13
|
+
radioSelected?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare class PdmDropdownMenuComponent {
|
|
16
|
+
private readonly elementRef;
|
|
17
|
+
triggerText: string;
|
|
18
|
+
variant: PdmDropdownMenuVariant;
|
|
19
|
+
items: PdmMenuItem[];
|
|
20
|
+
closeOnSelect: boolean;
|
|
21
|
+
panelClassName: string;
|
|
22
|
+
className: string;
|
|
23
|
+
itemSelect: EventEmitter<string>;
|
|
24
|
+
itemsChange: EventEmitter<PdmMenuItem[]>;
|
|
25
|
+
open: boolean;
|
|
26
|
+
constructor(elementRef: ElementRef<HTMLElement>);
|
|
27
|
+
toggle(): void;
|
|
28
|
+
get resolvedItems(): PdmMenuItem[];
|
|
29
|
+
select(item: PdmMenuItem): void;
|
|
30
|
+
onEsc(): void;
|
|
31
|
+
onDocumentClick(event: MouseEvent): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmDropdownMenuComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmDropdownMenuComponent, "pdm-dropdown-menu", never, { "triggerText": "triggerText"; "variant": "variant"; "items": "items"; "closeOnSelect": "closeOnSelect"; "panelClassName": "panelClassName"; "className": "className"; }, { "itemSelect": "itemSelect"; "itemsChange": "itemsChange"; }, never, never, false, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PdmEmptyVariant = 'default' | 'outline' | 'background';
|
|
4
|
+
export declare class PdmEmptyComponent {
|
|
5
|
+
variant: PdmEmptyVariant;
|
|
6
|
+
title: string;
|
|
7
|
+
description: string;
|
|
8
|
+
iconName: string;
|
|
9
|
+
primaryActionLabel: string;
|
|
10
|
+
secondaryActionLabel: string;
|
|
11
|
+
linkLabel: string;
|
|
12
|
+
className: string;
|
|
13
|
+
primaryAction: EventEmitter<void>;
|
|
14
|
+
secondaryAction: EventEmitter<void>;
|
|
15
|
+
linkAction: EventEmitter<void>;
|
|
16
|
+
get containerClass(): string;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmEmptyComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmEmptyComponent, "pdm-empty", never, { "variant": "variant"; "title": "title"; "description": "description"; "iconName": "iconName"; "primaryActionLabel": "primaryActionLabel"; "secondaryActionLabel": "secondaryActionLabel"; "linkLabel": "linkLabel"; "className": "className"; }, { "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; "linkAction": "linkAction"; }, never, ["*"], false, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmFieldOrientation = 'vertical' | 'horizontal';
|
|
3
|
+
export declare class PdmFieldComponent {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
description: string;
|
|
7
|
+
error: string;
|
|
8
|
+
required: boolean;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
invalid: boolean;
|
|
11
|
+
orientation: PdmFieldOrientation;
|
|
12
|
+
className: string;
|
|
13
|
+
labelClassName: string;
|
|
14
|
+
controlClassName: string;
|
|
15
|
+
get rootClass(): string;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmFieldComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmFieldComponent, "pdm-field", never, { "id": "id"; "label": "label"; "description": "description"; "error": "error"; "required": "required"; "disabled": "disabled"; "invalid": "invalid"; "orientation": "orientation"; "className": "className"; "labelClassName": "labelClassName"; "controlClassName": "controlClassName"; }, {}, never, ["[pdmFieldDescription]", "*", "[pdmFieldControl]"], false, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmHoverCardSide = 'top' | 'right' | 'bottom' | 'left';
|
|
3
|
+
export type PdmHoverCardAlign = 'start' | 'center' | 'end';
|
|
4
|
+
export declare class PdmHoverCardComponent {
|
|
5
|
+
className: string;
|
|
6
|
+
panelClassName: string;
|
|
7
|
+
side: PdmHoverCardSide;
|
|
8
|
+
align: PdmHoverCardAlign;
|
|
9
|
+
panelWidth: number;
|
|
10
|
+
open: boolean;
|
|
11
|
+
get positionClass(): string;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmHoverCardComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmHoverCardComponent, "pdm-hover-card", never, { "className": "className"; "panelClassName": "panelClassName"; "side": "side"; "align": "align"; "panelWidth": "panelWidth"; }, {}, never, ["[pdmHoverTrigger]", "[pdmHoverContent]"], false, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type PdmIconLibrary = 'lucide' | 'tabler' | 'hugeicons' | 'phosphor' | 'remix';
|
|
3
|
+
export type PdmIconName = 'command' | 'check' | 'check-circle' | 'circle' | 'dot' | 'x' | 'alert-circle' | 'info' | 'loader-2' | 'menu' | 'search' | 'calendar' | 'panel-left' | 'monitor' | 'laptop' | 'sun' | 'moon' | 'chevron-down' | 'chevron-up' | 'chevron-left' | 'chevron-right' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up-down' | 'arrow-up-down' | 'ellipsis' | 'filter' | 'sort-asc' | 'sort-desc' | 'plus' | 'minus' | 'copy' | 'pencil' | 'trash-2' | 'download' | 'upload' | 'home' | 'mail' | 'phone' | 'log-in' | 'log-out' | 'user' | 'settings' | 'credit-card' | 'smile' | 'calculator' | 'external-link' | 'folder' | 'arrow-up-right';
|
|
4
|
+
export declare class PdmIconComponent {
|
|
5
|
+
name: PdmIconName | string;
|
|
6
|
+
library: PdmIconLibrary;
|
|
7
|
+
assetUrl: string | null;
|
|
8
|
+
size: number;
|
|
9
|
+
strokeWidth: number;
|
|
10
|
+
className: string;
|
|
11
|
+
ariaLabel: string | null;
|
|
12
|
+
decorative: boolean;
|
|
13
|
+
get resolvedStrokeWidth(): number;
|
|
14
|
+
get iconKey(): string;
|
|
15
|
+
private readonly aliasMapByLibrary;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PdmIconComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PdmIconComponent, "pdm-icon", never, { "name": "name"; "library": "library"; "assetUrl": "assetUrl"; "size": "size"; "strokeWidth": "strokeWidth"; "className": "className"; "ariaLabel": "ariaLabel"; "decorative": "decorative"; }, {}, never, never, false, never>;
|
|
18
|
+
}
|