@skyux/lists 5.0.1 → 5.0.2

package/bundles/skyux-lists.umd.js

@@ -1649,6 +1649,7 @@
             this.repeaterService.repeaterGroupId = uniqueId;
             this.updateForExpandMode();
             this.adapterService.setRepeaterHost(this.elementRef);
+            this.initializeDragAndDrop();
         }
         Object.defineProperty(SkyRepeaterComponent.prototype, "expandMode", {
             get: function () {
@@ -1726,9 +1727,6 @@
                 if (this.items) {
                     this.items.forEach(function (item) { return item.reorderable = _this.reorderable; });
                 }
-                if (this.reorderable) {
-                    this.initializeDragAndDrop();
-                }
                 this.changeDetector.markForCheck();
             }
         };
@@ -1759,18 +1757,16 @@
         };
         SkyRepeaterComponent.prototype.initializeDragAndDrop = function () {
             var _this = this;
+            /* Sanity check that we haven't already set up dragging abilities */
+            /* istanbul ignore else */
             if (!this.dragulaService.find(this.dragulaGroupName)) {
                 this.dragulaService.setOptions(this.dragulaGroupName, {
                     moves: function (el, container, handle) {
                         var target = el.querySelector('.sky-repeater-item-grab-handle');
-                        return (target && target.contains(handle));
+                        return (_this.reorderable && target && target.contains(handle));
                     }
                 });
             }
-            // Reset the current dragula subscriptions.
-            this.dragulaUnsubscribe.next();
-            this.dragulaUnsubscribe.complete();
-            this.dragulaUnsubscribe = new rxjs.Subject();
             var draggedItemIndex;
             this.dragulaService.drag
                 .pipe(operators.takeUntil(this.dragulaUnsubscribe))
@@ -1804,6 +1800,8 @@
             this.dragulaUnsubscribe.next();
             this.dragulaUnsubscribe.complete();
             this.dragulaUnsubscribe = undefined;
+            /* Sanity check that we have set up dragging abilities */
+            /* istanbul ignore else */
             if (this.dragulaService.find(this.dragulaGroupName)) {
                 this.dragulaService.destroy(this.dragulaGroupName);
             }
@@ -1825,7 +1823,7 @@
         return SkyRepeaterComponent;
     }());
     SkyRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: SkyRepeaterComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyRepeaterService }, { token: SkyRepeaterAdapterService }, { token: i3__namespace$1.DragulaService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: SkyRepeaterComponent, selector: "sky-repeater", inputs: { activeIndex: "activeIndex", ariaLabel: "ariaLabel", reorderable: "reorderable", expandMode: "expandMode" }, outputs: { activeIndexChange: "activeIndexChange", orderChange: "orderChange" }, providers: [SkyRepeaterService, SkyRepeaterAdapterService], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container #repeaterHost>\n  <div *ngIf=\"!reorderable; else draggable\"\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ( 'skyux_repeater_label' | skyLibResources)\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\">\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-template #draggable>\n  <div\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ( 'skyux_repeater_label' | skyLibResources)\"\n    [dragula]=\"dragulaGroupName\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\">\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>", styles: [".sky-repeater{padding:0}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    SkyRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: SkyRepeaterComponent, selector: "sky-repeater", inputs: { activeIndex: "activeIndex", ariaLabel: "ariaLabel", reorderable: "reorderable", expandMode: "expandMode" }, outputs: { activeIndexChange: "activeIndexChange", orderChange: "orderChange" }, providers: [SkyRepeaterService, SkyRepeaterAdapterService], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container #repeaterHost>\n  <div\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ( 'skyux_repeater_label' | skyLibResources)\"\n    [dragula]=\"dragulaGroupName\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], directives: [{ type: i3__namespace$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: SkyRepeaterComponent, decorators: [{
                 type: i0.Component,
                 args: [{