@masterteam/components 0.0.8 → 0.0.9
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/avatar/index.d.ts +20 -0
- package/avatar-text/index.d.ts +23 -0
- package/card/index.d.ts +13 -0
- package/chip/index.d.ts +19 -0
- package/editor-field/index.d.ts +28 -0
- package/fesm2022/masterteam-components-avatar-text.mjs +46 -0
- package/fesm2022/masterteam-components-avatar-text.mjs.map +1 -0
- package/fesm2022/masterteam-components-avatar.mjs +44 -0
- package/fesm2022/masterteam-components-avatar.mjs.map +1 -0
- package/fesm2022/masterteam-components-button.mjs +4 -4
- package/fesm2022/masterteam-components-button.mjs.map +1 -1
- package/fesm2022/masterteam-components-card.mjs +27 -0
- package/fesm2022/masterteam-components-card.mjs.map +1 -0
- package/fesm2022/masterteam-components-checkbox-field.mjs +3 -3
- package/fesm2022/masterteam-components-chip.mjs +37 -0
- package/fesm2022/masterteam-components-chip.mjs.map +1 -0
- package/fesm2022/masterteam-components-date-field.mjs +3 -3
- package/fesm2022/masterteam-components-editor-field.mjs +85 -0
- package/fesm2022/masterteam-components-editor-field.mjs.map +1 -0
- package/fesm2022/masterteam-components-field-validation.mjs +3 -3
- package/fesm2022/masterteam-components-icon-field.mjs +3 -3
- package/fesm2022/masterteam-components-list.mjs +31 -0
- package/fesm2022/masterteam-components-list.mjs.map +1 -0
- package/fesm2022/masterteam-components-multi-select-field.mjs +3 -3
- package/fesm2022/masterteam-components-number-field.mjs +3 -3
- package/fesm2022/masterteam-components-select-field.mjs +3 -3
- package/fesm2022/masterteam-components-slider-field.mjs +3 -3
- package/fesm2022/masterteam-components-text-field.mjs +3 -3
- package/fesm2022/masterteam-components-textarea-field.mjs +3 -3
- package/list/index.d.ts +18 -0
- package/package.json +41 -15
|
@@ -84,10 +84,10 @@ class TextField {
|
|
|
84
84
|
setDisabledState(disabled) {
|
|
85
85
|
this.disabled.set(disabled);
|
|
86
86
|
}
|
|
87
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
|
88
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.
|
|
87
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TextField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
88
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: TextField, isStandalone: true, selector: "mt-text-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, pKeyFilter: { classPropertyName: "pKeyFilter", publicName: "pKeyFilter", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name || label()\"\n >{{ label() }}</label\n >\n}\n@if (!hint()) {\n @if (!pKeyFilter()) {\n <input\n #inputText=\"\"\n pInputText=\"\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n [disabled]=\"disabled() || readonly()\"\n [type]=\"type()\"\n [id]=\"ngControl?.name || label()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n class=\"w-full\"\n />\n }\n @if (pKeyFilter()) {\n <input\n #inputText=\"\"\n pInputText=\"\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n [disabled]=\"disabled() || readonly()\"\n [type]=\"type()\"\n [id]=\"ngControl?.name || label()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n class=\"w-full\"\n [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n />\n }\n} @else {\n <p-inputgroup>\n @if (!pKeyFilter()) {\n <input\n #inputText=\"\"\n pInputText=\"\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n [disabled]=\"disabled() || readonly()\"\n [type]=\"type()\"\n [id]=\"ngControl?.name || label()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n class=\"w-full\"\n />\n }\n @if (pKeyFilter()) {\n <input\n #inputText=\"\"\n pInputText=\"\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n [disabled]=\"disabled() || readonly()\"\n [type]=\"type()\"\n [id]=\"ngControl?.name || label()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n class=\"w-full\"\n [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n />\n }\n <p-inputgroup-addon [pTooltip]=\"hint()\" tooltipPosition=\"top\">\n <mt-icon icon=\"general.help-circle\" />\n </p-inputgroup-addon>\n </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i6.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched", "customErrorClass"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
|
|
89
89
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TextField, decorators: [{
|
|
91
91
|
type: Component,
|
|
92
92
|
args: [{ selector: 'mt-text-field', standalone: true, imports: [
|
|
93
93
|
FormsModule,
|
|
@@ -58,10 +58,10 @@ class TextareaField {
|
|
|
58
58
|
setDisabledState(disabled) {
|
|
59
59
|
this.disabled.set(disabled);
|
|
60
60
|
}
|
|
61
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.
|
|
61
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: TextareaField, isStandalone: true, selector: "mt-textarea-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, noErrorStyle: { classPropertyName: "noErrorStyle", publicName: "noErrorStyle", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name || label()\"\n >{{ label() }}</label\n >\n}\n<textarea\n #textarea\n pTextarea\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (blur)=\"onTouched()\"\n [disabled]=\"disabled() || readonly()\"\n [id]=\"ngControl?.name || label()\"\n [class.ng-invalid]=\"!noErrorStyle() && ngControl?.control?.invalid\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n class=\"w-full\"\n [rows]=\"rows()\"\n style=\"resize: none\"\n></textarea>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }] });
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TextareaField, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
66
|
args: [{ selector: 'mt-textarea-field', standalone: true, imports: [FormsModule, TextareaModule], host: {
|
|
67
67
|
class: 'grid gap-1',
|
package/list/index.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
interface ListItem {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
}
|
|
7
|
+
declare class List {
|
|
8
|
+
data: _angular_core.InputSignal<ListItem[]>;
|
|
9
|
+
separated: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
10
|
+
itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
11
|
+
template: _angular_core.InputSignal<TemplateRef<any> | null>;
|
|
12
|
+
effectiveTemplate: _angular_core.Signal<TemplateRef<any> | null>;
|
|
13
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<List, never>;
|
|
14
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<List, "mt-list", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "separated": { "alias": "separated"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, ["itemTemplate"], never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { List };
|
|
18
|
+
export type { ListItem };
|
package/package.json
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@masterteam/components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"directory": ".",
|
|
6
6
|
"linkDirectory": false,
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"@angular/common": "^20.1.
|
|
11
|
-
"@angular/core": "^20.1.
|
|
12
|
-
"@angular/forms": "^20.1.
|
|
10
|
+
"@angular/common": "^20.1.2",
|
|
11
|
+
"@angular/core": "^20.1.2",
|
|
12
|
+
"@angular/forms": "^20.1.2",
|
|
13
13
|
"@primeuix/themes": "^1.2.1",
|
|
14
14
|
"@tailwindcss/postcss": "^4.1.11",
|
|
15
15
|
"postcss": "^8.5.6",
|
|
16
|
-
"primeng": "20.0.0
|
|
16
|
+
"primeng": "^20.0.0",
|
|
17
17
|
"tailwindcss": "^4.1.11",
|
|
18
|
-
"tailwindcss-primeui": "^0.6.1"
|
|
18
|
+
"tailwindcss-primeui": "^0.6.1",
|
|
19
|
+
"ngx-quill": "^28.0.0",
|
|
20
|
+
"quill": "^2.0.0"
|
|
19
21
|
},
|
|
20
22
|
"dependencies": {
|
|
21
23
|
"tslib": "^2.3.0",
|
|
@@ -36,6 +38,14 @@
|
|
|
36
38
|
"types": "./index.d.ts",
|
|
37
39
|
"default": "./fesm2022/masterteam-components.mjs"
|
|
38
40
|
},
|
|
41
|
+
"./avatar": {
|
|
42
|
+
"types": "./avatar/index.d.ts",
|
|
43
|
+
"default": "./fesm2022/masterteam-components-avatar.mjs"
|
|
44
|
+
},
|
|
45
|
+
"./avatar-text": {
|
|
46
|
+
"types": "./avatar-text/index.d.ts",
|
|
47
|
+
"default": "./fesm2022/masterteam-components-avatar-text.mjs"
|
|
48
|
+
},
|
|
39
49
|
"./checkbox-field": {
|
|
40
50
|
"types": "./checkbox-field/index.d.ts",
|
|
41
51
|
"default": "./fesm2022/masterteam-components-checkbox-field.mjs"
|
|
@@ -44,6 +54,10 @@
|
|
|
44
54
|
"types": "./button/index.d.ts",
|
|
45
55
|
"default": "./fesm2022/masterteam-components-button.mjs"
|
|
46
56
|
},
|
|
57
|
+
"./card": {
|
|
58
|
+
"types": "./card/index.d.ts",
|
|
59
|
+
"default": "./fesm2022/masterteam-components-card.mjs"
|
|
60
|
+
},
|
|
47
61
|
"./field-validation": {
|
|
48
62
|
"types": "./field-validation/index.d.ts",
|
|
49
63
|
"default": "./fesm2022/masterteam-components-field-validation.mjs"
|
|
@@ -52,33 +66,45 @@
|
|
|
52
66
|
"types": "./date-field/index.d.ts",
|
|
53
67
|
"default": "./fesm2022/masterteam-components-date-field.mjs"
|
|
54
68
|
},
|
|
69
|
+
"./editor-field": {
|
|
70
|
+
"types": "./editor-field/index.d.ts",
|
|
71
|
+
"default": "./fesm2022/masterteam-components-editor-field.mjs"
|
|
72
|
+
},
|
|
73
|
+
"./chip": {
|
|
74
|
+
"types": "./chip/index.d.ts",
|
|
75
|
+
"default": "./fesm2022/masterteam-components-chip.mjs"
|
|
76
|
+
},
|
|
55
77
|
"./icon-field": {
|
|
56
78
|
"types": "./icon-field/index.d.ts",
|
|
57
79
|
"default": "./fesm2022/masterteam-components-icon-field.mjs"
|
|
58
80
|
},
|
|
59
|
-
"./
|
|
60
|
-
"types": "./
|
|
61
|
-
"default": "./fesm2022/masterteam-components-
|
|
81
|
+
"./list": {
|
|
82
|
+
"types": "./list/index.d.ts",
|
|
83
|
+
"default": "./fesm2022/masterteam-components-list.mjs"
|
|
62
84
|
},
|
|
63
85
|
"./number-field": {
|
|
64
86
|
"types": "./number-field/index.d.ts",
|
|
65
87
|
"default": "./fesm2022/masterteam-components-number-field.mjs"
|
|
66
88
|
},
|
|
67
|
-
"./
|
|
68
|
-
"types": "./
|
|
69
|
-
"default": "./fesm2022/masterteam-components-
|
|
89
|
+
"./multi-select-field": {
|
|
90
|
+
"types": "./multi-select-field/index.d.ts",
|
|
91
|
+
"default": "./fesm2022/masterteam-components-multi-select-field.mjs"
|
|
70
92
|
},
|
|
71
93
|
"./select-field": {
|
|
72
94
|
"types": "./select-field/index.d.ts",
|
|
73
95
|
"default": "./fesm2022/masterteam-components-select-field.mjs"
|
|
74
96
|
},
|
|
75
|
-
"./
|
|
76
|
-
"types": "./
|
|
77
|
-
"default": "./fesm2022/masterteam-components-
|
|
97
|
+
"./slider-field": {
|
|
98
|
+
"types": "./slider-field/index.d.ts",
|
|
99
|
+
"default": "./fesm2022/masterteam-components-slider-field.mjs"
|
|
78
100
|
},
|
|
79
101
|
"./textarea-field": {
|
|
80
102
|
"types": "./textarea-field/index.d.ts",
|
|
81
103
|
"default": "./fesm2022/masterteam-components-textarea-field.mjs"
|
|
104
|
+
},
|
|
105
|
+
"./text-field": {
|
|
106
|
+
"types": "./text-field/index.d.ts",
|
|
107
|
+
"default": "./fesm2022/masterteam-components-text-field.mjs"
|
|
82
108
|
}
|
|
83
109
|
}
|
|
84
110
|
}
|