@wizishop/angular-components 0.0.201 → 0.0.205
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/angular-components.scss +140 -69
- package/bundles/wizishop-angular-components.umd.js +38 -5
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/draganddrop-list/draganddrop-list.component.js +39 -6
- package/fesm2015/wizishop-angular-components.js +38 -5
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/draganddrop-list/draganddrop-list.component.d.ts +15 -3
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.205.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.201.tgz +0 -0
|
@@ -2,32 +2,65 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
|
|
|
2
2
|
import { moveItemInArray } from '@angular/cdk/drag-drop';
|
|
3
3
|
export class DraganddropListComponent {
|
|
4
4
|
constructor() {
|
|
5
|
-
this.
|
|
5
|
+
this.label = '';
|
|
6
|
+
this.disabled = false;
|
|
7
|
+
this.backgroundColor = '#fff';
|
|
8
|
+
this.showTriggerSave = false;
|
|
6
9
|
this.itemsChange = new EventEmitter();
|
|
7
10
|
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
this.setTempCopy();
|
|
13
|
+
}
|
|
8
14
|
drop(event) {
|
|
9
|
-
if (!this.
|
|
15
|
+
if (!this.disabled) {
|
|
10
16
|
moveItemInArray(this.items, event.previousIndex, event.currentIndex);
|
|
11
17
|
this.itemsChange.emit(this.items);
|
|
18
|
+
this.setTempCopy();
|
|
12
19
|
}
|
|
13
20
|
}
|
|
14
21
|
delete(index) {
|
|
15
|
-
if (!this.
|
|
22
|
+
if (!this.disabled) {
|
|
16
23
|
this.items = this.items.filter((value, i) => i !== index);
|
|
17
24
|
this.itemsChange.emit(this.items);
|
|
25
|
+
this.setTempCopy();
|
|
18
26
|
}
|
|
19
27
|
}
|
|
28
|
+
saveField(index, event) {
|
|
29
|
+
this.copyTemps[index] = event.target.value;
|
|
30
|
+
this.itemsChange.emit(this.copyTemps);
|
|
31
|
+
}
|
|
32
|
+
saveFieldEnd(index, event) {
|
|
33
|
+
this.items[index] = event.target.value;
|
|
34
|
+
this.itemsChange.emit(this.items);
|
|
35
|
+
this.setTempCopy();
|
|
36
|
+
}
|
|
37
|
+
addField() {
|
|
38
|
+
this.showTriggerSave = true;
|
|
39
|
+
}
|
|
40
|
+
saveNewField(event) {
|
|
41
|
+
this.items.push(event.target.value);
|
|
42
|
+
this.itemsChange.emit(this.items);
|
|
43
|
+
this.setTempCopy();
|
|
44
|
+
this.showTriggerSave = false;
|
|
45
|
+
}
|
|
46
|
+
setTempCopy() {
|
|
47
|
+
this.copyTemps = Object.assign({}, this.items);
|
|
48
|
+
}
|
|
20
49
|
}
|
|
21
50
|
DraganddropListComponent.decorators = [
|
|
22
51
|
{ type: Component, args: [{
|
|
23
52
|
selector: 'wac-draganddrop-list',
|
|
24
|
-
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!
|
|
53
|
+
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\n <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\n <span></span>\n </span>\n <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\n <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keydown)=\"saveField(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\n </span>\n </div>\n <div (mousedown)=\"$event.stopPropagation()\">\n <div>\n <wac-button [iconFontSize]=\"'14px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\n </div>\n <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\n <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"'18px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\n <span></span>\n </span>\n <span class=\"wac-draganddrop-list__wrapper__item__input\">\n <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\n </span>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\n <div class=\"wac-draganddrop-list__wrapper\">\n <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\n </div>\n </div>\n </div>\n</div>\n",
|
|
25
54
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
26
55
|
},] }
|
|
27
56
|
];
|
|
28
57
|
DraganddropListComponent.propDecorators = {
|
|
58
|
+
label: [{ type: Input }],
|
|
29
59
|
items: [{ type: Input }],
|
|
30
|
-
|
|
60
|
+
disabled: [{ type: Input }],
|
|
61
|
+
max: [{ type: Input }],
|
|
62
|
+
labelBtnAdd: [{ type: Input }],
|
|
63
|
+
backgroundColor: [{ type: Input }],
|
|
31
64
|
itemsChange: [{ type: Output }]
|
|
32
65
|
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2FuZGRyb3AtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RyYWdhbmRkcm9wLWxpc3QvZHJhZ2FuZGRyb3AtbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RyxPQUFPLEVBQWMsZUFBZSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFPcEUsTUFBTSxPQUFPLHdCQUF3QjtJQUxyQztRQVFFLFVBQUssR0FBRyxFQUFFLENBQUM7UUFRWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBU2pCLG9CQUFlLEdBQUcsTUFBTSxDQUFDO1FBRXpCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBR3hCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7SUFnRGxELENBQUM7SUE5Q0MsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBSSxDQUFDLEtBQTRCO1FBQy9CLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ3JFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQUs7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLEtBQUssQ0FBRSxDQUFDO1lBQzNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDM0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUs7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7OztZQTVFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsczhFQUFnRDtnQkFDaEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7OztvQkFHRSxLQUFLO29CQUdMLEtBQUs7dUJBS0wsS0FBSztrQkFHTCxLQUFLOzBCQUdMLEtBQUs7OEJBR0wsS0FBSzswQkFLTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Nka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXl9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtZHJhZ2FuZGRyb3AtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcmFnYW5kZHJvcC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRHJhZ2FuZGRyb3BMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBcnJheTxzdHJpbmc+O1xuXG4gIGNvcHlUZW1wczogQXJyYXk8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG1heDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsQnRuQWRkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZENvbG9yID0gJyNmZmYnO1xuXG4gIHNob3dUcmlnZ2VyU2F2ZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBpdGVtc0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8QXJyYXk8c3RyaW5nPj4oKTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldFRlbXBDb3B5KCk7XG4gIH1cblxuICBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLml0ZW1zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICAgICAgdGhpcy5pdGVtc0NoYW5nZS5lbWl0KHRoaXMuaXRlbXMpO1xuICAgICAgdGhpcy5zZXRUZW1wQ29weSgpO1xuICAgIH1cbiAgfVxuXG4gIGRlbGV0ZShpbmRleCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pdGVtcyA9IHRoaXMuaXRlbXMuZmlsdGVyKCh2YWx1ZSwgaSkgPT4gaSAhPT0gaW5kZXggKTtcbiAgICAgIHRoaXMuaXRlbXNDaGFuZ2UuZW1pdCh0aGlzLml0ZW1zKTtcbiAgICAgIHRoaXMuc2V0VGVtcENvcHkoKTtcbiAgICB9XG4gIH1cblxuICBzYXZlRmllbGQoaW5kZXgsIGV2ZW50KSB7XG4gICAgdGhpcy5jb3B5VGVtcHNbaW5kZXhdID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMuaXRlbXNDaGFuZ2UuZW1pdCh0aGlzLmNvcHlUZW1wcyk7XG4gIH1cblxuICBzYXZlRmllbGRFbmQoaW5kZXgsIGV2ZW50KSB7XG4gICAgdGhpcy5pdGVtc1tpbmRleF0gPSBldmVudC50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5pdGVtc0NoYW5nZS5lbWl0KHRoaXMuaXRlbXMpO1xuICAgIHRoaXMuc2V0VGVtcENvcHkoKTtcbiAgfVxuXG4gIGFkZEZpZWxkKCkge1xuICAgIHRoaXMuc2hvd1RyaWdnZXJTYXZlID0gdHJ1ZTtcbiAgfVxuXG4gIHNhdmVOZXdGaWVsZChldmVudCkge1xuICAgIHRoaXMuaXRlbXMucHVzaChldmVudC50YXJnZXQudmFsdWUpO1xuICAgIHRoaXMuaXRlbXNDaGFuZ2UuZW1pdCh0aGlzLml0ZW1zKTtcbiAgICB0aGlzLnNldFRlbXBDb3B5KCk7XG4gICAgdGhpcy5zaG93VHJpZ2dlclNhdmUgPSBmYWxzZTtcbiAgfVxuXG4gIHNldFRlbXBDb3B5KCkge1xuICAgIHRoaXMuY29weVRlbXBzID0gT2JqZWN0LmFzc2lnbih7fSwgdGhpcy5pdGVtcyk7XG4gIH1cblxufVxuIl19
|
|
@@ -4042,32 +4042,65 @@ WrapperMultipleBlockComponent.ctorParameters = () => [];
|
|
|
4042
4042
|
|
|
4043
4043
|
class DraganddropListComponent {
|
|
4044
4044
|
constructor() {
|
|
4045
|
-
this.
|
|
4045
|
+
this.label = '';
|
|
4046
|
+
this.disabled = false;
|
|
4047
|
+
this.backgroundColor = '#fff';
|
|
4048
|
+
this.showTriggerSave = false;
|
|
4046
4049
|
this.itemsChange = new EventEmitter();
|
|
4047
4050
|
}
|
|
4051
|
+
ngOnInit() {
|
|
4052
|
+
this.setTempCopy();
|
|
4053
|
+
}
|
|
4048
4054
|
drop(event) {
|
|
4049
|
-
if (!this.
|
|
4055
|
+
if (!this.disabled) {
|
|
4050
4056
|
moveItemInArray(this.items, event.previousIndex, event.currentIndex);
|
|
4051
4057
|
this.itemsChange.emit(this.items);
|
|
4058
|
+
this.setTempCopy();
|
|
4052
4059
|
}
|
|
4053
4060
|
}
|
|
4054
4061
|
delete(index) {
|
|
4055
|
-
if (!this.
|
|
4062
|
+
if (!this.disabled) {
|
|
4056
4063
|
this.items = this.items.filter((value, i) => i !== index);
|
|
4057
4064
|
this.itemsChange.emit(this.items);
|
|
4065
|
+
this.setTempCopy();
|
|
4058
4066
|
}
|
|
4059
4067
|
}
|
|
4068
|
+
saveField(index, event) {
|
|
4069
|
+
this.copyTemps[index] = event.target.value;
|
|
4070
|
+
this.itemsChange.emit(this.copyTemps);
|
|
4071
|
+
}
|
|
4072
|
+
saveFieldEnd(index, event) {
|
|
4073
|
+
this.items[index] = event.target.value;
|
|
4074
|
+
this.itemsChange.emit(this.items);
|
|
4075
|
+
this.setTempCopy();
|
|
4076
|
+
}
|
|
4077
|
+
addField() {
|
|
4078
|
+
this.showTriggerSave = true;
|
|
4079
|
+
}
|
|
4080
|
+
saveNewField(event) {
|
|
4081
|
+
this.items.push(event.target.value);
|
|
4082
|
+
this.itemsChange.emit(this.items);
|
|
4083
|
+
this.setTempCopy();
|
|
4084
|
+
this.showTriggerSave = false;
|
|
4085
|
+
}
|
|
4086
|
+
setTempCopy() {
|
|
4087
|
+
this.copyTemps = Object.assign({}, this.items);
|
|
4088
|
+
}
|
|
4060
4089
|
}
|
|
4061
4090
|
DraganddropListComponent.decorators = [
|
|
4062
4091
|
{ type: Component, args: [{
|
|
4063
4092
|
selector: 'wac-draganddrop-list',
|
|
4064
|
-
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!
|
|
4093
|
+
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\n <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\n <span></span>\n </span>\n <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\n <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keydown)=\"saveField(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\n </span>\n </div>\n <div (mousedown)=\"$event.stopPropagation()\">\n <div>\n <wac-button [iconFontSize]=\"'14px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\n </div>\n <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\n <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"'18px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\n <span></span>\n </span>\n <span class=\"wac-draganddrop-list__wrapper__item__input\">\n <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\n </span>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\n <div class=\"wac-draganddrop-list__wrapper\">\n <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\n </div>\n </div>\n </div>\n</div>\n",
|
|
4065
4094
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
4066
4095
|
},] }
|
|
4067
4096
|
];
|
|
4068
4097
|
DraganddropListComponent.propDecorators = {
|
|
4098
|
+
label: [{ type: Input }],
|
|
4069
4099
|
items: [{ type: Input }],
|
|
4070
|
-
|
|
4100
|
+
disabled: [{ type: Input }],
|
|
4101
|
+
max: [{ type: Input }],
|
|
4102
|
+
labelBtnAdd: [{ type: Input }],
|
|
4103
|
+
backgroundColor: [{ type: Input }],
|
|
4071
4104
|
itemsChange: [{ type: Output }]
|
|
4072
4105
|
};
|
|
4073
4106
|
|