{"__symbolic":"module","version":4,"metadata":{"OsTypes":{"__symbolic":"interface"},"LayoutTypes":{"__symbolic":"interface"},"OS_TOKEN":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":28},"arguments":["os"]},"MacColor":{"__symbolic":"interface"},"WindowsColor":{"__symbolic":"interface"},"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ngx-desktop-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<button data-radium=\"true\"\r\n        [disabled]=\"disabled\"\r\n        [type]=\"type\"\r\n        (click)=\"onClick.emit($event)\"\r\n        [class]=\"os\"\r\n        (ngxDesktopMousedown)=\"mousedown = $event\"\r\n        (ngxDesktopWindowBlur)=\"windowBlur = $event\"\r\n        (ngxDesktopMouseover)=\"mouseover = $event\"\r\n        [ngStyle]=\"style\"\r\n        [class.mousedown]=\"mousedown\"\r\n        [class.blur]=\"windowBlur\"\r\n        [style.margin]=\"margin | styleValue\"\r\n        [style.marginBottom]=\"marginBottom | styleValue\"\r\n        [style.marginRight]=\"marginRight | styleValue\"\r\n        [style.marginTop]=\"marginTop | styleValue\"\r\n        [style.marginLeft]=\"marginLeft | styleValue\"\r\n        [style.padding]=\"padding | styleValue : os === 'mac' ? '0 13px' : '0 32px'\"\r\n        [style.paddingTop]=\"paddingTop | styleValue\"\r\n        [style.paddingBottom]=\"paddingBottom | styleValue\"\r\n        [style.paddingLeft]=\"paddingLeft | styleValue\"\r\n        [style.paddingRight]=\"paddingRight | styleValue\"\r\n        [style.fontSize]=\"size | styleValue:'13px'\">\r\n  <ng-content></ng-content>\r\n</button>\r\n\r\n<!--<button type=\"button\" data-radium=\"true\" >-->\r\n<!--  Press me!-->\r\n<!--</button>-->\r\n","styles":[":host{font:13px/1.4 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;outline:0;border-style:solid}button.windows{border-width:2px;line-height:28px;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:15px}button.mac{background-color:#fff;border-width:1px;border-radius:5px;box-shadow:rgba(0,0,0,.04) 0 1px;line-height:19px;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif}"]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}]}},"BoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-desktop-box","template":"<div class=\"box-wrap\">\r\n  <span class=\"lable\">{{label}}</span>\r\n  <div class=\"content-wrap\"\r\n       [ngxDesktopHorizontalAlignment]=\"horizontalAlignment\"\r\n       [ngxDesktopVerticalAlignment]=\"verticalAlignment\"\r\n       [style.height]=\"height | styleValue\"\r\n       [style.width]=\"width | styleValue\"\r\n       [style.margin]=\"margin | styleValue\"\r\n       [style.marginBottom]=\"marginBottom | styleValue\"\r\n       [style.marginRight]=\"marginRight | styleValue\"\r\n       [style.marginTop]=\"marginTop | styleValue\"\r\n       [style.marginLeft]=\"marginLeft | styleValue\"\r\n       [style.padding]=\"padding | styleValue:'23px 18px 22px'\"\r\n       [style.paddingTop]=\"paddingTop | styleValue\"\r\n       [style.paddingBottom]=\"paddingBottom | styleValue\"\r\n       [style.paddingLeft]=\"paddingLeft | styleValue\"\r\n       [style.paddingRight]=\"paddingRight | styleValue\"\r\n       [style.color]=\"color\"\r\n       [style.background]=\"background | styleValue:'rgba(0, 0, 0, 0.04)'\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","styles":[".box-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;flex:1 1 0}.content-wrap{border-width:1px;border-style:solid;border-color:rgba(0,0,0,.07) rgba(0,0,0,.035) rgba(0,0,0,.027);border-radius:4px;position:relative}.lable{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:11px;color:#000;margin:0 0 1px 7px;line-height:13.2px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ngx-desktop-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":13},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"},"multi":true}],"template":"<div style=\"display: inline-block;\">\r\n  <label data-radium=\"true\"\r\n         class=\"checkbox-wrap\"\r\n         [class]=\"os\"\r\n         (ngxDesktopWindowBlur)=\"windowBlur = $event\"\r\n         (ngxDesktopMouseover)=\"mouseover = $event\"\r\n         (ngxDesktopMousedown)=\"mousedown = $event\"\r\n         [class.blur]=\"windowBlur\"\r\n         [class.checked]=\"checked\"\r\n         [class.disabled]=\"disabled\">\r\n    <div data-radium=\"true\" style=\"position: relative; margin-right: 3px; padding-top: 3px;\">\r\n      <input type=\"checkbox\"\r\n             data-radium=\"true\"\r\n             [style]=\"style\"\r\n             [checked]=\"checked\"\r\n             (change)=\"changeValue()\"\r\n             [disabled]=\"disabled\">\r\n      <div data-radium=\"true\" class=\"checkbox-style\" *ngIf=\"os === 'mac'\">\r\n        <svg viewBox=\"0 0 285 283.4\" data-radium=\"true\" class=\"svg1\">\r\n          <path [attr.fill]=\"disabled ? '#8d8d8d' : (windowBlur ? '#404040' : '#FFFFFF')\"\r\n                d=\"M101.2,215.7L227.5,20.6c0,0,20.7-31.9,44.4-16.2c25.4,16.8,6.1,41,6.1,41L134.5,271.9c0,0-8.8,11.5-23.9,11.5 s-29.2-13.3-29.2-13.3L2.7,175.4c0,0-9.4-17.3,6.8-27.4c19.7-12.3,34.6,2.8,34.6,2.8L101.2,215.7z\"></path>\r\n        </svg>\r\n        <svg viewBox=\"0 0 285 283.4\" data-radium=\"true\" class=\"svg2\">\r\n          <path [attr.fill]=\"disabled ? '#ededed' : (checked ? (windowBlur ? '#FFFFFF' : '#0050a5') : '#0050a5')\"\r\n                d=\"M101.2,215.7L227.5,20.6c0,0,20.7-31.9,44.4-16.2c25.4,16.8,6.1,41,6.1,41L134.5,271.9c0,0-8.8,11.5-23.9,11.5 s-29.2-13.3-29.2-13.3L2.7,175.4c0,0-9.4-17.3,6.8-27.4c19.7-12.3,34.6,2.8,34.6,2.8L101.2,215.7z\"></path>\r\n        </svg>\r\n      </div>\r\n      <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 6.4 6.4\" data-radium=\"true\" *ngIf=\"os === 'windows' && checked\"\r\n           style=\"position: absolute; top: 6px; left: 5px; color: rgb(255, 255, 255); height: 16px;\">\r\n        <polygon [attr.fill]=\"disabled ? '#8d8d8d' : (isDarkColor ? '#000' : '#fff')\" points=\"0,3.3 2.2,5.5 6.4,1.23 6.1,0.9 2.2,4.8 0.3,2.9 \"></polygon>\r\n      </svg>\r\n    </div>\r\n    <span class=\"title\">{{label}}</span>\r\n  </label>\r\n</div>\r\n","styles":[":host{font:13px/1.4 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.checkbox-wrap{display:flex;position:relative}input{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;outline:0;border-style:solid}.windows .checkbox-wrap{align-items:center;margin-bottom:22px}.windows input{border-width:2px;padding:8px;color:#fff;vertical-align:bottom;margin-right:6px;margin-top:0}.windows .title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:15px;margin-top:1px;color:#000}.windows.disabled .title{color:#bbb}.mac.checkbox-wrap{height:20px;margin-right:1px}.mac input{border-width:1px;border-radius:3px;padding:6px;margin:0 1px;box-shadow:rgba(224,224,224,.4) 0 1px 0 0 inset;transition:.4s;background-color:#fff;border-color:#b8b8b8}.mac.blur.checked input{border-color:#b8b8b8;background-color:#fff;transition:none}.mac.checked input{box-shadow:none!important;transition:.4s;background-color:#3b99fc;border-color:#2c91fc}.mac.checked .checkbox-style{opacity:1;transform:scale(1)}.mac.disabled .title{color:#a5a5a5}.mac.disabled input{background-color:#ececec!important;border-color:#bbb!important}.mac .checkbox-style{position:absolute;top:6px;left:4px;width:8px;height:8px;opacity:0;transform:scale(0);transition:.5s}.mac .title{display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px;color:#000}.mac .svg1{z-index:2;position:absolute;top:0;left:0;height:8px}.mac .svg2{z-index:1;position:absolute;top:1.5px;left:0;opacity:.37;height:8px;-webkit-filter:blur(.5px);filter:blur(.5px)}"]}]}],"members":{"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":102,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"LabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-desktop-label","template":"<span class=\"label-wrap\"\r\n      [class]=\"os\"\r\n      [ngxDesktopVerticalAlignment]=\"verticalAlignment\"\r\n      [ngxDesktopHorizontalAlignment]=\"horizontalAlignment\"\r\n      [style.margin]=\"margin | styleValue\"\r\n      [style.marginBottom]=\"marginBottom | styleValue\"\r\n      [style.marginRight]=\"marginRight | styleValue\"\r\n      [style.marginTop]=\"marginTop | styleValue\"\r\n      [style.marginLeft]=\"marginLeft | styleValue\"\r\n      [style.padding]=\"padding | styleValue\"\r\n      [style.paddingTop]=\"paddingTop | styleValue\"\r\n      [style.paddingBottom]=\"paddingBottom | styleValue\"\r\n      [style.paddingLeft]=\"paddingLeft | styleValue\"\r\n      [style.paddingRight]=\"paddingRight | styleValue\"\r\n      [style.height]=\"height | styleValue\"\r\n      [style.width]=\"width | styleValue\"\r\n      [style.color]=\"color | styleValue : '#000000'\">\r\n  <ng-content></ng-content>\r\n</span>\r\n","styles":[".label-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.windows.label-wrap{font-size:14px;display:flex;line-height:25.96px;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif}.mac.label-wrap{display:block;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NavPaneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"ngx-desktop-nav-pane","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":26,"character":4},"arguments":["changePane",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":27,"character":6},"arguments":["initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":23},"arguments":[{"transform":"translateY(1)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":31,"character":6},"arguments":["final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":21},"arguments":[{"transform":"translateY(0)","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":6},"arguments":["initial=>final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":35},"arguments":[1000]}]}]]}],"template":"<div class=\"nav-pane-container\">\r\n  <div class=\"nav-pane-label-container\">\r\n    <div style=\"height: 48px;\"></div>\r\n    <span style=\"position: absolute; padding: 8px 10px; top: 7px; left: 4px; width: 20px; height: 20px;\">\r\n      <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 20 12.5\" data-radium=\"true\" >\r\n        <path fill=\"#000000\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0,12.5h20V11H0V12.5z M0,7h20V5.5H0V7z M0,0v1.5h20V0H0z\"></path>\r\n      </svg>\r\n    </span>\r\n    <a data-radium=\"true\" class=\"pane-label checked\" (click)=\"a()\">\r\n      <span data-radium=\"true\">\r\n        <i data-radium=\"true\">\r\n          <svg x=\"0px\"\r\n               y=\"0px\"\r\n               width=\"16px\"\r\n               height=\"14.9px\"\r\n               viewBox=\"0 0 16 14.9\">\r\n            <polygon fill=\"#000000\" points=\"16,5.6 10.6,4.7 8,0 5.4,4.7 0,5.7 3.8,9.6 3.1,14.9 8,12.6 13,14.8 12.3,9.5 \"></polygon>\r\n          </svg>\r\n        </i>\r\n      </span>\r\n    </a>\r\n    <a data-radium=\"true\" class=\"pane-label\">\r\n      <span data-radium=\"true\">\r\n        <i data-radium=\"true\">\r\n          <svg x=\"0px\"\r\n               y=\"0px\"\r\n               width=\"16px\"\r\n               height=\"13.5px\"\r\n               viewBox=\"0 0 16 13.5\">\r\n            <path\r\n              fill=\"#000000\"\r\n              d=\"M16,4.2C16,1.9,14.1,0,11.7,0c-1.4,0-2.6,0.6-3.4,1.6c0,0,0,0,0,0C8.3,1.7,8.1,1.8,8,1.8 c-0.2,0-0.3-0.1-0.4-0.2c0,0,0,0,0,0C6.8,0.6,5.6,0,4.3,0C1.9,0,0,1.9,0,4.2c0,0,0,0.1,0,0.1l0,0c0,0,0,0.1,0,0.3 C0,4.8,0.1,5,0.1,5.2c0.3,1.4,1.4,4.1,5.1,6.5c2.1,1.4,2.6,1.8,2.8,1.8c0,0,0,0,0,0c0,0,0,0,0,0c0.1,0,0.7-0.4,2.8-1.8 c3.5-2.3,4.6-4.8,5-6.3C15.9,5.1,16,4.8,16,4.5C16,4.3,16,4.2,16,4.2L16,4.2C16,4.2,16,4.2,16,4.2z\"></path>\r\n          </svg>\r\n        </i>\r\n      </span>\r\n    </a>\r\n    <a data-radium=\"true\" class=\"pane-label\">\r\n    <span data-radium=\"true\">\r\n      <i data-radium=\"true\">\r\n        <svg x=\"0px\"\r\n             y=\"0px\"\r\n             width=\"16px\"\r\n             height=\"15.6px\"\r\n             viewBox=\"0 0 16 15.6\">\r\n          <path\r\n            fill=\"#000000\"\r\n            d=\"M14.9,3.2c0.7-0.9,1-1.7,1.1-2.4c0-0.2,0-0.4-0.1-0.5c0,0,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1 C15.6,0,15.4,0,15.2,0c-0.7,0-1.6,0.4-2.4,1c-0.7,0.5-1.4,1.2-2.4,2.3C10.2,3.5,10,3.6,9.8,3.8L8.3,3.4L7.9,3.3C8,3.2,8.1,3.1,8.1,3 c0-0.1,0-0.2-0.1-0.3L7.6,2.3C7.5,2.3,7.4,2.2,7.3,2.2c-0.1,0-0.2,0-0.3,0.1L6.5,2.8L6.2,2.8c0.1-0.1,0.1-0.2,0.1-0.3 c0-0.1,0-0.2-0.1-0.3L5.8,1.9C5.7,1.8,5.6,1.8,5.5,1.8c-0.1,0-0.2,0-0.3,0.1L4.7,2.3L2.8,1.8c0,0-0.1,0-0.1,0 c-0.1,0-0.3,0.1-0.4,0.1L1.6,2.6C1.5,2.6,1.5,2.7,1.5,2.8c0,0.1,0.1,0.3,0.2,0.3l4.1,2.2c0,0,0.1,0.1,0.1,0.1L7,6.6 C6,7.7,5,8.8,4.2,9.7C4.2,9.8,4.1,9.9,4,10L0.9,9.7c0,0,0,0-0.1,0c-0.1,0-0.3,0.1-0.4,0.2l-0.3,0.3C0,10.3,0,10.4,0,10.5 c0,0.1,0.1,0.3,0.2,0.3l2.2,1c0,0,0.1,0,0.1,0.1l0.2,0.2c-0.1,0.2-0.1,0.3-0.1,0.4c0,0.2,0.1,0.3,0.2,0.4C2.9,13,3,13.1,3.2,13.1 c0.1,0,0.3,0,0.4-0.1l0.2,0.2c0,0,0,0.1,0.1,0.1l1.1,2.2c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2,0,0.3-0.1l0.3-0.3C6,15.1,6,14.9,6,14.8 c0,0-0.3-3.1-0.3-3.1c0.1-0.1,0.2-0.1,0.3-0.2c1-0.7,2.1-1.7,3.2-2.7l1.2,1.1c0,0,0.1,0.1,0.1,0.1l2.3,4c0.1,0.1,0.2,0.2,0.3,0.2 c0.1,0,0.2,0,0.3-0.1l0.7-0.7c0.1-0.1,0.1-0.2,0.1-0.3c0,0,0-0.1,0-0.1l-0.5-1.8L13.6,11l0.5-0.4c0.1-0.1,0.1-0.2,0.1-0.3 c0-0.1,0-0.2-0.1-0.3l-0.3-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1l-0.1-0.3l0.5-0.5c0.1-0.1,0.1-0.2,0.1-0.3 c0-0.1,0-0.2-0.1-0.3l-0.3-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1L12.1,6c0.2-0.2,0.4-0.4,0.6-0.5 C13.7,4.5,14.4,3.8,14.9,3.2z\"></path>\r\n        </svg>\r\n      </i>\r\n    </span>\r\n    </a>\r\n  </div>\r\n  <div class=\"nav-pane-content-container\">\r\n    <div data-radium=\"true\" class=\"title-container\">\r\n      <span data-radium=\"true\" class=\"last-title\" [@changePane]=\"changePaneState\">Item 2</span>\r\n<!--      <span data-radium=\"true\" class=\"current-title\">Item 1</span>-->\r\n    </div>\r\n    <div style=\"display: flex; flex: 1 1 0%; flex-direction: column; padding: 10px 20px; background: rgb(255, 255, 255);\">\r\n      <ng-content select=\"ngx-desktop-nav-pane-item\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".nav-pane-container{display:flex;flex-wrap:nowrap;position:relative;flex:1 1 0}.nav-pane-content-container{position:relative;flex-grow:1;flex-shrink:0;display:flex;flex-direction:column}:host{width:100%}.nav-pane-label-container{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;position:relative;flex-grow:0;flex-shrink:0;flex-direction:column;overflow:hidden;width:48px}.pane-label{display:flex;align-items:center;height:44px}.pane-label.checked{background-color:rgba(204,127,41,.6)}.pane-label span{display:flex;align-items:center;color:#000;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:15px;letter-spacing:.4pt;padding:0 16px;transition:transform .1s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pane-label span i{margin-right:8px;height:44px;display:flex;align-items:center}.title-container{position:relative;color:#000;height:48px;display:flex;align-items:center;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:15px;text-transform:uppercase;padding:0 24px;overflow:hidden;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.current-title{opacity:0;-webkit-animation:.3s forwards Title-radium-animation;animation:.3s forwards Title-radium-animation}.last-title{position:absolute;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;color:#000;height:48px;display:flex;align-items:center;font-size:15px;text-transform:uppercase;padding:0 24px;overflow:hidden;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:0;left:0}@-webkit-keyframes span-radium-animation{0%{opacity:1}100%{opacity:0}}@keyframes span-radium-animation{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes Title-radium-animation{0%{opacity:0}29%{opacity:0;transform:translateY(9px)}30%{opacity:.35;transform:translateY(9px)}100%{opacity:1;transform:translateY(0)}}@keyframes Title-radium-animation{0%{opacity:0}29%{opacity:0;transform:translateY(9px)}30%{opacity:.35;transform:translateY(9px)}100%{opacity:1;transform:translateY(0)}}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"expandedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"canPaneToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"paneCompactedLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"paneExpandedLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"navPaneItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":57,"character":3},"arguments":[{"__symbolic":"reference","name":"NavPaneItemComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}],"a":[{"__symbolic":"method"}]}},"NavPaneItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ngx-desktop-nav-pane-item","template":"\r\n<ng-content select=\"ngx-desktop-nav-pane-item\"></ng-content>\r\n","styles":[""]}]}],"members":{"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ngx-desktop-progress-circle","template":"<div class=\"progress-circle-container\">\r\n  <svg\r\n    x=\"0px\"\r\n    y=\"0px\"\r\n    [style.width]=\"size | styleValue : os === 'mac' ? '25px' : '20px'\"\r\n    [style.height]=\"size | styleValue : os === 'mac' ? '25px' : '20px'\"\r\n    [attr.viewBox]=\"os === 'mac' ? '0 0 32.3 32.3' : '0 0 150 150'\">\r\n    <ng-container *ngIf=\"os === 'windows'\">\r\n      <circle #circle [attr.fill]=\"color\" fill-opacity=\"0\" cx=\"75\" cy=\"75\" r=\"7.3\"></circle>\r\n      <circle #circle [attr.fill]=\"color\" fill-opacity=\"0\" cx=\"75\" cy=\"75\" r=\"7.3\"></circle>\r\n      <circle #circle [attr.fill]=\"color\" fill-opacity=\"0\" cx=\"75\" cy=\"75\" r=\"7.3\"></circle>\r\n      <circle #circle [attr.fill]=\"color\" fill-opacity=\"0\" cx=\"75\" cy=\"75\" r=\"7.3\"></circle>\r\n      <circle #circle [attr.fill]=\"color\" fill-opacity=\"0\" cx=\"75\" cy=\"75\" r=\"7.3\"></circle>\r\n      <circle #circle [attr.fill]=\"color\" fill-opacity=\"0\" cx=\"75\" cy=\"75\" r=\"7.3\"></circle>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"os === 'mac'\">\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M16.1,9.4L16.1,9.4c-0.9,0-1.6-0.7-1.6-1.6V1.6c0-0.9,0.7-1.6,1.6-1.6h0c0.9,0,1.6,0.7,1.6,1.6v6.3 C17.7,8.7,17,9.4,16.1,9.4z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M19.4,10.3L19.4,10.3c-0.8-0.4-1-1.4-0.6-2.2L22,2.7c0.4-0.8,1.4-1,2.2-0.6l0,0c0.8,0.4,1,1.4,0.6,2.2 l-3.1,5.4C21.2,10.5,20.2,10.7,19.4,10.3z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M21.9,12.7L21.9,12.7c-0.4-0.8-0.2-1.7,0.6-2.2l5.4-3.1C28.7,7,29.6,7.3,30.1,8l0,0c0.4,0.8,0.2,1.7-0.6,2.2 l-5.4,3.1C23.3,13.7,22.3,13.5,21.9,12.7z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M22.8,16.1L22.8,16.1c0-0.9,0.7-1.6,1.6-1.6h6.3c0.9,0,1.6,0.7,1.6,1.6v0c0,0.9-0.7,1.6-1.6,1.6h-6.3 C23.5,17.7,22.8,17,22.8,16.1z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M22,19.4L22,19.4c0.4-0.8,1.4-1,2.2-0.6l5.4,3.1c0.8,0.4,1,1.4,0.6,2.2l0,0c-0.4,0.8-1.4,1-2.2,0.6l-5.4-3.1 C21.8,21.2,21.5,20.2,22,19.4z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M19.5,21.9L19.5,21.9c0.8-0.4,1.7-0.2,2.2,0.6l3.1,5.4c0.4,0.8,0.2,1.7-0.6,2.2l0,0 c-0.8,0.4-1.7,0.2-2.2-0.6l-3.1-5.4C18.5,23.3,18.8,22.3,19.5,21.9z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M16.2,22.8L16.2,22.8c0.9,0,1.6,0.7,1.6,1.6v6.3c0,0.9-0.7,1.6-1.6,1.6h0c-0.9,0-1.6-0.7-1.6-1.6v-6.3 C14.6,23.5,15.3,22.8,16.2,22.8z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M12.8,22L12.8,22c0.8,0.4,1,1.4,0.6,2.2l-3.1,5.4c-0.4,0.8-1.4,1-2.2,0.6l0,0c-0.8-0.4-1-1.4-0.6-2.2 l3.1-5.4C11.1,21.8,12.1,21.5,12.8,22z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M10.3,19.5L10.3,19.5c0.4,0.8,0.2,1.7-0.6,2.2l-5.4,3.1c-0.8,0.4-1.7,0.2-2.2-0.6l0,0 c-0.4-0.8-0.2-1.7,0.6-2.2l5.4-3.1C8.9,18.5,9.9,18.8,10.3,19.5z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M9.4,16.2L9.4,16.2c0,0.9-0.7,1.6-1.6,1.6H1.6C0.7,17.8,0,17,0,16.2v0c0-0.9,0.7-1.6,1.6-1.6h6.3 C8.7,14.6,9.4,15.3,9.4,16.2z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M10.3,12.8L10.3,12.8c-0.4,0.8-1.4,1-2.2,0.6l-5.4-3.1C2,9.8,1.7,8.9,2.1,8.1l0,0c0.4-0.8,1.4-1,2.2-0.6 l5.4,3.1C10.5,11.1,10.7,12.1,10.3,12.8z\"></path>\r\n      <path #circle [attr.fill]=\"color\"\r\n            d=\"M12.7,10.3L12.7,10.3c-0.8,0.4-1.7,0.2-2.2-0.6L7.4,4.3C7,3.6,7.3,2.6,8,2.2l0,0C8.8,1.7,9.8,2,10.2,2.8 l3.1,5.4C13.7,8.9,13.5,9.9,12.7,10.3z\"></path>\r\n    </ng-container>\r\n  </svg>\r\n</div>\r\n\r\n","styles":[".progress-circle-container{position:relative;visibility:visible;display:block}svg{position:relative}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"circles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":48,"character":3},"arguments":["circle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"initColor":[{"__symbolic":"method"}]}},"RadioComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"ngx-desktop-radio","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":13},"useExisting":{"__symbolic":"reference","name":"RadioComponent"},"multi":true}],"template":"  <div data-radium=\"true\"\r\n       style=\"display: inline-block\"\r\n       [class]=\"os\"\r\n       (ngxDesktopWindowBlur)=\"windowBlur = $event\"\r\n       (ngxDesktopMouseover)=\"mouseover = $event\"\r\n       [class.blur]=\"windowBlur\"\r\n       [class.checked]=\"checked\"\r\n       [class.disabled]=\"disabled\">\r\n    <label data-radium=\"true\"\r\n           class=\"radio-wrap\">\r\n      <div data-radium=\"true\" class=\"radio-input-wrap\">\r\n        <input type=\"radio\"\r\n               [style.borderColor]=\"borderColor\"\r\n               [attr.name]=\"name\"\r\n               [value]=\"value\"\r\n               [disabled]=\"disabled\"\r\n               [checked]=\"checked\"\r\n               (change)=\"inputElement.checked = true;checked = true;changeValue(value);\"\r\n               #inputElement\r\n               data-radium=\"true\">\r\n        <div data-radium=\"true\" *ngIf=\"os === 'windows' && checked\" class=\"windows-radio-style\"></div>\r\n        <div data-radium=\"true\" *ngIf=\"os === 'mac'\"\r\n             style=\"position: absolute; top: 7px; left: 5px; width: 6px; height: 6px; opacity: 1; transform: scale(1); transition: opacity 0s ease 0s, transform 0.2s ease 0s;\">\r\n          <svg viewBox=\"0 0 285 285\" data-radium=\"true\"\r\n               style=\"z-index: 2; position: absolute; top: 0; left: 1px; height: 6px;\">\r\n            <circle [attr.fill]=\"disabled ? (checked ? ('#919191') : '#FFFFFF') : (checked ? (windowBlur ? '#404040' : '#FFFFFF') : '#FFFFFF')\"\r\n              cx=\"142.5\" cy=\"142.5\" r=\"142.5\"></circle>\r\n          </svg>\r\n          <svg viewBox=\"0 0 285 285\" data-radium=\"true\"\r\n               style=\"z-index: 1; position: absolute; top: 1.5px; left: 1px; opacity: 0.37; height: 6px; filter: blur(0.5px);\">\r\n            <circle [attr.fill]=\"disabled ? (checked ? '#ededed' : '#ffffff') : (checked ? (windowBlur ? '#FFFFFF' : '#0050a5') : '#FFFFFF')\"\r\n              cx=\"142.5\" cy=\"142.5\" r=\"142.5\"></circle>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n      <span class=\"label-wrap\">{{label}}</span>\r\n    </label>\r\n  </div>\r\n\r\n<!--      <input type=\"radio\"-->\r\n<!--             name=\"radio1\"-->\r\n<!--             data-radium=\"true\"-->\r\n<!--             value=\"I got checked!\"-->\r\n<!--             checked=\"\"-->\r\n<!--             style=\"user-select: none; -webkit-appearance: none; border-width: 2px; border-style: solid; border-color: rgb(204, 127, 41); border-radius: 50%; background-color: transparent; padding: 8px; margin: 0px;\">-->\r\n<!--      <div data-radium=\"true\"-->\r\n<!--           style=\"position: absolute; top: 7px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: rgb(51, 51, 51);\"></div>-->\r\n<!--    </div>-->\r\n<!--    <div-->\r\n<!--      style='user-select: none; cursor: default; line-height: 25.96px; font-family: \"Segoe UI\", Frutiger, \"Frutiger Linotype\", \"Dejavu Sans\", \"Helvetica Neue\", Arial, sans-serif; font-size: 15px; display: inline; color: rgb(0, 0, 0);'>-->\r\n<!--      Check me!-->\r\n","styles":[":host{font:13px/1.4 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.radio-wrap{display:flex}.radio-input-wrap{position:relative;padding-top:2px}label{display:flex;position:relative}input{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;border-style:solid;border-radius:50%;margin:0;outline:0}.label-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;color:#000}.windows-radio-style{position:absolute;top:7px;left:9px;width:10px;height:10px;border-radius:50%;background:#333}.windows.radio-wrap{margin-bottom:21px}.windows input{border-width:2px;background-color:transparent;padding:8px;margin-left:4px;margin-right:9px}.windows .label-wrap{font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:15px;display:inline;margin-top:1px}.windows.disabled.checked .windows-radio-style{background:#999}.windows.disabled .label-wrap{color:#bbb}.mac .radio-input-wrap{margin-right:2px}.mac label{height:20px;margin-right:1px}.mac input{border-width:1px;background-color:#fff;padding:7px;box-shadow:rgba(224,224,224,.4) 0 1px 0 0 inset;transition:.4s;margin:0 1px}.mac.checked input{background-color:#3b99fc;box-shadow:none;transition:none}.mac.mousedown.checked input{background-color:#0080f6;box-shadow:rgba(19,68,119,.22) 0 0 0 1px inset;transition:.4s}.mac.blur.checked input{background-color:#fff;transition:none}.mac .label-wrap{display:inline;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px}.mac.disabled input{background-color:#f1f1f1}.mac.disabled .label-wrap{color:#b8b8b8}.mac.blur.checked.disabled input{background-color:#f1f1f1}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["inputElement",{"static":true}]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":69,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"SearchFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ngx-desktop-search-field","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":13},"useExisting":{"__symbolic":"reference","name":"SearchFieldComponent"},"multi":true}],"template":"<div style=\"position: relative;\"\r\n     [style.margin]=\"margin | styleValue\"\r\n     [style.marginBottom]=\"marginBottom | styleValue\"\r\n     [style.marginLeft]=\"marginLeft | styleValue\"\r\n     [style.marginRight]=\"marginRight | styleValue\"\r\n     [style.marginTop]=\"marginTop | styleValue\"\r\n     [style.width]=\"width | styleValue\">\r\n  <div data-radium=\"true\" style=\"position: relative; z-index: 2;\">\r\n    <div data-radium=\"true\" style=\"position: relative;\">\r\n      <div data-radium=\"true\">\r\n      </div>\r\n      <div data-radium=\"true\" class=\"icon-wrap\">\r\n        <div data-radium=\"true\" style=\"display: flex; align-items: center; padding-top: 2px;\">\r\n          <div data-radium=\"true\" style=\"margin-left: 6px; margin-right: 6px; padding-top: 2px;\">\r\n            <ng-container *ngIf=\"icon\">\r\n              <ng-template [ngTemplateOutlet]=\"icon\"></ng-template>\r\n            </ng-container>\r\n            <svg x=\"0px\" y=\"0px\" width=\"12px\" height=\"12px\" viewBox=\"0 0 12 12\" data-radium=\"true\" *ngIf=\"!icon\">\r\n              <path fill=\"none\" stroke=\"#686868\" stroke-width=\"1.1\" stroke-miterlimit=\"10\"\r\n                    d=\"M4.5,0.5c2.3,0,3.9,1.1,4.3,4.1C8.5,7.4,7.6,8.3,4.5,8.7c-2.8-0.3-4-2-4-4.3C0.5,1.6,2.6,0.5,4.5,0.5z\"></path>\r\n              <line fill=\"none\" stroke=\"#686868\" stroke-width=\"1.1\" stroke-miterlimit=\"10\" x1=\"7.9\" y1=\"7.9\" x2=\"11.1\"\r\n                    y2=\"11.1\"></line>\r\n            </svg>\r\n          </div>\r\n          <span class=\"placeholder\">{{placeholder}}</span>\r\n        </div>\r\n      </div>\r\n      <input type=\"text\" data-radium=\"true\"\r\n             [(ngModel)]=\"value\"\r\n             (focus)=\"focus = true;\"\r\n             (blur)=\"focus = false;\"\r\n             (change)=\"onChange.emit($event)\"\r\n             (keydown)=\"onKeydown.emit($event)\"\r\n             (keydown.enter)=\"onEnter.emit($event)\">\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":["input{position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:#d0d0d0 #cacaca #afafaf;box-shadow:none;padding:4px 19px 3px 24px;line-height:15px;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px;letter-spacing:.4px;width:100%;box-sizing:border-box;outline:0;border-radius:4px;background-image:-webkit-linear-gradient(top,#fff 0,#f1f1f1 100%)}.placeholder{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:12px;color:silver;line-height:14.4px}.icon-wrap{position:absolute;z-index:4;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding-right:18px;box-sizing:border-box;pointer-events:none}@-webkit-keyframes text-input-focus-radium-animation{0%{opacity:0;border-width:34px;top:-34px;left:-34px}32%{opacity:0;border-radius:10px;border-width:30px;top:-30px;left:-30px}50%{opacity:.2;border-width:15px;top:-15px;left:-15px}80%{opacity:.4;border-width:9px;top:-9px;left:-9px}90%{opacity:.9;border-width:6px;top:-6px;left:-6px}100%{opacity:1;top:-2px;left:-2px;border-radius:6px;border-width:2px;box-shadow:0 0 1px 0 rgba(125,195,242,.7)}}@keyframes text-input-focus-radium-animation{0%{opacity:0;border-width:34px;top:-34px;left:-34px}32%{opacity:0;border-radius:10px;border-width:30px;top:-30px;left:-30px}50%{opacity:.2;border-width:15px;top:-15px;left:-15px}80%{opacity:.4;border-width:9px;top:-9px;left:-9px}90%{opacity:.9;border-width:6px;top:-6px;left:-6px}100%{opacity:1;top:-2px;left:-2px;border-radius:6px;border-width:2px;box-shadow:0 0 1px 0 rgba(125,195,242,.7)}}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"onCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"onKeydown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"onEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SegmentedControlComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ngx-desktop-segmented-control","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":20,"character":13},"useExisting":{"__symbolic":"reference","name":"SegmentedControlComponent"},"multi":true}],"template":"<div style=\"user-select: none; cursor: default; flex: 1 1 0;\"\r\n     [style.margin]=\"margin | styleValue\"\r\n     [style.marginBottom]=\"marginBottom | styleValue\"\r\n     [style.marginRight]=\"marginRight | styleValue\"\r\n     [style.marginTop]=\"marginTop | styleValue\"\r\n     [style.marginLeft]=\"marginLeft | styleValue\"\r\n     [style.width]=\"width | styleValue\"\r\n     (ngxDesktopWindowBlur)=\"windowBlur = $event\">\r\n  <div class=\"tab-label-wrap\">\r\n    <div data-radium=\"true\"\r\n         *ngFor=\"let segmented of this.segmentedList; let i = index\"\r\n         [class.disabled]=\"segmented.disabled\"\r\n         [class.selected]=\"i === model\"\r\n         (mousedown)=\"segmented.labelMousedown = true\"\r\n         [class.mousedown]=\"segmented.labelMousedown\"\r\n         [class.blur]=\"windowBlur\"\r\n         (click)=\"selectTab(i, segmented)\">\r\n      {{segmented.label}}\r\n    </div>\r\n<!--    <div data-radium=\"true\" class=\"tab-label-wrap left-tab selected\">-->\r\n<!--      Tab 1-->\r\n<!--    </div>-->\r\n<!--    <div data-radium=\"true\" class=\"tab-label-wrap\">-->\r\n<!--      Tab 2-->\r\n<!--    </div>-->\r\n<!--    <div data-radium=\"true\" class=\"tab-label-wrap right-tab\">-->\r\n<!--      Tab 3-->\r\n<!--    </div>-->\r\n  </div>\r\n  <div class=\"content-wrap\"\r\n       [style.height]=\"height | styleValue\"\r\n       [style.padding]=\"padding | styleValue:'23px 18px 22px 18px'\"\r\n       [style.paddingTop]=\"paddingTop | styleValue\"\r\n       [style.paddingBottom]=\"paddingBottom | styleValue\"\r\n       [style.paddingLeft]=\"paddingLeft | styleValue\"\r\n       [style.paddingRight]=\"paddingRight | styleValue\">\r\n      <ng-content></ng-content>\r\n<!--      <span style=\"display: block; user-select: none; cursor: default; font-size: 13px; color: rgb(0, 0, 0);\">Content 1</span>-->\r\n  </div>\r\n</div>\r\n","styles":[":host{font:13px/1.4 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;width:100%}.tab-label-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;width:100%;display:flex;justify-content:center;position:relative;z-index:1}.tab-label-wrap div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;background:#fff;border-top:1px solid #c7c7c7;border-bottom:1px solid #a6a6a6;border-right:1px solid #d8d8d8;padding:1px 12px 2px;line-height:16px;font-size:13px;box-shadow:rgba(0,0,0,.04) 0 1px,rgba(0,0,0,.1) 0 0 .5px;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif}.tab-label-wrap div.selected{background:-webkit-linear-gradient(top,#5ab2f6 0,#0082fa 100%);border-width:1px 0 1px 1px;border-style:solid;border-color:#30a0f5 #0080f7 #0060fa;color:#fff}.tab-label-wrap div:first-child{border-width:1px;border-style:solid;border-top-left-radius:4px;border-bottom-left-radius:4px;border-color:#c7c7c7 #d8d8d8 #a6a6a6 #b8b8b8}.tab-label-wrap div:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid #b8b8b8}.tab-label-wrap div.selected.mousedown{background:-webkit-linear-gradient(top,#3397f9 0,#0068df 100%);border-color:#0093f9 #0061e9 #0040d8}.tab-label-wrap div.selected.blur{background:#e5e5e5;border-color:#c7c7c7 #b7b7b7 #a6a6a6;color:#000;border-left:none}.tab-label-wrap div:first-child.selected.blur{border-color:#c7c7c7 #b7b7b7 #b7b7b7 #a6a6a6;border-left:1px solid #b7b7b7}.tab-label-wrap div.mousedown{background:#f0f0f0}.content-wrap{width:100%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;flex:1 1 0;border-width:1px;border-style:solid;border-color:rgba(0,0,0,.07) rgba(0,0,0,.035) rgba(0,0,0,.027);border-radius:4px;position:relative;margin-top:-11px;z-index:0}"]}]}],"members":{"segmentedList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":3},"arguments":[{"__symbolic":"reference","name":"SegmentedControlItemComponent"}]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}},"SegmentedControlItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ngx-desktop-segmented-control-item","template":"<div [hidden]=\"!show\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"windowMouseupListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["window:mouseup"]}]}]}},"TextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ngx-desktop-text","template":"<span class=\"text-wrap\"\r\n      [class]=\"os\"\r\n      [ngxDesktopBold]=\"bold\"\r\n      [style.margin]=\"margin | styleValue\"\r\n      [style.marginBottom]=\"marginBottom | styleValue\"\r\n      [style.marginRight]=\"marginRight | styleValue\"\r\n      [style.marginTop]=\"marginTop | styleValue\"\r\n      [style.marginLeft]=\"marginLeft | styleValue\"\r\n      [style.padding]=\"padding | styleValue\"\r\n      [style.paddingTop]=\"paddingTop | styleValue\"\r\n      [style.paddingBottom]=\"paddingBottom | styleValue\"\r\n      [style.paddingLeft]=\"paddingLeft | styleValue\"\r\n      [style.paddingRight]=\"paddingRight | styleValue\"\r\n      [style.fontSize]=\"size | styleValue:'13px'\"\r\n      [style.height]=\"height | styleValue\"\r\n      [style.width]=\"width | styleValue\"\r\n      [style.color]=\"color\"\r\n      [style.textAlign]=\"textAlign\">\r\n  <ng-content></ng-content>\r\n</span>\r\n\r\n<!--[ngxDesktopPadding]=\"padding\"-->\r\n<!--[paddingTop]=\"paddingTop\"-->\r\n<!--[paddingLeft]=\"paddingLeft\"-->\r\n<!--[paddingRight]=\"paddingRight\"-->\r\n<!--[paddingBottom]=\"paddingBottom\"-->\r\n","styles":[".text-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.windows.text-wrap{line-height:25.96px;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:14px;display:flex}.mac.text-wrap{display:block;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px;color:#fff}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"textAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TextInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ngx-desktop-text-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":12,"character":13},"useExisting":{"__symbolic":"reference","name":"TextInputComponent"},"multi":true}],"template":"<div data-radium=\"true\"\r\n     class=\"text-input-wrap\"\r\n     [class]=\"os\"\r\n     [style.zIndex]=\"focus ? 3 : 2\"\r\n     [style.margin]=\"margin | styleValue\"\r\n     [style.marginTop]=\"marginTop | styleValue\"\r\n     [style.marginRight]=\"marginRight | styleValue\"\r\n     [style.marginLeft]=\"marginLeft | styleValue\"\r\n     [style.marginBottom]=\"marginBottom | styleValue\"\r\n     [style.width]=\"width | styleValue\">\r\n  <span class=\"label-wrap\">{{label}}</span>\r\n  <div data-radium=\"true\" style=\"position: relative;\">\r\n    <div data-radium=\"true\">\r\n      <div data-radium=\"true\" [class.border-div]=\"focus\"></div>\r\n    </div>\r\n    <div>\r\n      <input type=\"text\"\r\n             [ngStyle]=\"style\"\r\n             [placeholder]=\"placeholder\"\r\n             (focus)=\"focus = true\"\r\n             (blur)=\"focus = false\"\r\n             (mouseover)=\"mouseover = true\"\r\n             (mouseleave)=\"mouseover = false\"\r\n             [(ngModel)]=\"value\"\r\n             (ngModelChange)=\"onChangeCallback($event)\"\r\n             data-radium=\"true\">\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".label-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;color:#000}input{outline:0}.text-input-wrap{position:relative}.windows .label-wrap{line-height:25.96px;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:14px;display:flex}.windows input{padding:2px 10px 3px;line-height:23px;font-family:\"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;font-size:15px;font-weight:100;color:#000;background:rgba(255,255,255,.35);border:2px solid #949494}.windows input:hover{border-color:#646464;background:rgba(255,255,255,.5)}.windows input::-webkit-input-placeholder{color:#636363}.windows input::-moz-placeholder{color:#636363}.windows input::-ms-input-placeholder{color:#636363}.windows input::placeholder{color:#636363}.windows.text-input-wrap{font:13px/1.4 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.mac input{position:relative;z-index:2;box-shadow:#f0f0f0 0 0 0 1px inset;padding:4px 3.5px 3px;line-height:15px;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px;letter-spacing:.4px;width:100%;box-sizing:border-box;border:1px solid #bebfbf}.mac .label-wrap{display:block;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px}.mac .border-div{position:absolute;z-index:1;width:100%;height:100%;top:-3px;left:-3px;background:#7dc3f2;border:3px solid #7dc3f2;opacity:0;border-radius:4px;-webkit-animation:.25s linear forwards text-input-focus-radium-animation;animation:.25s linear forwards text-input-focus-radium-animation}@-webkit-keyframes text-input-focus-radium-animation{0%{opacity:0;border-width:34px;top:-34px;left:-34px}32%{opacity:0;border-radius:10px;border-width:30px;top:-30px;left:-30px}50%{opacity:.2;border-width:15px;top:-15px;left:-15px}80%{opacity:.4;border-width:9px;top:-9px;left:-9px}90%{opacity:.9;border-width:6px;top:-6px;left:-6px}100%{opacity:1;top:-3px;left:-3px;border-radius:4px;border-width:3px}}@keyframes text-input-focus-radium-animation{0%{opacity:0;border-width:34px;top:-34px;left:-34px}32%{opacity:0;border-radius:10px;border-width:30px;top:-30px;left:-30px}50%{opacity:.2;border-width:15px;top:-15px;left:-15px}80%{opacity:.4;border-width:9px;top:-9px;left:-9px}90%{opacity:.9;border-width:6px;top:-6px;left:-6px}100%{opacity:1;top:-3px;left:-3px;border-radius:4px;border-width:3px}}.mac input::-webkit-input-placeholder{color:silver}.mac input::-moz-placeholder{color:silver}.mac input::-ms-input-placeholder{color:silver}.mac input::placeholder{color:silver}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ngx-desktop-title-bar","template":"<div class=\"title-bar-container\"\r\n     [class]=\"os\"\r\n     [class.mouseover]=\"mouseover\"\r\n     (ngxDesktopWindowBlur)=\"windowBlur = $event\"\r\n     [class.windowBlur]=\"windowBlur\"\r\n     [style.padding]=\"os === 'mac' ? (toolbarComponent ? '11px 8px' : '0 3px') : '0'\">\r\n  <ng-container *ngIf=\"os === 'windows'\">\r\n    <ng-template [ngTemplateOutlet]=\"titleTemp\"></ng-template>\r\n  </ng-container>\r\n  <div class=\"controls-container\" (ngxDesktopMouseover)=\"mouseover = $event\">\r\n    <ng-container *ngIf=\"os === 'mac' && controls\">\r\n      <a data-radium=\"true\" class=\"close-btn-wrap controls-btn-wrap\" (ngxDesktopMousedown)=\"closeMousedown = $event\"\r\n         [class.closeMousedown]=\"closeMousedown\" (click)=\"onCloseClick.emit()\">\r\n        <svg x=\"0px\" y=\"0px\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" data-radium=\"true\" class=\"close-svg\">\r\n          <path fill=\"#4d0000\"\r\n                d=\"M5,3.552c0.438,-0.432 0.878,-0.861 1.322,-1.287c0.049,-0.044 0.101,-0.085 0.158,-0.119c0.149,-0.091 0.316,-0.137 0.49,-0.146c0.04,0 0.04,0 0.08,0.001c0.16,0.011 0.314,0.054 0.453,0.135c0.08,0.046 0.154,0.104 0.218,0.171c0.252,0.262 0.342,0.65 0.232,0.996c-0.045,0.141 -0.121,0.265 -0.218,0.375c-0.426,0.444 -0.855,0.884 -1.287,1.322c0.432,0.438 0.861,0.878 1.287,1.322c0.097,0.11 0.173,0.234 0.218,0.375c0.04,0.126 0.055,0.26 0.043,0.392c-0.011,0.119 -0.043,0.236 -0.094,0.344c-0.158,0.327 -0.49,0.548 -0.852,0.566c-0.106,0.005 -0.213,-0.007 -0.315,-0.035c-0.156,-0.043 -0.293,-0.123 -0.413,-0.229c-0.444,-0.426 -0.884,-0.855 -1.322,-1.287c-0.438,0.432 -0.878,0.861 -1.322,1.287c-0.11,0.097 -0.234,0.173 -0.375,0.218c-0.126,0.04 -0.26,0.055 -0.392,0.043c-0.119,-0.011 -0.236,-0.043 -0.344,-0.094c-0.327,-0.158 -0.548,-0.49 -0.566,-0.852c-0.005,-0.106 0.007,-0.213 0.035,-0.315c0.043,-0.156 0.123,-0.293 0.229,-0.413c0.426,-0.444 0.855,-0.884 1.287,-1.322c-0.432,-0.438 -0.861,-0.878 -1.287,-1.322c-0.106,-0.12 -0.186,-0.257 -0.229,-0.413c-0.025,-0.089 -0.037,-0.182 -0.036,-0.275c0.004,-0.363 0.211,-0.704 0.532,-0.874c0.13,-0.069 0.272,-0.105 0.418,-0.115c0.04,-0.001 0.04,-0.001 0.08,-0.001c0.174,0.009 0.341,0.055 0.49,0.146c0.057,0.034 0.109,0.075 0.158,0.119c0.444,0.426 0.884,0.855 1.322,1.287Z\"></path>\r\n        </svg>\r\n      </a>\r\n      <a data-radium=\"true\" class=\"minimize-btn-wrap controls-btn-wrap\"\r\n         (ngxDesktopMousedown)=\"minimizeMousedown = $event\"\r\n         [class.minimizeMousedown]=\"minimizeMousedown\" (click)=\"onMinimizeClick.emit()\">\r\n        <svg x=\"0px\" y=\"0px\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" data-radium=\"true\">\r\n          <path fill=\"#995700\"\r\n                d=\"M8.048,4.001c0.163,0.012 0.318,0.054 0.459,0.137c0.325,0.191 0.518,0.559 0.49,0.934c-0.007,0.097 -0.028,0.192 -0.062,0.283c-0.04,0.105 -0.098,0.204 -0.171,0.29c-0.083,0.098 -0.185,0.181 -0.299,0.24c-0.131,0.069 -0.271,0.103 -0.417,0.114c-2.031,0.049 -4.065,0.049 -6.096,0c-0.163,-0.012 -0.318,-0.054 -0.459,-0.137c-0.325,-0.191 -0.518,-0.559 -0.49,-0.934c0.007,-0.097 0.028,-0.192 0.062,-0.283c0.04,-0.105 0.098,-0.204 0.171,-0.29c0.083,-0.098 0.185,-0.181 0.299,-0.24c0.131,-0.069 0.271,-0.103 0.417,-0.114c2.031,-0.049 4.065,-0.049 6.096,0Z\"></path>\r\n        </svg>\r\n      </a>\r\n      <a data-radium=\"true\" class=\"maximize-btn-wrap controls-btn-wrap\"\r\n         (ngxDesktopMousedown)=\"maximizeMousedown = $event\"\r\n         [class.maximizeMousedown]=\"maximizeMousedown\" (click)=\"triggerMaximize()\">\r\n        <svg x=\"0px\" y=\"0px\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" data-radium=\"true\" *ngIf=\"maximized\">\r\n          <path fill=\"#006400\"\r\n                d=\"M5,10c0,0 0,-2.744 0,-4.167c0,-0.221 -0.088,-0.433 -0.244,-0.589c-0.156,-0.156 -0.368,-0.244 -0.589,-0.244c-1.423,0 -4.167,0 -4.167,0l5,5Z\"></path>\r\n          <path fill=\"#006400\"\r\n                d=\"M5,0c0,0 0,2.744 0,4.167c0,0.221 0.088,0.433 0.244,0.589c0.156,0.156 0.368,0.244 0.589,0.244c1.423,0 4.167,0 4.167,0l-5,-5Z\"></path>\r\n        </svg>\r\n        <svg x=\"0px\" y=\"0px\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" data-radium=\"true\" *ngIf=\"!maximized\">\r\n          <path fill=\"#006400\"\r\n                d=\"M2,3c0,0 0,2.744 0,4.167c0,0.221 0.088,0.433 0.244,0.589c0.156,0.156 0.368,0.244 0.589,0.244c1.423,0 4.167,0 4.167,0l-5,-5Z\"></path>\r\n          <path fill=\"#006400\"\r\n                d=\"M8,7c0,0 0,-2.744 0,-4.167c0,-0.221 -0.088,-0.433 -0.244,-0.589c-0.156,-0.156 -0.368,-0.244 -0.589,-0.244c-1.423,0 -4.167,0 -4.167,0l5,5Z\"></path>\r\n        </svg>\r\n      </a>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"os === 'windows' && controls\">\r\n      <a data-radium=\"true\" class=\"minimize-btn-wrap controls-btn-wrap\"\r\n         (ngxDesktopMousedown)=\"minimizeMousedown = $event\"\r\n         [class.minimizeMousedown]=\"minimizeMousedown\"\r\n         (ngxDesktopMouseover)=\"minimizeMouseover = $event\"\r\n         [class.minimizeMouseover]=\"minimizeMouseover\"\r\n         (click)=\"onMinimizeClick.emit()\">\r\n        <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 10.2 1\" data-radium=\"true\" style=\"width: 10px; height: 1px;\">\r\n          <rect [attr.fill]=\"windowBlur ? 'rgba(0, 0, 0, .4)' : 'rgba(0, 0, 0)'\" width=\"10.2\" height=\"1\"></rect>\r\n        </svg>\r\n      </a>\r\n      <a data-radium=\"true\" class=\"maximize-btn-wrap controls-btn-wrap\"\r\n         (ngxDesktopMousedown)=\"maximizeMousedown = $event\"\r\n         [class.maximizeMousedown]=\"maximizeMousedown\"\r\n         (ngxDesktopMouseover)=\"maximizeMouseover = $event\"\r\n         [class.maximizeMouseover]=\"maximizeMouseover\"\r\n         (click)=\"triggerMaximize()\">\r\n        <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 10.2 10.1\" data-radium=\"true\" style=\"width: 10px; height: 10px;\" *ngIf=\"!maximized\">\r\n          <path [attr.fill]=\"windowBlur ? 'rgba(0, 0, 0, .4)' : 'rgba(0, 0, 0)'\"\r\n                d=\"M0,0v10.1h10.2V0H0z M9.2,9.2H1.1V1h8.1V9.2z\"></path>\r\n        </svg>\r\n        <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 10.2 10.2\" data-radium=\"true\" style=\"width: 10px; height: 10px;\" *ngIf=\"maximized\">\r\n          <path [attr.fill]=\"windowBlur ? 'rgba(0, 0, 0, .4)' : 'rgba(0, 0, 0)'\"\r\n                d=\"M2.1,0v2H0v8.1h8.2v-2h2V0H2.1z M7.2,9.2H1.1V3h6.1V9.2z M9.2,7.1h-1V2H3.1V1h6.1V7.1z\"></path>\r\n        </svg>\r\n      </a>\r\n      <a data-radium=\"true\" class=\"close-btn-wrap controls-btn-wrap\"\r\n         (ngxDesktopMousedown)=\"closeMousedown = $event\"\r\n         [class.closeMousedown]=\"closeMousedown\"\r\n         (ngxDesktopMouseover)=\"closeMouseover = $event\"\r\n         [class.closeMouseover]=\"closeMouseover\"\r\n         (click)=\"onCloseClick.emit()\">\r\n        <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 10.2 10.2\" data-radium=\"true\" style=\"width: 10px; height: 10px;\">\r\n          <polygon [attr.fill]=\"windowBlur ? 'rgba(0, 0, 0, .4)' : 'rgba(0, 0, 0)'\"\r\n                   points=\"10.2,0.7 9.5,0 5.1,4.4 0.7,0 0,0.7 4.4,5.1 0,9.5 0.7,10.2 5.1,5.8 9.5,10.2 10.2,9.5 5.8,5.1 \"></polygon>\r\n        </svg>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container *ngIf=\"os === 'mac'\">\r\n    <ng-template [ngTemplateOutlet]=\"titleTemp\"></ng-template>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"os === 'mac'\">\r\n    <ng-content select=\"ngx-desktop-toolbar\"></ng-content>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #titleTemp>\r\n  <div class=\"title-container\" *ngIf=\"title || os === 'windows'\">\r\n    {{title}}\r\n  </div>\r\n</ng-template>\r\n","styles":[".title-bar-container{-webkit-app-region:drag;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;width:100%;display:flex;align-items:center}.title-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.controls-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;display:flex}.controls-btn-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-app-region:no-drag;cursor:default;line-height:0}.windows.title-bar-container{height:31px;border-color:#fff}.windows .title-container{padding-left:12px;font-family:\"Segoe UI\",Arial,serif;font-size:12px;flex:1 1 0;color:#000}.windows.windowBlur .title-container{color:#a9a9a9}.windows .controls-container{height:32px}.windows .controls-btn-wrap{width:46px;height:100%;display:flex;justify-content:center;align-items:center}.windows .maximizeMouseover.maximize-btn-wrap,.windows .minimizeMouseover.minimize-btn-wrap{transition:background-color .1s;background-color:#e5e5e5}.windows .closeMouseover.close-btn-wrap{transition:background-color .1s;background-color:#e81123}.windows .maximize-btn-wrap.maximizeMousedown,.windows .minimize-btn-wrap.minimizeMousedown{background-color:#ccc}.windows .close-btn-wrap.closeMousedown{background-color:#f1707a}.mac.title-bar-container{box-sizing:border-box;min-height:22px;background-image:-webkit-linear-gradient(top,#ededed 0,#ededed 1px,#e7e7e7 2px,#d1d1d1 100%);border-bottom:1px solid #afafaf;border-top:1px solid #f6f6f6;border-top-left-radius:5px;border-top-right-radius:5px}.mac .title-container{font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:13px;letter-spacing:0;color:#4d4d4d;flex-grow:1;flex-shrink:1;text-align:center;white-space:nowrap;overflow:hidden;padding-right:40px;padding-left:15px}.mac .controls-container{width:61px}.mac .controls-btn-wrap{box-sizing:border-box;width:12px;height:12px;border-width:1px;border-style:solid;border-radius:50%;margin-top:1px;margin-left:4px;margin-right:4px}.mac .close-btn-wrap,.mac.mouseover .close-btn-wrap{background-color:#ff5f57;border-color:#e2463f}.mac .minimize-btn-wrap,.mac.mouseover .minimize-btn-wrap{background-color:#ffbd2e;border-color:#e1a116}.mac .maximize-btn-wrap,.mac.mouseover .maximize-btn-wrap{background-color:#28c940;border-color:#12ac28}.mac .closeMousedown.close-btn-wrap{background-color:#bf4943!important;border-color:#ad3934!important}.mac .minimizeMousedown.minimize-btn-wrap{background-color:#bf9123!important;border-color:#ad7d15!important}.mac .maximizeMousedown.maximize-btn-wrap{background-color:#1f9a31!important;border-color:#128622!important}.mac.windowBlur a{background-color:#ddd;border-color:#d0d0d0}.mac.windowBlur .title-bar-container{color:#d3d3d3}.mac.windowBlur.title-bar-container{background-image:-webkit-linear-gradient(top,#fafafa 0,#f6f6f6 2px,#f6f6f6 100%);border-bottom:1px solid #d1d1d1}.mac svg{width:10px;height:10px;opacity:0}.mac.mouseover svg{opacity:1!important}"]}]}],"members":{"toolbarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ToolbarComponent"}]}]}],"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"isFullscreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"transparent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"onCloseClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"onMaximizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"onMinimizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"onResizeClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"maximized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"maximizedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}],"triggerMaximize":[{"__symbolic":"method"}]}},"ToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ngx-desktop-toolbar","template":"<div style=\"user-select: none; cursor: default; display: flex;\"\r\n     [ngxDesktopVerticalAlignment]=\"verticalAlignment\"\r\n     [ngxDesktopHorizontalAlignment]=\"horizontalAlignment\"\r\n     [style.height]=\"height | styleValue:'43px'\"\r\n     [style.width]=\"width | styleValue:'100%'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","styles":[":host{display:contents}"]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ToolbarNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ngx-desktop-toolbar-nav","template":"<div style=\"display: flex; align-items: center;\"\r\n     [style.opacity]=\"windowBlur ? '0.5' : '1'\"\r\n     [style.height]=\"height | styleValue : '54px'\"\r\n     [style.width]=\"width | styleValue\"\r\n     (ngxDesktopWindowBlur)=\"windowBlur = $event\">\r\n  <div *ngFor=\"let toolbarNavItemComponent of toolbarNavItemComponents; let i = index;\"\r\n       class=\"toolbar-nav-item\"\r\n       [class.selected]=\"i === selectedIndex\">\r\n    <a (click)=\"selectedIndex = i;selectedIndexChange.emit(i)\">\r\n      <div class=\"icon-wrap\">\r\n        <ng-container *ngTemplateOutlet=\"toolbarNavItemComponent.icon\"></ng-container>\r\n      </div>\r\n      <span class=\"title-wrap\">\r\n        {{toolbarNavItemComponent.title}}\r\n      </span>\r\n    </a>\r\n  </div>\r\n","styles":[".toolbar-nav-item a{-webkit-app-region:no-drag;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;margin-top:1px;margin-left:5px;margin-right:5px;width:64px}.icon-wrap{height:25px;display:flex;place-content:center;align-items:center;margin-bottom:1px}::ng-deep .title-wrap{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;font-size:11px;color:#1e1c1e;line-height:13.2px}::ng-deep .toolbar-nav-item a svg *{fill:#363336;fill-opacity:.8}::ng-deep .toolbar-nav-item a:active svg *{fill:#1e1c1e;fill-opacity:.9}::ng-deep .toolbar-nav-item.selected svg *{fill:#007bfa;fill-opacity:1}::ng-deep .toolbar-nav-item.selected a:active svg *{fill:#003dd6;fill-opacity:1}"]}]}],"members":{"toolbarNavItemComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":27,"character":3},"arguments":[{"__symbolic":"reference","name":"ToolbarNavItemComponent"}]}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ToolbarNavItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ngx-desktop-toolbar-nav-item","template":"","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ngx-desktop-view","template":"<div class=\"view-wrap\"\r\n     [ngxDesktopHorizontalAlignment]=\"horizontalAlignment\"\r\n     [ngxDesktopVerticalAlignment]=\"verticalAlignment\"\r\n     [style.margin]=\"margin | styleValue\"\r\n     [style.marginBottom]=\"marginBottom | styleValue\"\r\n     [style.marginRight]=\"marginRight | styleValue\"\r\n     [style.marginTop]=\"marginTop | styleValue\"\r\n     [style.marginLeft]=\"marginLeft | styleValue\"\r\n     [style.padding]=\"padding | styleValue\"\r\n     [style.paddingTop]=\"paddingTop | styleValue\"\r\n     [style.paddingBottom]=\"paddingBottom | styleValue\"\r\n     [style.paddingLeft]=\"paddingLeft | styleValue\"\r\n     [style.paddingRight]=\"paddingRight | styleValue\"\r\n     [ngxDesktopLayout]=\"layout\"\r\n     [style.background]=\"background | styleValue : (os === 'windows' && '#0063AE')\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","styles":[".view-wrap{display:flex;position:relative;box-sizing:border-box;width:100%;height:100%}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"},{"__symbolic":"reference","name":"StyleValuePipe"}]}],"ngOnInit":[{"__symbolic":"method"}],"styleWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["style.width"]}]}],"styleHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["style.height"]}]}]}},"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ngx-desktop-window","template":"<div class=\"window-container\"\r\n     [class]=\"os\"\r\n     (ngxDesktopWindowBlur)=\"windowBlur = $event\"\r\n     [class.windowBlur]=\"windowBlur\"\r\n     [style.background]=\"background | styleValue : os === 'mac' ? '#ECECEC' : '#FFFFFF'\"\r\n     [style.height]=\"height | styleValue : '100vh'\"\r\n     [style.width]=\"width | styleValue : '100vw'\"\r\n     [style.borderColor]=\"os === 'windows' ? (windowBlur ? '#AAAAAA' : (color | styleValue: '#0063AE')) : ''\">\r\n  <ng-content select=\"ngx-desktop-title-bar\"></ng-content>\r\n    <ngx-desktop-view class=\"window-content-container\"\r\n                      [os]=\"os\"\r\n                      [layout]=\"layout\"\r\n                      [padding]=\"padding\"\r\n                      [paddingTop]=\"paddingTop\"\r\n                      [paddingLeft]=\"paddingLeft\"\r\n                      [paddingBottom]=\"paddingBottom\"\r\n                      [paddingRight]=\"paddingRight\"\r\n                      [horizontalAlignment]=\"horizontalAlignment\"\r\n                      [verticalAlignment]=\"verticalAlignment\"\r\n                      [height]=\"'100%'\"\r\n                      [width]=\"'100%'\">\r\n      <ng-content></ng-content>\r\n    </ngx-desktop-view>\r\n</div>\r\n","styles":[":host{display:contents}.window-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;display:flex;flex-direction:column;box-sizing:border-box}.mac.window-container{border-radius:4px;box-shadow:rgba(0,0,0,.26) 0 0 1px,rgba(0,0,0,.16) 0 0 5px,rgba(0,0,0,.06) 0 8px 10px,rgba(0,0,0,.48) 0 25px 65px}.mac.windowBlur.window-container{box-shadow:rgba(0,0,0,.31) 0 0 1px,rgba(0,0,0,.18) 0 0 5px,rgba(0,0,0,.3) 0 8px 50px}.window-container .window-content-container{flex:1 1 0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.windows.window-container{border-width:1px;border-style:solid;box-shadow:rgba(0,0,0,.2) 0 2px 11px 3px}"]}]}],"members":{"os":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"verticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"horizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxDesktopBoldDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopBold]"}]}],"members":{"ngxDesktopBold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["style.font-weight"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopFocusDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopFocus]"}]}],"members":{"ngxDesktopFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"focusListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":10,"character":3},"arguments":["focus"]}]}],"blurListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":14,"character":3},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopHeightDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopHeight]"}]}],"members":{"ngxDesktopHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopLayoutDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopLayout]"}]}],"members":{"ngxDesktopLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["style.flexDirection"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"NgxDesktopMarginDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopMargin]"}]}],"members":{"ngxDesktopMargin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"marginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"marginLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"marginRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"marginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["style.margin"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopMousedownDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopMousedown]"}]}],"members":{"ngxDesktopMousedown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"mousedownListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":10,"character":3},"arguments":["mousedown"]}]}],"windowMouseupListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":14,"character":3},"arguments":["window:mouseup"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"NgxDesktopMouseoverDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopMouseover]"}]}],"members":{"ngxDesktopMouseover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"mouseoverListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":10,"character":3},"arguments":["mouseover"]}]}],"mouseoutListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":14,"character":3},"arguments":["mouseout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopOsClassDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ngxDesktopOsClass]","exportAs":"ngxDeskTopOs"}]}],"members":{"osChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"ngxDesktopOsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"windowsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.windows"]}]}],"osClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["class.mac"]}]}],"isMac":[{"__symbolic":"method"}],"styleDefaultValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":42,"character":33}]}]}},"NgxDesktopPaddingDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopPadding]"}]}],"members":{"ngxDesktopPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"paddingBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"paddingLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"paddingRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"paddingTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["style.padding"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopSizeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopSize]"}]}],"members":{"ngxDesktopSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["style.font-size"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopVerticalAlignmentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopVerticalAlignment]"}]}],"members":{"ngxDesktopVerticalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["style.align-items"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"VerticalAlignmentTypes":{"__symbolic":"interface"},"NgxDesktopHorizontalAlignmentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopHorizontalAlignment]"}]}],"members":{"ngxDesktopHorizontalAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["style.justify-content"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"HorizontalAlignmentTypes":{"__symbolic":"interface"},"NgxDesktopWidthDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopWidth]"}]}],"members":{"ngxDesktopWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["style.width"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"NgxDesktopWindowBlurDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[ngxDesktopWindowBlur]"}]}],"members":{"ngxDesktopWindowBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"mouseoverListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":10,"character":3},"arguments":["window:blur"]}]}],"mouseoutListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":14,"character":3},"arguments":["window:focus"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDesktopService"}]}]}},"StyleValuePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"styleValue","pure":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"transform":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"StyleValueTypes":{"__symbolic":"interface"},"NgxDesktopService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":15},"arguments":[{"__symbolic":"reference","name":"OS_TOKEN"}]}]],"parameters":[{"__symbolic":"reference","name":"OsTypes"}]}],"getPxValue":[{"__symbolic":"method"}],"isMac":[{"__symbolic":"method"}],"getOs":[{"__symbolic":"method"}],"getSystemOs":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgxDesktopComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-ngx-desktop","template":"\n","styles":["\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"windowBlurListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":20,"character":3},"arguments":["window:blur"]}]}],"windowFocusListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":3},"arguments":["window:focus"]}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"NgxDesktopModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxDesktopComponent"},{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"BoxComponent"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"RadioComponent"},{"__symbolic":"reference","name":"TextInputComponent"},{"__symbolic":"reference","name":"SegmentedControlComponent"},{"__symbolic":"reference","name":"SegmentedControlItemComponent"},{"__symbolic":"reference","name":"TextComponent"},{"__symbolic":"reference","name":"WindowComponent"},{"__symbolic":"reference","name":"ViewComponent"},{"__symbolic":"reference","name":"NgxDesktopSizeDirective"},{"__symbolic":"reference","name":"NgxDesktopHeightDirective"},{"__symbolic":"reference","name":"NgxDesktopWidthDirective"},{"__symbolic":"reference","name":"NgxDesktopBoldDirective"},{"__symbolic":"reference","name":"NgxDesktopMarginDirective"},{"__symbolic":"reference","name":"NgxDesktopPaddingDirective"},{"__symbolic":"reference","name":"NgxDesktopHorizontalAlignmentDirective"},{"__symbolic":"reference","name":"NgxDesktopVerticalAlignmentDirective"},{"__symbolic":"reference","name":"NgxDesktopOsClassDirective"},{"__symbolic":"reference","name":"NgxDesktopMouseoverDirective"},{"__symbolic":"reference","name":"NgxDesktopFocusDirective"},{"__symbolic":"reference","name":"NgxDesktopMousedownDirective"},{"__symbolic":"reference","name":"NgxDesktopWindowBlurDirective"},{"__symbolic":"reference","name":"StyleValuePipe"},{"__symbolic":"reference","name":"TitleBarComponent"},{"__symbolic":"reference","name":"ProgressCircleComponent"},{"__symbolic":"reference","name":"ToolbarComponent"},{"__symbolic":"reference","name":"ToolbarNavComponent"},{"__symbolic":"reference","name":"ToolbarNavItemComponent"},{"__symbolic":"reference","name":"NavPaneComponent"},{"__symbolic":"reference","name":"NavPaneItemComponent"},{"__symbolic":"reference","name":"SearchFieldComponent"},{"__symbolic":"reference","name":"NgxDesktopLayoutDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":85,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxDesktopComponent"},{"__symbolic":"reference","name":"CheckboxComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"BoxComponent"},{"__symbolic":"reference","name":"LabelComponent"},{"__symbolic":"reference","name":"RadioComponent"},{"__symbolic":"reference","name":"TextInputComponent"},{"__symbolic":"reference","name":"SegmentedControlComponent"},{"__symbolic":"reference","name":"SegmentedControlItemComponent"},{"__symbolic":"reference","name":"TextComponent"},{"__symbolic":"reference","name":"WindowComponent"},{"__symbolic":"reference","name":"ViewComponent"},{"__symbolic":"reference","name":"NgxDesktopSizeDirective"},{"__symbolic":"reference","name":"NgxDesktopHeightDirective"},{"__symbolic":"reference","name":"NgxDesktopWidthDirective"},{"__symbolic":"reference","name":"NgxDesktopBoldDirective"},{"__symbolic":"reference","name":"NgxDesktopMarginDirective"},{"__symbolic":"reference","name":"NgxDesktopPaddingDirective"},{"__symbolic":"reference","name":"NgxDesktopHorizontalAlignmentDirective"},{"__symbolic":"reference","name":"NgxDesktopVerticalAlignmentDirective"},{"__symbolic":"reference","name":"NgxDesktopOsClassDirective"},{"__symbolic":"reference","name":"NgxDesktopMouseoverDirective"},{"__symbolic":"reference","name":"NgxDesktopFocusDirective"},{"__symbolic":"reference","name":"NgxDesktopMousedownDirective"},{"__symbolic":"reference","name":"NgxDesktopWindowBlurDirective"},{"__symbolic":"reference","name":"StyleValuePipe"},{"__symbolic":"reference","name":"TitleBarComponent"},{"__symbolic":"reference","name":"ProgressCircleComponent"},{"__symbolic":"reference","name":"ToolbarComponent"},{"__symbolic":"reference","name":"ToolbarNavComponent"},{"__symbolic":"reference","name":"ToolbarNavItemComponent"},{"__symbolic":"reference","name":"NavPaneComponent"},{"__symbolic":"reference","name":"NavPaneItemComponent"},{"__symbolic":"reference","name":"SearchFieldComponent"},{"__symbolic":"reference","name":"NgxDesktopLayoutDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["os"],"defaults":["auto"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxDesktopModule"},"providers":[{"provide":{"__symbolic":"reference","name":"OS_TOKEN"},"useValue":{"__symbolic":"reference","name":"os"}}]}}}},"ɵa":{"__symbolic":"class","members":{"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"method"}]}}},"origins":{"OsTypes":"./lib/types/types","LayoutTypes":"./lib/types/types","OS_TOKEN":"./lib/types/types","MacColor":"./lib/components/button/button.component","WindowsColor":"./lib/components/button/button.component","ButtonComponent":"./lib/components/button/button.component","BoxComponent":"./lib/components/box/box.component","CheckboxComponent":"./lib/components/checkbox/checkbox.component","LabelComponent":"./lib/components/label/label.component","NavPaneComponent":"./lib/components/nav-pane/nav-pane.component","NavPaneItemComponent":"./lib/components/nav-pane-item/nav-pane-item.component","ProgressCircleComponent":"./lib/components/progress-circle/progress-circle.component","RadioComponent":"./lib/components/radio/radio.component","SearchFieldComponent":"./lib/components/search-field/search-field.component","SegmentedControlComponent":"./lib/components/segmented-control/segmented-control.component","SegmentedControlItemComponent":"./lib/components/segmented-control-item/segmented-control-item.component","TextComponent":"./lib/components/text/text.component","TextInputComponent":"./lib/components/text-input/text-input.component","TitleBarComponent":"./lib/components/title-bar/title-bar.component","ToolbarComponent":"./lib/components/toolbar/toolbar.component","ToolbarNavComponent":"./lib/components/toolbar-nav/toolbar-nav.component","ToolbarNavItemComponent":"./lib/components/toolbar-nav-item/toolbar-nav-item.component","ViewComponent":"./lib/components/view/view.component","WindowComponent":"./lib/components/window/window.component","NgxDesktopBoldDirective":"./lib/directives/ngx-desktop-bold.directive","NgxDesktopFocusDirective":"./lib/directives/ngx-desktop-focus.directive","NgxDesktopHeightDirective":"./lib/directives/ngx-desktop-height.directive","NgxDesktopLayoutDirective":"./lib/directives/ngx-desktop-layout.directive","NgxDesktopMarginDirective":"./lib/directives/ngx-desktop-margin.directive","NgxDesktopMousedownDirective":"./lib/directives/ngx-desktop-mousedown.directive","NgxDesktopMouseoverDirective":"./lib/directives/ngx-desktop-mouseover.directive","NgxDesktopOsClassDirective":"./lib/directives/ngx-desktop-os-class.directive","NgxDesktopPaddingDirective":"./lib/directives/ngx-desktop-padding.directive","NgxDesktopSizeDirective":"./lib/directives/ngx-desktop-size.directive","NgxDesktopVerticalAlignmentDirective":"./lib/directives/ngx-desktop-vertical-alignment.directive","VerticalAlignmentTypes":"./lib/directives/ngx-desktop-vertical-alignment.directive","NgxDesktopHorizontalAlignmentDirective":"./lib/directives/ngx-desktop-horizontal-alignment.directive","HorizontalAlignmentTypes":"./lib/directives/ngx-desktop-horizontal-alignment.directive","NgxDesktopWidthDirective":"./lib/directives/ngx-desktop-width.directive","NgxDesktopWindowBlurDirective":"./lib/directives/ngx-desktop-window-blur.directive","StyleValuePipe":"./lib/pipes/style-value.pipe","StyleValueTypes":"./lib/pipes/style-value.pipe","NgxDesktopService":"./lib/ngx-desktop.service","NgxDesktopComponent":"./lib/ngx-desktop.component","NgxDesktopModule":"./lib/ngx-desktop.module","ɵa":"./lib/components/control-value-accessor-abstract.component"},"importAs":"ngx-desktop"}