[{"__symbolic":"module","version":3,"metadata":{"GridStackComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gridStack","template":"\n    <div>\n    <button *ngIf=\"addButtonText && addButtonText != ''\" (click)=\"addItem()\" class='{{buttonClass}}'>{{addButtonText}}</button>\n    <button *ngIf=\"saveButtonText && saveButtonText != ''\" (click)=\"savePanel()\" class='btn-gridstack-save {{buttonClass}}'>{{saveButtonText}}</button>\n    <button *ngIf=\"deleteButtonText && deleteButtonText != ''\" (click)=\"deletePanel()\" class='btn-gridstack-del {{buttonClass}}'>{{deleteButtonText}}</button>\n    <span class=\"card-management\" hidden>\n    <button *ngIf=\"deleteCardButtonText && deleteCardButtonText != ''\" (click)=\"deleteCard()\"  class='btn-gridstack-del-card {{buttonClass}}'>{{deleteCardButtonText}}</button>\n    </span>\n    </div>\n    <br/>\n    <div class=\"grid-stack\" [attr.data-gs-width]=\"w\" [attr.data-gs-animate]=\"animate\">\n    <ng-content > </ng-content>\n    <div gridStackItem\n            spellcheck=\"false\"\n            *ngFor=\"let item of items\"\n            [x]=\"item.X\" [y]=\"item.Y\" [h]=\"item.Height\" [w]=\"item.Width\" [customid]=\"item.CardId\" [content]=\"item.Content\"\n        (dblclick)=\"onItemClick($event)\">\n    </div>"}]}],"members":{"w":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allowEditing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"saveButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"deleteButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"deleteCardButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"saveFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"deleteFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"deleteCardFunc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"deletePanel":[{"__symbolic":"method"}],"deleteCard":[{"__symbolic":"method"}],"savePanel":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GridStackComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gridStack","template":"\n    <div>\n    <button *ngIf=\"addButtonText && addButtonText != ''\" (click)=\"addItem()\" class='{{buttonClass}}'>{{addButtonText}}</button>\n    <button *ngIf=\"saveButtonText && saveButtonText != ''\" (click)=\"savePanel()\" class='btn-gridstack-save {{buttonClass}}'>{{saveButtonText}}</button>\n    <button *ngIf=\"deleteButtonText && deleteButtonText != ''\" (click)=\"deletePanel()\" class='btn-gridstack-del {{buttonClass}}'>{{deleteButtonText}}</button>\n    <span class=\"card-management\" hidden>\n    <button *ngIf=\"deleteCardButtonText && deleteCardButtonText != ''\" (click)=\"deleteCard()\"  class='btn-gridstack-del-card {{buttonClass}}'>{{deleteCardButtonText}}</button>\n    </span>\n    </div>\n    <br/>\n    <div class=\"grid-stack\" [attr.data-gs-width]=\"w\" [attr.data-gs-animate]=\"animate\">\n    <ng-content > </ng-content>\n    <div gridStackItem\n            spellcheck=\"false\"\n            *ngFor=\"let item of items\"\n            [x]=\"item.X\" [y]=\"item.Y\" [h]=\"item.Height\" [w]=\"item.Width\" [customid]=\"item.CardId\" [content]=\"item.Content\"\n        (dblclick)=\"onItemClick($event)\">\n    </div>"}]}],"members":{"w":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allowEditing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"saveButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"deleteButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"deleteCardButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"saveFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"deleteFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"deleteCardFunc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"deletePanel":[{"__symbolic":"method"}],"deleteCard":[{"__symbolic":"method"}],"savePanel":[{"__symbolic":"method"}]}}}}]