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
|
@@ -1132,8 +1132,16 @@ class OnshoreFormSortItemComponent {
|
|
|
1132
1132
|
this.cdr.markForCheck();
|
|
1133
1133
|
}
|
|
1134
1134
|
// ControlValueAccessor interface
|
|
1135
|
-
writeValue(obj) {
|
|
1136
|
-
|
|
1135
|
+
writeValue(obj) {
|
|
1136
|
+
if (obj) {
|
|
1137
|
+
this.cdr.markForCheck();
|
|
1138
|
+
}
|
|
1139
|
+
}
|
|
1140
|
+
registerOnChange(fn) {
|
|
1141
|
+
if (this.ngControl.value) {
|
|
1142
|
+
this.cdr.markForCheck();
|
|
1143
|
+
}
|
|
1144
|
+
}
|
|
1137
1145
|
registerOnTouched(fn) { }
|
|
1138
1146
|
setDisabledState(isDisabled) {
|
|
1139
1147
|
this.disabled = isDisabled;
|
|
@@ -1141,8 +1149,12 @@ class OnshoreFormSortItemComponent {
|
|
|
1141
1149
|
ngOnInit() {
|
|
1142
1150
|
if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined) {
|
|
1143
1151
|
this.ngControl.control?.setValue(this.formTemplate.default);
|
|
1144
|
-
this.
|
|
1152
|
+
this.sortItems = this.formTemplate.default;
|
|
1145
1153
|
}
|
|
1154
|
+
else {
|
|
1155
|
+
this.sortItems = this.ngControl.control?.value;
|
|
1156
|
+
}
|
|
1157
|
+
this.cdr.markForCheck();
|
|
1146
1158
|
}
|
|
1147
1159
|
ngOnChanges(changes) {
|
|
1148
1160
|
this.cdr.markForCheck();
|
|
@@ -1152,18 +1164,16 @@ class OnshoreFormSortItemComponent {
|
|
|
1152
1164
|
}
|
|
1153
1165
|
}
|
|
1154
1166
|
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 });
|
|
1155
|
-
OnshoreFormSortItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormSortItemComponent, selector: "onshore-form-sort-item", inputs: { formTemplate: "formTemplate"
|
|
1167
|
+
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 });
|
|
1156
1168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormSortItemComponent, decorators: [{
|
|
1157
1169
|
type: Component,
|
|
1158
|
-
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\"
|
|
1170
|
+
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" }]
|
|
1159
1171
|
}], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
|
|
1160
1172
|
type: Self
|
|
1161
1173
|
}, {
|
|
1162
1174
|
type: Optional
|
|
1163
1175
|
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
|
|
1164
1176
|
type: Input
|
|
1165
|
-
}], sortItems: [{
|
|
1166
|
-
type: Input
|
|
1167
1177
|
}] } });
|
|
1168
1178
|
|
|
1169
1179
|
class OnshoreFormsModule {
|