onshore-forms 0.0.19 → 0.0.20
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/lib/components/form-sort-item/form-sort-item.component.mjs +18 -8
- package/fesm2015/onshore-forms.mjs +18 -8
- package/fesm2015/onshore-forms.mjs.map +1 -1
- package/fesm2020/onshore-forms.mjs +17 -7
- package/fesm2020/onshore-forms.mjs.map +1 -1
- package/lib/components/form-sort-item/form-sort-item.component.d.ts +1 -1
- package/package.json +1 -1
- package/styles/scss/main.css +1 -1
- package/styles/scss/theme1.css +1 -1
|
@@ -22,8 +22,16 @@ export class OnshoreFormSortItemComponent {
|
|
|
22
22
|
this.cdr.markForCheck();
|
|
23
23
|
}
|
|
24
24
|
// ControlValueAccessor interface
|
|
25
|
-
writeValue(obj) {
|
|
26
|
-
|
|
25
|
+
writeValue(obj) {
|
|
26
|
+
if (obj) {
|
|
27
|
+
this.cdr.markForCheck();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
registerOnChange(fn) {
|
|
31
|
+
if (this.ngControl.value) {
|
|
32
|
+
this.cdr.markForCheck();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
27
35
|
registerOnTouched(fn) { }
|
|
28
36
|
setDisabledState(isDisabled) {
|
|
29
37
|
this.disabled = isDisabled;
|
|
@@ -31,8 +39,12 @@ export class OnshoreFormSortItemComponent {
|
|
|
31
39
|
ngOnInit() {
|
|
32
40
|
if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined) {
|
|
33
41
|
this.ngControl.control?.setValue(this.formTemplate.default);
|
|
34
|
-
this.
|
|
42
|
+
this.sortItems = this.formTemplate.default;
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
this.sortItems = this.ngControl.control?.value;
|
|
35
46
|
}
|
|
47
|
+
this.cdr.markForCheck();
|
|
36
48
|
}
|
|
37
49
|
ngOnChanges(changes) {
|
|
38
50
|
this.cdr.markForCheck();
|
|
@@ -42,17 +54,15 @@ export class OnshoreFormSortItemComponent {
|
|
|
42
54
|
}
|
|
43
55
|
}
|
|
44
56
|
OnshoreFormSortItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate"
|
|
57
|
+
OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n\n <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n class=\"w-full\" [dragula]=\"ngControl.enabled\"\n [dragulaModel]=\"sortItems\"\n (dragulaModelChange)=\"sortItemsChanged($event)\">\n <div [class.cursor-move]=\"ngControl.enabled\"\n class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-gray-1\" *ngFor=\"let item of sortItems\">\n <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n </div>\n </div>\n\n</onshore-form-item-container>\n", 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: "directive", type: i3.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { kind: "component", type: i4.OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
46
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, decorators: [{
|
|
47
59
|
type: Component,
|
|
48
|
-
args: [{ selector: 'onshore-form-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n\n <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"
|
|
60
|
+
args: [{ selector: 'onshore-form-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n\n <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n class=\"w-full\" [dragula]=\"ngControl.enabled\"\n [dragulaModel]=\"sortItems\"\n (dragulaModelChange)=\"sortItemsChanged($event)\">\n <div [class.cursor-move]=\"ngControl.enabled\"\n class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-gray-1\" *ngFor=\"let item of sortItems\">\n <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n </div>\n </div>\n\n</onshore-form-item-container>\n" }]
|
|
49
61
|
}], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
|
|
50
62
|
type: Self
|
|
51
63
|
}, {
|
|
52
64
|
type: Optional
|
|
53
65
|
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
|
|
54
66
|
type: Input
|
|
55
|
-
}], sortItems: [{
|
|
56
|
-
type: Input
|
|
57
67
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1zb3J0LWl0ZW0vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1zb3J0LWl0ZW0vZm9ybS1zb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsS0FBSyxFQUNHLFFBQVEsRUFDaEIsSUFBSSxFQUNMLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUFPNUYsTUFBTSxPQUFPLDRCQUE0QjtJQXNEdkMsWUFBdUMsU0FBb0IsRUFDdkMsR0FBc0I7UUFESCxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBcEQxQyxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBRXZCLDRCQUF1QixHQUFHLHVCQUF1QixDQUFDO1FBQ2xELDhCQUF5QixHQUFHLHlCQUF5QixDQUFDO1FBRXRELGFBQVEsR0FBWSxLQUFLLENBQUM7UUFnRHhCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUN0QyxDQUFDO0lBL0NELGdCQUFnQixDQUFDLEtBQVk7UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGlDQUFpQztJQUMxQixVQUFVLENBQUMsR0FBUTtRQUN4QixJQUFHLEdBQUcsRUFBRTtZQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTyxJQUFTLENBQUM7SUFFbkMsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLElBQUksU0FBUyxFQUFFO1lBQ2hGLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7U0FDNUM7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO1NBQ2hEO1FBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztJQUNwQyxDQUFDOzt5SEFwRFUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsNkhDakJ6QywweUJBY0E7MkZER2EsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHdCQUF3QixtQkFFakIsdUJBQXVCLENBQUMsTUFBTTs7MEJBd0RsQyxJQUFJOzswQkFBSSxRQUFROzRFQXJEcEIsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksXG4gIE9uSW5pdCwgT3B0aW9uYWwsXG4gIFNlbGYsIFNpbXBsZUNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT25zaG9yZUZvcm1UZW1wbGF0ZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS5tb2RlbHMnO1xuaW1wb3J0IHsgT25zaG9yZUZvcm1UZW1wbGF0ZUxheW91dCwgT25zaG9yZUZvcm1UZW1wbGF0ZVR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcy9mb3JtLmVudW1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb25zaG9yZS1mb3JtLXNvcnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLXNvcnQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybVNvcnRJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcblxuICBzb3J0SXRlbXM/OiBhbnlbXSA9IFtdO1xuXG4gIE9uc2hvcmVGb3JtVGVtcGxhdGVUeXBlID0gT25zaG9yZUZvcm1UZW1wbGF0ZVR5cGU7XG4gIE9uc2hvcmVGb3JtVGVtcGxhdGVMYXlvdXQgPSBPbnNob3JlRm9ybVRlbXBsYXRlTGF5b3V0O1xuXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgc29ydEl0ZW1zQ2hhbmdlZChldmVudDogYW55W10pIHtcbiAgICB0aGlzLnNvcnRJdGVtcyA9IGV2ZW50O1xuICAgIHRoaXMubmdDb250cm9sPy5jb250cm9sPy5zZXRWYWx1ZShldmVudCk7XG4gICAgdGhpcy5uZ0NvbnRyb2w/LmNvbnRyb2w/Lm1hcmtBc0RpcnR5KCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBpbnRlcmZhY2VcbiAgcHVibGljIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHtcbiAgICBpZihvYmopIHtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICBpZih0aGlzLm5nQ29udHJvbC52YWx1ZSkge1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge31cblxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZih0aGlzLm5nQ29udHJvbC5jb250cm9sPy52YWx1ZSA9PSAnJyAmJiB0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0ICE9IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uc2V0VmFsdWUodGhpcy5mb3JtVGVtcGxhdGUuZGVmYXVsdCk7XG4gICAgICB0aGlzLnNvcnRJdGVtcyA9IHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc29ydEl0ZW1zID0gdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWU7XG4gICAgfVxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZGlzYWJsZSgpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoQFNlbGYoKSBAT3B0aW9uYWwoKSBwdWJsaWMgbmdDb250cm9sOiBOZ0NvbnRyb2wsXG4gICAgICAgICAgICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoaXMubmdDb250cm9sLnZhbHVlQWNjZXNzb3IgPSB0aGlzO1xuICB9XG59XG4iLCI8b25zaG9yZS1mb3JtLWl0ZW0tY29udGFpbmVyIFtmb3JtVGVtcGxhdGVdPVwiZm9ybVRlbXBsYXRlXCIgW25nQ29udHJvbF09XCJuZ0NvbnRyb2xcIj5cblxuICA8ZGl2ICpuZ0lmPVwiZm9ybVRlbXBsYXRlLnR5cGUgPT0gT25zaG9yZUZvcm1UZW1wbGF0ZVR5cGUuc29ydFwiXG4gICAgICAgY2xhc3M9XCJ3LWZ1bGxcIiBbZHJhZ3VsYV09XCJuZ0NvbnRyb2wuZW5hYmxlZFwiXG4gICAgICAgW2RyYWd1bGFNb2RlbF09XCJzb3J0SXRlbXNcIlxuICAgICAgIChkcmFndWxhTW9kZWxDaGFuZ2UpPVwic29ydEl0ZW1zQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgPGRpdiBbY2xhc3MuY3Vyc29yLW1vdmVdPVwibmdDb250cm9sLmVuYWJsZWRcIlxuICAgICAgICAgY2xhc3M9XCJvbnNob3JlLXNvcnQtaXRlbSBmbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlciBvbnNob3JlLWJvcmRlci1ncmF5LTQgYm9yZGVyLXNvbGlkIGJvcmRlci0xIHAtMiBtYi0yIG9uc2hvcmUtYmFja2dyb3VuZC1jb2xvci1ncmF5LTFcIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBzb3J0SXRlbXNcIj5cbiAgICAgIDxzcGFuIFtjbGFzcy5vbnNob3JlLWNvbG9yLWJsb2NrZWRdPVwiIW5nQ29udHJvbC5lbmFibGVkXCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDxpIFtjbGFzcy5vbnNob3JlLWNvbG9yLWJsb2NrZWRdPVwiIW5nQ29udHJvbC5lbmFibGVkXCIgY2xhc3M9XCJmYSBmYS1hcnJvd3MtdlwiPjwvaT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbjwvb25zaG9yZS1mb3JtLWl0ZW0tY29udGFpbmVyPlxuIl19
|
|
@@ -1192,18 +1192,30 @@ class OnshoreFormSortItemComponent {
|
|
|
1192
1192
|
this.cdr.markForCheck();
|
|
1193
1193
|
}
|
|
1194
1194
|
// ControlValueAccessor interface
|
|
1195
|
-
writeValue(obj) {
|
|
1196
|
-
|
|
1195
|
+
writeValue(obj) {
|
|
1196
|
+
if (obj) {
|
|
1197
|
+
this.cdr.markForCheck();
|
|
1198
|
+
}
|
|
1199
|
+
}
|
|
1200
|
+
registerOnChange(fn) {
|
|
1201
|
+
if (this.ngControl.value) {
|
|
1202
|
+
this.cdr.markForCheck();
|
|
1203
|
+
}
|
|
1204
|
+
}
|
|
1197
1205
|
registerOnTouched(fn) { }
|
|
1198
1206
|
setDisabledState(isDisabled) {
|
|
1199
1207
|
this.disabled = isDisabled;
|
|
1200
1208
|
}
|
|
1201
1209
|
ngOnInit() {
|
|
1202
|
-
var _a, _b;
|
|
1210
|
+
var _a, _b, _c;
|
|
1203
1211
|
if (((_a = this.ngControl.control) === null || _a === void 0 ? void 0 : _a.value) == '' && this.formTemplate.default != undefined) {
|
|
1204
1212
|
(_b = this.ngControl.control) === null || _b === void 0 ? void 0 : _b.setValue(this.formTemplate.default);
|
|
1205
|
-
this.
|
|
1213
|
+
this.sortItems = this.formTemplate.default;
|
|
1206
1214
|
}
|
|
1215
|
+
else {
|
|
1216
|
+
this.sortItems = (_c = this.ngControl.control) === null || _c === void 0 ? void 0 : _c.value;
|
|
1217
|
+
}
|
|
1218
|
+
this.cdr.markForCheck();
|
|
1207
1219
|
}
|
|
1208
1220
|
ngOnChanges(changes) {
|
|
1209
1221
|
this.cdr.markForCheck();
|
|
@@ -1214,10 +1226,10 @@ class OnshoreFormSortItemComponent {
|
|
|
1214
1226
|
}
|
|
1215
1227
|
}
|
|
1216
1228
|
OnshoreFormSortItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1217
|
-
OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate"
|
|
1229
|
+
OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate" }, usesOnChanges: true, ngImport: i0, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n\n <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n class=\"w-full\" [dragula]=\"ngControl.enabled\"\n [dragulaModel]=\"sortItems\"\n (dragulaModelChange)=\"sortItemsChanged($event)\">\n <div [class.cursor-move]=\"ngControl.enabled\"\n class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-gray-1\" *ngFor=\"let item of sortItems\">\n <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n </div>\n </div>\n\n</onshore-form-item-container>\n", 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: "directive", type: i3$6.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }, { kind: "component", type: OnshoreFormItemContainer, selector: "onshore-form-item-container", inputs: ["formTemplate", "ngControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1218
1230
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, decorators: [{
|
|
1219
1231
|
type: Component,
|
|
1220
|
-
args: [{ selector: 'onshore-form-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n\n <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"
|
|
1232
|
+
args: [{ selector: 'onshore-form-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<onshore-form-item-container [formTemplate]=\"formTemplate\" [ngControl]=\"ngControl\">\n\n <div *ngIf=\"formTemplate.type == OnshoreFormTemplateType.sort\"\n class=\"w-full\" [dragula]=\"ngControl.enabled\"\n [dragulaModel]=\"sortItems\"\n (dragulaModelChange)=\"sortItemsChanged($event)\">\n <div [class.cursor-move]=\"ngControl.enabled\"\n class=\"onshore-sort-item flex justify-content-between align-items-center onshore-border-gray-4 border-solid border-1 p-2 mb-2 onshore-background-color-gray-1\" *ngFor=\"let item of sortItems\">\n <span [class.onshore-color-blocked]=\"!ngControl.enabled\">{{ item.label }}</span>\n <i [class.onshore-color-blocked]=\"!ngControl.enabled\" class=\"fa fa-arrows-v\"></i>\n </div>\n </div>\n\n</onshore-form-item-container>\n" }]
|
|
1221
1233
|
}], ctorParameters: function () {
|
|
1222
1234
|
return [{ type: i1.NgControl, decorators: [{
|
|
1223
1235
|
type: Self
|
|
@@ -1226,8 +1238,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
1226
1238
|
}] }, { type: i0.ChangeDetectorRef }];
|
|
1227
1239
|
}, propDecorators: { formTemplate: [{
|
|
1228
1240
|
type: Input
|
|
1229
|
-
}], sortItems: [{
|
|
1230
|
-
type: Input
|
|
1231
1241
|
}] } });
|
|
1232
1242
|
|
|
1233
1243
|
class OnshoreFormsModule {
|