@synerise/ds-file-uploader 1.2.4 → 1.2.6
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/CHANGELOG.md +8 -0
- package/dist/AvatarUploader/AvatarUploader.styles.d.ts +8 -4
- package/dist/AvatarUploader/AvatarUploader.styles.d.ts.map +1 -1
- package/dist/FileUploader.styles.d.ts +8 -4
- package/dist/FileUploader.styles.d.ts.map +1 -1
- package/dist/FileView/FileView.styles.d.ts +2 -1
- package/dist/FileView/FileView.styles.d.ts.map +1 -1
- package/dist/ItemUploader/ItemUploader.styles.d.ts +8 -4
- package/dist/ItemUploader/ItemUploader.styles.d.ts.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.2.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.2.5...@synerise/ds-file-uploader@1.2.6) (2026-01-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
9
|
+
|
|
10
|
+
## [1.2.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.2.4...@synerise/ds-file-uploader@1.2.5) (2026-01-21)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
13
|
+
|
|
6
14
|
## [1.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.2.3...@synerise/ds-file-uploader@1.2.4) (2026-01-20)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
@@ -1,28 +1,31 @@
|
|
|
1
1
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
2
|
export declare const UploaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
3
|
+
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
4
4
|
size?: import("@synerise/ds-typography").TextSize;
|
|
5
5
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
6
6
|
children?: import("react").ReactNode;
|
|
7
7
|
className?: string;
|
|
8
|
+
style?: import("react").CSSProperties;
|
|
8
9
|
}) => React.JSX.Element, any, {
|
|
9
10
|
hasError?: boolean;
|
|
10
11
|
}, never>;
|
|
11
12
|
export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
|
|
12
13
|
canUploadMore: boolean;
|
|
13
14
|
}, never>;
|
|
14
|
-
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
15
|
+
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
15
16
|
size?: import("@synerise/ds-typography").TextSize;
|
|
16
17
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
17
18
|
children?: import("react").ReactNode;
|
|
18
19
|
className?: string;
|
|
20
|
+
style?: import("react").CSSProperties;
|
|
19
21
|
}) => React.JSX.Element, any, {}, never>;
|
|
20
22
|
export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
21
|
-
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
23
|
+
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
22
24
|
size?: import("@synerise/ds-typography").TextSize;
|
|
23
25
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
24
26
|
children?: import("react").ReactNode;
|
|
25
27
|
className?: string;
|
|
28
|
+
style?: import("react").CSSProperties;
|
|
26
29
|
}) => React.JSX.Element, any, {}, never>;
|
|
27
30
|
export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
|
|
28
31
|
isDropping?: boolean;
|
|
@@ -31,11 +34,12 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
|
|
|
31
34
|
pressed: boolean;
|
|
32
35
|
filesLength: number;
|
|
33
36
|
}, never>;
|
|
34
|
-
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
37
|
+
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
35
38
|
size?: import("@synerise/ds-typography").TextSize;
|
|
36
39
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
37
40
|
children?: import("react").ReactNode;
|
|
38
41
|
className?: string;
|
|
42
|
+
style?: import("react").CSSProperties;
|
|
39
43
|
}) => React.JSX.Element, any, {}, never>;
|
|
40
44
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
41
45
|
//# sourceMappingURL=AvatarUploader.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarUploader.styles.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,oEAGrB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AACF,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"AvatarUploader.styles.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,oEAGrB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;;eAA6B,OAAO;SAM3D,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;wCAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;wCAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;iBACZ,OAAO;eACT,OAAO;UACZ,MAAM;aACH,OAAO;iBACH,MAAM;SAuGpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;wCAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAOjB,CAAC"}
|
|
@@ -1,28 +1,31 @@
|
|
|
1
1
|
import { type StyledButton } from '@synerise/ds-button';
|
|
2
2
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
3
|
+
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
4
4
|
size?: import("@synerise/ds-typography").TextSize;
|
|
5
5
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
6
6
|
children?: import("react").ReactNode;
|
|
7
7
|
className?: string;
|
|
8
|
+
style?: import("react").CSSProperties;
|
|
8
9
|
}) => React.JSX.Element, any, {
|
|
9
10
|
hasError?: boolean;
|
|
10
11
|
}, never>;
|
|
11
12
|
export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
|
|
12
13
|
canUploadMore: boolean;
|
|
13
14
|
}, never>;
|
|
14
|
-
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
15
|
+
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
15
16
|
size?: import("@synerise/ds-typography").TextSize;
|
|
16
17
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
17
18
|
children?: import("react").ReactNode;
|
|
18
19
|
className?: string;
|
|
20
|
+
style?: import("react").CSSProperties;
|
|
19
21
|
}) => React.JSX.Element, any, {}, never>;
|
|
20
22
|
export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
21
|
-
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
23
|
+
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
22
24
|
size?: import("@synerise/ds-typography").TextSize;
|
|
23
25
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
24
26
|
children?: import("react").ReactNode;
|
|
25
27
|
className?: string;
|
|
28
|
+
style?: import("react").CSSProperties;
|
|
26
29
|
}) => React.JSX.Element, any, {}, never>;
|
|
27
30
|
export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
|
|
28
31
|
isDropping?: boolean;
|
|
@@ -32,11 +35,12 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
|
|
|
32
35
|
filesLength: number;
|
|
33
36
|
hidden: boolean;
|
|
34
37
|
}, never>;
|
|
35
|
-
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
38
|
+
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
36
39
|
size?: import("@synerise/ds-typography").TextSize;
|
|
37
40
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
38
41
|
children?: import("react").ReactNode;
|
|
39
42
|
className?: string;
|
|
43
|
+
style?: import("react").CSSProperties;
|
|
40
44
|
}) => React.JSX.Element, any, {}, never>;
|
|
41
45
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
42
46
|
export declare const UploadButton: StyledButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../src/FileUploader.styles.ts"],"names":[],"mappings":"AAEA,OAAe,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKhE,eAAO,MAAM,SAAS,oEAErB,CAAC;AAEF,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../src/FileUploader.styles.ts"],"names":[],"mappings":"AAEA,OAAe,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKhE,eAAO,MAAM,SAAS,oEAErB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;eAA6B,OAAO;SAM3D,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;wCAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;wCAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;iBACZ,OAAO;eACT,OAAO;UACZ,MAAM;aACH,OAAO;iBACH,MAAM;YACX,OAAO;SAyGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;wCAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAA+B,CAAC"}
|
|
@@ -8,11 +8,12 @@ export declare const FileWeight: import("styled-components").StyledComponent<"di
|
|
|
8
8
|
export declare const FileName: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
9
|
export declare const Name: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
10
10
|
export declare const FlexRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
export declare const SizeOrError: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
11
|
+
export declare const SizeOrError: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
12
12
|
size?: import("@synerise/ds-typography").TextSize;
|
|
13
13
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
14
14
|
children?: import("react").ReactNode;
|
|
15
15
|
className?: string;
|
|
16
|
+
style?: import("react").CSSProperties;
|
|
16
17
|
}) => React.JSX.Element, any, {}, never>;
|
|
17
18
|
export declare const RemoveWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
19
|
export declare const CheckButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileView.styles.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF,eAAO,MAAM,IAAI;cAA0B,OAAO;SAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qIAQ9B,CAAC;AACF,eAAO,MAAM,UAAU,oEAKtB,CAAC;AACF,eAAO,MAAM,QAAQ,oEAKpB,CAAC;AACF,eAAO,MAAM,IAAI,sEAShB,CAAC;AAEF,eAAO,MAAM,OAAO,oEAEnB,CAAC;AAEF,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"FileView.styles.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF,eAAO,MAAM,IAAI;cAA0B,OAAO;SAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qIAQ9B,CAAC;AACF,eAAO,MAAM,UAAU,oEAKtB,CAAC;AACF,eAAO,MAAM,QAAQ,oEAKpB,CAAC;AACF,eAAO,MAAM,IAAI,sEAShB,CAAC;AAEF,eAAO,MAAM,OAAO,oEAEnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;wCAIvB,CAAC;AACF,eAAO,MAAM,aAAa,oEAyBzB,CAAC;AACF,eAAO,MAAM,kBAAkB,oEAsB9B,CAAC;AACF,eAAO,MAAM,mBAAmB;cAA0B,OAAO;SA0BhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;eACjB,OAAO;YACV,OAAO;gBACH,OAAO;cACT,OAAO;eACN,OAAO;cACR,OAAO;SAqFlB,CAAC"}
|
|
@@ -3,18 +3,20 @@ export declare const UploaderContainer: import("styled-components").StyledCompon
|
|
|
3
3
|
export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
|
|
4
4
|
canUploadMore: boolean;
|
|
5
5
|
}, never>;
|
|
6
|
-
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
6
|
+
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
7
7
|
size?: import("@synerise/ds-typography").TextSize;
|
|
8
8
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
9
9
|
children?: import("react").ReactNode;
|
|
10
10
|
className?: string;
|
|
11
|
+
style?: import("react").CSSProperties;
|
|
11
12
|
}) => React.JSX.Element, any, {}, never>;
|
|
12
13
|
export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
13
|
-
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
14
|
+
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
14
15
|
size?: import("@synerise/ds-typography").TextSize;
|
|
15
16
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
16
17
|
children?: import("react").ReactNode;
|
|
17
18
|
className?: string;
|
|
19
|
+
style?: import("react").CSSProperties;
|
|
18
20
|
}) => React.JSX.Element, any, {}, never>;
|
|
19
21
|
export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
|
|
20
22
|
isDropping?: boolean;
|
|
@@ -23,17 +25,19 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
|
|
|
23
25
|
pressed: boolean;
|
|
24
26
|
filesLength: number;
|
|
25
27
|
}, never>;
|
|
26
|
-
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
28
|
+
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
27
29
|
size?: import("@synerise/ds-typography").TextSize;
|
|
28
30
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
29
31
|
children?: import("react").ReactNode;
|
|
30
32
|
className?: string;
|
|
33
|
+
style?: import("react").CSSProperties;
|
|
31
34
|
}) => React.JSX.Element, any, {}, never>;
|
|
32
|
-
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
35
|
+
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
|
|
33
36
|
size?: import("@synerise/ds-typography").TextSize;
|
|
34
37
|
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
35
38
|
children?: import("react").ReactNode;
|
|
36
39
|
className?: string;
|
|
40
|
+
style?: import("react").CSSProperties;
|
|
37
41
|
}) => React.JSX.Element, any, {
|
|
38
42
|
hasError?: boolean;
|
|
39
43
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemUploader.styles.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,oEAErB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"ItemUploader.styles.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,oEAErB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;wCAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;wCAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;iBACZ,OAAO;eACT,OAAO;UACZ,MAAM;aACH,OAAO;iBACH,MAAM;SAsGpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;wCAMxB,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;;eAA6B,OAAO;SAM3D,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-file-uploader",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.6",
|
|
4
4
|
"description": "FileUploader UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"@synerise/ds-button": "^1.5.5",
|
|
39
39
|
"@synerise/ds-icon": "^1.10.0",
|
|
40
40
|
"@synerise/ds-loader": "^1.0.11",
|
|
41
|
-
"@synerise/ds-popconfirm": "^1.2.
|
|
42
|
-
"@synerise/ds-progress-bar": "^1.1.
|
|
41
|
+
"@synerise/ds-popconfirm": "^1.2.1",
|
|
42
|
+
"@synerise/ds-progress-bar": "^1.1.29",
|
|
43
43
|
"@synerise/ds-tooltip": "^1.3.5",
|
|
44
|
-
"@synerise/ds-typography": "^1.0
|
|
44
|
+
"@synerise/ds-typography": "^1.1.0",
|
|
45
45
|
"@synerise/ds-utils": "^1.5.3",
|
|
46
46
|
"filesize.js": "^2.0.0",
|
|
47
47
|
"react-dropzone": "^10.2.1"
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
53
53
|
"styled-components": "^5.3.3"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "13055ac4f0b05cc3eb06021d51c93c8d32328053"
|
|
56
56
|
}
|