@3dsource/source-ui-native 1.0.15 → 1.0.18
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 +69 -16
- package/fesm2022/3dsource-source-ui-native.mjs +116 -33
- package/fesm2022/3dsource-source-ui-native.mjs.map +1 -1
- package/index.d.ts +294 -5
- package/package.json +1 -1
- package/styles/elements/_src-button.scss +2 -0
- package/styles/elements/_src-form.scss +2 -0
- package/styles/elements/_src-modal.scss +93 -0
- package/styles/elements/_src-popover.scss +60 -0
- package/styles/elements/elements.scss +2 -0
- package/styles/utils.scss +0 -16
- package/lib/components/source-badge/components/source-badge.component.d.ts +0 -16
- package/lib/components/source-badge/constants/index.d.ts +0 -2
- package/lib/components/source-badge/constants/sourceBadgeSize.d.ts +0 -6
- package/lib/components/source-badge/constants/sourceBadgeType.d.ts +0 -9
- package/lib/components/source-badge/index.d.ts +0 -2
- package/lib/components/source-banner/components/source-banner.component.d.ts +0 -9
- package/lib/components/source-banner/constants/sourceBannerType.d.ts +0 -8
- package/lib/components/source-banner/index.d.ts +0 -2
- package/lib/components/source-button/components/source-button.component.d.ts +0 -27
- package/lib/components/source-button/constants/index.d.ts +0 -5
- package/lib/components/source-button/constants/sourceButtonAppearance.d.ts +0 -5
- package/lib/components/source-button/constants/sourceButtonColorScheme.d.ts +0 -6
- package/lib/components/source-button/constants/sourceButtonDefaultConfig.d.ts +0 -2
- package/lib/components/source-button/constants/sourceButtonSize.d.ts +0 -7
- package/lib/components/source-button/constants/sourceButtonType.d.ts +0 -6
- package/lib/components/source-button/index.d.ts +0 -3
- package/lib/components/source-button/interfaces/index.d.ts +0 -1
- package/lib/components/source-button/interfaces/sourceButton.interface.d.ts +0 -16
- package/lib/components/source-copyright/components/source-copyright.component.d.ts +0 -7
- package/lib/components/source-copyright/index.d.ts +0 -1
- package/lib/components/source-divider/components/source-divider.component.d.ts +0 -7
- package/lib/components/source-divider/index.d.ts +0 -1
- package/lib/components/source-hint/components/source-hint.component.d.ts +0 -7
- package/lib/components/source-hint/index.d.ts +0 -1
- package/lib/components/source-icon-button/components/source-icon-button.component.d.ts +0 -17
- package/lib/components/source-icon-button/constants/index.d.ts +0 -3
- package/lib/components/source-icon-button/constants/sourceIconButtonShape.d.ts +0 -5
- package/lib/components/source-icon-button/constants/sourceIconButtonSize.d.ts +0 -8
- package/lib/components/source-icon-button/constants/sourceIconButtonType.d.ts +0 -6
- package/lib/components/source-icon-button/index.d.ts +0 -2
- package/lib/components/source-loading/components/source-loading.component.d.ts +0 -18
- package/lib/components/source-loading/constants/sourceLoadingLineCap.d.ts +0 -6
- package/lib/components/source-loading/index.d.ts +0 -1
- package/lib/components/source-logo-loading/components/source-logo-loading.component.d.ts +0 -8
- package/lib/components/source-logo-loading/index.d.ts +0 -1
- package/lib/components/source-slider/components/source-slider.component.d.ts +0 -25
- package/lib/components/source-slider/index.d.ts +0 -1
- package/public-api.d.ts +0 -10
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
border: none;
|
|
31
31
|
border-radius: var(--srcButtonBorderRadius);
|
|
32
32
|
box-shadow: var(--srcButtonBoxShadow);
|
|
33
|
+
text-decoration: none;
|
|
33
34
|
cursor: pointer;
|
|
34
35
|
|
|
35
36
|
& > div,
|
|
@@ -49,6 +50,7 @@
|
|
|
49
50
|
@media (pointer: fine) {
|
|
50
51
|
&:hover,
|
|
51
52
|
&:focus-visible {
|
|
53
|
+
text-decoration: none;
|
|
52
54
|
background-color: var(--srcButtonBgHoverColor);
|
|
53
55
|
}
|
|
54
56
|
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
// Basic styles for typical modal component
|
|
2
|
+
.src-modal {
|
|
3
|
+
--srcModalWidth: 620px;
|
|
4
|
+
--srcModalMaxWidth: calc(100% - 16px);
|
|
5
|
+
--srcModalMaxHeight: 80vh;
|
|
6
|
+
--srcModalBg: var(--src-color-bg-default);
|
|
7
|
+
--srcModalBoxShadow: var(--src-shadow-large);
|
|
8
|
+
--srcModalBorderRadius: var(--src-br-medium);
|
|
9
|
+
--srcModalTitleSize: var(--src-fs-medium);
|
|
10
|
+
--srcModalTitleLineHeight: var(--src-lh-medium);
|
|
11
|
+
--srcModalTitleColor: var(--src-color-text-default);
|
|
12
|
+
--srcModalBodyPadding: 20px;
|
|
13
|
+
--srcModalTitleBorder: 1px solid var(--src-color-border-default, #e5e7eb);
|
|
14
|
+
--srcModalFooterBorder: 1px solid var(--src-color-border-default, #e5e7eb);
|
|
15
|
+
display: grid;
|
|
16
|
+
grid-template-columns: minmax(0, 1fr);
|
|
17
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
18
|
+
width: var(--srcModalWidth);
|
|
19
|
+
max-width: var(--srcModalMaxWidth);
|
|
20
|
+
max-height: var(--srcModalMaxHeight);
|
|
21
|
+
margin: auto;
|
|
22
|
+
background-color: var(--srcModalBg);
|
|
23
|
+
border-radius: var(--srcModalBorderRadius);
|
|
24
|
+
box-shadow: var(--srcModalBoxShadow);
|
|
25
|
+
|
|
26
|
+
&--small {
|
|
27
|
+
--srcModalWidth: 380px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.src-modal__header {
|
|
31
|
+
display: flex;
|
|
32
|
+
padding: 14px 16px 14px 20px;
|
|
33
|
+
width: 100%;
|
|
34
|
+
border-bottom: var(--srcModalTitleBorder);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.src-modal__body {
|
|
38
|
+
padding: var(--srcModalBodyPadding);
|
|
39
|
+
overflow: auto;
|
|
40
|
+
scrollbar-width: thin;
|
|
41
|
+
scrollbar-color: var(--src-color-border-default) transparent;
|
|
42
|
+
|
|
43
|
+
&::-webkit-scrollbar {
|
|
44
|
+
width: 4px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&::-webkit-scrollbar-track {
|
|
48
|
+
background: transparent;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&::-webkit-scrollbar-thumb {
|
|
52
|
+
background-color: var(--src-color-border-default);
|
|
53
|
+
border-radius: 10px;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.src-modal__footer {
|
|
58
|
+
display: flex;
|
|
59
|
+
justify-content: flex-end;
|
|
60
|
+
align-items: center;
|
|
61
|
+
padding: 16px;
|
|
62
|
+
width: 100%;
|
|
63
|
+
border-top: var(--srcModalFooterBorder);
|
|
64
|
+
gap: 10px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.src-modal__title {
|
|
68
|
+
font-size: var(--srcModalTitleSize);
|
|
69
|
+
font-weight: var(--src-fw-semibold, 600);
|
|
70
|
+
line-height: var(--srcModalTitleLineHeight);
|
|
71
|
+
color: var(--srcModalTitleColor);
|
|
72
|
+
word-break: break-word;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.src-modal__back {
|
|
76
|
+
margin-right: 8px;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.src-modal__close {
|
|
80
|
+
margin-left: auto;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// Dialog native tag
|
|
85
|
+
dialog {
|
|
86
|
+
padding: 0;
|
|
87
|
+
border: none;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
overflow: hidden !important;
|
|
90
|
+
}
|
|
91
|
+
dialog:-internal-dialog-in-top-layer::backdrop {
|
|
92
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
93
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
// Basic styles for typical popover component
|
|
2
|
+
.src-popover {
|
|
3
|
+
--srcPopoverWidth: 320px;
|
|
4
|
+
--srcPopoverMaxHeight: 80vh;
|
|
5
|
+
--srcPopoverBg: var(--src-color-bg-default);
|
|
6
|
+
--srcPopoverBoxShadow: var(--src-shadow-large);
|
|
7
|
+
--srcPopoverBorderRadius: var(--src-br-medium);
|
|
8
|
+
--srcPopoverTitleSize: var(--src-fs-medium);
|
|
9
|
+
--srcPopoverTitleLineHeight: var(--src-lh-medium);
|
|
10
|
+
--srcPopoverTitleColor: var(--src-color-text-default);
|
|
11
|
+
--srcPopoverBodyPadding: 20px;
|
|
12
|
+
--srcPopoverTitleBorder: 1px solid var(--src-color-border-default, #e5e7eb);
|
|
13
|
+
display: grid;
|
|
14
|
+
grid-template-columns: minmax(0, 1fr);
|
|
15
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
16
|
+
width: var(--srcPopoverWidth);
|
|
17
|
+
max-height: var(--srcPopoverMaxHeight);
|
|
18
|
+
margin: auto;
|
|
19
|
+
|
|
20
|
+
background-color: var(--srcPopoverBg);
|
|
21
|
+
border-radius: var(--srcPopoverBorderRadius);
|
|
22
|
+
box-shadow: var(--srcPopoverBoxShadow);
|
|
23
|
+
|
|
24
|
+
.src-popover__body {
|
|
25
|
+
padding: var(--srcPopoverBodyPadding);
|
|
26
|
+
width: var(--srcPopoverWidth);
|
|
27
|
+
overflow: auto;
|
|
28
|
+
scrollbar-width: thin;
|
|
29
|
+
scrollbar-color: var(--src-color-border-default) transparent;
|
|
30
|
+
|
|
31
|
+
&::-webkit-scrollbar {
|
|
32
|
+
width: 4px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&::-webkit-scrollbar-track {
|
|
36
|
+
background: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&::-webkit-scrollbar-thumb {
|
|
40
|
+
background-color: var(--src-color-border-default);
|
|
41
|
+
border-radius: 10px;
|
|
42
|
+
}
|
|
43
|
+
.src-list {
|
|
44
|
+
src-list-item:last-child {
|
|
45
|
+
margin-bottom: 0;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.src-popover-panel--mobile {
|
|
52
|
+
src-popover {
|
|
53
|
+
width: 100%;
|
|
54
|
+
}
|
|
55
|
+
.src-popover {
|
|
56
|
+
--srcPopoverWidth: 100%;
|
|
57
|
+
--srcPopoverBorderRadius: var(--src-br-medium) var(--src-br-medium) 0 0;
|
|
58
|
+
--srcPopoverBoxShadow: var(--src-shadow-large-top);
|
|
59
|
+
}
|
|
60
|
+
}
|
package/styles/utils.scss
CHANGED
|
@@ -21,20 +21,4 @@
|
|
|
21
21
|
.src-disabled {
|
|
22
22
|
pointer-events: none;
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
.keyboard-key {
|
|
26
|
-
padding: 2px 5px;
|
|
27
|
-
display: flex;
|
|
28
|
-
align-items: center;
|
|
29
|
-
height: 20px;
|
|
30
|
-
border-radius: 3px;
|
|
31
|
-
background: rgba(255, 255, 255, 0.2);
|
|
32
|
-
color: var(--src-colors-gray-color-gray-0, #fff);
|
|
33
|
-
text-align: center;
|
|
34
|
-
font-family: var(--src-font-family-sans);
|
|
35
|
-
font-size: 12px;
|
|
36
|
-
font-style: normal;
|
|
37
|
-
font-weight: 500;
|
|
38
|
-
line-height: 16px;
|
|
39
|
-
}
|
|
40
24
|
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SourceBadgeSizeKeys, SourceBadgeTypeKeys } from '../constants';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SourceBadgeComponent {
|
|
4
|
-
number: import("@angular/core").InputSignal<number>;
|
|
5
|
-
backgroundColor: import("@angular/core").InputSignal<string>;
|
|
6
|
-
type: import("@angular/core").InputSignal<SourceBadgeTypeKeys | undefined>;
|
|
7
|
-
size: import("@angular/core").InputSignal<SourceBadgeSizeKeys>;
|
|
8
|
-
borderColor: import("@angular/core").InputSignal<string>;
|
|
9
|
-
borderWidth: import("@angular/core").InputSignal<string>;
|
|
10
|
-
textColor: import("@angular/core").InputSignal<string>;
|
|
11
|
-
customClass: import("@angular/core").InputSignal<string | string[] | undefined>;
|
|
12
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
13
|
-
classes: import("@angular/core").Signal<(string | string[])[]>;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceBadgeComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "number": { "alias": "number"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "borderWidth": { "alias": "borderWidth"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
16
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const SourceBadgeType: {
|
|
2
|
-
readonly NEUTRAL: "neutral";
|
|
3
|
-
readonly INFORMATIONAL: "informational";
|
|
4
|
-
readonly SUCCESS: "success";
|
|
5
|
-
readonly WARNING: "warning";
|
|
6
|
-
readonly ATTENTION: "attention";
|
|
7
|
-
readonly CRITICAL: "critical";
|
|
8
|
-
};
|
|
9
|
-
export type SourceBadgeTypeKeys = (typeof SourceBadgeType)[keyof typeof SourceBadgeType];
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { SourceBannerTypeKeys } from '../constants/sourceBannerType';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SourceBannerComponent {
|
|
4
|
-
type: import("@angular/core").InputSignal<SourceBannerTypeKeys>;
|
|
5
|
-
isCompact: import("@angular/core").InputSignal<boolean>;
|
|
6
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceBannerComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
|
|
9
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const SourceBannerType: {
|
|
2
|
-
readonly DEFAULT: "default";
|
|
3
|
-
readonly INFO: "info";
|
|
4
|
-
readonly SUCCESS: "success";
|
|
5
|
-
readonly WARNING: "warning";
|
|
6
|
-
readonly CRITICAL: "critical";
|
|
7
|
-
};
|
|
8
|
-
export type SourceBannerTypeKeys = (typeof SourceBannerType)[keyof typeof SourceBannerType];
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import type { SourceButton } from '../interfaces';
|
|
2
|
-
import { SourceButtonAppearanceKeys, SourceButtonColorSchemeKeys, SourceButtonSizeKeys, SourceButtonTypeKeys } from '../constants';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SourceButtonComponent {
|
|
5
|
-
type: import("@angular/core").InputSignal<SourceButtonTypeKeys>;
|
|
6
|
-
appearance: import("@angular/core").InputSignal<SourceButtonAppearanceKeys>;
|
|
7
|
-
colorScheme: import("@angular/core").InputSignal<SourceButtonColorSchemeKeys>;
|
|
8
|
-
size: import("@angular/core").InputSignal<SourceButtonSizeKeys>;
|
|
9
|
-
customClass: import("@angular/core").InputSignal<string | string[]>;
|
|
10
|
-
hasDisclosure: import("@angular/core").InputSignal<boolean>;
|
|
11
|
-
isFullWidth: import("@angular/core").InputSignal<boolean>;
|
|
12
|
-
isPressed: import("@angular/core").InputSignal<boolean>;
|
|
13
|
-
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
14
|
-
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
15
|
-
iconButton: import("@angular/core").InputSignal<boolean>;
|
|
16
|
-
srcButtonConfig: import("@angular/core").InputSignal<SourceButton | undefined>;
|
|
17
|
-
formID: import("@angular/core").InputSignal<string | undefined>;
|
|
18
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
19
|
-
onClick: import("@angular/core").OutputEmitterRef<Event>;
|
|
20
|
-
onSubmit: import("@angular/core").OutputEmitterRef<Event>;
|
|
21
|
-
classes: import("@angular/core").Signal<(string | string[])[]>;
|
|
22
|
-
handleClick(event: Event): void;
|
|
23
|
-
handleSubmit(event: Event): void;
|
|
24
|
-
getConfig(config: Partial<SourceButton>): SourceButton;
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceButtonComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "hasDisclosure": { "alias": "hasDisclosure"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*"], true, never>;
|
|
27
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const SourceButtonColorScheme: {
|
|
2
|
-
readonly PRIMARY: "primary";
|
|
3
|
-
readonly SECONDARY: "secondary";
|
|
4
|
-
readonly DESTRUCTIVE: "destructive";
|
|
5
|
-
};
|
|
6
|
-
export type SourceButtonColorSchemeKeys = (typeof SourceButtonColorScheme)[keyof typeof SourceButtonColorScheme];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './sourceButton.interface';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SourceButtonAppearanceKeys, SourceButtonColorSchemeKeys, SourceButtonSizeKeys, SourceButtonTypeKeys } from '../constants';
|
|
2
|
-
export interface SourceButton {
|
|
3
|
-
type: SourceButtonTypeKeys;
|
|
4
|
-
appearance: SourceButtonAppearanceKeys;
|
|
5
|
-
colorScheme: SourceButtonColorSchemeKeys;
|
|
6
|
-
size: SourceButtonSizeKeys;
|
|
7
|
-
customClass: string | string[];
|
|
8
|
-
hasDisclosure: boolean;
|
|
9
|
-
isFullWidth: boolean;
|
|
10
|
-
iconButton: boolean;
|
|
11
|
-
isPressed: boolean;
|
|
12
|
-
isDisabled: boolean;
|
|
13
|
-
isLoading: boolean;
|
|
14
|
-
formID?: string;
|
|
15
|
-
testID?: string;
|
|
16
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class SourceCopyrightComponent {
|
|
3
|
-
linkText: import("@angular/core").InputSignal<string>;
|
|
4
|
-
isCollapsible: import("@angular/core").InputSignal<boolean>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceCopyrightComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceCopyrightComponent, "src-copyright", never, { "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/source-copyright.component';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class SourceDividerComponent {
|
|
3
|
-
color: import("@angular/core").InputSignal<string>;
|
|
4
|
-
thickness: import("@angular/core").InputSignal<string>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceDividerComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceDividerComponent, "src-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/source-divider.component';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class SourceHintComponent {
|
|
3
|
-
isError: import("@angular/core").InputSignal<boolean>;
|
|
4
|
-
isCompact: import("@angular/core").InputSignal<boolean>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceHintComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceHintComponent, "src-hint", never, { "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*"], true, never>;
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/source-hint.component';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SourceIconButtonShapeKeys, SourceIconButtonSizeKeys, SourceIconButtonTypeKeys } from '../constants';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SourceIconButtonComponent {
|
|
4
|
-
name: import("@angular/core").InputSignal<unknown>;
|
|
5
|
-
type: import("@angular/core").InputSignal<SourceIconButtonTypeKeys>;
|
|
6
|
-
size: import("@angular/core").InputSignal<SourceIconButtonSizeKeys>;
|
|
7
|
-
shape: import("@angular/core").InputSignal<SourceIconButtonShapeKeys>;
|
|
8
|
-
counter: import("@angular/core").InputSignal<number | undefined>;
|
|
9
|
-
isActive: import("@angular/core").InputSignal<boolean>;
|
|
10
|
-
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
11
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
12
|
-
onClick: import("@angular/core").OutputEmitterRef<Event>;
|
|
13
|
-
classes: import("@angular/core").Signal<string[]>;
|
|
14
|
-
handleClick(event: Event): void;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceIconButtonComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceIconButtonComponent, "src-icon-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
17
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const SourceIconButtonSize: {
|
|
2
|
-
readonly XSMALL: "xs";
|
|
3
|
-
readonly SMALL: "sm";
|
|
4
|
-
readonly MEDIUM: "md";
|
|
5
|
-
readonly LARGE: "lg";
|
|
6
|
-
readonly DEFAULT: "default";
|
|
7
|
-
};
|
|
8
|
-
export type SourceIconButtonSizeKeys = (typeof SourceIconButtonSize)[keyof typeof SourceIconButtonSize];
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { SourceLoadingLineCapKeys } from '../constants/sourceLoadingLineCap';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SourceLoadingComponent {
|
|
4
|
-
size: import("@angular/core").InputSignal<number>;
|
|
5
|
-
progress: import("@angular/core").InputSignal<number | null>;
|
|
6
|
-
lineCap: import("@angular/core").InputSignal<SourceLoadingLineCapKeys>;
|
|
7
|
-
backgroundStrokeColor: import("@angular/core").InputSignal<string>;
|
|
8
|
-
progressStrokeColor: import("@angular/core").InputSignal<string>;
|
|
9
|
-
strokeWidth: import("@angular/core").InputSignal<number>;
|
|
10
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
11
|
-
classes: import("@angular/core").Signal<string[]>;
|
|
12
|
-
calculateRadius: import("@angular/core").Signal<number>;
|
|
13
|
-
circumference: import("@angular/core").Signal<number>;
|
|
14
|
-
viewBox: import("@angular/core").Signal<string>;
|
|
15
|
-
percentage: import("@angular/core").Signal<number>;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceLoadingComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceLoadingComponent, "src-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "lineCap": { "alias": "lineCap"; "required": false; "isSignal": true; }; "backgroundStrokeColor": { "alias": "backgroundStrokeColor"; "required": false; "isSignal": true; }; "progressStrokeColor": { "alias": "progressStrokeColor"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
18
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/source-loading.component';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class SourceLogoLoadingComponent {
|
|
3
|
-
size: import("@angular/core").InputSignal<number>;
|
|
4
|
-
strokeColor: import("@angular/core").InputSignal<string>;
|
|
5
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceLogoLoadingComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceLogoLoadingComponent, "src-logo-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeColor": { "alias": "strokeColor"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/source-logo-loading.component';
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class SourceSliderComponent {
|
|
3
|
-
id: import("@angular/core").InputSignal<string | undefined>;
|
|
4
|
-
value: import("@angular/core").InputSignal<number>;
|
|
5
|
-
sliderValue: import("@angular/core").WritableSignal<number>;
|
|
6
|
-
min: import("@angular/core").InputSignal<number>;
|
|
7
|
-
max: import("@angular/core").InputSignal<number>;
|
|
8
|
-
thumbSize: import("@angular/core").InputSignal<number>;
|
|
9
|
-
trackHeight: import("@angular/core").InputSignal<number>;
|
|
10
|
-
step: import("@angular/core").InputSignal<number>;
|
|
11
|
-
showTicks: import("@angular/core").InputSignal<boolean>;
|
|
12
|
-
isDisabled: import("@angular/core").InputSignal<boolean>;
|
|
13
|
-
orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
|
|
14
|
-
testID: import("@angular/core").InputSignal<string>;
|
|
15
|
-
onChange: import("@angular/core").OutputEmitterRef<number>;
|
|
16
|
-
onInput: import("@angular/core").OutputEmitterRef<number>;
|
|
17
|
-
tickPositions: import("@angular/core").Signal<string[]>;
|
|
18
|
-
thumbPosition: import("@angular/core").Signal<string>;
|
|
19
|
-
filledWidth: import("@angular/core").Signal<string>;
|
|
20
|
-
input(valueEvent: Event): void;
|
|
21
|
-
change(valueEvent: Event): void;
|
|
22
|
-
private getValue;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SourceSliderComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SourceSliderComponent, "src-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "thumbSize": { "alias": "thumbSize"; "required": false; "isSignal": true; }; "trackHeight": { "alias": "trackHeight"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; }, never, ["[srcIconThumb]"], true, never>;
|
|
25
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/source-slider.component';
|
package/public-api.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from './lib/components/source-badge';
|
|
2
|
-
export * from './lib/components/source-banner';
|
|
3
|
-
export * from './lib/components/source-button';
|
|
4
|
-
export * from './lib/components/source-copyright';
|
|
5
|
-
export * from './lib/components/source-divider';
|
|
6
|
-
export * from './lib/components/source-hint';
|
|
7
|
-
export * from './lib/components/source-icon-button';
|
|
8
|
-
export * from './lib/components/source-loading';
|
|
9
|
-
export * from './lib/components/source-logo-loading';
|
|
10
|
-
export * from './lib/components/source-slider';
|