@wizishop/angular-components 0.0.200 → 0.0.201

package/bundles/wizishop-angular-components.umd.js

@@ -4571,27 +4571,33 @@
 
     var DraganddropListComponent = /** @class */ (function () {
         function DraganddropListComponent() {
+            this.disable = false;
             this.itemsChange = new i0.EventEmitter();
         }
         DraganddropListComponent.prototype.drop = function (event) {
-            dragDrop.moveItemInArray(this.items, event.previousIndex, event.currentIndex);
-            this.itemsChange.emit(this.items);
+            if (!this.disable) {
+                dragDrop.moveItemInArray(this.items, event.previousIndex, event.currentIndex);
+                this.itemsChange.emit(this.items);
+            }
         };
         DraganddropListComponent.prototype.delete = function (index) {
-            this.items = this.items.filter(function (value, i) { return i !== index; });
-            this.itemsChange.emit(this.items);
+            if (!this.disable) {
+                this.items = this.items.filter(function (value, i) { return i !== index; });
+                this.itemsChange.emit(this.items);
+            }
         };
         return DraganddropListComponent;
     }());
     DraganddropListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-draganddrop-list',
-                    template: "<div class=\"wac-draganddrop-list\">\n  <div class=\"wac-draganddrop-list__wrapper\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n    <div class=\"wac-draganddrop-list__wrapper__item\" *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 class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\n      </div>\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>\n  </div>\n</div>\n",
+                    template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disable\">\n  <div class=\"wac-draganddrop-list__wrapper\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n    <div class=\"wac-draganddrop-list__wrapper__item\" *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 class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\n      </div>\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>\n  </div>\n</div>\n\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disable\">\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",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     DraganddropListComponent.propDecorators = {
         items: [{ type: i0.Input }],
+        disable: [{ type: i0.Input }],
         itemsChange: [{ type: i0.Output }]
     };