angular-xml-editor
Version:
XML editor component for Angular
1 lines • 27.6 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"AngularXmlEditorService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":11,"character":22}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":11,"character":51,"context":{"typeName":"Document"},"module":"./lib/angular-xml-editor.service"}]}],"getNewEditorContextId":[{"__symbolic":"method"}],"getEditorContext":[{"__symbolic":"method"}],"disposeEditorContext":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"AngularXmlEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"axed-editor","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":15},"useExisting":{"__symbolic":"reference","name":"AngularXmlEditorComponent"},"multi":true}],"template":"<div\r\n *ngIf=\"config\"\r\n #editor\r\n class=\"axed axed-textarea showtags debugOff\"\r\n (focus)=\"onGotFocus()\"\r\n [attr.contenteditable]=\"true\"\r\n [style.height]=\"config.height\"\r\n [style.width]=\"config.width\"\r\n (input)=\"onContentChange($event.target.innerHTML)\"\r\n (blur)=\"onLostFocus()\"\r\n (click)=\"clicked()\"\r\n (mousedown)=\"mousedown()\"\r\n (mouseup)=\"mouseup($event)\"\r\n (keyup)=\"keyUp($event)\"\r\n (keydown)=\"keyDown($event)\"\r\n (copy)=\"copied()\"\r\n (paste)=\"pasted($event.clipboardData.getData('text/plain'))\"\r\n></div>\r\n","styles":["a{cursor:pointer}.axed-textarea{min-height:150px;overflow:auto;margin-top:5px;resize:vertical;outline:0;--font-size:15px;--topBottomTagPadding:2px;--tagIndent:20px;font-size:var(--font-size);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}.axed-textarea.showtags{line-height:calc(var(--font-size) + (var(--topBottomTagPadding) * 2) + 10px)}.axed-textarea.showtags div::after,.axed-textarea.showtags div::before{background:orange;white-space:pre-wrap;border:1px solid #778899}.axed-textarea.showtags div::after,.axed-textarea.showtags div:not(.xmlTagNoClosing)::before{content:\" \" attr(data-tagname) \" \";padding:var(--topBottomTagPadding) 0 var(--topBottomTagPadding);margin:0 2px 2px}.axed-textarea.showtags div:not(.xmlTagNoClosing)::after{content:\" \" attr(data-tagname);padding-right:7px;border-radius:10px 0 0 10px}.axed-textarea.showtags div:not(.xmlTagNoClosing)::before{border-radius:0 10px 10px 0}.axed-textarea.showtags div[data-attributes].xmlTagNoClosing:not([data-attributes=''])::after,.axed-textarea.showtags div[data-attributes]:not([data-attributes='']):not(.xmlTagNoClosing)::before{content:\" \" attr(data-tagname) \" \" attr(data-attributes) \" \"}.axed-textarea.showtags div.comment::after,.axed-textarea.showtags div.comment::before{content:' ' 'comment' ' ';background-color:#d3d3d3}.axed-textarea div div:not(.floating){margin-left:var(--tagIndent)}.tagElement>.dummyNode.parent{color:red}div.floating{display:inline}span.dummyNode.beforefirstTag{float:left;width:0}.axed-textarea.debug span.dummyNode{background-color:red;width:inherit}.axed-textarea.debug span.dummyNode.beforefirstTag{background-color:violet;width:inherit}.axed-textarea.showtags div.selected,.axed-textarea.showtags div.selected::after,.axed-textarea.showtags div.selected::before{background:#add8e6!important;color:#fff}[data-tagname=parsererror],[data-tagname=parsererror] div,[data-tagname=parsererror] div ::after,[data-tagname=parsererror] div::before,[data-tagname=parsererror]::after,[data-tagname=parsererror]::before{background:red!important;color:#fff!important;font-weight:700!important;font-size:20px!important;line-height:32px!important}.angular-editor{position:relative}.angular-editor ::ng-deep [contenteditable=true]:empty:before{content:attr(placeholder);display:block;color:#868e96;opacity:1}.angular-editor .axed-wrapper{position:relative}.angular-editor .axed-wrapper .axed-textarea{min-height:5rem;padding:.5rem .8rem 1rem;border:1px solid #ddd;background-color:transparent;overflow-x:hidden;overflow-y:auto;z-index:2;position:relative}.angular-editor .axed-wrapper .axed-textarea.focus,.angular-editor .axed-wrapper .axed-textarea:focus{outline:0}.angular-editor .axed-wrapper .axed-textarea ::ng-deep blockquote{margin-left:1rem;border-left:.2em solid #dfe2e5;padding-left:.5rem}.angular-editor .axed-wrapper ::ng-deep p{margin-bottom:0}.angular-editor .axed-wrapper .axed-placeholder{display:none;position:absolute;top:0;padding:.5rem .8rem 1rem .9rem;z-index:1;color:#6c757d;opacity:.75}.angular-editor .axed-wrapper.show-placeholder .angular-editor-placeholder{display:block}.angular-editor .axed-wrapper.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.axed-attribute-editor-toolbar{min-height:100px;font:100 .8rem/15px Roboto,Arial,sans-serif;background-color:#f5f5f5;padding:15px;border:1px solid #ddd;margin:0}.axed-attribute-editor-toolbar input,.axed-attribute-editor-toolbar select{width:100%}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["config"]}]}],"editorContextId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["editorContextId"]}]}],"debugMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3},"arguments":["debugMode"]}]}],"textArea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["editor"]}]}],"editorWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["editorWrapper"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":63,"character":33},{"__symbolic":"reference","name":"AngularXmlEditorService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onLostFocus":[{"__symbolic":"method"}],"onGotFocus":[{"__symbolic":"method"}],"clicked":[{"__symbolic":"method"}],"mousedown":[{"__symbolic":"method"}],"mouseup":[{"__symbolic":"method"}],"pasted":[{"__symbolic":"method"}],"copied":[{"__symbolic":"method"}],"keyDown":[{"__symbolic":"method"}],"keyUp":[{"__symbolic":"method"}],"showXml":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onContentChange":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"AngularXmlEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":10,"character":39}],"declarations":[{"__symbolic":"reference","name":"AngularXmlEditorComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"AngularXmlEditorComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"XmlSchemaLoader":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"getRawElements":[{"__symbolic":"method"}],"isValidXsdNode":[{"__symbolic":"method"}],"getXsdNodes":[{"__symbolic":"method"}]}},"XmlRulesCreator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"string"}]}]}],"findXsdNodeForHtmlNode":[{"__symbolic":"method"}],"getAllElementRuleNodes":[{"__symbolic":"method"}],"getRuleElementForXsdNode":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}],"isFloating":[{"__symbolic":"method"}]}},"XmlEditorContext":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":33,"context":{"typeName":"Document"},"module":"./lib/code/xmlEditorContext.class"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"setCursorPos":[{"__symbolic":"method"}],"mouseUp":[{"__symbolic":"method"}],"keyDown":[{"__symbolic":"method"}],"keyUp":[{"__symbolic":"method"}],"pasted":[{"__symbolic":"method"}],"copied":[{"__symbolic":"method"}],"insertText":[{"__symbolic":"method"}],"insertElement":[{"__symbolic":"method"}],"domInsertHtml":[{"__symbolic":"method"}],"saveSelection":[{"__symbolic":"method"}],"restoreSelection":[{"__symbolic":"method"}],"cleanUpAndUpdateDummyElements":[{"__symbolic":"method"}]}},"XmlEditorConfig":{"__symbolic":"interface"},"XmlRuleElementGroup":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"axed-toolbar","template":"<div class=\"sws-xml-editor-toolbar\">\r\n <h3>Insert element</h3>\r\n\r\n <!--\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button type=\"button\" title=\"Undo\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('undo')\"><i class='fa fa-undo'></i></button>\r\n <button type=\"button\" title=\"Redo\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('redo')\"><i class='fa fa-repeat'></i></button>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button [id]=\"'bold-'+id\" type=\"button\" title=\"Bold\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('bold')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-bold'></i></button>\r\n <button [id]=\"'italic-'+id\" type=\"button\" title=\"Italic\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('italic')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-italic'></i></button>\r\n <button [id]=\"'underline-'+id\" type=\"button\" title=\"Underline\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('underline')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-underline'></i></button>\r\n <button [id]=\"'strikeThrough-'+id\" type=\"button\" title=\"Strikethrough\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('strikeThrough')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-strikethrough'></i></button>\r\n <button [id]=\"'subscript-'+id\" type=\"button\" title=\"Subscript\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('subscript')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-subscript'></i></button>\r\n <button [id]=\"'superscript-'+id\" type=\"button\" title=\"Superscript\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('superscript')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-superscript'></i></button>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button [id]=\"'justifyLeft-'+id\" type=\"button\" title=\"Justify Left\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('justifyLeft')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-align-left'></i></button>\r\n <button [id]=\"'justifyCenter-'+id\" type=\"button\" title=\"Justify Center\" class=\"angular-editor-button\" (click)=\"triggerCommand('justifyCenter')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-align-center'></i></button>\r\n <button [id]=\"'justifyRight-'+id\" type=\"button\" title=\"Justify Right\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('justifyRight')\"\r\n [disabled]=\"htmlMode\">\r\n <i class='fa fa-align-right'></i></button>\r\n <button [id]=\"'justifyFull-'+id\" type=\"button\" title=\"Justify Full\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('justifyFull')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-align-justify'></i></button>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button [id]=\"'indent-'+id\" type=\"button\" title=\"Indent\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('indent')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-indent'></i></button>\r\n <button [id]=\"'outdent-'+id\" type=\"button\" title=\"Outdent\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('outdent')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-outdent'></i></button>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button [id]=\"'insertUnorderedList-'+id\" type=\"button\" title=\"Unordered List\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('insertUnorderedList')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-list-ul'></i></button>\r\n <button [id]=\"'insertOrderedList-'+id\" type=\"button\" title=\"Ordered List\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('insertOrderedList')\"\r\n [disabled]=\"htmlMode\"><i class='fa fa-list-ol'></i></button>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <label [for]=\"'heading-'+id\" class=\"block-label\"></label>\r\n <select title=\"Formatting\" [id]=\"'heading-'+id\" class=\"select-heading\" [(ngModel)]=\"block\" (change)=\"triggerCommand(block)\"\r\n [disabled]=\"htmlMode\">\r\n <optgroup label=\"Formatting\"></optgroup>\r\n <option class=\"h1\" value=\"h1\">Heading 1</option>\r\n <option class=\"h2\" value=\"h2\">Heading 2</option>\r\n <option class=\"h3\" value=\"h3\">Heading 3</option>\r\n <option class=\"h4\" value=\"h4\">Heading 4</option>\r\n <option class=\"h5\" value=\"h5\">Heading 5</option>\r\n <option class=\"h6\" value=\"h6\">Heading 6</option>\r\n <option class=\"p\" value=\"p\">Paragraph</option>\r\n <option class=\"pre\" value=\"pre\">Predefined</option>\r\n <option class=\"div\" value=\"div\">Standard</option>\r\n <option class=\"default\" value=\"default\">Default</option>\r\n </select>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <label [for]=\"'fontSelector-'+id\" class=\"block-label\"></label>\r\n <select title=\"Font Name\" [id]=\"'fontSelector-'+id\" class=\"select-font\" [(ngModel)]=\"fontName\" (change)=\"setFontName(fontName)\"\r\n [disabled]=\"htmlMode\">\r\n <optgroup label=\"Font Name\"></optgroup>\r\n <option class=\"arial\" value=\"Arial\">Arial</option>\r\n <option class=\"calibri\" value=\"Calibri\">Calibri</option>\r\n <option class=\"comic-sans-ms\" value=\"Comic Sans MS\">Comic Sans MS</option>\r\n <option class=\"times-new-roman\" value=\"Times New Roman\">Times New Roman</option>\r\n </select>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <label [for]=\"'fontSizeSelector-'+id\" class=\"block-label\"></label>\r\n <select title=\"Font Size\" [id]=\"'fontSizeSelector-'+id\" class=\"select-font-size\" [(ngModel)]=\"fontSize\" (change)=\"setFontSize(fontSize)\"\r\n [disabled]=\"htmlMode\">\r\n <optgroup label=\"Font Sizing\"></optgroup>\r\n <option class=\"size1\" value=\"1\">1</option>\r\n <option class=\"size2\" value=\"2\">2</option>\r\n <option class=\"size3\" value=\"3\">3</option>\r\n <option class=\"size4\" value=\"4\">4</option>\r\n <option class=\"size5\" value=\"5\">5</option>\r\n <option class=\"size6\" value=\"6\">6</option>\r\n <option class=\"size7\" value=\"7\">7</option>\r\n </select>\r\n </div>\r\n <div class=\"angular-editor-toolbar-set\">\r\n <input style=\"display: none\" type=\"color\" (change)=\"insertColor(fgInput.value, 'textColor')\" #fgInput>\r\n <button [id]=\"'foregroundColorPicker-'+id\" type=\"button\" class=\"sws-xml-editor-button\" (click)=\"fgInput.click()\"\r\n title=\"Text Color\" [disabled]=\"htmlMode\"><span class=\"color-label foreground\"><i class=\"fa fa-font\"></i></span></button>\r\n <input style=\"display: none\" type=\"color\" (change)=\"insertColor(bgInput.value, 'backgroundColor')\" #bgInput>\r\n <button [id]=\"'backgroundColorPicker-'+id\" type=\"button\" class=\"sws-xml-editor-button\" (click)=\"bgInput.click()\"\r\n title=\"Background Color\" [disabled]=\"htmlMode\"><span class=\"color-label background\"><i class=\"fa fa-font\"></i></span></button>\r\n </div>\r\n <div *ngIf=\"customClasses\" class=\"sws-xml-editor-toolbar-set\">\r\n <label [for]=\"'customClassSelector-'+id\" class=\"block-label\"></label>\r\n <select title=\"Custom Style\" [id]=\"'customClassSelector-'+id\" class=\"select-custom-style\" [(ngModel)]=\"customClassId\"\r\n (change)=\"setCustomClass(customClassId)\" [disabled]=\"htmlMode\">\r\n <optgroup label=\"Custom Class\"></optgroup>\r\n <option class=\"\" value=-1>Clear Class</option>\r\n <option *ngFor=\"let item of customClasses; let i = index\" [class]=\"item.class\" [value]=\"i\">{{item.name}}</option>\r\n </select>\r\n </div>\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button [id]=\"'link-'+id\" type=\"button\" class=\"sws-xml-editor-button\" (click)=\"insertUrl()\" title=\"Insert Link\"\r\n [disabled]=\"htmlMode\">\r\n <i class=\"fa fa-link\"></i>\r\n </button>\r\n <button type=\"button\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('unlink')\" title=\"Unlink\" [disabled]=\"htmlMode\">\r\n <i class=\"fa fa-chain-broken\"></i>\r\n </button>\r\n <input style=\"display: none\" type=\"file\" (change)=\"onFileChanged($event)\" #fileInput>\r\n <button type=\"button\" class=\"sws-xml-editor-button\" (click)=\"fileInput.click()\" title=\"Insert Image\" [disabled]=\"htmlMode\"><i\r\n class=\"fa fa-image\"></i></button>\r\n\r\n <button type=\"button\" title=\"Horizontal Line\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('insertElement_STAR')\"\r\n [disabled]=\"htmlMode\"><i class=\"fa fa-minus\"></i> STAR</button>\r\n </div>\r\n -->\r\n\r\n\r\n\r\n <div class=\"sws-xml-editor-toolbar-set\" *ngFor=\"let group of elementGroups\">\r\n <label class=\"sws-editor-toolbar-grouplabel\" *ngIf=\"group.title\">{{ group.title }}:</label>\r\n <button *ngFor=\"let elem of group.elements\" type=\"button\" title=\"{{elem.title}}\" class=\"sws-xml-editor-button\"\r\n (click)=\"insertElement(elem)\">\r\n <span *ngIf=\"elem.iconClass\"><i class=\"{{elem.iconClass}}\"></i> </span>{{ elem.tagName }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button type=\"button\" title=\"remove tag\" class=\"sws-xml-editor-button\"><i class=\"fa fa-remove\"></i> remove</button>\r\n </div>\r\n\r\n <!--\r\n <div class=\"sws-xml-editor-toolbar-set\">\r\n <button [id]=\"'toggleEditorMode-'+id\" type=\"button\" title=\"HTML Code\" class=\"sws-xml-editor-button\" (click)=\"triggerCommand('toggleEditorMode')\"><i\r\n class='fa fa-code'></i></button>\r\n </div>\r\n -->\r\n</div>\r\n","styles":[".sws-xml-editor-toolbar{display:inline-block}.sws-xml-editor-toolbar .sws-xml-editor-toolbar-set{border-radius:5px;background-color:#fff;margin-right:5px;margin-bottom:5px;border:1px solid #ddd;clear:both;float:left;display:block;position:relative}.sws-xml-editor-toolbar .sws-xml-editor-toolbar-set .sws-editor-toolbar-grouplabel{display:block;font-weight:700;background-color:transparent;float:left;padding:.5em .5em 0}.sws-xml-editor-toolbar .sws-xml-editor-toolbar-set .sws-xml-editor-button{border-radius:5px;background-color:transparent;margin:2px;padding:.6em;min-width:3em;float:left;border:.5px solid #eee}.sws-xml-editor-toolbar .sws-xml-editor-toolbar-set .sws-xml-editor-button:hover{cursor:pointer;background-color:#ff8c00;transition:.2s}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["config"]}]}],"editorContextId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["editorContextId"]}]}],"insertElement":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AngularXmlEditorService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"GetElementGroupsForCursorPos":[{"__symbolic":"method"}],"GetAllElementGroups":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"axed-attribute-editor","template":"<div class=\"sws-attribute-editor-toolbar\" *ngIf=\"elementName\">\r\n\r\n <h3>Attributes</h3>\r\n\r\n <div *ngIf=\"attributes.length > 0; else noAttributes\">\r\n <p>Attributes for <b>{{elementName}}</b> element</p>\r\n <div *ngFor=\"let attrib of attributes\">\r\n <span>{{attrib.rules.attribName}}</span>:<br />\r\n\r\n <input type=\"text\" *ngIf=\"attrib.rules.typ === attribTypes.String\" value=\"{{attrib.value}}\"\r\n (input)=\"attributeValueChanged(attrib.rules.attribName, $event.target.value);\">\r\n\r\n <select *ngIf=\"attrib.rules.typ === attribTypes.Enum\" value=\"{{attrib.value}}\"\r\n (input)=\"attributeValueChanged(attrib.rules.attribName, $event.target.value);\">\r\n <option *ngIf=\"attrib.rules.required === false\"></option>\r\n <option *ngFor=\"let value of attrib.rules.fixedValues\">{{value}}</option>\r\n </select>\r\n\r\n </div>\r\n </div>\r\n\r\n <ng-template #noAttributes>\r\n No attributes to edit for element <b>{{elementName}}</b>\r\n </ng-template>\r\n\r\n</div>\r\n","styles":[".sws-attribute-editor-toolbar input,.sws-attribute-editor-toolbar select{width:100%;border-radius:5px;background-color:transparent;padding:.6em 0 .4em;margin-bottom:.3em;border:.5px solid #eee}"]}]}],"members":{"editorContextId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3},"arguments":["editorContextId"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AngularXmlEditorService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attributeValueChanged":[{"__symbolic":"method"}],"GetElementNameForCursorPos":[{"__symbolic":"method"}],"GetAttributesForCursorPos":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"axed-debug","template":"<div class=\"sws-xml-editor-toolbar\">\r\n\r\n <h3>Debugging</h3>\r\n\r\n <div class=\"block\">\r\n <label>Cursor: </label>\r\n {{cursorPosInfo}}\r\n </div>\r\n\r\n <div class=\"block\">\r\n <label>Selection set: </label>\r\n {{inputSelection}}\r\n </div>\r\n\r\n</div>","styles":[".sws-xml-editor-toolbar{min-height:50px;font:100 .8rem/15px Roboto,Arial,sans-serif;background-color:#f5f5f5;padding:15px;border:1px solid #ddd}.sws-xml-editor-toolbar .block{background-color:transparent;min-width:2rem;border:solid #ddd;padding-bottom:1em}.sws-xml-editor-toolbar label{font-weight:700}"]}]}],"members":{"editorContextId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["editorContextId"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AngularXmlEditorService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"axed-dom-breakcrumb","template":"<ul>\r\n <li *ngFor=\"let element of nodes\">\r\n {{ element }}\r\n </li>\r\n</ul>\r\n","styles":["ul{list-style-type:none;margin:0;padding:0}ul li{display:inline-block;zoom:1;padding-right:10px}ul li::before{content:'>';color:#d3d3d3}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"showSelection":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Map","arguments":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":1,"character":50,"context":{"typeName":"Element"},"module":"./lib/code/xml-rules-check/xmlSchema.class"}]}]}],"findXsdNodeForTagName":[{"__symbolic":"method"}]}}},"origins":{"AngularXmlEditorService":"./lib/angular-xml-editor.service","AngularXmlEditorComponent":"./lib/angular-xml-editor.component","AngularXmlEditorModule":"./lib/angular-xml-editor.module","XmlSchemaLoader":"./lib/code/xml-rules-check/XmlSchemaLoader.class","XmlRulesCreator":"./lib/code/xml-rules-check/xmlRulesCreator.class","XmlEditorContext":"./lib/code/xmlEditorContext.class","XmlEditorConfig":"./lib/code/xmlEditorConfig","XmlRuleElementGroup":"./lib/code/xmlEditorConfig","ɵa":"./lib/components/xml-editor-toolbar/xml-editor-toolbar.component","ɵb":"./lib/components/xml-editor-attribute-editor/xml-editor-attribute-editor.component","ɵc":"./lib/components/xml-editor-debug/xml-editor-debug.component","ɵd":"./lib/components/dom-breakcrumb/dom-breakcrumb.component","ɵe":"./lib/code/xml-rules-check/xmlSchema.class"},"importAs":"angular-xml-editor"}