@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.
Files changed (49) hide show
  1. package/README.md +69 -16
  2. package/fesm2022/3dsource-source-ui-native.mjs +116 -33
  3. package/fesm2022/3dsource-source-ui-native.mjs.map +1 -1
  4. package/index.d.ts +294 -5
  5. package/package.json +1 -1
  6. package/styles/elements/_src-button.scss +2 -0
  7. package/styles/elements/_src-form.scss +2 -0
  8. package/styles/elements/_src-modal.scss +93 -0
  9. package/styles/elements/_src-popover.scss +60 -0
  10. package/styles/elements/elements.scss +2 -0
  11. package/styles/utils.scss +0 -16
  12. package/lib/components/source-badge/components/source-badge.component.d.ts +0 -16
  13. package/lib/components/source-badge/constants/index.d.ts +0 -2
  14. package/lib/components/source-badge/constants/sourceBadgeSize.d.ts +0 -6
  15. package/lib/components/source-badge/constants/sourceBadgeType.d.ts +0 -9
  16. package/lib/components/source-badge/index.d.ts +0 -2
  17. package/lib/components/source-banner/components/source-banner.component.d.ts +0 -9
  18. package/lib/components/source-banner/constants/sourceBannerType.d.ts +0 -8
  19. package/lib/components/source-banner/index.d.ts +0 -2
  20. package/lib/components/source-button/components/source-button.component.d.ts +0 -27
  21. package/lib/components/source-button/constants/index.d.ts +0 -5
  22. package/lib/components/source-button/constants/sourceButtonAppearance.d.ts +0 -5
  23. package/lib/components/source-button/constants/sourceButtonColorScheme.d.ts +0 -6
  24. package/lib/components/source-button/constants/sourceButtonDefaultConfig.d.ts +0 -2
  25. package/lib/components/source-button/constants/sourceButtonSize.d.ts +0 -7
  26. package/lib/components/source-button/constants/sourceButtonType.d.ts +0 -6
  27. package/lib/components/source-button/index.d.ts +0 -3
  28. package/lib/components/source-button/interfaces/index.d.ts +0 -1
  29. package/lib/components/source-button/interfaces/sourceButton.interface.d.ts +0 -16
  30. package/lib/components/source-copyright/components/source-copyright.component.d.ts +0 -7
  31. package/lib/components/source-copyright/index.d.ts +0 -1
  32. package/lib/components/source-divider/components/source-divider.component.d.ts +0 -7
  33. package/lib/components/source-divider/index.d.ts +0 -1
  34. package/lib/components/source-hint/components/source-hint.component.d.ts +0 -7
  35. package/lib/components/source-hint/index.d.ts +0 -1
  36. package/lib/components/source-icon-button/components/source-icon-button.component.d.ts +0 -17
  37. package/lib/components/source-icon-button/constants/index.d.ts +0 -3
  38. package/lib/components/source-icon-button/constants/sourceIconButtonShape.d.ts +0 -5
  39. package/lib/components/source-icon-button/constants/sourceIconButtonSize.d.ts +0 -8
  40. package/lib/components/source-icon-button/constants/sourceIconButtonType.d.ts +0 -6
  41. package/lib/components/source-icon-button/index.d.ts +0 -2
  42. package/lib/components/source-loading/components/source-loading.component.d.ts +0 -18
  43. package/lib/components/source-loading/constants/sourceLoadingLineCap.d.ts +0 -6
  44. package/lib/components/source-loading/index.d.ts +0 -1
  45. package/lib/components/source-logo-loading/components/source-logo-loading.component.d.ts +0 -8
  46. package/lib/components/source-logo-loading/index.d.ts +0 -1
  47. package/lib/components/source-slider/components/source-slider.component.d.ts +0 -25
  48. package/lib/components/source-slider/index.d.ts +0 -1
  49. 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
  }
@@ -1,10 +1,12 @@
1
1
  .src-form {
2
2
  --srcFormRowGap: 16px;
3
3
  --srcFormItemsGap: 12px;
4
+ --srcFormOffset: 0;
4
5
  width: 100%;
5
6
  display: flex;
6
7
  flex-direction: column;
7
8
  gap: var(--srcFormRowGap);
9
+ padding: var(--srcFormOffset);
8
10
  }
9
11
 
10
12
  .src-form__row-group {
@@ -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
+ }
@@ -8,3 +8,5 @@
8
8
  @use './src-checkbox';
9
9
  @use './src-radio';
10
10
  @use './src-toggle';
11
+ @use './src-modal';
12
+ @use './src-popover';
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,2 +0,0 @@
1
- export * from './sourceBadgeType';
2
- export * from './sourceBadgeSize';
@@ -1,6 +0,0 @@
1
- export declare const SourceBadgeSize: {
2
- readonly SMALL: "small";
3
- readonly DEFAULT: "default";
4
- readonly LARGE: "large";
5
- };
6
- export type SourceBadgeSizeKeys = (typeof SourceBadgeSize)[keyof typeof SourceBadgeSize];
@@ -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,2 +0,0 @@
1
- export * from './components/source-badge.component';
2
- export * from './constants';
@@ -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,2 +0,0 @@
1
- export * from './components/source-banner.component';
2
- export * from './constants/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,5 +0,0 @@
1
- export * from './sourceButtonColorScheme';
2
- export * from './sourceButtonSize';
3
- export * from './sourceButtonType';
4
- export * from './sourceButtonAppearance';
5
- export * from './sourceButtonDefaultConfig';
@@ -1,5 +0,0 @@
1
- export declare const SourceButtonAppearance: {
2
- readonly PLAIN: "plain";
3
- readonly DEFAULT: "default";
4
- };
5
- export type SourceButtonAppearanceKeys = (typeof SourceButtonAppearance)[keyof typeof SourceButtonAppearance];
@@ -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,2 +0,0 @@
1
- import type { SourceButton } from '../interfaces';
2
- export declare const sourceButtonDefaultConfig: SourceButton;
@@ -1,7 +0,0 @@
1
- export declare const SourceButtonSize: {
2
- readonly SLIM: "slim";
3
- readonly SMALL: "slim";
4
- readonly MEDIUM: "medium";
5
- readonly LARGE: "large";
6
- };
7
- export type SourceButtonSizeKeys = (typeof SourceButtonSize)[keyof typeof SourceButtonSize];
@@ -1,6 +0,0 @@
1
- export declare const SourceButtonType: {
2
- readonly BUTTON: "button";
3
- readonly SUBMIT: "submit";
4
- readonly RESET: "reset";
5
- };
6
- export type SourceButtonTypeKeys = (typeof SourceButtonType)[keyof typeof SourceButtonType];
@@ -1,3 +0,0 @@
1
- export * from './components/source-button.component';
2
- export * from './constants';
3
- export * from './interfaces';
@@ -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,3 +0,0 @@
1
- export * from './sourceIconButtonSize';
2
- export * from './sourceIconButtonType';
3
- export * from './sourceIconButtonShape';
@@ -1,5 +0,0 @@
1
- export declare const SourceIconButtonShape: {
2
- readonly SQUARE: "square";
3
- readonly ROUND: "round";
4
- };
5
- export type SourceIconButtonShapeKeys = (typeof SourceIconButtonShape)[keyof typeof SourceIconButtonShape];
@@ -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,6 +0,0 @@
1
- export declare const SourceIconButtonType: {
2
- readonly BUTTON: "button";
3
- readonly SUBMIT: "submit";
4
- readonly RESET: "reset";
5
- };
6
- export type SourceIconButtonTypeKeys = (typeof SourceIconButtonType)[keyof typeof SourceIconButtonType];
@@ -1,2 +0,0 @@
1
- export * from './components/source-icon-button.component';
2
- export * from './constants';
@@ -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,6 +0,0 @@
1
- export declare const SourceLoadingLineCap: {
2
- readonly ROUND: "round";
3
- readonly SQUARE: "square";
4
- readonly BUTT: "butt";
5
- };
6
- export type SourceLoadingLineCapKeys = (typeof SourceLoadingLineCap)[keyof typeof SourceLoadingLineCap];
@@ -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';