@lumston/ds-angular 0.0.6 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lumston-ds-angular-src-data-display.mjs +215 -0
- package/fesm2022/lumston-ds-angular-src-data-display.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-dropdown.mjs +94 -0
- package/fesm2022/lumston-ds-angular-src-dropdown.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-feedback.mjs +400 -0
- package/fesm2022/lumston-ds-angular-src-feedback.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-icon.mjs +148 -0
- package/fesm2022/lumston-ds-angular-src-icon.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-inputs.mjs +1132 -0
- package/fesm2022/lumston-ds-angular-src-inputs.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-navigation.mjs +473 -0
- package/fesm2022/lumston-ds-angular-src-navigation.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-overlay.mjs +1038 -0
- package/fesm2022/lumston-ds-angular-src-overlay.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular-src-typography.mjs +303 -0
- package/fesm2022/lumston-ds-angular-src-typography.mjs.map +1 -0
- package/fesm2022/lumston-ds-angular.mjs +90 -65
- package/fesm2022/lumston-ds-angular.mjs.map +1 -1
- package/package.json +58 -32
- package/styles/index.css +4 -0
- package/styles/ls-icons.css +482 -0
- package/types/lumston-ds-angular-src-data-display.d.ts +50 -0
- package/types/lumston-ds-angular-src-data-display.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-dropdown.d.ts +28 -0
- package/types/lumston-ds-angular-src-dropdown.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-feedback.d.ts +75 -0
- package/types/lumston-ds-angular-src-feedback.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-icon.d.ts +27 -0
- package/types/lumston-ds-angular-src-icon.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-inputs.d.ts +201 -0
- package/types/lumston-ds-angular-src-inputs.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-navigation.d.ts +186 -0
- package/types/lumston-ds-angular-src-navigation.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-overlay.d.ts +357 -0
- package/types/lumston-ds-angular-src-overlay.d.ts.map +1 -0
- package/types/lumston-ds-angular-src-typography.d.ts +51 -0
- package/types/lumston-ds-angular-src-typography.d.ts.map +1 -0
- package/types/lumston-ds-angular.d.ts.map +1 -1
- package/styles/data-display/badge/badge.styles.css +0 -244
- package/styles/data-display/chip/chip.styles.css +0 -245
- package/styles/dropdown/dropdown.styles.css +0 -14
- package/styles/feedback/alert/alert.styles.css +0 -304
- package/styles/feedback/loader/loader.styles.css +0 -132
- package/styles/feedback/progress-bar/progress-bar.styles.css +0 -193
- package/styles/icon/icon.styles.css +0 -11
- package/styles/inputs/button/button.styles.css +0 -377
- package/styles/inputs/checkbox/checkbox.styles.css +0 -157
- package/styles/inputs/icon-button/icon-button.styles.css +0 -157
- package/styles/inputs/radio-button/radio-button.styles.css +0 -274
- package/styles/inputs/slider/slider.styles.css +0 -228
- package/styles/inputs/switch/switch.styles.css +0 -483
- package/styles/media/avatar/avatar.styles.css +0 -112
- package/styles/media/avatar-group/avatar-group.styles.css +0 -37
- package/styles/media/logo/logo.styles.css +0 -40
- package/styles/navigation/breadcrumb/breadcrumb.styles.css +0 -144
- package/styles/navigation/pagination/pagination.styles.css +0 -336
- package/styles/overlay/menu/menu.styles.css +0 -138
- package/styles/overlay/modal/modal.styles.css +0 -178
- package/styles/overlay/popover/popover.styles.css +0 -112
- package/styles/overlay/tooltip/tooltip.styles.css +0 -172
- package/styles/styles/index.css +0 -28
- package/styles/typography/link/link.styles.css +0 -93
- package/styles/typography/tag/tag.styles.css +0 -274
- package/styles/typography/text/text.styles.css +0 -176
- /package/styles/{styles/_base.css → _base.css} +0 -0
- /package/styles/{styles/_tokens.css → _tokens.css} +0 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
3
|
+
|
|
4
|
+
type BadgeSeverity = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
|
|
5
|
+
type BadgeVariant = 'solid' | 'outlined' | 'dot';
|
|
6
|
+
type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
7
|
+
type BadgeOverlap = 'circular' | 'rectangular';
|
|
8
|
+
declare class BadgeComponent {
|
|
9
|
+
readonly badgeContent: _angular_core.InputSignal<string | number | undefined>;
|
|
10
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
11
|
+
readonly severity: _angular_core.InputSignal<BadgeSeverity>;
|
|
12
|
+
readonly variant: _angular_core.InputSignal<BadgeVariant>;
|
|
13
|
+
readonly badgePosition: _angular_core.InputSignal<BadgePosition>;
|
|
14
|
+
readonly overlap: _angular_core.InputSignal<BadgeOverlap>;
|
|
15
|
+
readonly isHidden: _angular_core.InputSignal<boolean>;
|
|
16
|
+
readonly formattedContent: _angular_core.Signal<string>;
|
|
17
|
+
readonly badgeClasses: _angular_core.Signal<string>;
|
|
18
|
+
readonly ariaLabelText: _angular_core.Signal<string>;
|
|
19
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
20
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ls-badge", never, { "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "badgePosition": { "alias": "badgePosition"; "required": false; "isSignal": true; }; "overlap": { "alias": "overlap"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
type ChipVariant = 'filled' | 'outlined';
|
|
24
|
+
type ChipColor = 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
25
|
+
type ChipSize = 'small' | 'medium';
|
|
26
|
+
declare class ChipComponent {
|
|
27
|
+
private readonly _sanitizer;
|
|
28
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
29
|
+
readonly variant: _angular_core.InputSignal<ChipVariant>;
|
|
30
|
+
readonly color: _angular_core.InputSignal<ChipColor>;
|
|
31
|
+
readonly size: _angular_core.InputSignal<ChipSize>;
|
|
32
|
+
readonly icon: _angular_core.InputSignal<string | undefined>;
|
|
33
|
+
readonly avatar: _angular_core.InputSignal<string | undefined>;
|
|
34
|
+
readonly deleteIcon: _angular_core.InputSignal<boolean>;
|
|
35
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
36
|
+
readonly clickable: _angular_core.InputSignal<boolean>;
|
|
37
|
+
readonly onClick: _angular_core.OutputEmitterRef<void>;
|
|
38
|
+
readonly onDelete: _angular_core.OutputEmitterRef<void>;
|
|
39
|
+
readonly sanitizedIcon: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
|
|
40
|
+
readonly chipClasses: _angular_core.Signal<string>;
|
|
41
|
+
handleClick(event: MouseEvent): void;
|
|
42
|
+
handleDelete(event: MouseEvent): void;
|
|
43
|
+
handleKeydown(event: KeyboardEvent): void;
|
|
44
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
45
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "ls-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onDelete": "onDelete"; }, never, never, true, never>;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export { BadgeComponent, ChipComponent };
|
|
49
|
+
export type { BadgeOverlap, BadgePosition, BadgeSeverity, BadgeVariant, ChipColor, ChipSize, ChipVariant };
|
|
50
|
+
//# sourceMappingURL=lumston-ds-angular-src-data-display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lumston-ds-angular-src-data-display.d.ts","sources":["../../../../libs/ds-angular/src/data-display/badge/badge.component.ts","../../../../libs/ds-angular/src/data-display/chip/chip.component.ts"],"sourcesContent":[null,null],"names":[],"mappings":";;;AAOM,KAAA,aAAA;AAOA,KAAA,YAAA;AACA,KAAA,aAAA;;AAON,cAAA,cAAA;2BAsBuB,aAAA,CAAA,WAAA;kBAET,aAAA,CAAA,WAAA;uBACK,aAAA,CAAA,WAAA,CAAA,aAAA;sBACD,aAAA,CAAA,WAAA,CAAA,YAAA;4BACM,aAAA,CAAA,WAAA,CAAA,aAAA;sBAEN,aAAA,CAAA,WAAA,CAAA,YAAA;uBACC,aAAA,CAAA,WAAA;+BAEQ,aAAA,CAAA,MAAA;2BAWJ,aAAA,CAAA,MAAA;4BASC,aAAA,CAAA,MAAA;;;AAOvB;;;;;AC5DD,cAAA,aAAA;AAgDE;oBAEc,aAAA,CAAA,WAAA;sBACE,aAAA,CAAA,WAAA,CAAA,WAAA;oBACF,aAAA,CAAA,WAAA,CAAA,SAAA;mBACD,aAAA,CAAA,WAAA,CAAA,QAAA;mBACA,aAAA,CAAA,WAAA;qBACE,aAAA,CAAA,WAAA;yBACI,aAAA,CAAA,WAAA;uBACF,aAAA,CAAA,WAAA;wBACC,aAAA,CAAA,WAAA;sBAEF,aAAA,CAAA,gBAAA;uBACC,aAAA,CAAA,gBAAA;4BAEK,aAAA,QAAA,yBAAA,CAAA,QAAA;0BAIF,aAAA,CAAA,MAAA;;;;;;AAgCrB;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ElementRef, TemplateRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class DropdownComponent {
|
|
5
|
+
contentClass: string;
|
|
6
|
+
dropdown: ElementRef;
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
isAnimating: boolean;
|
|
9
|
+
toggle(): void;
|
|
10
|
+
close(): void;
|
|
11
|
+
onAnimationEnd(): void;
|
|
12
|
+
onDocumentClick(event: MouseEvent): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ls-dropdown", never, { "contentClass": { "alias": "contentClass"; "required": false; }; }, {}, never, ["[dropdownButton]", "[dropdownContent]"], true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare class LsDropdownContentDirective {
|
|
18
|
+
readonly templateRef: TemplateRef<any>;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LsDropdownContentDirective, never>;
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LsDropdownContentDirective, "[lsDropdownContent]", never, {}, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
type DropdownDirection = 'down' | 'up' | 'left' | 'right';
|
|
24
|
+
type DropdownAlign = 'start' | 'end';
|
|
25
|
+
|
|
26
|
+
export { DropdownComponent, LsDropdownContentDirective };
|
|
27
|
+
export type { DropdownAlign, DropdownDirection };
|
|
28
|
+
//# sourceMappingURL=lumston-ds-angular-src-dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lumston-ds-angular-src-dropdown.d.ts","sources":["../../../../libs/ds-angular/src/dropdown/dropdown.component.ts","../../../../libs/ds-angular/src/dropdown/dropdown-content.directive.ts","../../../../libs/ds-angular/src/dropdown/dropdown.types.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;AAGA,cAAA,iBAAA;;;AAuBI;AACA;;;;;;;AA4BH;;ACrDD,cAAA,0BAAA;;;;AAGC;;ACLK,KAAA,iBAAA;;;;;"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
3
|
+
|
|
4
|
+
type ProgressBarVariant = 'determinate' | 'stripe' | 'animated' | 'indeterminate';
|
|
5
|
+
type ProgressBarColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
6
|
+
type ProgressBarSize = 'small' | 'medium' | 'large' | 'extra-large';
|
|
7
|
+
type ProgressBarLabelPosition = 'inside' | 'right';
|
|
8
|
+
declare class ProgressBarComponent {
|
|
9
|
+
readonly variant: _angular_core.InputSignal<ProgressBarVariant>;
|
|
10
|
+
readonly color: _angular_core.InputSignal<ProgressBarColor>;
|
|
11
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
12
|
+
readonly showLabel: _angular_core.InputSignal<boolean>;
|
|
13
|
+
readonly labelPosition: _angular_core.InputSignal<ProgressBarLabelPosition>;
|
|
14
|
+
readonly size: _angular_core.InputSignal<ProgressBarSize>;
|
|
15
|
+
readonly onFinished: _angular_core.OutputEmitterRef<void>;
|
|
16
|
+
private readonly _sizeClassMap;
|
|
17
|
+
readonly clampedValue: _angular_core.Signal<number>;
|
|
18
|
+
readonly trackClasses: _angular_core.Signal<string>;
|
|
19
|
+
readonly indicatorClasses: _angular_core.Signal<string>;
|
|
20
|
+
readonly indicatorWidth: _angular_core.Signal<string>;
|
|
21
|
+
readonly labelText: _angular_core.Signal<string>;
|
|
22
|
+
readonly labelClasses: _angular_core.Signal<string>;
|
|
23
|
+
constructor();
|
|
24
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
|
|
25
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "ls-progress-bar", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onFinished": "onFinished"; }, never, never, true, never>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
type LoaderVariant = 'determinate' | 'indeterminate' | 'buffer';
|
|
29
|
+
type LoaderColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
30
|
+
type LoaderSize = 'small' | 'medium' | 'large';
|
|
31
|
+
declare class LoaderComponent {
|
|
32
|
+
readonly variant: _angular_core.InputSignal<LoaderVariant>;
|
|
33
|
+
readonly color: _angular_core.InputSignal<LoaderColor>;
|
|
34
|
+
readonly value: _angular_core.InputSignal<number>;
|
|
35
|
+
readonly size: _angular_core.InputSignal<LoaderSize>;
|
|
36
|
+
readonly onFinished: _angular_core.OutputEmitterRef<void>;
|
|
37
|
+
readonly circumference: number;
|
|
38
|
+
private readonly _diameterMap;
|
|
39
|
+
private readonly _sizeClassMap;
|
|
40
|
+
readonly svgDiameter: _angular_core.Signal<number>;
|
|
41
|
+
readonly svgClasses: _angular_core.Signal<string>;
|
|
42
|
+
readonly indicatorClasses: _angular_core.Signal<string>;
|
|
43
|
+
readonly bufferClasses: _angular_core.Signal<string>;
|
|
44
|
+
readonly indicatorDashOffset: _angular_core.Signal<number>;
|
|
45
|
+
readonly bufferDashOffset: _angular_core.Signal<number>;
|
|
46
|
+
constructor();
|
|
47
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
48
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoaderComponent, "ls-loader", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onFinished": "onFinished"; }, never, never, true, never>;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
type AlertSeverity = 'error' | 'warning' | 'info' | 'success' | 'primary' | 'secondary';
|
|
52
|
+
type AlertVariant = 'default' | 'filled' | 'outlined';
|
|
53
|
+
declare class AlertComponent {
|
|
54
|
+
private readonly _sanitizer;
|
|
55
|
+
readonly severity: _angular_core.InputSignal<AlertSeverity>;
|
|
56
|
+
readonly variant: _angular_core.InputSignal<AlertVariant>;
|
|
57
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
58
|
+
readonly icon: _angular_core.InputSignal<boolean>;
|
|
59
|
+
readonly iconMapping: _angular_core.InputSignal<string | undefined>;
|
|
60
|
+
readonly color: _angular_core.InputSignal<string | undefined>;
|
|
61
|
+
readonly alertTitle: _angular_core.InputSignal<string | undefined>;
|
|
62
|
+
readonly message: _angular_core.InputSignal<string | undefined>;
|
|
63
|
+
readonly onClose: _angular_core.OutputEmitterRef<void>;
|
|
64
|
+
readonly alertClasses: _angular_core.Signal<string>;
|
|
65
|
+
readonly ariaLive: _angular_core.Signal<"assertive" | "polite">;
|
|
66
|
+
readonly sanitizedIcon: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
|
|
67
|
+
readonly sanitizedCloseIcon: _angular_platform_browser.SafeHtml;
|
|
68
|
+
readonly colorStyle: _angular_core.Signal<string>;
|
|
69
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
70
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "ls-alert", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconMapping": { "alias": "iconMapping"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "alertTitle": { "alias": "alertTitle"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export { AlertComponent, LoaderComponent, ProgressBarComponent };
|
|
74
|
+
export type { AlertSeverity, AlertVariant, LoaderColor, LoaderSize, LoaderVariant, ProgressBarColor, ProgressBarLabelPosition, ProgressBarSize, ProgressBarVariant };
|
|
75
|
+
//# sourceMappingURL=lumston-ds-angular-src-feedback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lumston-ds-angular-src-feedback.d.ts","sources":["../../../../libs/ds-angular/src/feedback/progress-bar/progress-bar.component.ts","../../../../libs/ds-angular/src/feedback/loader/loader.component.ts","../../../../libs/ds-angular/src/feedback/alert/alert.component.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;AASM,KAAA,kBAAA;;AAaA,KAAA,eAAA;;AAON,cAAA,oBAAA;sBAsCkB,aAAA,CAAA,WAAA,CAAA,kBAAA;oBAEF,aAAA,CAAA,WAAA,CAAA,gBAAA;oBAEA,aAAA,CAAA,WAAA;wBACI,aAAA,CAAA,WAAA;4BACI,aAAA,CAAA,WAAA,CAAA,wBAAA;mBAET,aAAA,CAAA,WAAA,CAAA,eAAA;yBAEM,aAAA,CAAA,gBAAA;AAEnB;2BAUqB,aAAA,CAAA,MAAA;2BAIA,aAAA,CAAA,MAAA;+BAMI,aAAA,CAAA,MAAA;6BAcF,aAAA,CAAA,MAAA;wBAOL,aAAA,CAAA,MAAA;2BAIG,aAAA,CAAA,MAAA;;;;AAyBtB;;AC5IK,KAAA,aAAA;;AAYA,KAAA,UAAA;AAKN,cAAA,eAAA;sBAoDkB,aAAA,CAAA,WAAA,CAAA,aAAA;oBACF,aAAA,CAAA,WAAA,CAAA,WAAA;oBACA,aAAA,CAAA,WAAA;mBACD,aAAA,CAAA,WAAA,CAAA,UAAA;yBAEM,aAAA,CAAA,gBAAA;;AAInB;AAOA;0BASoB,aAAA,CAAA,MAAA;yBAID,aAAA,CAAA,MAAA;+BASM,aAAA,CAAA,MAAA;4BAOH,aAAA,CAAA,MAAA;kCAIM,aAAA,CAAA,MAAA;+BAYH,aAAA,CAAA,MAAA;;;;AAqB1B;;ACtJK,KAAA,aAAA;AAQA,KAAA,YAAA;AAaN,cAAA,cAAA;AAiCE;uBAEiB,aAAA,CAAA,WAAA,CAAA,aAAA;sBACD,aAAA,CAAA,WAAA,CAAA,YAAA;uBACC,aAAA,CAAA,WAAA;mBACJ,aAAA,CAAA,WAAA;0BACO,aAAA,CAAA,WAAA;oBACN,aAAA,CAAA,WAAA;yBACK,aAAA,CAAA,WAAA;sBACH,aAAA,CAAA,WAAA;sBAEA,aAAA,CAAA,gBAAA;2BAEK,aAAA,CAAA,MAAA;uBAQJ,aAAA,CAAA,MAAA;4BAKK,aAAA,QAAA,yBAAA,CAAA,QAAA;iCAKK,yBAAA,CAAA,QAAA;yBAGR,aAAA,CAAA,MAAA;;;AAKpB;;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
2
|
+
import * as _angular_core from '@angular/core';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Union type of all available icon names.
|
|
6
|
+
* Provides IDE autocomplete and compile-time safety.
|
|
7
|
+
*/
|
|
8
|
+
type IconName = 'caret-down' | 'carets-down' | 'laptop' | 'menu' | 'minus' | 'moon' | 'search' | 'settings' | 'sun' | 'x' | 'x-circle' | 'menu-apps' | 'menu-components' | 'menu-dashboard' | 'menu-datatables' | 'menu-documentation' | 'menu-elements' | 'menu-forms' | 'menu-more' | 'menu-pages' | 'menu-scrumboard';
|
|
9
|
+
|
|
10
|
+
declare class IconComponent {
|
|
11
|
+
private readonly sanitizer;
|
|
12
|
+
readonly name: _angular_core.InputSignal<IconName>;
|
|
13
|
+
readonly iconClass: _angular_core.InputSignal<string>;
|
|
14
|
+
protected readonly svgHtml: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
16
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "ls-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* SVG icon registry.
|
|
21
|
+
* Maps icon names to raw SVG strings.
|
|
22
|
+
*/
|
|
23
|
+
declare const ICON_REGISTRY: Record<IconName, string>;
|
|
24
|
+
|
|
25
|
+
export { ICON_REGISTRY, IconComponent };
|
|
26
|
+
export type { IconName };
|
|
27
|
+
//# sourceMappingURL=lumston-ds-angular-src-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lumston-ds-angular-src-icon.d.ts","sources":["../../../../libs/ds-angular/src/icon/icon.types.ts","../../../../libs/ds-angular/src/icon/icon.component.ts","../../../../libs/ds-angular/src/icon/icon.registry.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;AAAA;;;AAGG;AACG,KAAA,QAAA;;ACCN,cAAA,aAAA;AAQI;mBAEa,aAAA,CAAA,WAAA,CAAA,QAAA;wBACK,aAAA,CAAA,WAAA;AAElB,gCAA0B,aAAA,QAAA,yBAAA,CAAA,QAAA;;;AAS7B;;ACzBD;;;AAGG;AACH,cAAA,aAAA,EAAA,MAAA,CAAA,QAAA;;;;"}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
|
|
5
|
+
type ButtonVariant = 'contained' | 'outline' | 'text';
|
|
6
|
+
type ButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'dark';
|
|
7
|
+
type ButtonSize = 'small' | 'medium' | 'large';
|
|
8
|
+
type ButtonLoadingIndicator = 'spinner' | (string & {});
|
|
9
|
+
type ButtonLoadingPosition = 'center' | 'start' | 'end';
|
|
10
|
+
declare class ButtonComponent {
|
|
11
|
+
private readonly _elementRef;
|
|
12
|
+
private readonly sanitizer;
|
|
13
|
+
/** Host element of this component. Pass directly as `anchorEl` to overlay components like `ls-menu`. */
|
|
14
|
+
readonly nativeElement: HTMLElement;
|
|
15
|
+
readonly variant: _angular_core.InputSignal<ButtonVariant>;
|
|
16
|
+
readonly color: _angular_core.InputSignal<ButtonColor>;
|
|
17
|
+
readonly size: _angular_core.InputSignal<ButtonSize>;
|
|
18
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
19
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
20
|
+
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
21
|
+
readonly startIcon: _angular_core.InputSignal<string | undefined>;
|
|
22
|
+
readonly endIcon: _angular_core.InputSignal<string | undefined>;
|
|
23
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
24
|
+
readonly loadingIndicator: _angular_core.InputSignal<ButtonLoadingIndicator>;
|
|
25
|
+
readonly loadingPosition: _angular_core.InputSignal<ButtonLoadingPosition>;
|
|
26
|
+
readonly rounded: _angular_core.InputSignal<boolean>;
|
|
27
|
+
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
28
|
+
get isCustomText(): boolean;
|
|
29
|
+
get iconSizeClass(): string;
|
|
30
|
+
get showStartIcon(): boolean;
|
|
31
|
+
get showEndIcon(): boolean;
|
|
32
|
+
get sanitizedStartIcon(): SafeHtml;
|
|
33
|
+
get sanitizedEndIcon(): SafeHtml;
|
|
34
|
+
get buttonClasses(): string;
|
|
35
|
+
onClick(event: MouseEvent): void;
|
|
36
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
37
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ls-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; "isSignal": true; }; "loadingPosition": { "alias": "loadingPosition"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
type CheckboxColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
|
|
41
|
+
type CheckboxSize = 'small' | 'medium';
|
|
42
|
+
type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
|
|
43
|
+
declare class CheckboxComponent {
|
|
44
|
+
private readonly _sanitizer;
|
|
45
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
46
|
+
readonly checkedIcon: _angular_core.InputSignal<string>;
|
|
47
|
+
readonly checked: _angular_core.InputSignal<boolean>;
|
|
48
|
+
readonly defaultChecked: _angular_core.InputSignal<boolean>;
|
|
49
|
+
readonly color: _angular_core.InputSignal<CheckboxColor>;
|
|
50
|
+
readonly size: _angular_core.InputSignal<CheckboxSize>;
|
|
51
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
52
|
+
readonly indeterminate: _angular_core.InputSignal<boolean>;
|
|
53
|
+
readonly labelPlacement: _angular_core.InputSignal<CheckboxLabelPlacement>;
|
|
54
|
+
readonly changed: _angular_core.OutputEmitterRef<boolean>;
|
|
55
|
+
protected readonly _isChecked: _angular_core.WritableSignal<boolean>;
|
|
56
|
+
private _isFirstSync;
|
|
57
|
+
private readonly _syncChecked;
|
|
58
|
+
protected readonly checkboxClasses: _angular_core.Signal<string>;
|
|
59
|
+
protected readonly currentIcon: _angular_core.Signal<SafeHtml>;
|
|
60
|
+
onToggle(): void;
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
62
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ls-checkbox", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "checkedIcon": { "alias": "checkedIcon"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
type IconButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'dark';
|
|
66
|
+
type IconButtonSize = 'small' | 'medium' | 'large';
|
|
67
|
+
declare class IconButtonComponent {
|
|
68
|
+
private readonly sanitizer;
|
|
69
|
+
readonly icon: _angular_core.InputSignal<string>;
|
|
70
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
71
|
+
readonly color: _angular_core.InputSignal<IconButtonColor>;
|
|
72
|
+
readonly size: _angular_core.InputSignal<IconButtonSize>;
|
|
73
|
+
readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
74
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
75
|
+
readonly loading: _angular_core.InputSignal<boolean>;
|
|
76
|
+
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
77
|
+
get sanitizedIcon(): SafeHtml;
|
|
78
|
+
get buttonClasses(): string;
|
|
79
|
+
onClick(event: MouseEvent): void;
|
|
80
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconButtonComponent, never>;
|
|
81
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "ls-icon-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
type RadioButtonColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
|
|
85
|
+
type RadioButtonSize = 'small' | 'medium';
|
|
86
|
+
type RadioButtonLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
|
|
87
|
+
declare class RadioButtonComponent implements ControlValueAccessor {
|
|
88
|
+
readonly checked: _angular_core.InputSignal<boolean>;
|
|
89
|
+
readonly color: _angular_core.InputSignal<RadioButtonColor>;
|
|
90
|
+
readonly size: _angular_core.InputSignal<RadioButtonSize>;
|
|
91
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
92
|
+
readonly labelPlacement: _angular_core.InputSignal<RadioButtonLabelPlacement>;
|
|
93
|
+
readonly changed: _angular_core.OutputEmitterRef<boolean>;
|
|
94
|
+
protected readonly _isChecked: _angular_core.WritableSignal<boolean>;
|
|
95
|
+
protected readonly _isDisabledByCva: _angular_core.WritableSignal<boolean>;
|
|
96
|
+
private _onChange;
|
|
97
|
+
private _onTouched;
|
|
98
|
+
private readonly _syncChecked;
|
|
99
|
+
protected readonly radioClasses: _angular_core.Signal<string>;
|
|
100
|
+
protected readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
|
|
101
|
+
onToggle(): void;
|
|
102
|
+
writeValue(value: boolean): void;
|
|
103
|
+
registerOnChange(fn: (val: boolean) => void): void;
|
|
104
|
+
registerOnTouched(fn: () => void): void;
|
|
105
|
+
setDisabledState(isDisabled: boolean): void;
|
|
106
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
|
|
107
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "ls-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
type SliderColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
111
|
+
type SliderSize = 'small' | 'medium';
|
|
112
|
+
type SliderValueLabelDisplay = 'auto' | 'off' | 'on';
|
|
113
|
+
interface SliderMark {
|
|
114
|
+
value: number;
|
|
115
|
+
label?: string;
|
|
116
|
+
}
|
|
117
|
+
declare class SliderComponent {
|
|
118
|
+
private readonly _renderer;
|
|
119
|
+
private readonly _destroyRef;
|
|
120
|
+
private readonly _elementRef;
|
|
121
|
+
readonly value: _angular_core.ModelSignal<number | number[]>;
|
|
122
|
+
readonly defaultValue: _angular_core.InputSignal<number | number[] | undefined>;
|
|
123
|
+
readonly min: _angular_core.InputSignal<number>;
|
|
124
|
+
readonly max: _angular_core.InputSignal<number>;
|
|
125
|
+
readonly step: _angular_core.InputSignal<number | null>;
|
|
126
|
+
readonly marks: _angular_core.InputSignal<boolean | SliderMark[]>;
|
|
127
|
+
readonly color: _angular_core.InputSignal<SliderColor>;
|
|
128
|
+
readonly size: _angular_core.InputSignal<SliderSize>;
|
|
129
|
+
readonly orientation: _angular_core.InputSignal<"horizontal">;
|
|
130
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
131
|
+
readonly valueLabelDisplay: _angular_core.InputSignal<SliderValueLabelDisplay>;
|
|
132
|
+
readonly onChange: _angular_core.OutputEmitterRef<number | number[]>;
|
|
133
|
+
private readonly _railRef;
|
|
134
|
+
readonly _activeThumbIndex: _angular_core.WritableSignal<0 | 1>;
|
|
135
|
+
readonly _isDragging: _angular_core.WritableSignal<boolean>;
|
|
136
|
+
private _cleanupMouseMove;
|
|
137
|
+
private _cleanupMouseUp;
|
|
138
|
+
private _cleanupTouchMove;
|
|
139
|
+
private _cleanupTouchEnd;
|
|
140
|
+
private _cachedRect;
|
|
141
|
+
readonly _isRange: _angular_core.Signal<boolean>;
|
|
142
|
+
readonly _values: _angular_core.Signal<[number, number]>;
|
|
143
|
+
readonly _normalizedMarks: _angular_core.Signal<SliderMark[]>;
|
|
144
|
+
readonly _trackFillStyle: _angular_core.Signal<{
|
|
145
|
+
left: string;
|
|
146
|
+
width: string;
|
|
147
|
+
}>;
|
|
148
|
+
readonly _thumbPositions: _angular_core.Signal<number[]>;
|
|
149
|
+
readonly _containerClasses: _angular_core.Signal<string>;
|
|
150
|
+
constructor();
|
|
151
|
+
_isMarkActive(markValue: number): boolean;
|
|
152
|
+
_getMarkPosition(markValue: number): number;
|
|
153
|
+
_getThumbValue(thumbIndex: number): number;
|
|
154
|
+
_onRailMouseDown(event: MouseEvent): void;
|
|
155
|
+
_onThumbMouseDown(event: MouseEvent, thumbIndex: number): void;
|
|
156
|
+
_onRailTouchStart(event: TouchEvent): void;
|
|
157
|
+
_onThumbTouchStart(event: TouchEvent, thumbIndex: number): void;
|
|
158
|
+
_onKeyDown(event: KeyboardEvent, thumbIndex: number): void;
|
|
159
|
+
private _startDrag;
|
|
160
|
+
private _startMouseDrag;
|
|
161
|
+
private _startTouchDrag;
|
|
162
|
+
private _endDrag;
|
|
163
|
+
private _updateValueFromPosition;
|
|
164
|
+
private _adjustThumbValue;
|
|
165
|
+
private _setThumbValue;
|
|
166
|
+
private _positionToValue;
|
|
167
|
+
private _quantize;
|
|
168
|
+
private _cacheRect;
|
|
169
|
+
private _removeGlobalListeners;
|
|
170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
|
|
171
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ls-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "marks": { "alias": "marks"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueLabelDisplay": { "alias": "valueLabelDisplay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onChange": "onChange"; }, never, never, true, never>;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
type SwitchColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
|
|
175
|
+
type SwitchSize = 'small' | 'medium';
|
|
176
|
+
type SwitchVariant = 'solid' | 'outlined';
|
|
177
|
+
type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
|
|
178
|
+
declare class SwitchComponent {
|
|
179
|
+
private readonly _sanitizer;
|
|
180
|
+
readonly checked: _angular_core.InputSignal<boolean>;
|
|
181
|
+
readonly defaultChecked: _angular_core.InputSignal<boolean>;
|
|
182
|
+
readonly color: _angular_core.InputSignal<SwitchColor>;
|
|
183
|
+
readonly size: _angular_core.InputSignal<SwitchSize>;
|
|
184
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
185
|
+
readonly icon: _angular_core.InputSignal<boolean>;
|
|
186
|
+
readonly variant: _angular_core.InputSignal<SwitchVariant>;
|
|
187
|
+
readonly labelPlacement: _angular_core.InputSignal<SwitchLabelPlacement>;
|
|
188
|
+
readonly changed: _angular_core.OutputEmitterRef<boolean>;
|
|
189
|
+
protected readonly _isChecked: _angular_core.WritableSignal<boolean>;
|
|
190
|
+
private _isFirstSync;
|
|
191
|
+
private readonly _syncChecked;
|
|
192
|
+
protected readonly switchClasses: _angular_core.Signal<string>;
|
|
193
|
+
protected readonly currentIcon: _angular_core.Signal<SafeHtml>;
|
|
194
|
+
onToggle(): void;
|
|
195
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
|
|
196
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "ls-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
export { ButtonComponent, CheckboxComponent, IconButtonComponent, RadioButtonComponent, SliderComponent, SwitchComponent };
|
|
200
|
+
export type { ButtonColor, ButtonSize, ButtonVariant, CheckboxColor, CheckboxLabelPlacement, CheckboxSize, IconButtonColor, IconButtonSize, RadioButtonColor, RadioButtonLabelPlacement, RadioButtonSize, SliderColor, SliderMark, SliderSize, SliderValueLabelDisplay, SwitchColor, SwitchLabelPlacement, SwitchSize, SwitchVariant };
|
|
201
|
+
//# sourceMappingURL=lumston-ds-angular-src-inputs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lumston-ds-angular-src-inputs.d.ts","sources":["../../../../libs/ds-angular/src/inputs/button/button.component.ts","../../../../libs/ds-angular/src/inputs/checkbox/checkbox.component.ts","../../../../libs/ds-angular/src/inputs/icon-button/icon-button.component.ts","../../../../libs/ds-angular/src/inputs/radio-button/radio-button.component.ts","../../../../libs/ds-angular/src/inputs/slider/slider.component.ts","../../../../libs/ds-angular/src/inputs/switch/switch.component.ts"],"sourcesContent":[null,null,null,null,null,null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnInit, TemplateRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
/** Controls the visual rendering style of page number items and nav buttons. */
|
|
5
|
+
type PaginationVariant = 'text' | 'outlined' | 'solid';
|
|
6
|
+
/**
|
|
7
|
+
* Applies the design-token color to the active page item and hover states.
|
|
8
|
+
*
|
|
9
|
+
* - `'primary'` — Brand primary color.
|
|
10
|
+
* - `'secondary'` — Brand secondary color.
|
|
11
|
+
* - `'default'` — Neutral gray, no brand color applied.
|
|
12
|
+
*/
|
|
13
|
+
type PaginationColor = 'primary' | 'secondary' | 'default';
|
|
14
|
+
/** Determines the border-radius style applied uniformly to all page buttons. */
|
|
15
|
+
type PaginationShape = 'circular' | 'rounded';
|
|
16
|
+
/**
|
|
17
|
+
* Controls the physical dimensions (height, font size, padding) of all
|
|
18
|
+
* buttons in the pagination bar.
|
|
19
|
+
*/
|
|
20
|
+
type PaginationSize = 'small' | 'medium' | 'large';
|
|
21
|
+
/**
|
|
22
|
+
* Renders an accessible pagination bar for navigating a paged data set.
|
|
23
|
+
*
|
|
24
|
+
* Supports both **controlled** and **uncontrolled** modes:
|
|
25
|
+
* - **Controlled**: provide the `page` input and update it in response to
|
|
26
|
+
* the `pageChange` output. The component reflects the external value.
|
|
27
|
+
* - **Uncontrolled**: omit `page`. The component manages its own active
|
|
28
|
+
* page via an internal signal, initialized from `defaultPage`.
|
|
29
|
+
*
|
|
30
|
+
* When the total page count exceeds 5, a 5-item sliding window is rendered
|
|
31
|
+
* centered on the active page. Navigation buttons are rendered inside a
|
|
32
|
+
* `<nav aria-label="pagination">` landmark. Each button receives
|
|
33
|
+
* `aria-current="page"` (active) or `aria-disabled="true"` (boundary/disabled)
|
|
34
|
+
* as appropriate.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* ```html
|
|
38
|
+
* <!-- Uncontrolled -->
|
|
39
|
+
* <ls-pagination [count]="20" (pageChange)="onPage($event)" />
|
|
40
|
+
*
|
|
41
|
+
* <!-- Controlled -->
|
|
42
|
+
* <ls-pagination
|
|
43
|
+
* [count]="20"
|
|
44
|
+
* [page]="currentPage"
|
|
45
|
+
* (pageChange)="currentPage = $event" />
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
declare class PaginationComponent implements OnInit {
|
|
49
|
+
/**
|
|
50
|
+
* Total number of pages in the data set.
|
|
51
|
+
*
|
|
52
|
+
* Must be a positive integer ≥ 1. Determines both the upper boundary for
|
|
53
|
+
* navigation and the page window calculation.
|
|
54
|
+
*
|
|
55
|
+
* @default 1
|
|
56
|
+
*/
|
|
57
|
+
readonly count: _angular_core.InputSignal<number>;
|
|
58
|
+
/**
|
|
59
|
+
* Active page index in controlled mode (1-based).
|
|
60
|
+
*
|
|
61
|
+
* When provided, the component reflects this value and does not maintain
|
|
62
|
+
* internal page state. The host is responsible for updating this input in
|
|
63
|
+
* response to `pageChange` emissions. Pass `undefined` to switch to
|
|
64
|
+
* uncontrolled mode.
|
|
65
|
+
*
|
|
66
|
+
* @default undefined
|
|
67
|
+
*/
|
|
68
|
+
readonly page: _angular_core.InputSignal<number | undefined>;
|
|
69
|
+
/**
|
|
70
|
+
* Initial active page used in uncontrolled mode (1-based).
|
|
71
|
+
*
|
|
72
|
+
* Consumed once on `ngOnInit`. Has no effect when `page` is provided.
|
|
73
|
+
*
|
|
74
|
+
* @default 1
|
|
75
|
+
*/
|
|
76
|
+
readonly defaultPage: _angular_core.InputSignal<number>;
|
|
77
|
+
/**
|
|
78
|
+
* Color token applied to the active page item and button hover states.
|
|
79
|
+
*
|
|
80
|
+
* @default 'primary'
|
|
81
|
+
*/
|
|
82
|
+
readonly color: _angular_core.InputSignal<PaginationColor>;
|
|
83
|
+
/**
|
|
84
|
+
* Visual rendering style of page number items and navigation buttons.
|
|
85
|
+
*
|
|
86
|
+
* @default 'outlined'
|
|
87
|
+
*/
|
|
88
|
+
readonly variant: _angular_core.InputSignal<PaginationVariant>;
|
|
89
|
+
/**
|
|
90
|
+
* Border-radius style applied uniformly to all buttons in the bar.
|
|
91
|
+
*
|
|
92
|
+
* @default 'rounded'
|
|
93
|
+
*/
|
|
94
|
+
readonly shape: _angular_core.InputSignal<PaginationShape>;
|
|
95
|
+
/**
|
|
96
|
+
* Physical dimensions (height, font size, padding) of all buttons.
|
|
97
|
+
*
|
|
98
|
+
* @default 'medium'
|
|
99
|
+
*/
|
|
100
|
+
readonly size: _angular_core.InputSignal<PaginationSize>;
|
|
101
|
+
/**
|
|
102
|
+
* Disables all buttons in the pagination bar.
|
|
103
|
+
*
|
|
104
|
+
* When `true`, every button receives `disabled` and
|
|
105
|
+
* `aria-disabled="true"`. The `pageChange` output will not emit.
|
|
106
|
+
*
|
|
107
|
+
* @default false
|
|
108
|
+
*/
|
|
109
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
110
|
+
/**
|
|
111
|
+
* Renders a "go to first page" button before the previous-page button.
|
|
112
|
+
*
|
|
113
|
+
* The button is automatically disabled and receives `aria-disabled="true"`
|
|
114
|
+
* when the active page is already the first page.
|
|
115
|
+
*
|
|
116
|
+
* @default false
|
|
117
|
+
*/
|
|
118
|
+
readonly showFirstButton: _angular_core.InputSignal<boolean>;
|
|
119
|
+
/**
|
|
120
|
+
* Renders a "go to last page" button after the next-page button.
|
|
121
|
+
*
|
|
122
|
+
* The button is automatically disabled and receives `aria-disabled="true"`
|
|
123
|
+
* when the active page is already the last page.
|
|
124
|
+
*
|
|
125
|
+
* @default false
|
|
126
|
+
*/
|
|
127
|
+
readonly showLastButton: _angular_core.InputSignal<boolean>;
|
|
128
|
+
/**
|
|
129
|
+
* Hides the previous-page navigation button.
|
|
130
|
+
*
|
|
131
|
+
* @default false
|
|
132
|
+
*/
|
|
133
|
+
readonly hidePrevButton: _angular_core.InputSignal<boolean>;
|
|
134
|
+
/**
|
|
135
|
+
* Hides the next-page navigation button.
|
|
136
|
+
*
|
|
137
|
+
* @default false
|
|
138
|
+
*/
|
|
139
|
+
readonly hideNextButton: _angular_core.InputSignal<boolean>;
|
|
140
|
+
/**
|
|
141
|
+
* Emits the target page number (1-based) when the user activates any
|
|
142
|
+
* page item or navigation button.
|
|
143
|
+
*
|
|
144
|
+
* Does NOT emit when `disabled` is `true` or when the user clicks a
|
|
145
|
+
* boundary button that is already at its limit (first/last page).
|
|
146
|
+
* In controlled mode, the host must update the `page` input in response
|
|
147
|
+
* to this event to reflect the navigation in the UI.
|
|
148
|
+
*/
|
|
149
|
+
readonly pageChange: _angular_core.OutputEmitterRef<number>;
|
|
150
|
+
private readonly _internalPage;
|
|
151
|
+
protected readonly activePage: _angular_core.Signal<number>;
|
|
152
|
+
protected readonly pages: _angular_core.Signal<number[]>;
|
|
153
|
+
protected readonly isFirstPage: _angular_core.Signal<boolean>;
|
|
154
|
+
protected readonly isLastPage: _angular_core.Signal<boolean>;
|
|
155
|
+
private readonly _baseClasses;
|
|
156
|
+
ngOnInit(): void;
|
|
157
|
+
protected pageItemClasses(n: number): string;
|
|
158
|
+
protected navClasses(isAtBoundary: boolean): string;
|
|
159
|
+
protected goToPage(n: number): void;
|
|
160
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
161
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ls-pagination", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "defaultPage": { "alias": "defaultPage"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showFirstButton": { "alias": "showFirstButton"; "required": false; "isSignal": true; }; "showLastButton": { "alias": "showLastButton"; "required": false; "isSignal": true; }; "hidePrevButton": { "alias": "hidePrevButton"; "required": false; "isSignal": true; }; "hideNextButton": { "alias": "hideNextButton"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
interface BreadcrumbItem {
|
|
165
|
+
label: string;
|
|
166
|
+
url?: string;
|
|
167
|
+
icon?: string;
|
|
168
|
+
}
|
|
169
|
+
type BreadcrumbVariant = 'default' | 'arrowed' | 'dotted';
|
|
170
|
+
declare class BreadcrumbComponent {
|
|
171
|
+
readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
|
|
172
|
+
readonly variant: _angular_core.InputSignal<BreadcrumbVariant>;
|
|
173
|
+
readonly separator: _angular_core.InputSignal<string | TemplateRef<unknown>>;
|
|
174
|
+
readonly color: _angular_core.InputSignal<string>;
|
|
175
|
+
protected readonly _colorStyle: _angular_core.Signal<{
|
|
176
|
+
'--ls-breadcrumb-main-color': string;
|
|
177
|
+
}>;
|
|
178
|
+
protected readonly _classes: _angular_core.Signal<string>;
|
|
179
|
+
protected readonly _isTemplateSeparator: _angular_core.Signal<boolean>;
|
|
180
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
181
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ls-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
export { BreadcrumbComponent, PaginationComponent };
|
|
185
|
+
export type { BreadcrumbItem, BreadcrumbVariant, PaginationColor, PaginationShape, PaginationSize, PaginationVariant };
|
|
186
|
+
//# sourceMappingURL=lumston-ds-angular-src-navigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lumston-ds-angular-src-navigation.d.ts","sources":["../../../../libs/ds-angular/src/navigation/pagination/pagination.component.ts","../../../../libs/ds-angular/src/navigation/breadcrumb/breadcrumb.component.ts"],"sourcesContent":[null,null],"names":[],"mappings":";;;AAUA;AACM,KAAA,iBAAA;AAEN;;;;;;AAMG;AACG,KAAA,eAAA;AAEN;;AAGA;;;AAGG;AACG,KAAA,cAAA;AAEN;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACH,cAAA,mBAAA,YAAA,MAAA;AA+EE;;;;;;;AAOG;oBACW,aAAA,CAAA,WAAA;AAEd;;;;;;;;;AASG;mBACU,aAAA,CAAA,WAAA;AAEb;;;;;;AAMG;0BACiB,aAAA,CAAA,WAAA;AAEpB;;;;AAIG;oBACW,aAAA,CAAA,WAAA,CAAA,eAAA;AAEd;;;;AAIG;sBACa,aAAA,CAAA,WAAA,CAAA,iBAAA;AAEhB;;;;AAIG;oBACW,aAAA,CAAA,WAAA,CAAA,eAAA;AAEd;;;;AAIG;mBACU,aAAA,CAAA,WAAA,CAAA,cAAA;AAEb;;;;;;;AAOG;uBACc,aAAA,CAAA,WAAA;AAEjB;;;;;;;AAOG;8BACqB,aAAA,CAAA,WAAA;AAExB;;;;;;;AAOG;6BACoB,aAAA,CAAA,WAAA;AAEvB;;;;AAIG;6BACoB,aAAA,CAAA,WAAA;AAEvB;;;;AAIG;6BACoB,aAAA,CAAA,WAAA;AAEvB;;;;;;;;AAQG;yBACgB,aAAA,CAAA,gBAAA;AAEnB;AAEA,mCAA6B,aAAA,CAAA,MAAA;AAG7B,8BAAwB,aAAA,CAAA,MAAA;AASxB,oCAA8B,aAAA,CAAA,MAAA;AAC9B,mCAA6B,aAAA,CAAA,MAAA;AAI7B;AAkBA;AAIA;AAKA;AAOA;;;AAOD;;;;;;AC1SA;AAEK,KAAA,iBAAA;AAEN,cAAA,mBAAA;oBA6DgB,aAAA,CAAA,WAAA,CAAA,cAAA;sBACE,aAAA,CAAA,WAAA,CAAA,iBAAA;wBACE,aAAA,CAAA,WAAA,UAAA,WAAA;oBACJ,aAAA,CAAA,WAAA;oCAGgB,aAAA,CAAA,MAAA;;AAS3B;AAEH,iCAA2B,aAAA,CAAA,MAAA;AAI3B,6CAAuC,aAAA,CAAA,MAAA;;;AAGxC;;;;"}
|