i-tech-shared-components 1.1.5 → 1.1.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/docs/README.md +87 -0
- package/docs/components/autocomplete-select/autocomplete-select.component/README.md +13 -0
- package/docs/components/autocomplete-select/autocomplete-select.component/classes/AutocompleteSelectComponent.md +793 -0
- package/docs/components/button/button.component/README.md +13 -0
- package/docs/components/button/button.component/classes/ButtonComponent.md +191 -0
- package/docs/components/button/button.component.spec/README.md +7 -0
- package/docs/components/clear-value/clear-value.component/README.md +13 -0
- package/docs/components/clear-value/clear-value.component/classes/ClearValueComponent.md +47 -0
- package/docs/components/date-picker/date-picker.component/README.md +13 -0
- package/docs/components/date-picker/date-picker.component/classes/DatePickerComponent.md +253 -0
- package/docs/components/date-range-datepicker/date-range-datepicker.component/README.md +13 -0
- package/docs/components/date-range-datepicker/date-range-datepicker.component/classes/DateRangeDatepickerComponent.md +341 -0
- package/docs/components/icon-button/icon-button.component/README.md +13 -0
- package/docs/components/icon-button/icon-button.component/classes/IconButtonComponent.md +107 -0
- package/docs/components/label/label.component/README.md +13 -0
- package/docs/components/label/label.component/classes/LabelComponent.md +97 -0
- package/docs/components/menu/menu.component/README.md +13 -0
- package/docs/components/menu/menu.component/classes/MenuComponent.md +139 -0
- package/docs/components/text/text-input.component/README.md +13 -0
- package/docs/components/text/text-input.component/classes/TextInputComponent.md +133 -0
- package/docs/interfaces/app-input.interface/README.md +13 -0
- package/docs/interfaces/app-input.interface/interfaces/AppInputInterface.md +297 -0
- package/docs/interfaces/autocomplete-configs.interface/README.md +13 -0
- package/docs/interfaces/autocomplete-configs.interface/interfaces/AutocompleteConfigsInterface.md +357 -0
- package/docs/interfaces/button-types.enum/README.md +13 -0
- package/docs/interfaces/button-types.enum/enumerations/ButtonType.md +69 -0
- package/docs/interfaces/dropdown-selection.constants/README.md +17 -0
- package/docs/interfaces/dropdown-selection.constants/enumerations/DropdownSelectionType.md +37 -0
- package/docs/interfaces/dropdown-selection.constants/variables/DropdownItemIcon.md +27 -0
- package/docs/interfaces/label-type.enum/README.md +13 -0
- package/docs/interfaces/label-type.enum/enumerations/LabelTypeEnum.md +127 -0
- package/docs/services/input.service/README.md +13 -0
- package/docs/services/input.service/classes/InputService.md +31 -0
- package/ng-package.json +17 -0
- package/package.json +19 -32
- package/src/README.md +0 -0
- package/src/lib/components/autocomplete-select/autocomplete-select.component.html +211 -0
- package/src/lib/components/autocomplete-select/autocomplete-select.component.scss +58 -0
- package/src/lib/components/autocomplete-select/autocomplete-select.component.ts +430 -0
- package/src/lib/components/autocomplete-select/loader.svg +6 -0
- package/src/lib/components/button/button.component.css +0 -0
- package/src/lib/components/button/button.component.html +48 -0
- package/src/lib/components/button/button.component.spec.ts +23 -0
- package/src/lib/components/button/button.component.ts +106 -0
- package/src/lib/components/clear-value/clear-value.component.ts +44 -0
- package/src/lib/components/date-picker/date-picker.component.html +61 -0
- package/src/lib/components/date-picker/date-picker.component.ts +75 -0
- package/src/lib/components/date-range-datepicker/date-range-datepicker.component.html +44 -0
- package/src/lib/components/date-range-datepicker/date-range-datepicker.component.ts +105 -0
- package/src/lib/components/icon-button/icon-button.component.html +27 -0
- package/src/lib/components/icon-button/icon-button.component.scss +0 -0
- package/src/lib/components/icon-button/icon-button.component.ts +37 -0
- package/src/lib/components/label/label.component.html +15 -0
- package/src/lib/components/label/label.component.ts +33 -0
- package/src/lib/components/menu/menu.component.html +20 -0
- package/src/lib/components/menu/menu.component.scss +9 -0
- package/src/lib/components/menu/menu.component.ts +39 -0
- package/src/lib/components/text/text-input.component.html +91 -0
- package/src/lib/components/text/text-input.component.ts +73 -0
- package/src/lib/directives/date-mask.directive.ts +97 -0
- package/src/lib/directives/input-mask.directive.ts +93 -0
- package/src/lib/interfaces/app-input.interface.ts +32 -0
- package/src/lib/interfaces/autocomplete-configs.interface.ts +37 -0
- package/src/lib/interfaces/button-types.enum.ts +19 -0
- package/src/lib/interfaces/dropdown-selection.constants.ts +11 -0
- package/src/lib/interfaces/label-type.enum.ts +14 -0
- package/src/lib/pipes/array-to-string.pipe.ts +13 -0
- package/src/lib/pipes/generate-error-messages.pipe.ts +31 -0
- package/src/lib/pipes/get-value-by-key-from-object.pipe.ts +46 -0
- package/src/lib/services/input.service.ts +30 -0
- package/{public-api.d.ts → src/public-api.ts} +20 -15
- package/theme.scss +4 -2
- package/tsconfig.lib.json +15 -0
- package/tsconfig.lib.prod.json +11 -0
- package/tsconfig.spec.json +15 -0
- package/.npmignore +0 -2
- package/esm2022/i-tech-shared-components.mjs +0 -5
- package/esm2022/lib/components/autocomplete-select/autocomplete-select.component.mjs +0 -409
- package/esm2022/lib/components/button/button.component.mjs +0 -122
- package/esm2022/lib/components/clear-value/clear-value.component.mjs +0 -34
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +0 -97
- package/esm2022/lib/components/date-range-datepicker/date-range-datepicker.component.mjs +0 -118
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +0 -49
- package/esm2022/lib/components/text/text-input.component.mjs +0 -73
- package/esm2022/lib/directives/date-mask.directive.mjs +0 -92
- package/esm2022/lib/directives/input-mask.directive.mjs +0 -92
- package/esm2022/lib/interfaces/app-input.interface.mjs +0 -2
- package/esm2022/lib/interfaces/autocomplete-configs.interface.mjs +0 -2
- package/esm2022/lib/interfaces/button-types.enum.mjs +0 -17
- package/esm2022/lib/pipes/array-to-string.pipe.mjs +0 -17
- package/esm2022/lib/pipes/generate-error-messages.pipe.mjs +0 -31
- package/esm2022/lib/pipes/get-value-by-key-from-object.pipe.mjs +0 -45
- package/esm2022/lib/services/input.service.mjs +0 -29
- package/esm2022/public-api.mjs +0 -19
- package/fesm2022/i-tech-shared-components.mjs +0 -1149
- package/fesm2022/i-tech-shared-components.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/components/autocomplete-select/autocomplete-select.component.d.ts +0 -84
- package/lib/components/button/button.component.d.ts +0 -65
- package/lib/components/clear-value/clear-value.component.d.ts +0 -9
- package/lib/components/date-picker/date-picker.component.d.ts +0 -32
- package/lib/components/date-range-datepicker/date-range-datepicker.component.d.ts +0 -36
- package/lib/components/icon-button/icon-button.component.d.ts +0 -14
- package/lib/components/text/text-input.component.d.ts +0 -21
- package/lib/directives/date-mask.directive.d.ts +0 -25
- package/lib/directives/input-mask.directive.d.ts +0 -21
- package/lib/interfaces/app-input.interface.d.ts +0 -31
- package/lib/interfaces/autocomplete-configs.interface.d.ts +0 -37
- package/lib/interfaces/button-types.enum.d.ts +0 -15
- package/lib/pipes/array-to-string.pipe.d.ts +0 -7
- package/lib/pipes/generate-error-messages.pipe.d.ts +0 -10
- package/lib/pipes/get-value-by-key-from-object.pipe.d.ts +0 -7
- package/lib/services/input.service.d.ts +0 -7
package/docs/README.md
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
**i-tech-shared-components**
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
# i-tech-shared-components
|
|
6
|
+
|
|
7
|
+
## Modules
|
|
8
|
+
|
|
9
|
+
- [docs/components/autocomplete-select/autocomplete-select.component](components/autocomplete-select/autocomplete-select.component/README.md)
|
|
10
|
+
- [docs/components/button/button.component](components/button/button.component/README.md)
|
|
11
|
+
- [docs/components/clear-value/clear-value.component](components/clear-value/clear-value.component/README.md)
|
|
12
|
+
- [docs/components/date-picker/date-picker.component](components/date-picker/date-picker.component/README.md)
|
|
13
|
+
- [docs/components/date-range-datepicker/date-range-datepicker.component](components/date-range-datepicker/date-range-datepicker.component/README.md)
|
|
14
|
+
- [docs/components/icon-button/icon-button.component](components/icon-button/icon-button.component/README.md)
|
|
15
|
+
- [docs/components/label/label.component](components/label/label.component/README.md)
|
|
16
|
+
- [docs/components/menu/menu.component](components/menu/menu.component/README.md)
|
|
17
|
+
- [docs/components/text/text-input.component](components/text/text-input.component/README.md)
|
|
18
|
+
- [docs/interfaces/app-input.interface](interfaces/app-input.interface/README.md)
|
|
19
|
+
- [docs/interfaces/autocomplete-configs.interface](interfaces/autocomplete-configs.interface/README.md)
|
|
20
|
+
- [docs/interfaces/button-types.enum](interfaces/button-types.enum/README.md)
|
|
21
|
+
- [docs/interfaces/dropdown-selection.constants](interfaces/dropdown-selection.constants/README.md)
|
|
22
|
+
- [docs/interfaces/label-type.enum](interfaces/label-type.enum/README.md)
|
|
23
|
+
- [docs/services/input.service](services/input.service/README.md)
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Example
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
#### **Code Blocks**
|
|
30
|
+
```markdown
|
|
31
|
+
Here shown example how can use components
|
|
32
|
+
```
|
|
33
|
+
### Button Component
|
|
34
|
+
```html
|
|
35
|
+
<i-tech-button
|
|
36
|
+
(buttonClick)="handleClick()"
|
|
37
|
+
[customClass]="'your-custom-class'"
|
|
38
|
+
[text]="'Click me'"
|
|
39
|
+
[disabled]="false"
|
|
40
|
+
[submit]="false"
|
|
41
|
+
[icon]="'add'">
|
|
42
|
+
</i-tech-button>
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
#### **Tables**
|
|
47
|
+
```markdown
|
|
48
|
+
| Input | Type | Default | Description |
|
|
49
|
+
|--------------|-----------|----------|---------------------------------------------------------------------------------|
|
|
50
|
+
| `type` | `string` | `FILLED` | Button type (e.g., FILLED, TEXT). |
|
|
51
|
+
| `disabled` | `boolean` | `false` | Disables the button when true. |
|
|
52
|
+
| `icon` | `string` | `add` | Set a material or font icon, also you can register and submit your own SVG. |
|
|
53
|
+
| `customClass`| `string` | ` ` | Set your custom class. |
|
|
54
|
+
| `submit` | `boolean` | `false` | For button loading state. |
|
|
55
|
+
|
|
56
|
+
```markdown
|
|
57
|
+
| Output | Type | Default | Description |
|
|
58
|
+
|--------------|------------|----------|------------------------------------------------------------------------------|
|
|
59
|
+
| `buttonClick`| `void` | `void` | For output and handle button click. | |
|
|
60
|
+
|
|
61
|
+
```
|
|
62
|
+
### Icon Button Component
|
|
63
|
+
```html
|
|
64
|
+
<i-tech-icon-button
|
|
65
|
+
(buttonClick)="handleClick()"
|
|
66
|
+
[iconName]="'add'"
|
|
67
|
+
[tooltip]="'show info'"
|
|
68
|
+
[size]="'small'">
|
|
69
|
+
</i-tech-icon-button>
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
#### **Tables**
|
|
74
|
+
```markdown
|
|
75
|
+
| Input | Type | Default | Description |
|
|
76
|
+
|------------|-----------|----------|---------------------------------------------------------------------------------|
|
|
77
|
+
| `type` | `string` | `FILLED` | Button type (e.g., FILLED, TEXT). |
|
|
78
|
+
| `size` | `string` | `FILLED` | Button size (medium, small). |
|
|
79
|
+
| `disabled` | `boolean` | `false` | Disables the button when true. |
|
|
80
|
+
| `iconName` | `string` | `add` | Set a material or font icon. |
|
|
81
|
+
| `iconSvg` | `string` | `add` | You can register and submit your own SVG. |
|
|
82
|
+
| `tooltip` | `string` | `add` | Information about work of icon button.
|
|
83
|
+
|
|
84
|
+
```markdown
|
|
85
|
+
| Output | Type | Default | Description |
|
|
86
|
+
|--------------|------------|----------|------------------------------------------------------------------------------|
|
|
87
|
+
| `buttonClick`| `void` | `void` | For output and handle icon click. | |
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
[**i-tech-shared-components**](../../../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[i-tech-shared-components](../../../README.md) / components/autocomplete-select/autocomplete-select.component
|
|
6
|
+
|
|
7
|
+
# components/autocomplete-select/autocomplete-select.component
|
|
8
|
+
|
|
9
|
+
## Index
|
|
10
|
+
|
|
11
|
+
### Classes
|
|
12
|
+
|
|
13
|
+
- [AutocompleteSelectComponent](classes/AutocompleteSelectComponent.md)
|