[{"__symbolic":"module","version":3,"metadata":{"SortableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-sortable","exportAs":"bs-sortable","template":"\n        <div\n            [ngClass]=\"wrapperClass\"\n            [ngStyle]=\"wrapperStyle\"\n            [ngStyle]=\"wrapperStyle\"\n            (dragover)=\"cancelEvent($event)\"\n            (dragenter)=\"cancelEvent($event)\"\n            (drop)=\"resetActiveItem($event)\"\n            (mouseleave)=\"resetActiveItem()\"\n        >\n            <div\n                *ngIf=\"showPlaceholder\"\n                [ngClass]=\"placeholderClass\"\n                [ngStyle]=\"placeholderStyle\"\n                (dragover)=\"onItemDragover($event, 0)\"\n                (dragenter)=\"cancelEvent($event)\"\n            >{{placeholderItem}}</div>\n            <div\n                *ngFor=\"let item of items; let i=index;\"\n                [ngClass]=\"[ itemClass, i === activeItem ? itemActiveClass : '' ]\"\n                [ngStyle]=\"getItemStyle(i === activeItem)\"\n                draggable=\"true\"\n                (dragstart)=\"onItemDragstart($event, item, i)\"\n                (dragend)=\"resetActiveItem($event)\"\n                (dragover)=\"onItemDragover($event, i)\"\n                (dragenter)=\"cancelEvent($event)\"\n            >{{item.value}}</div>\n        </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SortableComponent"},"multi":true}]}]}],"members":{"fieldName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wrapperStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemActiveClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemActiveStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./draggable-item.service","name":"DraggableItemService"}]}],"onItemDragstart":[{"__symbolic":"method"}],"onItemDragover":[{"__symbolic":"method"}],"cancelEvent":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updatePlaceholderState":[{"__symbolic":"method"}],"getItemStyle":[{"__symbolic":"method"}],"initDragstartEvent":[{"__symbolic":"method"}]},"statics":{"globalZoneIndex":0}}}},{"__symbolic":"module","version":1,"metadata":{"SortableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bs-sortable","exportAs":"bs-sortable","template":"\n        <div\n            [ngClass]=\"wrapperClass\"\n            [ngStyle]=\"wrapperStyle\"\n            [ngStyle]=\"wrapperStyle\"\n            (dragover)=\"cancelEvent($event)\"\n            (dragenter)=\"cancelEvent($event)\"\n            (drop)=\"resetActiveItem($event)\"\n            (mouseleave)=\"resetActiveItem()\"\n        >\n            <div\n                *ngIf=\"showPlaceholder\"\n                [ngClass]=\"placeholderClass\"\n                [ngStyle]=\"placeholderStyle\"\n                (dragover)=\"onItemDragover($event, 0)\"\n                (dragenter)=\"cancelEvent($event)\"\n            >{{placeholderItem}}</div>\n            <div\n                *ngFor=\"let item of items; let i=index;\"\n                [ngClass]=\"[ itemClass, i === activeItem ? itemActiveClass : '' ]\"\n                [ngStyle]=\"getItemStyle(i === activeItem)\"\n                draggable=\"true\"\n                (dragstart)=\"onItemDragstart($event, item, i)\"\n                (dragend)=\"resetActiveItem($event)\"\n                (dragover)=\"onItemDragover($event, i)\"\n                (dragenter)=\"cancelEvent($event)\"\n            >{{item.value}}</div>\n        </div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"SortableComponent"},"multi":true}]}]}],"members":{"fieldName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wrapperStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemActiveClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemActiveStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholderItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./draggable-item.service","name":"DraggableItemService"}]}],"onItemDragstart":[{"__symbolic":"method"}],"onItemDragover":[{"__symbolic":"method"}],"cancelEvent":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updatePlaceholderState":[{"__symbolic":"method"}],"getItemStyle":[{"__symbolic":"method"}],"initDragstartEvent":[{"__symbolic":"method"}]},"statics":{"globalZoneIndex":0}}}}]