[{"__symbolic":"module","version":4,"metadata":{"HyperlinkModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/font-element-setting-modal","name":"FontElementSettingModal","line":11,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"hyperlink-modal","styles":[".element-setting-base{ .inline-label { margin: 10px 0px 0px 10px; display: inline-block; } .border-group { // border: 1px solid #ddd; padding: 5px; margin-bottom: 0px; } .inline-selector { display: inline-block; margin: 5px 0px; } .inline-variable { display: inline-block; margin: 5px 0px; } .inline-input { display: inline-block; margin: 5px 0px; }     } .date-time-setting-modal { .modal-content { width: 600px; } .cursor-pointer{ cursor: pointer; } .recode-input{ width: calc(100% - 70px); border: 1px solid #d7dbe5;   padding:  5px 10px; } textarea.noResize { resize: none; } } .toggleViewSettingModal { .modal-content { width: 600px; } } .textSettingModal { .modal-content { width: 600px; } } "],"template":"<div bsModal #settingModal=\"bs-modal\" id=\"textSettingModal\" class=\"modal fade textSettingModal element-setting-base\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" (onShown)=\"onShown()\" aria-hidden=\"true\" (onHidden)=\"onHidden()\" [config]=\"{backdrop: 'static'}\"> <div class=\"modal-dialog\"> <div class=\"modal-content element-setting-base\"> <div class=\"fe-modal-container\"> <form class=\"configure\" *ngIf=\"active\" #textAttributeForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <div class=\"fe-modal-header-title\"> {{lc(\"Hyperlink\")}} </div> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"top-line\"></div> <div class=\"fe-modal-middle valueShow design-nav-link\"> <tabset #staticTabs class=\"tab-container tabbable-line\"> <tab heading=\"{{lc('GeneralProperty')}}\" customClass=\"m-tabs__item\"> <div class=\"fe-modal-content\"> <div class=\"fe-vertical-label\"> <font-style [(fontSize)]=\"fontSize\" [(fontColor)]=\"fontColor\" [(textAlign)]=\"textAlign\" [(isUnderline)]=\"isUnderline\" [(fontStyle)]=\"fontStyle\"></font-style> </div> <div class=\"fe-vertical-label margin-top-20\"> <textarea class=\"whole-width noResize\" rows=\"6\" name=\"text\" #textInput required maxlength=\"500\" [(ngModel)]=\"text\"> </textarea> </div> <div class=\"fe-transverse-label margin-top-10 clearfix\"> <label for=\"\" class=\"fe-transverse-title\">{{lc(\"LinkAddress\")}}</label> <input type=\"text\" name=\"linkAddress\" class=\"fe-transverse-input\" [(ngModel)]=\"linkAddress\"> </div> </div> </tab> <tab heading=\"{{lc('Graph')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(graphSettingEventName)\"> <graph-setting [configureId]=\"configureId\" [(useGraph)]=\"useGraph\" [graphSetting]=\"graphSetting\"></graph-setting> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isFixedPositionVisible]='true'></display-setting> </tab> </tabset> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!textAttributeForm.form.valid\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\"> {{l(\"Save\")}} </button> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l(\"Cancel\")}} </button> </div> </div> </form> </div> </div> </div> </div>"}]}],"members":{"displaySettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"textInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":5},"arguments":["textInput",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":23,"character":26}]}],"onShown":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"saveText":[{"__symbolic":"method"}],"saveLinkAddress":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"loadGraphSetting":[{"__symbolic":"method"}],"saveGraphSetting":[{"__symbolic":"method"}]}}}}]