[{"__symbolic":"module","version":4,"metadata":{"ToolbarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"configure-toolbar","template":"<div class='design-toolbar'> <div id=\"menuBar\" class=\"menuBar\"> <span> <a (click)=\"undo()\" class=\"revoke\" tooltip=\"{{lc('Undo')}}\"></a> <a (click)=\"redo()\" class=\"recovery\" tooltip=\"{{lc('Redo')}}\"></a> </span> <span> <a (click)=\"saves()\" class=\"save\" tooltip=\"{{lc('Save')}}\"></a> <a (click)=\"cutSelection()\" class=\"cut\" tooltip=\"{{lc('Cut')}}\"></a> <a (click)=\"copySelection()\" class=\"copy\" tooltip=\"{{lc('Copy')}}\"></a> <a (click)=\"pasteSelection()\" class=\"paste\" tooltip=\"{{lc('Paste')}}\"></a> <a (click)=\"deleteSelection()\" class=\"del\" tooltip=\"{{lc('Delete')}}\"></a> </span> <span> <a (click)=\"alignLeft()\" class=\"leftAlign\" tooltip=\"{{lc('AlignLeft')}}\"></a> <a (click)=\"alignCenterX()\" class=\"verticalAlign\" tooltip=\"{{lc('AlignVertical')}}\"></a> <a (click)=\"alignRight()\" class=\"rightAlign\" tooltip=\"{{lc('AlignRight')}}\"></a> <a (click)=\"alignTop()\" class=\"topAlign\" tooltip=\"{{lc('AlignTop')}}\"></a> <a (click)=\"alignCenterY()\" class=\"horizontalAlign\" tooltip=\"{{lc('AlignHorizontal')}}\"></a> <a (click)=\"alignBottom()\" class=\"bottomAlign\" tooltip=\"{{lc('AlignBottom')}}\"></a> <a (click)=\"alignRow()\" class=\"verticalSpacing\" tooltip=\"{{lc('AlignRow')}}\"></a> <a (click)=\"alignColumn()\" class=\"levelSpacing\" tooltip=\"{{lc('AlignColumn')}}\"></a> </span> <span> <span (click)=\"sameWidth()\" tooltip=\"{{lc('SameWidth')}}\" class=\"fcloud-same-width\"><span class=\"path1\"></span><span class=\"path2\"></span><span class=\"path3\"></span><span class=\"path4\"></span><span class=\"path5\"></span></span> <span class=\"fcloud-same-height\" (click)=\"sameHeight()\" tooltip=\"{{lc('SameHeight')}}\"><span class=\"path1\"></span><span class=\"path2\"></span><span class=\"path3\"></span><span class=\"path4\"></span><span class=\"path5\"></span></span> <span class=\"fcloud-same-size\" (click)=\"sameSize()\" tooltip=\"{{lc('SameSize')}}\"><span class=\"path1\"></span><span class=\"path2\"></span><span class=\"path3\"></span><span class=\"path4\"></span><span class=\"path5\"></span><span class=\"path6\"></span><span class=\"path7\"></span></span> </span> <span> <a class=\"top\" (click)=\"bringToFront()\" tooltip=\"{{lc('BringToFront')}}\"></a> <a class=\"bottom\" (click)=\"sendToBack()\" tooltip=\"{{lc('SendToBack')}}\"></a> <a class=\"prev\" (click)=\"bringForward()\" tooltip=\"{{lc('BringForward')}}\"></a> <a class=\"next\" (click)=\"sendBackward()\" tooltip=\"{{lc('SendBackward')}}\"></a> </span> <zoom-settings [commandHandler]='commandHandler'></zoom-settings> <span> <a class=\"showGrid\" [class.active]=\"isShowGrid\" (click)=\"toggleIsShowGrid()\" tooltip=\"{{lc('ShowGrid')}}\"></a> <a class=\"gridSnap\" [class.active]=\"isShowGrid && isGridSnapEnabled\" [class.disabled]=\"!isShowGrid\" (click)=\"toggleIsGridSnapEnabled()\" tooltip=\"{{lc('GridSnap')}}\"></a> <a class=\"guidelineSnap\" [class.active]=\"isGuidelineSnapEnabled\" (click)=\"toggleIsGuidelineSnapEnabled()\" tooltip=\"{{lc('GuidelineSnap')}}\"></a> </span> <span> <a class=\"lock\" (click)=\"lock()\" tooltip=\"{{lc('Lock')}}\"></a> <a class=\"unlock\" (click)=\"unlock()\" tooltip=\"{{lc('Unlock')}}\"></a> </span> <span> <a class=\"graph\" (click)=\"showGallery()\" tooltip=\"{{lc('Gallery')}}\"></a> </span> </div> </div> <gallery-global-modal #galleryGlobalModal [configureId]=\"configureId\"></gallery-global-modal>","styles":[".design-toolbar{ @titleBackground: #f4f4f4; @titleHeight: 28px; @titlePadding: 0 10px; ul.windowUl { padding: 0; list-style: none; } .menuBar { padding: 4px 0; background-color: #fff; span { display: inline-block; padding: 0 5px; border-right: 1px solid #dddddd; a { vertical-align: sub; margin-right:5px; } } span:last-child { border: none; } .save { background-position: -40px -120px; } .save:hover { background-position: 0px -120px; } .revoke { background-position: -40px 0; } .revoke:hover { background-position: 0 0; } .recovery { background-position: -100px 0; } .recovery:hover { background-position: -60px 0; } .cut { background-position: -160px 0; } .cut:hover { background-position: -120px 0; } .copy { background-position: -220px 0; } .copy:hover { background-position: -180px 0; } .paste { background-position: -40px -20px; } .paste:hover { background-position: 0px -20px; } .del { background-position: -100px -20px; } .del:hover { background-position: -60px -20px; } .leftAlign { background-position: -160px -20px; } .leftAlign:hover { background-position: -120px -20px; } .verticalAlign { background-position: -220px -20px; } .verticalAlign:hover { background-position: -180px -20px; } .rightAlign { background-position: -40px -40px; } .rightAlign:hover { background-position: 0px -40px; } .topAlign { background-position: -100px -40px; } .topAlign:hover { background-position: -60px -40px; } .horizontalAlign { background-position: -160px -40px; } .horizontalAlign:hover { background-position: -120px -40px; } .bottomAlign { background-position: -220px -40px; } .bottomAlign:hover { background-position: -180px -40px; } .levelSpacing { background-position: -40px -60px; } .levelSpacing:hover { background-position: 0px -60px; } .verticalSpacing { background-position: -100px -60px; } .verticalSpacing:hover { background-position: -60px -60px; } .lock { background-position: -220px -140px; } .lock:hover { background-position: -180px -140px; } .unlock { background-position: -220px -160px; } .unlock:hover { background-position: -180px -160px; } .graph { background-position: -161px -140px; margin-bottom: 0 !important; } .graph:hover { background-position: -121px -140px; } .graph.active { background-position: -121px -140px; } .showGrid { background-position: -40px -160px; } .showGrid:hover { background-position: 0px -160px; } .showGrid.active { background-position: 0px -160px; } .gridSnap { background-position: -40px -180px; } .gridSnap:hover { background-position: 0px -180px; } .gridSnap.active { background-position: 0px -180px; } .gridSnap.disabled { pointer-events: none; background-position: -20px -180px; } .guidelineSnap { background-position: -40px -200px; } .guidelineSnap:hover { background-position: 0px -200px; } .guidelineSnap.active { background-position: 0px -200px; } .fcloud-same-width, .fcloud-same-height, .fcloud-same-size { font-size: 20px; background: none; border-right: none; cursor: pointer; margin-left: -7px; } .fcloud-same-width span, .fcloud-same-height span, .fcloud-same-size span { display: inline; padding: 0; border-right: none; position: relative; top: 2px; } } .menuBar span a, .screenTitle a { text-decoration: none; display: inline-block; height: 20px; cursor: pointer; width: 20px; background-image: url(\"/assets/common/images/configure/toolbar.png\"); } }"]}]}],"members":{"galleryGlobalModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":5},"arguments":["galleryGlobalModal",{"static":false}]}]}],"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"commandHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"save":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":9},"arguments":[{"__symbolic":"reference","module":"../settings/designer-settings.service","name":"DESIGNER_SETTINGS_SERVICE","line":28,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":27,"character":26},{"__symbolic":"reference","module":"../settings/designer-settings.service","name":"DesignerSettingsService","line":28,"character":85}]}],"ngOnInit":[{"__symbolic":"method"}],"saves":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"deleteSelection":[{"__symbolic":"method"}],"cutSelection":[{"__symbolic":"method"}],"copySelection":[{"__symbolic":"method"}],"pasteSelection":[{"__symbolic":"method"}],"undo":[{"__symbolic":"method"}],"redo":[{"__symbolic":"method"}],"alignLeft":[{"__symbolic":"method"}],"alignCenterX":[{"__symbolic":"method"}],"alignRight":[{"__symbolic":"method"}],"alignTop":[{"__symbolic":"method"}],"alignCenterY":[{"__symbolic":"method"}],"alignBottom":[{"__symbolic":"method"}],"alignRow":[{"__symbolic":"method"}],"alignColumn":[{"__symbolic":"method"}],"bringToFront":[{"__symbolic":"method"}],"sendToBack":[{"__symbolic":"method"}],"bringForward":[{"__symbolic":"method"}],"sendBackward":[{"__symbolic":"method"}],"lock":[{"__symbolic":"method"}],"unlock":[{"__symbolic":"method"}],"showGallery":[{"__symbolic":"method"}],"toggleIsShowGrid":[{"__symbolic":"method"}],"toggleIsGridSnapEnabled":[{"__symbolic":"method"}],"toggleIsGuidelineSnapEnabled":[{"__symbolic":"method"}],"sameWidth":[{"__symbolic":"method"}],"sameHeight":[{"__symbolic":"method"}],"sameSize":[{"__symbolic":"method"}]}}}}]