[{"__symbolic":"module","version":3,"metadata":{"CreateItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"civ-create-item","template":"\n    <div *ngIf=\"form != null\" [formGroup]=\"form\" fxLayout=\"column\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"start start\">\n        <md-input-container class=\"item-number input\" fxFlex=\"1 1 2.75em\">\n          <span md-prefix class=\"num-sign\">#</span>\n          <input mdInput type=\"number\" formControlName=\"itemNumber\" maxlength=\"3\">\n          <span md-suffix class=\"colon\">:</span>\n        </md-input-container>\n        <md-input-container class=\"text input\" fxFlex=\"1 1\">\n          <textarea autosize mdInput formControlName=\"text\" rows=\"1\"></textarea>\n          <md-placeholder><span style=\"padding-left:10px\">Item Text</span></md-placeholder>\n        </md-input-container>\n      </div>\n      <div class=\"resources\"\n           fxLayout=\"row\"\n           fxLayoutWrap=\"wrap\"\n           fxLayoutAlign=\"start center\"\n           fxLayoutGap=\"10px\"\n           formArrayName=\"resourceLinks\"\n           fxFlexAlign=\"center\">\n        <div class=\"heading\">Resources: <span *ngIf=\"!hasResources()\" style=\"font-style: italic\"> NONE </span></div>\n\n        <md-input-container *ngFor=\"let url of form.controls['resourceLinks'].controls; let i = index\"\n                            [formGroupName]=\"i\">\n          <input mdInput type=\"url\" formControlName=\"url\">\n          <md-icon md-suffix class=\"remove-resource\" (click)=\"removeResource(i)\">remove_circle_outline</md-icon>\n        </md-input-container>\n        <button md-icon-button color=\"primary\" (click)=\"addResource()\">\n          <md-icon class=\"add-circle\">add_circle</md-icon>\n        </button>\n      </div>\n    </div>\n  ","styles":["\n    :host { display: block; width: 100% }\n\n    .num-sign { font-size: 0.6em; margin-right: 2px }\n\n    .num-sign, .item-number { font-weight: 600 }\n\n    .remove-resource { color: #ff5722; cursor: pointer; transition: 150ms linear color }\n\n    .remove-resource:hover { color: #8B3112 }\n\n    .input.text textarea { padding-left: 10px }\n  "]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasResources":[{"__symbolic":"method"}],"addResource":[{"__symbolic":"method"}],"removeResource":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CreateItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"civ-create-item","template":"\n    <div *ngIf=\"form != null\" [formGroup]=\"form\" fxLayout=\"column\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"start start\">\n        <md-input-container class=\"item-number input\" fxFlex=\"1 1 2.75em\">\n          <span md-prefix class=\"num-sign\">#</span>\n          <input mdInput type=\"number\" formControlName=\"itemNumber\" maxlength=\"3\">\n          <span md-suffix class=\"colon\">:</span>\n        </md-input-container>\n        <md-input-container class=\"text input\" fxFlex=\"1 1\">\n          <textarea autosize mdInput formControlName=\"text\" rows=\"1\"></textarea>\n          <md-placeholder><span style=\"padding-left:10px\">Item Text</span></md-placeholder>\n        </md-input-container>\n      </div>\n      <div class=\"resources\"\n           fxLayout=\"row\"\n           fxLayoutWrap=\"wrap\"\n           fxLayoutAlign=\"start center\"\n           fxLayoutGap=\"10px\"\n           formArrayName=\"resourceLinks\"\n           fxFlexAlign=\"center\">\n        <div class=\"heading\">Resources: <span *ngIf=\"!hasResources()\" style=\"font-style: italic\"> NONE </span></div>\n\n        <md-input-container *ngFor=\"let url of form.controls['resourceLinks'].controls; let i = index\"\n                            [formGroupName]=\"i\">\n          <input mdInput type=\"url\" formControlName=\"url\">\n          <md-icon md-suffix class=\"remove-resource\" (click)=\"removeResource(i)\">remove_circle_outline</md-icon>\n        </md-input-container>\n        <button md-icon-button color=\"primary\" (click)=\"addResource()\">\n          <md-icon class=\"add-circle\">add_circle</md-icon>\n        </button>\n      </div>\n    </div>\n  ","styles":["\n    :host { display: block; width: 100% }\n\n    .num-sign { font-size: 0.6em; margin-right: 2px }\n\n    .num-sign, .item-number { font-weight: 600 }\n\n    .remove-resource { color: #ff5722; cursor: pointer; transition: 150ms linear color }\n\n    .remove-resource:hover { color: #8B3112 }\n\n    .input.text textarea { padding-left: 10px }\n  "]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasResources":[{"__symbolic":"method"}],"addResource":[{"__symbolic":"method"}],"removeResource":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]