{"__symbolic":"module","version":4,"metadata":{"DynamicTemplateService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"Broadcast":[{"__symbolic":"method"}],"ListenFor":[{"__symbolic":"method"}],"ClearEvent":[{"__symbolic":"method"}],"ClearAllEvents":[{"__symbolic":"method"}],"getPointerPos":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"DynamicTemplateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-dynamic-template","template":"
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n","styles":[".playground{position:fixed;top:0;left:15px;right:15px;bottom:0;max-width:100%;margin:0 auto;overflow:hidden}.playground .input{overflow:hidden}.playground .inner-playground{height:100%}.playground .mat-form-field{width:100%}.playground .firstBox{position:absolute;padding:3px;background:#F5F6FA;overflow:hidden}.playground .firstBox .box-shadow{position:relative;height:100%;box-shadow:0 0 5px #ccc}.playground .firstBox.no-shadow{padding:0}.playground .firstBox.no-shadow .box-shadow{box-shadow:none}.playground .results .second-box{position:absolute;margin-right:1%;left:0;padding:3px;background:#F5F6FA;overflow:hidden}.playground .results .second-box .url-window{height:100%}.playground .results .second-box .box-shadow{position:relative;height:100%;box-shadow:0 0 5px #ccc}.playground .results .second-box.no-shadow{padding:0}.playground .results .second-box.no-shadow .box-shadow{box-shadow:none}.playground .results .third-box{position:absolute;margin-left:1%;right:0;padding:3px;background:#F5F6FA;overflow:hidden}.playground .results .third-box .box-shadow{position:relative;height:100%;box-shadow:0 0 5px #ccc}.playground .results .third-box.no-shadow{padding:0}.playground .results .third-box.no-shadow .box-shadow{box-shadow:none}.playground .small-menu{position:absolute;bottom:1em;right:.5em;direction:rtl;z-index:2;font-size:2em;color:#000;transition:all .3s ease-in-out}.playground .small-menu .arrow{position:absolute;bottom:0;transition:all .3s ease-in-out;transform:rotate(0) scale(.6);z-index:1}.playground .small-menu .arrow-spin-revert{transform:rotate(360deg);transform-origin:revert}.playground .small-menu .arrow-spin{transform:rotate(360deg) scale(1)}.playground .small-menu .small-menu-options{position:absolute;bottom:0;font-size:.8em;transition:all .3s ease-in-out}.playground .small-menu .small-menu-options .icon{position:absolute;bottom:0;right:0;font-size:0;transition:all .3s ease-in-out}.playground .small-menu .small-menu-options-open{transform:rotate(360deg)}.playground .small-menu .small-menu-options-open .icon{font-size:1em}.playground .small-menu .small-menu-options-open .icon:hover,.playground .small-menu .small-menu-options-open .icon:active{text-shadow:1px 1px 2px #717070}.playground .small-menu .small-menu-options-open .icon-one{bottom:2em;color:#4cb122}.playground .small-menu .small-menu-options-open .icon-two{bottom:1.35em;right:1.3em;color:red}.playground .small-menu .small-menu-options-open .icon-three{right:2em;bottom:.2em;color:#33afc3}.playground .small-menu .small-menu-options-open .icon-four{bottom:-1.1em;right:1.3em;color:orange}.playground .small-menu .small-menu-options-open .icon-five{bottom:-1.8em;color:orange}.playground .small-menu-option-two{bottom:0;right:.5em}.playground .small-menu-option-two .small-menu-options{right:.5em}.playground .small-menu-option-two .small-menu-options-open{transform:none;right:0}.playground .small-menu-option-two .small-menu-options-open .icon-one{bottom:4.2em;right:.1em;color:#4cb122}.playground .small-menu-option-two .small-menu-options-open .icon-two{bottom:3.2em;right:.15em;color:red}.playground .small-menu-option-two .small-menu-options-open .icon-three{bottom:2.2em;right:0;color:#33afc3}.playground .small-menu-option-two .small-menu-options-open .icon-four{bottom:1.2em;right:.1em;color:orange}.playground .small-menu-option-two .small-menu-options-open .icon-five{bottom:1.2em;right:.1em;color:orange}.playground .expand{position:absolute;top:0px;left:0px;z-index:2;cursor:pointer;padding:0 4px}.playground .markError{position:absolute;top:5px;left:0;z-index:1;cursor:pointer;font-size:1.5em;color:red}.playground .drag{position:absolute;bottom:-4px;left:0;right:0;cursor:move}.playground .drag-bottom{position:absolute;bottom:-4px;left:0;right:0;height:5px;cursor:move;padding:5px;z-index:1}.playground .drag-top{position:absolute;top:-4px;left:0;right:0;height:5px;cursor:move;padding:5px;z-index:1}.playground .drag-left{position:absolute;top:0;bottom:0;left:-4px;width:5px;cursor:move;padding:5px;z-index:1;right:auto}.playground .drag-right{position:absolute;top:0;bottom:0;right:-4px;width:5px;cursor:move;padding:5px;z-index:1;left:auto}.playground .pointer{cursor:pointer}.playground .animated-all{transition:all .3s ease-in-out}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-20{width:1.25em}\n"]}]}],"members":{"playground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["playground"]}]}],"scroller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":["scroller"]}]}],"smallMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["smallMenu"]}]}],"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":417,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":417,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"DynamicTemplateService"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadSettings":[{"__symbolic":"method"}],"setExpand":[{"__symbolic":"method"}],"resetAllDrag":[{"__symbolic":"method"}],"expandFirstBox":[{"__symbolic":"method"}],"expandThirdBox":[{"__symbolic":"method"}],"expandSecondBox":[{"__symbolic":"method"}],"checkOneItemIsExpand":[{"__symbolic":"method"}],"checkFirstBoxIsExpand":[{"__symbolic":"method"}],"checkThirdBoxIsExpand":[{"__symbolic":"method"}],"checkSecondBoxIsExpand":[{"__symbolic":"method"}],"emitDragStarted":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onMouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1206,"character":3},"arguments":["document:mouseup",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1207,"character":3},"arguments":["document:touchend",["$event"]]}]}],"onMouseMove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1228,"character":3},"arguments":["document:mousemove",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1229,"character":3},"arguments":["document:touchmove",["$event"]]}]}],"onMoveVersion1":[{"__symbolic":"method"}],"onMoveVersion3":[{"__symbolic":"method"}],"onMoveLimitTopBottom":[{"__symbolic":"method"}],"onMoveLimitLeft":[{"__symbolic":"method"}],"onMoveLimitRight":[{"__symbolic":"method"}],"resetView":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1538,"character":3},"arguments":["window:resize",["$event"]]}]}],"setPlaygroundHeight":[{"__symbolic":"method"}],"saveState":[{"__symbolic":"method"}],"getState":[{"__symbolic":"method"}],"changeComponentOrder":[{"__symbolic":"method"}],"changeViewDynamically":[{"__symbolic":"method"}],"changeTemplateType":[{"__symbolic":"method"}],"toggleSmallMenu":[{"__symbolic":"method"}],"onDocClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1629,"character":3},"arguments":["document:mousedown",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":1630,"character":3},"arguments":["document:wheel",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DynamicTemplateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DynamicTemplateComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":16,"character":4}],"exports":[{"__symbolic":"reference","name":"DynamicTemplateComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[libDynamicComponent]"}]}],"members":{"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["libDynamicComponent"]}]}],"inputs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"outputs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":21,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":22,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"loadInputs":[{"__symbolic":"method"}],"loadOutputs":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}}},"origins":{"DynamicTemplateService":"./lib/dynamic-template.service","DynamicTemplateComponent":"./lib/dynamic-template.component","DynamicTemplateModule":"./lib/dynamic-template.module","ɵa":"./lib/dynamic-component.directive"},"importAs":"angular-dynamic-template"}