{"__symbolic":"module","version":4,"metadata":{"DtSettingDrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":25},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":39},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":24,"character":52},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":24,"character":73},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":26,"character":23},{"__symbolic":"reference","module":"ng-zorro-antd/drawer","name":"NzDrawerModule","line":28,"character":22},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":28,"character":38},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzDividerModule","line":28,"character":55},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":28,"character":72},{"__symbolic":"reference","module":"ng-zorro-antd/select","name":"NzSelectModule","line":28,"character":86},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzSwitchModule","line":28,"character":102},{"__symbolic":"reference","module":"@ithinkdt/shared/browser","name":"DtBrowserModule","line":30,"character":20}],"declarations":[{"__symbolic":"reference","name":"SettingDrawerComponent"}],"exports":[{"__symbolic":"reference","name":"SettingDrawerComponent"}],"providers":[{"__symbolic":"reference","name":"LazyService"}]}]}],"members":{}},"SettingDrawerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"dt-setting-drawer","template":"<nz-drawer [(nzVisible)]=\"collapse\" [nzWidth]=\"300\" (nzOnClose)=\"toggle()\">\n  <div class=\"setting-drawer__content\">\n    <div class=\"setting-drawer__checked mgb-20 fz-18\">\n      <i nz-icon nzTheme=\"outline\" nzType=\"setting\"></i>\n      {{ 'settingDrawer.systemSetup' | translate }}\n    </div>\n    <h3 class=\"level-one-title\">{{ 'settingDrawer.styleSettings' | translate }}</h3>\n    <div class=\"mode-wrap\">\n      <div\n        nz-tooltip\n        class=\"mode-img\"\n        *ngFor=\"let s of styles\"\n        (click)=\"changeStyle(s)\"\n        [nzTitle]=\"s.title | translate\"\n      >\n        <img [src]=\"s.img\" [alt]=\"s.title | translate\" />\n        <i nz-icon nzType=\"check\" nzTheme=\"outline\" *ngIf=\"style.key === s.key\" class=\"setting-drawer__checked\"></i>\n      </div>\n    </div>\n\n    <div class=\"theme-wrap\" *ngIf=\"!themeConfig.hideColorChange\">\n      <h3 class=\"level-one-title mgb-5\">{{ 'settingDrawer.themeColor' | translate }}</h3>\n      <span\n        nz-tooltip\n        class=\"theme-tag\"\n        *ngFor=\"let c of colors\"\n        [nzTitle]=\"c.title | translate\"\n        [ngStyle]=\"{ 'background-color': c.color }\"\n        (click)=\"changeColor(c)\"\n      >\n        <i *ngIf=\"color.key === c.key\" nz-icon nzType=\"check\" nzTheme=\"outline\"></i>\n      </span>\n    </div>\n\n    <nz-divider></nz-divider>\n\n    <h3 class=\"level-one-title\">{{ 'settingDrawer.navigationMode' | translate }}</h3>\n    <div class=\"mode-wrap\">\n      <div\n        class=\"mode-img\"\n        (click)=\"changeMode(n.top)\"\n        *ngFor=\"let n of navModes\"\n        nz-tooltip\n        [nzTitle]=\"n.title | translate\"\n      >\n        <img [src]=\"n.img\" alt=\"sidemenu\" />\n        <i nz-icon nzType=\"check\" nzTheme=\"outline\" class=\"setting-drawer__checked\" *ngIf=\"topMenu == n.top\"></i>\n      </div>\n    </div>\n\n    <div class=\"list-wrap mgt-25\">\n      <h3 class=\"level-two-title list-title\">{{ 'settingDrawer.contentAreaWidth' | translate }}</h3>\n      <div class=\"list-action\">\n        <nz-select\n          style=\"width: 80px;\"\n          nzSize=\"small\"\n          [nzDisabled]=\"!topMenu\"\n          [(ngModel)]=\"fixWidth\"\n          (ngModelChange)=\"contentWidthChange($event)\"\n        >\n          <nz-option *ngFor=\"let cw of contentWidths\" [nzValue]=\"cw.fixed\" [nzLabel]=\"cw.title | translate\"></nz-option>\n        </nz-select>\n      </div>\n    </div>\n\n    <div class=\"list-wrap\">\n      <h3 class=\"level-two-title list-title\">{{ 'settingDrawer.fixedHeader' | translate }}</h3>\n      <div class=\"list-action\">\n        <nz-switch\n          nzSize=\"small\"\n          [nzDisabled]=\"!topMenu\"\n          [(ngModel)]=\"fixHeader\"\n          (ngModelChange)=\"fixHeaderChange($event)\"\n        ></nz-switch>\n      </div>\n    </div>\n\n    <div class=\"list-wrap\">\n      <h3 class=\"level-two-title list-title\">{{ 'settingDrawer.hideWhileSliding' | translate }}</h3>\n      <div class=\"list-action\">\n        <nz-switch\n          nzSize=\"small\"\n          [nzDisabled]=\"!topMenu || !fixHeader\"\n          [(ngModel)]=\"hideHeader\"\n          (ngModelChange)=\"hideHeaderChange($event)\"\n        ></nz-switch>\n      </div>\n    </div>\n\n    <!-- <div class=\"list-wrap\">\n      <h3 class=\"level-two-title list-title\">固定我的收藏</h3>\n      <div class=\"list-action\">\n        <nz-switch\n          nzSize=\"small\"\n          [nzDisabled]=\"!navMode\"\n          [(ngModel)]=\"isfixCollection\"\n          (ngModelChange)=\"fixCollectionChange($event)\"\n        ></nz-switch>\n      </div>\n    </div>\n\n    <div class=\"list-wrap\">\n      <h3 class=\"level-two-title list-title\">下滑时隐藏我的收藏</h3>\n      <div class=\"list-action\">\n        <nz-switch\n          nzSize=\"small\"\n          [nzDisabled]=\"!navMode\"\n          [(ngModel)]=\"isHideCollection\"\n          (ngModelChange)=\"hideCollectionChange($event)\"\n        ></nz-switch>\n      </div>\n    </div> -->\n  </div>\n</nz-drawer>\n\n<div\n  cdkDrag\n  class=\"setting-drawer__handle\"\n  [ngClass]=\"{\n    'setting-drawer__opened': collapse,\n    'setting-drawer__top-menu': topMenu,\n    'setting-drawer__left-menu': !topMenu\n  }\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\"\n>\n  <i nz-icon class=\"icon\" nzTheme=\"outline\" nzType=\"{{ !collapse ? 'setting' : 'close' }}\"></i>\n</div>\n","styles":[".setting-drawer__content{position:relative;min-height:100%;background:#fff}.setting-drawer__content .level-one-title{color:rgba(0,0,0,.85);font-size:14px;line-height:22px}.setting-drawer__content .level-two-title{color:rgba(0,0,0,.65);font-size:14px;line-height:22px;margin-bottom:12px}.setting-drawer__content .mode-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.setting-drawer__content .mode-wrap .mode-img{position:relative;margin-top:10px;margin-right:16px;border-radius:4px;cursor:pointer}.setting-drawer__content .mode-wrap .mode-img i{position:absolute;top:20px;right:11px}.setting-drawer__content .theme-wrap{margin-top:24px;overflow:hidden}.setting-drawer__content .theme-wrap .theme-tag{float:left;width:20px;height:20px;margin-top:7px;margin-right:8px;color:#fff;font-weight:700;text-align:center;border-radius:2px;cursor:pointer}.setting-drawer__content .list-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0}.setting-drawer__content .list-wrap .list-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:0}.setting-drawer__content .list-wrap .list-action{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.setting-drawer__handle{position:fixed;top:240px;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;font-size:16px;text-align:center;border-radius:4px 0 0 4px;cursor:pointer;-webkit-transition:right .3s cubic-bezier(.9,0,.3,.7);transition:right .3s cubic-bezier(.9,0,.3,.7);pointer-events:auto}.setting-drawer__handle .icon{color:#fff;font-size:20px}.setting-drawer__opened{right:300px}.setting-drawer__top-menu{right:2px}.setting-drawer__left-menu{right:17px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":47,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":41,"character":16},{"__symbolic":"reference","module":"ng-zorro-antd","name":"NzMessageService","line":42,"character":17},{"__symbolic":"reference","name":"LazyService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":44,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":45,"character":18},{"__symbolic":"reference","module":"@ithinkdt/shared/i18n","name":"I18NService","line":46,"character":18},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ithinkdt/shared/browser","name":"SettingsService","line":48,"character":25}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"getThemeConfig":[{"__symbolic":"method"}],"getStored":[{"__symbolic":"method"}],"resetData":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"changeStyle":[{"__symbolic":"method"}],"changeColor":[{"__symbolic":"method"}],"changeMode":[{"__symbolic":"method"}],"contentWidthChange":[{"__symbolic":"method"}],"fixHeaderChange":[{"__symbolic":"method"}],"hideHeaderChange":[{"__symbolic":"method"}],"setNavToDefault":[{"__symbolic":"method"}],"runLess":[{"__symbolic":"method"}],"loadLess":[{"__symbolic":"method"}],"genVars":[{"__symbolic":"method"}],"changeCustomDefinition":[{"__symbolic":"method"}],"addClass":[{"__symbolic":"method"}],"removeAllClass":[{"__symbolic":"method"}],"cachedData":[{"__symbolic":"method"}],"storeData":[{"__symbolic":"method"}],"onMousedown":[{"__symbolic":"method"}],"onMouseup":[{"__symbolic":"method"}],"resetMouseFlag":[{"__symbolic":"method"}]}},"STYLE_KEY":"style","COLOR_KEY":"color","NAV_MODE_KEY":"topMenu","CONTENT_WIDTH_KEY":"fixWidth","FIX_HEADER_KEY":"fixHeader","HIDE_HEADER_KEY":"hideHeader","COLLAPSED_KEY":"collapsed","STYLES":[{"key":"dark","img":"https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg","title":"settingDrawer.styles.darkStyle","className":"skin-dark"},{"key":"light","img":"https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg","title":"settingDrawer.styles.brightStyle","className":"skin-light"}],"COLORS":[{"key":"daybreak","title":"settingDrawer.colors.blue","color":"#1890ff","className":"theme-daybreak"},{"key":"dust","title":"settingDrawer.colors.red","color":"#F5222D","className":"theme-dust"},{"key":"volcano","title":"settingDrawer.colors.volcano","color":"#FA541C","className":"theme-volcano"},{"key":"sunset","title":"settingDrawer.colors.croci","color":"#FFA500","className":"theme-sunset"},{"key":"cyan","title":"settingDrawer.colors.cyan","color":"#13C2C2","className":"theme-cyan"},{"key":"green","title":"settingDrawer.colors.green","color":"#52C41A","className":"theme-green"},{"key":"geekblue","title":"settingDrawer.colors.geekblue","color":"#2F54EB","className":"theme-geekblue"},{"key":"purple","title":"settingDrawer.colors.purple","color":"#722ED1","className":"theme-purple"}],"NAV_MODES":[{"img":"https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg","top":false,"title":"settingDrawer.navModes.slidMenu"},{"img":"https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg","top":true,"title":"settingDrawer.navModes.topMenu"}],"CONTENT_WIDTHS":[{"fixed":false,"title":"settingDrawer.contentWidths.streaming"},{"fixed":true,"title":"settingDrawer.contentWidths.fixedWidth"}],"DEFAULT_STYLE":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"STYLES"},"index":0},"DEFAULT_COLOR":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"COLORS"},"index":0},"DEFAULT_NAV_MODE":{"__symbolic":"select","expression":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"NAV_MODES"},"index":0},"member":"top"},"DEFAULT_CONTENT_WIDTH":{"__symbolic":"select","expression":{"__symbolic":"index","expression":{"__symbolic":"reference","name":"CONTENT_WIDTHS"},"index":0},"member":"fixed"},"LazyResult":{"__symbolic":"interface"},"LazyService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":17,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"clear":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"loadScript":[{"__symbolic":"method"}],"loadStyle":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"DtSettingDrawerModule":"./setting-drawer.module","SettingDrawerComponent":"./setting-drawer.component","STYLE_KEY":"./setting-drawer.config","COLOR_KEY":"./setting-drawer.config","NAV_MODE_KEY":"./setting-drawer.config","CONTENT_WIDTH_KEY":"./setting-drawer.config","FIX_HEADER_KEY":"./setting-drawer.config","HIDE_HEADER_KEY":"./setting-drawer.config","COLLAPSED_KEY":"./setting-drawer.config","STYLES":"./setting-drawer.config","COLORS":"./setting-drawer.config","NAV_MODES":"./setting-drawer.config","CONTENT_WIDTHS":"./setting-drawer.config","DEFAULT_STYLE":"./setting-drawer.config","DEFAULT_COLOR":"./setting-drawer.config","DEFAULT_NAV_MODE":"./setting-drawer.config","DEFAULT_CONTENT_WIDTH":"./setting-drawer.config","DEFAULT_FIX_HEADER":"./setting-drawer.config","DEFAULT_HIDE_HEADER":"./setting-drawer.config","LazyResult":"./lazy.service","LazyService":"./lazy.service"},"importAs":"@ithinkdt/theme/setting-drawer"}