[{"__symbolic":"module","version":3,"metadata":{"LimberLinkGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"limber-link-group","template":"\n    <div>\n      <span>\n        <div *ngIf=\"allowEdit\">\n          <limber-toggler [ngClass]=\"{'on': editMode, 'off': !editMode}\" [onToggle]=\"toggleEditMode\"></limber-toggler>  \n          <span class=\"toolbar\" *ngIf=\"editMode\">\n            <!--<span class=\"toolbarButton add\"><font-awesome [faIcon]=\"'plus-square'\" (click)=\"addNewLink()\"></font-awesome></span>\n            <span class=\"toolbarButton remove\"><font-awesome [faIcon]=\"'minus-square'\"></font-awesome></span>-->\n            <span class=\"toolbarButton edit\"><font-awesome [faIcon]=\"'wrench'\" (click)=\"launchEditor()\"></font-awesome></span>\n            <span class=\"toolbarButton copyJson\"><clipboard-component *ngIf=\"editMode\" [noClass]=\"true\" [faIcon]=\"true\" [altText]=\"'copy JSON'\" [content]=\"linksToJson()\"></clipboard-component></span>\n          </span>\n          <!--<limber-link-editor *ngIf=\"editMode && selectedLink\" [link]=\"selectedLink\" id=\"limber-link-editor\"-->\n        </div>\n      <ul [class]=\"navClass\">\n        <!-- todo: add dragula (dragula currently breaks AOT) -->\n        <!--<li class=\"nav-item\" [dragula]=\"nav-bag\" [dragulaModel]=\"links\" *ngFor=\"let link of links\">-->\n          <li class=\"nav-item\" *ngFor=\"let link of links\">\n          <!--<limber-link [link]=\"link\" [editMode]=\"editMode\" [edit]=\"editLink\"></limber-link>-->\n          <limber-link *ngIf=\"link.route || link.href || link.action\" [link]=\"link\" [editMode]=\"editMode\" [edit]=\"editLink\"></limber-link>\n        </li>\n      </ul>\n      </span>\n      <!--fixme: bring font-awesome picker over to this limber-link-group and wire it up via event emitters-->\n      <!--<div bsModal #editorModal=\"bs-modal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\">\n        <div class=\"modal-dialog modal-lg\">\n          <div class=\"modal-content\">\n            <div class=\"modal-header\">\n              <h4 class=\"modal-title\">Link Editor\n                <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"cancelEdit($event)\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </h4>\n            </div>\n            <div class=\"modal-body\">\n              <limber-link-editor #editor [links]=\"this.links\" (selectionChanged)=\"updateSelected($event);\" id=\"limber-link-editor\"\n                (save)=\"saveSelected($event)\"\n                (reset)=\"resetSelected($event)\"\n                (cancel)=\"cancelEdit($event)\">\n              </limber-link-editor>\n            </div>\n          </div>\n        </div>\n      </div>-->\n    </div>\n  ","styles":["\n    :host li.nav-item { display: 'inline-block'; }\n\n    :host.editMode { border: 1px solid red; }\n\n    :host .modal-content { background-color: skyblue; border-radius: 5px; box-shadow: 1px 1px 5px black; }\n\n    :host .modal-header { background-color: #fff; color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; }\n\n    :host .toolbar { padding: 3px; background-color: #fff; }\n\n    :host .toolbar .toolbarButton { cursor: pointer; font-size: 22px; margin: 1px; }\n\n    :host .toolbar .toolbarButton.add { color: green; }\n\n    :host .toolbar .toolbarButton.remove { color: red; }\n\n    :host .toolbar .toolbarButton.edit { color: black; }\n\n    :host .toolbar .toolbarButton.copyJson { color: black; }\n  "]}]}],"members":{"showEditor":[{"__symbolic":"method"}],"hideEditor":[{"__symbolic":"method"}],"endPoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allowEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http"}]}],"ngOnInit":[{"__symbolic":"method"}],"initLinks":[{"__symbolic":"method"}]},"statics":{"nextId":0}}}},{"__symbolic":"module","version":1,"metadata":{"LimberLinkGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"limber-link-group","template":"\n    <div>\n      <span>\n        <div *ngIf=\"allowEdit\">\n          <limber-toggler [ngClass]=\"{'on': editMode, 'off': !editMode}\" [onToggle]=\"toggleEditMode\"></limber-toggler>  \n          <span class=\"toolbar\" *ngIf=\"editMode\">\n            <!--<span class=\"toolbarButton add\"><font-awesome [faIcon]=\"'plus-square'\" (click)=\"addNewLink()\"></font-awesome></span>\n            <span class=\"toolbarButton remove\"><font-awesome [faIcon]=\"'minus-square'\"></font-awesome></span>-->\n            <span class=\"toolbarButton edit\"><font-awesome [faIcon]=\"'wrench'\" (click)=\"launchEditor()\"></font-awesome></span>\n            <span class=\"toolbarButton copyJson\"><clipboard-component *ngIf=\"editMode\" [noClass]=\"true\" [faIcon]=\"true\" [altText]=\"'copy JSON'\" [content]=\"linksToJson()\"></clipboard-component></span>\n          </span>\n          <!--<limber-link-editor *ngIf=\"editMode && selectedLink\" [link]=\"selectedLink\" id=\"limber-link-editor\"-->\n        </div>\n      <ul [class]=\"navClass\">\n        <!-- todo: add dragula (dragula currently breaks AOT) -->\n        <!--<li class=\"nav-item\" [dragula]=\"nav-bag\" [dragulaModel]=\"links\" *ngFor=\"let link of links\">-->\n          <li class=\"nav-item\" *ngFor=\"let link of links\">\n          <!--<limber-link [link]=\"link\" [editMode]=\"editMode\" [edit]=\"editLink\"></limber-link>-->\n          <limber-link *ngIf=\"link.route || link.href || link.action\" [link]=\"link\" [editMode]=\"editMode\" [edit]=\"editLink\"></limber-link>\n        </li>\n      </ul>\n      </span>\n      <!--fixme: bring font-awesome picker over to this limber-link-group and wire it up via event emitters-->\n      <!--<div bsModal #editorModal=\"bs-modal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\">\n        <div class=\"modal-dialog modal-lg\">\n          <div class=\"modal-content\">\n            <div class=\"modal-header\">\n              <h4 class=\"modal-title\">Link Editor\n                <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"cancelEdit($event)\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </h4>\n            </div>\n            <div class=\"modal-body\">\n              <limber-link-editor #editor [links]=\"this.links\" (selectionChanged)=\"updateSelected($event);\" id=\"limber-link-editor\"\n                (save)=\"saveSelected($event)\"\n                (reset)=\"resetSelected($event)\"\n                (cancel)=\"cancelEdit($event)\">\n              </limber-link-editor>\n            </div>\n          </div>\n        </div>\n      </div>-->\n    </div>\n  ","styles":["\n    :host li.nav-item { display: 'inline-block'; }\n\n    :host.editMode { border: 1px solid red; }\n\n    :host .modal-content { background-color: skyblue; border-radius: 5px; box-shadow: 1px 1px 5px black; }\n\n    :host .modal-header { background-color: #fff; color: black; border-top-left-radius: 5px; border-top-right-radius: 5px; }\n\n    :host .toolbar { padding: 3px; background-color: #fff; }\n\n    :host .toolbar .toolbarButton { cursor: pointer; font-size: 22px; margin: 1px; }\n\n    :host .toolbar .toolbarButton.add { color: green; }\n\n    :host .toolbar .toolbarButton.remove { color: red; }\n\n    :host .toolbar .toolbarButton.edit { color: black; }\n\n    :host .toolbar .toolbarButton.copyJson { color: black; }\n  "]}]}],"members":{"showEditor":[{"__symbolic":"method"}],"hideEditor":[{"__symbolic":"method"}],"endPoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"allowEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"links":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http"}]}],"ngOnInit":[{"__symbolic":"method"}],"initLinks":[{"__symbolic":"method"}]},"statics":{"nextId":0}}}}]