@haloduck/ui 2.0.0 → 2.0.1
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 +42 -42
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
# @haloduck/ui
|
|
2
2
|
|
|
3
|
-
HaloDuck UI Library
|
|
3
|
+
HaloDuck UI Library is a modern and reusable UI component library for Angular-based applications.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
8
|
npm install @haloduck/ui
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
##
|
|
11
|
+
## Post Installation
|
|
12
12
|
### update `angular.json`
|
|
13
13
|
Update `angular.json` file.
|
|
14
14
|
```json
|
|
@@ -28,46 +28,46 @@ Copy i18n files to `public/i18n` folder in the root folder.
|
|
|
28
28
|
npx haloduck-copy-i18n
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
##
|
|
32
|
-
|
|
33
|
-
### Control
|
|
34
|
-
- **Button**:
|
|
35
|
-
- **Input**:
|
|
36
|
-
- **Select**:
|
|
37
|
-
- **DatePicker**:
|
|
38
|
-
- **DateRange**:
|
|
39
|
-
- **Calendar**:
|
|
40
|
-
- **Toggle**:
|
|
41
|
-
- **CopyButton**:
|
|
42
|
-
- **LanguageSelector**:
|
|
43
|
-
- **ImageUploader**:
|
|
44
|
-
- **FileUploader**:
|
|
45
|
-
- **ImageViewer**:
|
|
46
|
-
- **STLViewer**: 3D STL
|
|
47
|
-
- **MapToAddress**:
|
|
48
|
-
- **DrawCanvas**:
|
|
49
|
-
- **Flip**:
|
|
50
|
-
- **ConfirmDialog**:
|
|
51
|
-
- **Table**:
|
|
52
|
-
|
|
53
|
-
### Layout
|
|
54
|
-
- **Breadcrumb**:
|
|
55
|
-
- **DialogContainer**:
|
|
56
|
-
- **Notification**:
|
|
57
|
-
- **SideMenu**:
|
|
58
|
-
|
|
59
|
-
### Widget
|
|
60
|
-
- **PictureName**:
|
|
61
|
-
|
|
62
|
-
##
|
|
63
|
-
|
|
64
|
-
|
|
31
|
+
## Key Components
|
|
32
|
+
|
|
33
|
+
### Control Components
|
|
34
|
+
- **Button**: Button components with various styles
|
|
35
|
+
- **Input**: Form input component
|
|
36
|
+
- **Select**: Dropdown selection component
|
|
37
|
+
- **DatePicker**: Date picker component
|
|
38
|
+
- **DateRange**: Date range selection component
|
|
39
|
+
- **Calendar**: Calendar component
|
|
40
|
+
- **Toggle**: Toggle switch component
|
|
41
|
+
- **CopyButton**: Text copy button
|
|
42
|
+
- **LanguageSelector**: Language selection component
|
|
43
|
+
- **ImageUploader**: Image upload component
|
|
44
|
+
- **FileUploader**: File upload component
|
|
45
|
+
- **ImageViewer**: Image viewer component
|
|
46
|
+
- **STLViewer**: 3D STL file viewer
|
|
47
|
+
- **MapToAddress**: Address mapping component
|
|
48
|
+
- **DrawCanvas**: Drawing canvas component
|
|
49
|
+
- **Flip**: Flip animation component
|
|
50
|
+
- **ConfirmDialog**: Confirmation dialog
|
|
51
|
+
- **Table**: Data table component
|
|
52
|
+
|
|
53
|
+
### Layout Components
|
|
54
|
+
- **Breadcrumb**: Breadcrumb navigation
|
|
55
|
+
- **DialogContainer**: Dialog container
|
|
56
|
+
- **Notification**: Notification component
|
|
57
|
+
- **SideMenu**: Side menu component
|
|
58
|
+
|
|
59
|
+
### Widget Components
|
|
60
|
+
- **PictureName**: Image and name display widget
|
|
61
|
+
|
|
62
|
+
## Styling
|
|
63
|
+
|
|
64
|
+
This library is built on Tailwind CSS. Tailwind CSS must be installed in your project.
|
|
65
65
|
|
|
66
66
|
```bash
|
|
67
67
|
npm install tailwindcss
|
|
68
68
|
```
|
|
69
69
|
|
|
70
|
-
##
|
|
70
|
+
## Dependencies
|
|
71
71
|
|
|
72
72
|
- Angular 19.2.0+
|
|
73
73
|
- RxJS 7.8.0+
|
|
@@ -75,12 +75,12 @@ npm install tailwindcss
|
|
|
75
75
|
- Transloco 7.6.1+
|
|
76
76
|
- Angular CDK 19.2.15+
|
|
77
77
|
- NgRx Component Store 19.0.0+
|
|
78
|
-
- Three.js 0.175.0+ (3D
|
|
78
|
+
- Three.js 0.175.0+ (for 3D components)
|
|
79
79
|
|
|
80
|
-
##
|
|
80
|
+
## License
|
|
81
81
|
|
|
82
82
|
MIT License
|
|
83
83
|
|
|
84
|
-
##
|
|
84
|
+
## Support
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
If you have any issues or questions, please register them in [GitHub Issues](https://github.com/haloduck/haloduck-frontend/issues)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haloduck/ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "HaloDuck UI Library - Angular",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -40,16 +40,16 @@
|
|
|
40
40
|
"prepublishOnly": "npm run build:prod"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@angular/common": "^
|
|
44
|
-
"@angular/core": "^
|
|
43
|
+
"@angular/common": "^20.0.0",
|
|
44
|
+
"@angular/core": "^20.0.0",
|
|
45
45
|
"rxjs": "~7.8.0",
|
|
46
|
-
"@angular/forms": "^
|
|
46
|
+
"@angular/forms": "^20.0.0",
|
|
47
47
|
"@jsverse/transloco": "^7.6.1",
|
|
48
|
-
"@angular/cdk": "^
|
|
49
|
-
"@ngrx/component-store": "^
|
|
48
|
+
"@angular/cdk": "^20.0.0",
|
|
49
|
+
"@ngrx/component-store": "^20.0.0",
|
|
50
50
|
"three": "^0.175.0",
|
|
51
51
|
"three-stdlib": "^2.35.15",
|
|
52
|
-
"@types/three": "^0.
|
|
52
|
+
"@types/three": "^0.178.1"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"tslib": "^2.3.0"
|