{"__symbolic":"module","version":4,"metadata":{"SortableItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"rg-sortable-item","template":"\n    <div class=\"sortable-item\">\n        <div class=\"item-title\">\n            <i [ngClass]=\"item[iconExpr]\" aria-hidden=\"true\" *ngIf=\"item[iconExpr]\"></i>\n            {{item[displayExpr]}}\n        </div>\n    </div>\n    ","styles":[":host{display:block;position:relative;--border:1px solid #ddd;--box-shadow:0 4px 8px -5px #9a9494;background-color:#fff;--width:100%}.item-title{--drag-visible:none;margin:0;padding-left:10px}.item-title:hover{--drag-visible:inline-block}.item-title .handler{color:#919191;display:var(--drag-visible)}.drag-image{position:absolute;z-index:-1;background-color:#fff;border:2px solid #d6cfcf;box-sizing:border-box;pointer-events:none}:host(.safari-specific) .drag-image{position:fixed;bottom:0}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"displayExpr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"iconExpr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}]}},"SortableListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"rg-sortable-list","template":"\n    <rg-sortable-item *ngFor=\"let item of items; let index = index\"\n        dragSortable\n        [item]=\"item\"\n        [itemIndex]=\"index\"\n        [sortableElSelector]=\"'rg-sortable-item'\"\n        [displayExpr]=\"displayExpr\"\n        [iconExpr]=\"icon\"\n        (dropSortable)=\"onDrop($event)\">\n    </rg-sortable-item>\n  ","styles":[":host{display:block;background:#fff;--border:1px solid #ddd;padding:5px}rg-sortable-item{--margin-bottom:15px;overflow:hidden;transition:height .4s ease-out}rg-sortable-item.safari-specific{transition:none}rg-sortable-item.collapsed{--height:60px!important}rg-sortable-item.dragging{--outline:1px solid #ddd;border:1px solid #ddd}rg-sortable-item.grabbable{cursor:move;cursor:grab;cursor:-webkit-grab}rg-sortable-item.grabbable:active{cursor:grabbing;cursor:-webkit-grabbing}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"displayExpr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onDrop":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"DragSortableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[dragSortable]"}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"itemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"sortableElSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"dropSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":5}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":5},"arguments":["draggable"]}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":5},"arguments":["class.collapsed"]}]}],"dragging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":5},"arguments":["class.dragging"]}]}],"isSafari":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":5},"arguments":["class.safari-specific"]}]}],"grabbing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":5},"arguments":["class.grabbable"]}]}],"onDragStart":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":5},"arguments":["dragstart",["$event"]]}]}],"onDrag":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":45,"character":5},"arguments":["drag",["$event"]]}]}],"onDragEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":49,"character":5},"arguments":["dragenter",["$event"]]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":93,"character":5},"arguments":["dragover",["$event"]]}]}],"onDragEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":98,"character":5},"arguments":["dragend",["$event"]]}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":105,"character":5},"arguments":["drop",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":9},"arguments":[{"__symbolic":"reference","module":"rg-utils","name":"APP_CONFIG","line":125,"character":16}]}],null],"parameters":[{"__symbolic":"reference","module":"rg-utils","name":"IAppConfig","line":125,"character":44},{"__symbolic":"reference","module":"rg-utils","name":"DragService","line":126,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DropSortableEvent":{"__symbolic":"interface"},"SortableListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":11,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"rg-utils","name":"RgUtilsModule","line":13,"character":8}],"declarations":[{"__symbolic":"reference","name":"SortableListComponent"},{"__symbolic":"reference","name":"SortableItemComponent"},{"__symbolic":"reference","name":"DragSortableDirective"}],"exports":[{"__symbolic":"reference","name":"SortableListComponent"},{"__symbolic":"reference","name":"SortableItemComponent"},{"__symbolic":"reference","name":"DragSortableDirective"}]}]}],"members":{}}},"origins":{"SortableItemComponent":"./lib/components/sortable-item/sortable-item.component","SortableListComponent":"./lib/components/sortable-list/sortable-list.component","DragSortableDirective":"./lib/directives/drag-sortable.directive","DropSortableEvent":"./lib/models/drop.sortable.event","SortableListModule":"./lib/sortable-list.module"},"importAs":"rg-sortable-list"}