@ajsf/material 14.0.0 → 16.0.0
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/{esm2020 → esm2022}/lib/material-design-framework.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/material-design-framework.module.mjs +21 -21
- package/{esm2020 → esm2022}/lib/material-design.framework.mjs +4 -4
- package/esm2022/lib/widgets/flex-layout-root.component.mjs +98 -0
- package/{esm2020 → esm2022}/lib/widgets/flex-layout-section.component.mjs +19 -19
- package/{esm2020 → esm2022}/lib/widgets/material-add-reference.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/widgets/material-button-group.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/widgets/material-button.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/widgets/material-checkbox.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/widgets/material-checkboxes.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/widgets/material-chip-list.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/widgets/material-datepicker.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/widgets/material-file.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/widgets/material-input.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/widgets/material-number.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/widgets/material-one-of.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/widgets/material-radios.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/widgets/material-select.component.mjs +11 -11
- package/esm2022/lib/widgets/material-slider.component.mjs +77 -0
- package/{esm2020 → esm2022}/lib/widgets/material-stepper.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/widgets/material-tabs.component.mjs +16 -6
- package/{esm2020 → esm2022}/lib/widgets/material-textarea.component.mjs +11 -11
- package/{fesm2020 → fesm2022}/ajsf-material.mjs +177 -173
- package/fesm2022/ajsf-material.mjs.map +1 -0
- package/lib/material-design-framework.component.d.ts +1 -1
- package/lib/widgets/flex-layout-root.component.d.ts +1 -1
- package/lib/widgets/flex-layout-section.component.d.ts +1 -1
- package/lib/widgets/material-add-reference.component.d.ts +1 -1
- package/lib/widgets/material-button-group.component.d.ts +1 -1
- package/lib/widgets/material-button.component.d.ts +1 -1
- package/lib/widgets/material-checkbox.component.d.ts +1 -1
- package/lib/widgets/material-checkboxes.component.d.ts +1 -1
- package/lib/widgets/material-chip-list.component.d.ts +1 -1
- package/lib/widgets/material-datepicker.component.d.ts +1 -1
- package/lib/widgets/material-file.component.d.ts +1 -1
- package/lib/widgets/material-input.component.d.ts +1 -1
- package/lib/widgets/material-number.component.d.ts +1 -1
- package/lib/widgets/material-one-of.component.d.ts +1 -1
- package/lib/widgets/material-radios.component.d.ts +1 -1
- package/lib/widgets/material-select.component.d.ts +1 -1
- package/lib/widgets/material-slider.component.d.ts +1 -1
- package/lib/widgets/material-stepper.component.d.ts +1 -1
- package/lib/widgets/material-tabs.component.d.ts +1 -1
- package/lib/widgets/material-textarea.component.d.ts +1 -1
- package/package.json +11 -17
- package/esm2020/lib/widgets/flex-layout-root.component.mjs +0 -98
- package/esm2020/lib/widgets/material-slider.component.mjs +0 -83
- package/fesm2015/ajsf-material.mjs +0 -2332
- package/fesm2015/ajsf-material.mjs.map +0 -1
- package/fesm2020/ajsf-material.mjs.map +0 -1
- /package/{esm2020 → esm2022}/ajsf-material.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/widgets/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/public_api.mjs +0 -0
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ajsf/material",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "16.0.0",
|
|
4
4
|
"description": "Angular JSON Schema Form builder using Angular Material UI",
|
|
5
5
|
"author": "https://github.com/hamzahamidi/ajsf/graphs/contributors",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"Angular",
|
|
8
8
|
"ng",
|
|
9
|
-
"
|
|
10
|
-
"Angular
|
|
11
|
-
"
|
|
9
|
+
"Angular16",
|
|
10
|
+
"Angular 16",
|
|
11
|
+
"ng16",
|
|
12
12
|
"JSON Schema",
|
|
13
13
|
"form",
|
|
14
14
|
"forms",
|
|
@@ -29,18 +29,14 @@
|
|
|
29
29
|
"private": false,
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"lodash-es": "~4.17.21",
|
|
32
|
-
"@ajsf/core": "^
|
|
32
|
+
"@ajsf/core": "^16.0.0",
|
|
33
33
|
"tslib": "^2.0.0"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
|
-
"@angular/material": "^
|
|
37
|
-
"@angular/cdk": "^
|
|
36
|
+
"@angular/material": "^16.0.0",
|
|
37
|
+
"@angular/cdk": "^16.0.0"
|
|
38
38
|
},
|
|
39
|
-
"module": "
|
|
40
|
-
"es2020": "fesm2020/ajsf-material.mjs",
|
|
41
|
-
"esm2020": "esm2020/ajsf-material.mjs",
|
|
42
|
-
"fesm2020": "fesm2020/ajsf-material.mjs",
|
|
43
|
-
"fesm2015": "fesm2015/ajsf-material.mjs",
|
|
39
|
+
"module": "fesm2022/ajsf-material.mjs",
|
|
44
40
|
"typings": "index.d.ts",
|
|
45
41
|
"exports": {
|
|
46
42
|
"./package.json": {
|
|
@@ -48,11 +44,9 @@
|
|
|
48
44
|
},
|
|
49
45
|
".": {
|
|
50
46
|
"types": "./index.d.ts",
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"node": "./fesm2015/ajsf-material.mjs",
|
|
55
|
-
"default": "./fesm2020/ajsf-material.mjs"
|
|
47
|
+
"esm2022": "./esm2022/ajsf-material.mjs",
|
|
48
|
+
"esm": "./esm2022/ajsf-material.mjs",
|
|
49
|
+
"default": "./fesm2022/ajsf-material.mjs"
|
|
56
50
|
}
|
|
57
51
|
},
|
|
58
52
|
"sideEffects": false
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@ajsf/core";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
export class FlexLayoutRootComponent {
|
|
6
|
-
constructor(jsf) {
|
|
7
|
-
this.jsf = jsf;
|
|
8
|
-
this.isFlexItem = false;
|
|
9
|
-
}
|
|
10
|
-
removeItem(item) {
|
|
11
|
-
this.jsf.removeItem(item);
|
|
12
|
-
}
|
|
13
|
-
getFlexBasis(node) {
|
|
14
|
-
return (node?.options || {}).fxFlex || this.getFlexAttribute(node, 'flex-basis');
|
|
15
|
-
}
|
|
16
|
-
getMaxWidth(node) {
|
|
17
|
-
const fxFlex = (node?.options || {}).fxFlex;
|
|
18
|
-
return fxFlex && `${fxFlex}`.trim().endsWith('%') ? fxFlex : null;
|
|
19
|
-
}
|
|
20
|
-
getAlignSelf(node) {
|
|
21
|
-
const options = node?.options || {};
|
|
22
|
-
return options['align-self'] ||
|
|
23
|
-
FlexLayoutRootComponent.SELF_ALIGN[options.fxFlexAlign] || null;
|
|
24
|
-
}
|
|
25
|
-
getOrder(node) {
|
|
26
|
-
const options = node?.options || {};
|
|
27
|
-
return options.order || options.fxFlexOrder || null;
|
|
28
|
-
}
|
|
29
|
-
getOffset(node) {
|
|
30
|
-
return (node?.options || {}).fxFlexOffset || null;
|
|
31
|
-
}
|
|
32
|
-
// Set attributes for flexbox child
|
|
33
|
-
// (container attributes are set in flex-layout-section.component)
|
|
34
|
-
getFlexAttribute(node, attribute) {
|
|
35
|
-
const index = ['flex-grow', 'flex-shrink', 'flex-basis'].indexOf(attribute);
|
|
36
|
-
return ((node.options || {}).flex || '').split(/\s+/)[index] ||
|
|
37
|
-
(node.options || {})[attribute] || ['1', '1', 'auto'][index];
|
|
38
|
-
}
|
|
39
|
-
showWidget(layoutNode) {
|
|
40
|
-
return this.jsf.evaluateCondition(layoutNode, this.dataIndex);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
// fxFlex="30%" and friends used to come from @angular/flex-layout, which is
|
|
44
|
-
// deprecated and has no Angular 16+ release. These translate the same option
|
|
45
|
-
// values to the CSS the directives were compiling to, so schemas that set
|
|
46
|
-
// fxFlex, fxFlexOrder, fxFlexOffset or fxFlexAlign keep working unchanged.
|
|
47
|
-
FlexLayoutRootComponent.SELF_ALIGN = {
|
|
48
|
-
start: 'flex-start', end: 'flex-end', center: 'center',
|
|
49
|
-
baseline: 'baseline', stretch: 'stretch',
|
|
50
|
-
};
|
|
51
|
-
FlexLayoutRootComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlexLayoutRootComponent, deps: [{ token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
FlexLayoutRootComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: FlexLayoutRootComponent, selector: "flex-layout-root-widget", inputs: { dataIndex: "dataIndex", layoutIndex: "layoutIndex", layout: "layout", isFlexItem: "isFlexItem" }, ngImport: i0, template: `
|
|
53
|
-
<div *ngFor="let layoutNode of layout; let i = index"
|
|
54
|
-
[class.form-flex-item]="isFlexItem"
|
|
55
|
-
[style.flex-grow]="getFlexAttribute(layoutNode, 'flex-grow')"
|
|
56
|
-
[style.flex-shrink]="getFlexAttribute(layoutNode, 'flex-shrink')"
|
|
57
|
-
[style.flex-basis]="getFlexBasis(layoutNode)"
|
|
58
|
-
[style.align-self]="getAlignSelf(layoutNode)"
|
|
59
|
-
[style.order]="getOrder(layoutNode)"
|
|
60
|
-
[style.max-width]="getMaxWidth(layoutNode)"
|
|
61
|
-
[style.margin-left]="getOffset(layoutNode)">
|
|
62
|
-
<select-framework-widget *ngIf="showWidget(layoutNode)"
|
|
63
|
-
[dataIndex]="layoutNode?.arrayItem ? (dataIndex || []).concat(i) : (dataIndex || [])"
|
|
64
|
-
[layoutIndex]="(layoutIndex || []).concat(i)"
|
|
65
|
-
[layoutNode]="layoutNode"></select-framework-widget>
|
|
66
|
-
</div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.SelectFrameworkComponent, selector: "select-framework-widget", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlexLayoutRootComponent, decorators: [{
|
|
68
|
-
type: Component,
|
|
69
|
-
args: [{
|
|
70
|
-
// tslint:disable-next-line:component-selector
|
|
71
|
-
selector: 'flex-layout-root-widget',
|
|
72
|
-
template: `
|
|
73
|
-
<div *ngFor="let layoutNode of layout; let i = index"
|
|
74
|
-
[class.form-flex-item]="isFlexItem"
|
|
75
|
-
[style.flex-grow]="getFlexAttribute(layoutNode, 'flex-grow')"
|
|
76
|
-
[style.flex-shrink]="getFlexAttribute(layoutNode, 'flex-shrink')"
|
|
77
|
-
[style.flex-basis]="getFlexBasis(layoutNode)"
|
|
78
|
-
[style.align-self]="getAlignSelf(layoutNode)"
|
|
79
|
-
[style.order]="getOrder(layoutNode)"
|
|
80
|
-
[style.max-width]="getMaxWidth(layoutNode)"
|
|
81
|
-
[style.margin-left]="getOffset(layoutNode)">
|
|
82
|
-
<select-framework-widget *ngIf="showWidget(layoutNode)"
|
|
83
|
-
[dataIndex]="layoutNode?.arrayItem ? (dataIndex || []).concat(i) : (dataIndex || [])"
|
|
84
|
-
[layoutIndex]="(layoutIndex || []).concat(i)"
|
|
85
|
-
[layoutNode]="layoutNode"></select-framework-widget>
|
|
86
|
-
</div>`,
|
|
87
|
-
changeDetection: ChangeDetectionStrategy.Default,
|
|
88
|
-
}]
|
|
89
|
-
}], ctorParameters: function () { return [{ type: i1.JsonSchemaFormService }]; }, propDecorators: { dataIndex: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], layoutIndex: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], layout: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], isFlexItem: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}] } });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleC1sYXlvdXQtcm9vdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hanNmLW1hdGVyaWFsL3NyYy9saWIvd2lkZ2V0cy9mbGV4LWxheW91dC1yb290LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQXdCMUUsTUFBTSxPQUFPLHVCQUF1QjtJQU1sQyxZQUNVLEdBQTBCO1FBQTFCLFFBQUcsR0FBSCxHQUFHLENBQXVCO1FBSDNCLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFJeEIsQ0FBQztJQUVMLFVBQVUsQ0FBQyxJQUFJO1FBQ2IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQVdELFlBQVksQ0FBQyxJQUFTO1FBQ3BCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBUztRQUNuQixNQUFNLE1BQU0sR0FBRyxDQUFDLElBQUksRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzVDLE9BQU8sTUFBTSxJQUFJLEdBQUcsTUFBTSxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNwRSxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQVM7UUFDcEIsTUFBTSxPQUFPLEdBQUcsSUFBSSxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDcEMsT0FBTyxPQUFPLENBQUMsWUFBWSxDQUFDO1lBQzFCLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ3BFLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBUztRQUNoQixNQUFNLE9BQU8sR0FBRyxJQUFJLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQztRQUNwQyxPQUFPLE9BQU8sQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUM7SUFDdEQsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUFTO1FBQ2pCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUM7SUFDcEQsQ0FBQztJQUVELG1DQUFtQztJQUNuQyxrRUFBa0U7SUFDbEUsZ0JBQWdCLENBQUMsSUFBUyxFQUFFLFNBQWlCO1FBQzNDLE1BQU0sS0FBSyxHQUFHLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxZQUFZLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDNUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQztZQUMxRCxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFFRCxVQUFVLENBQUMsVUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNoRSxDQUFDOztBQTNDRCw0RUFBNEU7QUFDNUUsNkVBQTZFO0FBQzdFLDBFQUEwRTtBQUMxRSwyRUFBMkU7QUFDbkQsa0NBQVUsR0FBRztJQUNuQyxLQUFLLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFFBQVE7SUFDdEQsUUFBUSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsU0FBUztDQUN4QyxDQUFBO29IQXJCUyx1QkFBdUI7d0dBQXZCLHVCQUF1QiwyS0FqQnhCOzs7Ozs7Ozs7Ozs7OztXQWNEOzJGQUdFLHVCQUF1QjtrQkFwQm5DLFNBQVM7bUJBQUM7b0JBQ1QsOENBQThDO29CQUM5QyxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O1dBY0Q7b0JBQ1QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE9BQU87aUJBQ2pEOzRHQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBKc29uU2NoZW1hRm9ybVNlcnZpY2UgfSBmcm9tICdAYWpzZi9jb3JlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2ZsZXgtbGF5b3V0LXJvb3Qtd2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBsYXlvdXROb2RlIG9mIGxheW91dDsgbGV0IGkgPSBpbmRleFwiXG4gICAgICBbY2xhc3MuZm9ybS1mbGV4LWl0ZW1dPVwiaXNGbGV4SXRlbVwiXG4gICAgICBbc3R5bGUuZmxleC1ncm93XT1cImdldEZsZXhBdHRyaWJ1dGUobGF5b3V0Tm9kZSwgJ2ZsZXgtZ3JvdycpXCJcbiAgICAgIFtzdHlsZS5mbGV4LXNocmlua109XCJnZXRGbGV4QXR0cmlidXRlKGxheW91dE5vZGUsICdmbGV4LXNocmluaycpXCJcbiAgICAgIFtzdHlsZS5mbGV4LWJhc2lzXT1cImdldEZsZXhCYXNpcyhsYXlvdXROb2RlKVwiXG4gICAgICBbc3R5bGUuYWxpZ24tc2VsZl09XCJnZXRBbGlnblNlbGYobGF5b3V0Tm9kZSlcIlxuICAgICAgW3N0eWxlLm9yZGVyXT1cImdldE9yZGVyKGxheW91dE5vZGUpXCJcbiAgICAgIFtzdHlsZS5tYXgtd2lkdGhdPVwiZ2V0TWF4V2lkdGgobGF5b3V0Tm9kZSlcIlxuICAgICAgW3N0eWxlLm1hcmdpbi1sZWZ0XT1cImdldE9mZnNldChsYXlvdXROb2RlKVwiPlxuICAgICAgPHNlbGVjdC1mcmFtZXdvcmstd2lkZ2V0ICpuZ0lmPVwic2hvd1dpZGdldChsYXlvdXROb2RlKVwiXG4gICAgICAgIFtkYXRhSW5kZXhdPVwibGF5b3V0Tm9kZT8uYXJyYXlJdGVtID8gKGRhdGFJbmRleCB8fCBbXSkuY29uY2F0KGkpIDogKGRhdGFJbmRleCB8fCBbXSlcIlxuICAgICAgICBbbGF5b3V0SW5kZXhdPVwiKGxheW91dEluZGV4IHx8IFtdKS5jb25jYXQoaSlcIlxuICAgICAgICBbbGF5b3V0Tm9kZV09XCJsYXlvdXROb2RlXCI+PC9zZWxlY3QtZnJhbWV3b3JrLXdpZGdldD5cbiAgICA8L2Rpdj5gLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG59KVxuZXhwb3J0IGNsYXNzIEZsZXhMYXlvdXRSb290Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YUluZGV4OiBudW1iZXJbXTtcbiAgQElucHV0KCkgbGF5b3V0SW5kZXg6IG51bWJlcltdO1xuICBASW5wdXQoKSBsYXlvdXQ6IGFueVtdO1xuICBASW5wdXQoKSBpc0ZsZXhJdGVtID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBqc2Y6IEpzb25TY2hlbWFGb3JtU2VydmljZVxuICApIHsgfVxuXG4gIHJlbW92ZUl0ZW0oaXRlbSkge1xuICAgIHRoaXMuanNmLnJlbW92ZUl0ZW0oaXRlbSk7XG4gIH1cblxuICAvLyBmeEZsZXg9XCIzMCVcIiBhbmQgZnJpZW5kcyB1c2VkIHRvIGNvbWUgZnJvbSBAYW5ndWxhci9mbGV4LWxheW91dCwgd2hpY2ggaXNcbiAgLy8gZGVwcmVjYXRlZCBhbmQgaGFzIG5vIEFuZ3VsYXIgMTYrIHJlbGVhc2UuIFRoZXNlIHRyYW5zbGF0ZSB0aGUgc2FtZSBvcHRpb25cbiAgLy8gdmFsdWVzIHRvIHRoZSBDU1MgdGhlIGRpcmVjdGl2ZXMgd2VyZSBjb21waWxpbmcgdG8sIHNvIHNjaGVtYXMgdGhhdCBzZXRcbiAgLy8gZnhGbGV4LCBmeEZsZXhPcmRlciwgZnhGbGV4T2Zmc2V0IG9yIGZ4RmxleEFsaWduIGtlZXAgd29ya2luZyB1bmNoYW5nZWQuXG4gIHByaXZhdGUgc3RhdGljIHJlYWRvbmx5IFNFTEZfQUxJR04gPSB7XG4gICAgc3RhcnQ6ICdmbGV4LXN0YXJ0JywgZW5kOiAnZmxleC1lbmQnLCBjZW50ZXI6ICdjZW50ZXInLFxuICAgIGJhc2VsaW5lOiAnYmFzZWxpbmUnLCBzdHJldGNoOiAnc3RyZXRjaCcsXG4gIH07XG5cbiAgZ2V0RmxleEJhc2lzKG5vZGU6IGFueSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIChub2RlPy5vcHRpb25zIHx8IHt9KS5meEZsZXggfHwgdGhpcy5nZXRGbGV4QXR0cmlidXRlKG5vZGUsICdmbGV4LWJhc2lzJyk7XG4gIH1cblxuICBnZXRNYXhXaWR0aChub2RlOiBhbnkpOiBzdHJpbmcge1xuICAgIGNvbnN0IGZ4RmxleCA9IChub2RlPy5vcHRpb25zIHx8IHt9KS5meEZsZXg7XG4gICAgcmV0dXJuIGZ4RmxleCAmJiBgJHtmeEZsZXh9YC50cmltKCkuZW5kc1dpdGgoJyUnKSA/IGZ4RmxleCA6IG51bGw7XG4gIH1cblxuICBnZXRBbGlnblNlbGYobm9kZTogYW55KTogc3RyaW5nIHtcbiAgICBjb25zdCBvcHRpb25zID0gbm9kZT8ub3B0aW9ucyB8fCB7fTtcbiAgICByZXR1cm4gb3B0aW9uc1snYWxpZ24tc2VsZiddIHx8XG4gICAgICBGbGV4TGF5b3V0Um9vdENvbXBvbmVudC5TRUxGX0FMSUdOW29wdGlvbnMuZnhGbGV4QWxpZ25dIHx8IG51bGw7XG4gIH1cblxuICBnZXRPcmRlcihub2RlOiBhbnkpOiBzdHJpbmcge1xuICAgIGNvbnN0IG9wdGlvbnMgPSBub2RlPy5vcHRpb25zIHx8IHt9O1xuICAgIHJldHVybiBvcHRpb25zLm9yZGVyIHx8IG9wdGlvbnMuZnhGbGV4T3JkZXIgfHwgbnVsbDtcbiAgfVxuXG4gIGdldE9mZnNldChub2RlOiBhbnkpOiBzdHJpbmcge1xuICAgIHJldHVybiAobm9kZT8ub3B0aW9ucyB8fCB7fSkuZnhGbGV4T2Zmc2V0IHx8IG51bGw7XG4gIH1cblxuICAvLyBTZXQgYXR0cmlidXRlcyBmb3IgZmxleGJveCBjaGlsZFxuICAvLyAoY29udGFpbmVyIGF0dHJpYnV0ZXMgYXJlIHNldCBpbiBmbGV4LWxheW91dC1zZWN0aW9uLmNvbXBvbmVudClcbiAgZ2V0RmxleEF0dHJpYnV0ZShub2RlOiBhbnksIGF0dHJpYnV0ZTogc3RyaW5nKSB7XG4gICAgY29uc3QgaW5kZXggPSBbJ2ZsZXgtZ3JvdycsICdmbGV4LXNocmluaycsICdmbGV4LWJhc2lzJ10uaW5kZXhPZihhdHRyaWJ1dGUpO1xuICAgIHJldHVybiAoKG5vZGUub3B0aW9ucyB8fCB7fSkuZmxleCB8fCAnJykuc3BsaXQoL1xccysvKVtpbmRleF0gfHxcbiAgICAgIChub2RlLm9wdGlvbnMgfHwge30pW2F0dHJpYnV0ZV0gfHwgWycxJywgJzEnLCAnYXV0byddW2luZGV4XTtcbiAgfVxuXG4gIHNob3dXaWRnZXQobGF5b3V0Tm9kZTogYW55KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuanNmLmV2YWx1YXRlQ29uZGl0aW9uKGxheW91dE5vZGUsIHRoaXMuZGF0YUluZGV4KTtcbiAgfVxufVxuIl19
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@ajsf/core";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@angular/forms";
|
|
6
|
-
import * as i4 from "@angular/material/form-field";
|
|
7
|
-
import * as i5 from "@angular/material/slider";
|
|
8
|
-
export class MaterialSliderComponent {
|
|
9
|
-
constructor(jsf) {
|
|
10
|
-
this.jsf = jsf;
|
|
11
|
-
this.controlDisabled = false;
|
|
12
|
-
this.boundControl = false;
|
|
13
|
-
this.allowNegative = true;
|
|
14
|
-
this.allowDecimal = true;
|
|
15
|
-
this.allowExponents = false;
|
|
16
|
-
this.lastValidNumber = '';
|
|
17
|
-
}
|
|
18
|
-
ngOnInit() {
|
|
19
|
-
this.options = this.layoutNode.options || {};
|
|
20
|
-
this.jsf.initializeControl(this, !this.options.readonly);
|
|
21
|
-
}
|
|
22
|
-
updateValue(event) {
|
|
23
|
-
this.options.showErrors = true;
|
|
24
|
-
this.jsf.updateValue(this, event.value);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
MaterialSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialSliderComponent, deps: [{ token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
MaterialSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaterialSliderComponent, selector: "material-slider-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
29
|
-
<mat-slider thumbLabel *ngIf="boundControl"
|
|
30
|
-
[formControl]="formControl"
|
|
31
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
32
|
-
[id]="'control' + layoutNode?._id"
|
|
33
|
-
[max]="options?.maximum"
|
|
34
|
-
[min]="options?.minimum"
|
|
35
|
-
[step]="options?.multipleOf || options?.step || 'any'"
|
|
36
|
-
[style.width]="'100%'"
|
|
37
|
-
(blur)="options.showErrors = true"></mat-slider>
|
|
38
|
-
<mat-slider thumbLabel *ngIf="!boundControl"
|
|
39
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
40
|
-
[disabled]="controlDisabled || options?.readonly"
|
|
41
|
-
[id]="'control' + layoutNode?._id"
|
|
42
|
-
[max]="options?.maximum"
|
|
43
|
-
[min]="options?.minimum"
|
|
44
|
-
[step]="options?.multipleOf || options?.step || 'any'"
|
|
45
|
-
[style.width]="'100%'"
|
|
46
|
-
[value]="controlValue"
|
|
47
|
-
(blur)="options.showErrors = true"
|
|
48
|
-
(change)="updateValue($event)"></mat-slider>
|
|
49
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
50
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }] });
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialSliderComponent, decorators: [{
|
|
52
|
-
type: Component,
|
|
53
|
-
args: [{ selector: 'material-slider-widget', template: `
|
|
54
|
-
<mat-slider thumbLabel *ngIf="boundControl"
|
|
55
|
-
[formControl]="formControl"
|
|
56
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
57
|
-
[id]="'control' + layoutNode?._id"
|
|
58
|
-
[max]="options?.maximum"
|
|
59
|
-
[min]="options?.minimum"
|
|
60
|
-
[step]="options?.multipleOf || options?.step || 'any'"
|
|
61
|
-
[style.width]="'100%'"
|
|
62
|
-
(blur)="options.showErrors = true"></mat-slider>
|
|
63
|
-
<mat-slider thumbLabel *ngIf="!boundControl"
|
|
64
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
65
|
-
[disabled]="controlDisabled || options?.readonly"
|
|
66
|
-
[id]="'control' + layoutNode?._id"
|
|
67
|
-
[max]="options?.maximum"
|
|
68
|
-
[min]="options?.minimum"
|
|
69
|
-
[step]="options?.multipleOf || options?.step || 'any'"
|
|
70
|
-
[style.width]="'100%'"
|
|
71
|
-
[value]="controlValue"
|
|
72
|
-
(blur)="options.showErrors = true"
|
|
73
|
-
(change)="updateValue($event)"></mat-slider>
|
|
74
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
75
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, styles: ["mat-error{font-size:75%}\n"] }]
|
|
76
|
-
}], ctorParameters: function () { return [{ type: i1.JsonSchemaFormService }]; }, propDecorators: { layoutNode: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], layoutIndex: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], dataIndex: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fqc2YtbWF0ZXJpYWwvc3JjL2xpYi93aWRnZXRzL21hdGVyaWFsLXNsaWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUErQnpELE1BQU0sT0FBTyx1QkFBdUI7SUFlbEMsWUFDVSxHQUEwQjtRQUExQixRQUFHLEdBQUgsR0FBRyxDQUF1QjtRQVpwQyxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUVyQixrQkFBYSxHQUFHLElBQUksQ0FBQztRQUNyQixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUNwQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixvQkFBZSxHQUFHLEVBQUUsQ0FBQztJQU9qQixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDL0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDOztvSEEzQlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsd0pBekJ4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1REFzQjJDOzJGQUcxQyx1QkFBdUI7a0JBNUJuQyxTQUFTOytCQUVFLHdCQUF3QixZQUN4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1REFzQjJDOzRHQWM1QyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSnNvblNjaGVtYUZvcm1TZXJ2aWNlIH0gZnJvbSAnQGFqc2YvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbWF0ZXJpYWwtc2xpZGVyLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1zbGlkZXIgdGh1bWJMYWJlbCAqbmdJZj1cImJvdW5kQ29udHJvbFwiXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCInY29udHJvbCcgKyBsYXlvdXROb2RlPy5faWQgKyAnU3RhdHVzJ1wiXG4gICAgICBbaWRdPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkXCJcbiAgICAgIFttYXhdPVwib3B0aW9ucz8ubWF4aW11bVwiXG4gICAgICBbbWluXT1cIm9wdGlvbnM/Lm1pbmltdW1cIlxuICAgICAgW3N0ZXBdPVwib3B0aW9ucz8ubXVsdGlwbGVPZiB8fCBvcHRpb25zPy5zdGVwIHx8ICdhbnknXCJcbiAgICAgIFtzdHlsZS53aWR0aF09XCInMTAwJSdcIlxuICAgICAgKGJsdXIpPVwib3B0aW9ucy5zaG93RXJyb3JzID0gdHJ1ZVwiPjwvbWF0LXNsaWRlcj5cbiAgICA8bWF0LXNsaWRlciB0aHVtYkxhYmVsICpuZ0lmPVwiIWJvdW5kQ29udHJvbFwiXG4gICAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cIidjb250cm9sJyArIGxheW91dE5vZGU/Ll9pZCArICdTdGF0dXMnXCJcbiAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sRGlzYWJsZWQgfHwgb3B0aW9ucz8ucmVhZG9ubHlcIlxuICAgICAgW2lkXT1cIidjb250cm9sJyArIGxheW91dE5vZGU/Ll9pZFwiXG4gICAgICBbbWF4XT1cIm9wdGlvbnM/Lm1heGltdW1cIlxuICAgICAgW21pbl09XCJvcHRpb25zPy5taW5pbXVtXCJcbiAgICAgIFtzdGVwXT1cIm9wdGlvbnM/Lm11bHRpcGxlT2YgfHwgb3B0aW9ucz8uc3RlcCB8fCAnYW55J1wiXG4gICAgICBbc3R5bGUud2lkdGhdPVwiJzEwMCUnXCJcbiAgICAgIFt2YWx1ZV09XCJjb250cm9sVmFsdWVcIlxuICAgICAgKGJsdXIpPVwib3B0aW9ucy5zaG93RXJyb3JzID0gdHJ1ZVwiXG4gICAgICAoY2hhbmdlKT1cInVwZGF0ZVZhbHVlKCRldmVudClcIj48L21hdC1zbGlkZXI+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cIm9wdGlvbnM/LnNob3dFcnJvcnMgJiYgb3B0aW9ucz8uZXJyb3JNZXNzYWdlXCJcbiAgICAgIFtpbm5lckhUTUxdPVwib3B0aW9ucz8uZXJyb3JNZXNzYWdlXCI+PC9tYXQtZXJyb3I+YCxcbiAgICBzdHlsZXM6IFtgIG1hdC1lcnJvciB7IGZvbnQtc2l6ZTogNzUlOyB9IGBdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbFNsaWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGZvcm1Db250cm9sOiBBYnN0cmFjdENvbnRyb2w7XG4gIGNvbnRyb2xOYW1lOiBzdHJpbmc7XG4gIGNvbnRyb2xWYWx1ZTogYW55O1xuICBjb250cm9sRGlzYWJsZWQgPSBmYWxzZTtcbiAgYm91bmRDb250cm9sID0gZmFsc2U7XG4gIG9wdGlvbnM6IGFueTtcbiAgYWxsb3dOZWdhdGl2ZSA9IHRydWU7XG4gIGFsbG93RGVjaW1hbCA9IHRydWU7XG4gIGFsbG93RXhwb25lbnRzID0gZmFsc2U7XG4gIGxhc3RWYWxpZE51bWJlciA9ICcnO1xuICBASW5wdXQoKSBsYXlvdXROb2RlOiBhbnk7XG4gIEBJbnB1dCgpIGxheW91dEluZGV4OiBudW1iZXJbXTtcbiAgQElucHV0KCkgZGF0YUluZGV4OiBudW1iZXJbXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGpzZjogSnNvblNjaGVtYUZvcm1TZXJ2aWNlXG4gICkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5vcHRpb25zID0gdGhpcy5sYXlvdXROb2RlLm9wdGlvbnMgfHwge307XG4gICAgdGhpcy5qc2YuaW5pdGlhbGl6ZUNvbnRyb2wodGhpcywgIXRoaXMub3B0aW9ucy5yZWFkb25seSk7XG4gIH1cblxuICB1cGRhdGVWYWx1ZShldmVudCkge1xuICAgIHRoaXMub3B0aW9ucy5zaG93RXJyb3JzID0gdHJ1ZTtcbiAgICB0aGlzLmpzZi51cGRhdGVWYWx1ZSh0aGlzLCBldmVudC52YWx1ZSk7XG4gIH1cbn1cbiJdfQ==
|