@delon/theme 12.4.2 → 13.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/compact.css +1278 -750
  2. package/compact.min.css +1 -1
  3. package/dark.css +1325 -797
  4. package/dark.min.css +1 -1
  5. package/default.css +1286 -758
  6. package/default.min.css +1 -1
  7. package/{esm2015/layout-blank/layout-blank.js → esm2020/layout-blank/layout-blank.mjs} +0 -0
  8. package/{esm2015/layout-blank/public_api.js → esm2020/layout-blank/public_api.mjs} +0 -0
  9. package/{esm2015/layout-default/layout-default.js → esm2020/layout-default/layout-default.mjs} +0 -0
  10. package/esm2020/layout-default/layout-header-item-trigger.directive.mjs +16 -0
  11. package/esm2020/layout-default/layout-header-item.component.mjs +33 -0
  12. package/esm2020/layout-default/layout-header.component.mjs +123 -0
  13. package/esm2020/layout-default/layout-nav.component.mjs +307 -0
  14. package/esm2020/layout-default/layout.component.mjs +132 -0
  15. package/esm2020/layout-default/layout.module.mjs +69 -0
  16. package/{esm2015/layout-default/public_api.js → esm2020/layout-default/public_api.mjs} +0 -0
  17. package/{esm2015/layout-default/types.js → esm2020/layout-default/types.mjs} +0 -0
  18. package/esm2020/public_api.mjs +25 -0
  19. package/{esm2015/setting-drawer/public_api.js → esm2020/setting-drawer/public_api.mjs} +0 -0
  20. package/esm2020/setting-drawer/setting-drawer-item.component.mjs +35 -0
  21. package/esm2020/setting-drawer/setting-drawer.component.mjs +192 -0
  22. package/{esm2015/setting-drawer/setting-drawer.js → esm2020/setting-drawer/setting-drawer.mjs} +0 -0
  23. package/esm2020/setting-drawer/setting-drawer.module.mjs +68 -0
  24. package/{esm2015/setting-drawer/setting-drawer.types.js → esm2020/setting-drawer/setting-drawer.types.mjs} +0 -0
  25. package/{esm2015/src/config.js → esm2020/src/config.mjs} +0 -0
  26. package/{esm2015/src/locale/index.js → esm2020/src/locale/index.mjs} +0 -0
  27. package/{esm2015/src/locale/languages/el-GR.js → esm2020/src/locale/languages/el-GR.mjs} +0 -0
  28. package/{esm2015/src/locale/languages/en-US.js → esm2020/src/locale/languages/en-US.mjs} +0 -0
  29. package/{esm2015/src/locale/languages/es-ES.js → esm2020/src/locale/languages/es-ES.mjs} +0 -0
  30. package/{esm2015/src/locale/languages/fr-FR.js → esm2020/src/locale/languages/fr-FR.mjs} +0 -0
  31. package/{esm2015/src/locale/languages/hr-HR.js → esm2020/src/locale/languages/hr-HR.mjs} +0 -0
  32. package/{esm2015/src/locale/languages/it-IT.js → esm2020/src/locale/languages/it-IT.mjs} +0 -0
  33. package/{esm2015/src/locale/languages/ja-JP.js → esm2020/src/locale/languages/ja-JP.mjs} +0 -0
  34. package/{esm2015/src/locale/languages/ko-KR.js → esm2020/src/locale/languages/ko-KR.mjs} +0 -0
  35. package/{esm2015/src/locale/languages/pl-PL.js → esm2020/src/locale/languages/pl-PL.mjs} +0 -0
  36. package/{esm2015/src/locale/languages/sl-SI.js → esm2020/src/locale/languages/sl-SI.mjs} +0 -0
  37. package/{esm2015/src/locale/languages/tr-TR.js → esm2020/src/locale/languages/tr-TR.mjs} +0 -0
  38. package/{esm2015/src/locale/languages/zh-CN.js → esm2020/src/locale/languages/zh-CN.mjs} +0 -0
  39. package/{esm2015/src/locale/languages/zh-TW.js → esm2020/src/locale/languages/zh-TW.mjs} +0 -0
  40. package/esm2020/src/locale/locale.module.mjs +17 -0
  41. package/esm2020/src/locale/locale.service.mjs +45 -0
  42. package/{esm2015/src/locale/locale.tokens.js → esm2020/src/locale/locale.tokens.mjs} +0 -0
  43. package/{esm2015/src/locale/locale.types.js → esm2020/src/locale/locale.types.mjs} +0 -0
  44. package/{esm2015/src/locale/public_api.js → esm2020/src/locale/public_api.mjs} +0 -0
  45. package/esm2020/src/pipes/date/date.pipe.mjs +24 -0
  46. package/esm2020/src/pipes/keys/keys.pipe.mjs +21 -0
  47. package/esm2020/src/pipes/safe/html.pipe.mjs +18 -0
  48. package/esm2020/src/pipes/safe/url.pipe.mjs +18 -0
  49. package/esm2020/src/pipes/yn/yn.pipe.mjs +38 -0
  50. package/esm2020/src/router/optional-preloader.mjs +22 -0
  51. package/esm2020/src/services/drawer/drawer.helper.mjs +91 -0
  52. package/esm2020/src/services/http/http.client.mjs +154 -0
  53. package/esm2020/src/services/http/http.decorator.mjs +215 -0
  54. package/esm2020/src/services/i18n/i18n.mjs +97 -0
  55. package/esm2020/src/services/i18n/i18n.pipe.mjs +21 -0
  56. package/{esm2015/src/services/menu/interface.js → esm2020/src/services/menu/interface.mjs} +0 -0
  57. package/esm2020/src/services/menu/menu.service.mjs +252 -0
  58. package/esm2020/src/services/modal/modal.helper.mjs +106 -0
  59. package/{esm2015/src/services/preloader/preloader.js → esm2020/src/services/preloader/preloader.mjs} +0 -0
  60. package/esm2020/src/services/responsive/responsive.mjs +46 -0
  61. package/esm2020/src/services/rtl/rtl.service.mjs +101 -0
  62. package/esm2020/src/services/settings/settings.service.mjs +100 -0
  63. package/{esm2015/src/services/settings/types.js → esm2020/src/services/settings/types.mjs} +0 -0
  64. package/esm2020/src/services/title/title.service.mjs +124 -0
  65. package/esm2020/src/theme.module.mjs +76 -0
  66. package/{esm2015/src/version.js → esm2020/src/version.mjs} +1 -1
  67. package/{esm2015/theme-btn/public_api.js → esm2020/theme-btn/public_api.mjs} +0 -0
  68. package/esm2020/theme-btn/theme-btn.component.mjs +106 -0
  69. package/esm2020/theme-btn/theme-btn.mjs +5 -0
  70. package/esm2020/theme-btn/theme-btn.module.mjs +32 -0
  71. package/esm2020/theme.mjs +5 -0
  72. package/fesm2015/{layout-blank.js → layout-blank.mjs} +1 -1
  73. package/fesm2015/layout-blank.mjs.map +1 -0
  74. package/fesm2015/layout-default.mjs +654 -0
  75. package/fesm2015/layout-default.mjs.map +1 -0
  76. package/fesm2015/setting-drawer.mjs +487 -0
  77. package/fesm2015/setting-drawer.mjs.map +1 -0
  78. package/fesm2015/theme-btn.mjs +144 -0
  79. package/fesm2015/theme-btn.mjs.map +1 -0
  80. package/fesm2015/{theme.js → theme.mjs} +226 -188
  81. package/fesm2015/theme.mjs.map +1 -0
  82. package/fesm2020/layout-blank.mjs +7 -0
  83. package/fesm2020/layout-blank.mjs.map +1 -0
  84. package/fesm2020/layout-default.mjs +654 -0
  85. package/fesm2020/layout-default.mjs.map +1 -0
  86. package/fesm2020/setting-drawer.mjs +482 -0
  87. package/fesm2020/setting-drawer.mjs.map +1 -0
  88. package/fesm2020/theme-btn.mjs +141 -0
  89. package/fesm2020/theme-btn.mjs.map +1 -0
  90. package/fesm2020/theme.mjs +2575 -0
  91. package/fesm2020/theme.mjs.map +1 -0
  92. package/layout-blank/layout-blank.d.ts +1 -0
  93. package/layout-blank/package.json +5 -6
  94. package/layout-default/layout-default.d.ts +1 -0
  95. package/layout-default/layout-header-item-trigger.directive.d.ts +3 -0
  96. package/layout-default/layout-header-item.component.d.ts +3 -0
  97. package/layout-default/layout-header.component.d.ts +8 -5
  98. package/layout-default/layout-nav.component.d.ts +4 -1
  99. package/layout-default/layout.component.d.ts +6 -3
  100. package/layout-default/layout.module.d.ts +17 -0
  101. package/layout-default/package.json +5 -6
  102. package/layout-default/style/_aside.less +7 -10
  103. package/layout-default/style/_fixed.less +2 -0
  104. package/layout-default/style/_header.less +21 -0
  105. package/layout-default/style/_layout.less +7 -0
  106. package/layout-default/style/_progress-bar.less +6 -0
  107. package/layout-default/style/fix/_full-content.less +4 -0
  108. package/layout-default/style/widgets/_app-icons.less +3 -0
  109. package/layout-default/style/widgets/_user.less +5 -0
  110. package/package.json +55 -11
  111. package/public_api.d.ts +1 -0
  112. package/setting-drawer/package.json +5 -6
  113. package/setting-drawer/setting-drawer-item.component.d.ts +3 -0
  114. package/setting-drawer/setting-drawer.component.d.ts +3 -0
  115. package/setting-drawer/setting-drawer.d.ts +1 -0
  116. package/setting-drawer/setting-drawer.module.d.ts +18 -0
  117. package/setting-drawer/style/index.less +9 -0
  118. package/setting-drawer/style/rtl.less +1 -0
  119. package/src/locale/locale.module.d.ts +4 -0
  120. package/src/locale/locale.service.d.ts +3 -0
  121. package/src/pipes/date/date.pipe.d.ts +3 -0
  122. package/src/pipes/keys/keys.pipe.d.ts +3 -0
  123. package/src/pipes/safe/html.pipe.d.ts +3 -0
  124. package/src/pipes/safe/url.pipe.d.ts +3 -0
  125. package/src/pipes/yn/style/index.less +3 -0
  126. package/src/pipes/yn/yn.pipe.d.ts +3 -0
  127. package/src/services/drawer/drawer.helper.d.ts +3 -0
  128. package/src/services/http/http.client.d.ts +3 -0
  129. package/src/services/http/http.decorator.d.ts +3 -0
  130. package/src/services/i18n/i18n.d.ts +5 -0
  131. package/src/services/i18n/i18n.pipe.d.ts +3 -0
  132. package/src/services/menu/menu.service.d.ts +5 -0
  133. package/src/services/modal/modal.helper.d.ts +3 -0
  134. package/src/services/responsive/responsive.d.ts +3 -0
  135. package/src/services/rtl/rtl.service.d.ts +3 -0
  136. package/src/services/settings/settings.service.d.ts +9 -0
  137. package/src/services/title/title.service.d.ts +3 -0
  138. package/src/theme.module.d.ts +15 -0
  139. package/system/_preloader.less +10 -0
  140. package/system/_type.less +5 -0
  141. package/system/antd/_modal.less +5 -0
  142. package/system/antd/_table.less +7 -0
  143. package/system/index.less +3 -3
  144. package/system/mixins/_freak.less +2 -2
  145. package/system/mixins/_text-truncate.less +2 -0
  146. package/system/ng/_form.less +1 -0
  147. package/system/theme-default.less +3 -1
  148. package/system/utils/_display.less +9 -0
  149. package/system/utils/_other.less +2 -0
  150. package/system/utils/_scrollbar.less +3 -0
  151. package/system/widgets/_abs.less +3 -0
  152. package/system/widgets/_half-float.less +2 -0
  153. package/system/widgets/_masonry-grid.less +2 -0
  154. package/theme-btn/package.json +6 -7
  155. package/theme-btn/style/index.less +1 -0
  156. package/theme-btn/theme-btn.component.d.ts +3 -0
  157. package/theme-btn/{layout-theme-btn.d.ts → theme-btn.d.ts} +1 -0
  158. package/theme-btn/theme-btn.module.d.ts +8 -0
  159. package/theme-compact.less +1 -1
  160. package/theme-dark.less +1 -1
  161. package/theme-default.less +1 -1
  162. package/theme.d.ts +1 -1
  163. package/bundles/layout-blank.umd.js +0 -19
  164. package/bundles/layout-blank.umd.js.map +0 -1
  165. package/bundles/layout-default.umd.js +0 -876
  166. package/bundles/layout-default.umd.js.map +0 -1
  167. package/bundles/layout-theme-btn.umd.js +0 -141
  168. package/bundles/layout-theme-btn.umd.js.map +0 -1
  169. package/bundles/setting-drawer.umd.js +0 -789
  170. package/bundles/setting-drawer.umd.js.map +0 -1
  171. package/bundles/theme.umd.js +0 -3075
  172. package/bundles/theme.umd.js.map +0 -1
  173. package/esm2015/layout-default/layout-header-item-trigger.directive.js +0 -12
  174. package/esm2015/layout-default/layout-header-item.component.js +0 -23
  175. package/esm2015/layout-default/layout-header.component.js +0 -94
  176. package/esm2015/layout-default/layout-nav.component.js +0 -306
  177. package/esm2015/layout-default/layout.component.js +0 -102
  178. package/esm2015/layout-default/layout.module.js +0 -40
  179. package/esm2015/public_api.js +0 -24
  180. package/esm2015/setting-drawer/setting-drawer-item.component.js +0 -30
  181. package/esm2015/setting-drawer/setting-drawer.component.js +0 -185
  182. package/esm2015/setting-drawer/setting-drawer.module.js +0 -39
  183. package/esm2015/src/locale/locale.module.js +0 -14
  184. package/esm2015/src/locale/locale.service.js +0 -42
  185. package/esm2015/src/pipes/date/date.pipe.js +0 -23
  186. package/esm2015/src/pipes/keys/keys.pipe.js +0 -17
  187. package/esm2015/src/pipes/safe/html.pipe.js +0 -17
  188. package/esm2015/src/pipes/safe/url.pipe.js +0 -17
  189. package/esm2015/src/pipes/yn/yn.pipe.js +0 -37
  190. package/esm2015/src/router/optional-preloader.js +0 -23
  191. package/esm2015/src/services/drawer/drawer.helper.js +0 -90
  192. package/esm2015/src/services/http/http.client.js +0 -138
  193. package/esm2015/src/services/http/http.decorator.js +0 -207
  194. package/esm2015/src/services/i18n/i18n.js +0 -96
  195. package/esm2015/src/services/i18n/i18n.pipe.js +0 -17
  196. package/esm2015/src/services/menu/menu.service.js +0 -252
  197. package/esm2015/src/services/modal/modal.helper.js +0 -105
  198. package/esm2015/src/services/responsive/responsive.js +0 -48
  199. package/esm2015/src/services/rtl/rtl.service.js +0 -110
  200. package/esm2015/src/services/settings/settings.service.js +0 -82
  201. package/esm2015/src/services/title/title.service.js +0 -125
  202. package/esm2015/src/theme.module.js +0 -67
  203. package/esm2015/theme-btn/layout-theme-btn.js +0 -5
  204. package/esm2015/theme-btn/theme-btn.component.js +0 -103
  205. package/esm2015/theme-btn/theme-btn.module.js +0 -22
  206. package/esm2015/theme.js +0 -6
  207. package/fesm2015/layout-blank.js.map +0 -1
  208. package/fesm2015/layout-default.js +0 -561
  209. package/fesm2015/layout-default.js.map +0 -1
  210. package/fesm2015/layout-theme-btn.js +0 -129
  211. package/fesm2015/layout-theme-btn.js.map +0 -1
  212. package/fesm2015/setting-drawer.js +0 -448
  213. package/fesm2015/setting-drawer.js.map +0 -1
  214. package/fesm2015/theme.js.map +0 -1
  215. package/layout-blank/layout-blank.metadata.json +0 -1
  216. package/layout-default/layout-default.metadata.json +0 -1
  217. package/setting-drawer/setting-drawer.metadata.json +0 -1
  218. package/theme-btn/layout-theme-btn.metadata.json +0 -1
  219. package/theme.metadata.json +0 -1
@@ -1,876 +0,0 @@
1
- /**
2
- * @license ng-alain(cipchk@qq.com) v12.4.2
3
- * (c) 2020 cipchk https://ng-alain.com/
4
- * License: MIT
5
- */
6
- (function (global, factory) {
7
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@delon/theme'), require('@delon/util/browser'), require('ng-zorro-antd/message'), require('ng-zorro-antd/avatar'), require('ng-zorro-antd/badge'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/tooltip'), require('@angular/cdk/bidi'), require('@angular/platform-browser'), require('@delon/util/decorator'), require('@delon/util/token')) :
8
- typeof define === 'function' && define.amd ? define('@delon/theme/layout-default', ['exports', '@angular/common', '@angular/core', '@angular/router', 'rxjs', 'rxjs/operators', '@delon/theme', '@delon/util/browser', 'ng-zorro-antd/message', 'ng-zorro-antd/avatar', 'ng-zorro-antd/badge', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/icon', 'ng-zorro-antd/tooltip', '@angular/cdk/bidi', '@angular/platform-browser', '@delon/util/decorator', '@delon/util/token'], factory) :
9
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.delon = global.delon || {}, global.delon.theme = global.delon.theme || {}, global.delon.theme["layout-default"] = {}), global.ng.common, global.ng.core, global.ng.router, global.rxjs, global.rxjs.operators, global.delon.theme, global.browser, global.message, global.avatar, global.badge, global.dropdown, global.icon, global.tooltip, global.ng.cdk.bidi, global.ng.platformBrowser, global.decorator, global.token));
10
- })(this, (function (exports, common, core, router, rxjs, operators, theme, browser, message, avatar, badge, dropdown, icon, tooltip, bidi, platformBrowser, decorator, token) { 'use strict';
11
-
12
- var LayoutDefaultHeaderItemComponent = /** @class */ (function () {
13
- function LayoutDefaultHeaderItemComponent() {
14
- this.hidden = 'none';
15
- this.direction = 'right';
16
- }
17
- return LayoutDefaultHeaderItemComponent;
18
- }());
19
- LayoutDefaultHeaderItemComponent.decorators = [
20
- { type: core.Component, args: [{
21
- selector: 'layout-default-header-item',
22
- template: "\n <ng-template #host>\n <ng-content></ng-content>\n </ng-template>\n "
23
- },] }
24
- ];
25
- LayoutDefaultHeaderItemComponent.propDecorators = {
26
- host: [{ type: core.ViewChild, args: ['host', { static: true },] }],
27
- hidden: [{ type: core.Input }],
28
- direction: [{ type: core.Input }]
29
- };
30
-
31
- var LayoutDefaultComponent = /** @class */ (function () {
32
- function LayoutDefaultComponent(router, msgSrv, settings, el, renderer, doc) {
33
- var _this = this;
34
- this.msgSrv = msgSrv;
35
- this.settings = settings;
36
- this.el = el;
37
- this.renderer = renderer;
38
- this.doc = doc;
39
- this.destroy$ = new rxjs.Subject();
40
- this.isFetching = false;
41
- router.events.pipe(operators.takeUntil(this.destroy$)).subscribe(function (ev) { return _this.processEv(ev); });
42
- }
43
- LayoutDefaultComponent.prototype.processEv = function (ev) {
44
- var _this = this;
45
- var _a;
46
- if (!this.isFetching && ev instanceof router.RouteConfigLoadStart) {
47
- this.isFetching = true;
48
- }
49
- if (ev instanceof router.NavigationError || ev instanceof router.NavigationCancel) {
50
- this.isFetching = false;
51
- var err = this.customError === null ? null : (_a = this.customError) !== null && _a !== void 0 ? _a : "Could not load " + ev.url + " route";
52
- if (err && ev instanceof router.NavigationError) {
53
- this.msgSrv.error(err, { nzDuration: 1000 * 3 });
54
- }
55
- return;
56
- }
57
- if (!(ev instanceof router.NavigationEnd || ev instanceof router.RouteConfigLoadEnd)) {
58
- return;
59
- }
60
- if (this.isFetching) {
61
- setTimeout(function () {
62
- _this.isFetching = false;
63
- }, 100);
64
- }
65
- };
66
- LayoutDefaultComponent.prototype.setClass = function () {
67
- var _b;
68
- var _c = this, el = _c.el, doc = _c.doc, renderer = _c.renderer, settings = _c.settings;
69
- var layout = settings.layout;
70
- browser.updateHostClass(el.nativeElement, renderer, (_b = {},
71
- _b['alain-default'] = true,
72
- _b["alain-default__fixed"] = layout.fixed,
73
- _b["alain-default__collapsed"] = layout.collapsed,
74
- _b["alain-default__hide-aside"] = this.options.hideAside,
75
- _b));
76
- doc.body.classList[layout.colorWeak ? 'add' : 'remove']('color-weak');
77
- };
78
- LayoutDefaultComponent.prototype.ngOnInit = function () {
79
- var _this = this;
80
- this.options = Object.assign({ logoExpanded: "./assets/logo-full.svg", logoCollapsed: "./assets/logo.svg", logoLink: "/", hideAside: false }, this.options);
81
- var _b = this, settings = _b.settings, destroy$ = _b.destroy$;
82
- settings.notify.pipe(operators.takeUntil(destroy$)).subscribe(function () { return _this.setClass(); });
83
- this.setClass();
84
- };
85
- LayoutDefaultComponent.prototype.ngOnDestroy = function () {
86
- this.destroy$.next();
87
- this.destroy$.complete();
88
- };
89
- return LayoutDefaultComponent;
90
- }());
91
- LayoutDefaultComponent.decorators = [
92
- { type: core.Component, args: [{
93
- selector: 'layout-default',
94
- exportAs: 'layoutDefault',
95
- template: "\n <div class=\"alain-default__progress-bar\" *ngIf=\"isFetching\"></div>\n <layout-default-header></layout-default-header>\n <div *ngIf=\"!options.hideAside\" class=\"alain-default__aside\">\n <div class=\"alain-default__aside-inner\">\n <ng-container *ngTemplateOutlet=\"asideUser\"></ng-container>\n <ng-container *ngTemplateOutlet=\"nav\"></ng-container>\n <layout-default-nav *ngIf=\"!nav\" class=\"d-block py-lg\"></layout-default-nav>\n </div>\n </div>\n <section class=\"alain-default__content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <ng-content></ng-content>\n </section>\n "
96
- },] }
97
- ];
98
- LayoutDefaultComponent.ctorParameters = function () { return [
99
- { type: router.Router },
100
- { type: message.NzMessageService },
101
- { type: theme.SettingsService },
102
- { type: core.ElementRef },
103
- { type: core.Renderer2 },
104
- { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
105
- ]; };
106
- LayoutDefaultComponent.propDecorators = {
107
- headerItems: [{ type: core.ContentChildren, args: [LayoutDefaultHeaderItemComponent, { descendants: false },] }],
108
- options: [{ type: core.Input }],
109
- asideUser: [{ type: core.Input }],
110
- nav: [{ type: core.Input }],
111
- content: [{ type: core.Input }],
112
- customError: [{ type: core.Input }]
113
- };
114
-
115
- var LayoutDefaultHeaderItemTriggerDirective = /** @class */ (function () {
116
- function LayoutDefaultHeaderItemTriggerDirective() {
117
- }
118
- return LayoutDefaultHeaderItemTriggerDirective;
119
- }());
120
- LayoutDefaultHeaderItemTriggerDirective.decorators = [
121
- { type: core.Directive, args: [{
122
- selector: '[layout-default-header-item-trigger]',
123
- host: {
124
- '[class.alain-default__nav-item]': "true"
125
- }
126
- },] }
127
- ];
128
-
129
- var LayoutDefaultHeaderComponent = /** @class */ (function () {
130
- function LayoutDefaultHeaderComponent(settings, parent, cdr) {
131
- this.settings = settings;
132
- this.parent = parent;
133
- this.cdr = cdr;
134
- this.destroy$ = new rxjs.Subject();
135
- this.left = [];
136
- this.middle = [];
137
- this.right = [];
138
- }
139
- Object.defineProperty(LayoutDefaultHeaderComponent.prototype, "options", {
140
- get: function () {
141
- return this.parent.options;
142
- },
143
- enumerable: false,
144
- configurable: true
145
- });
146
- Object.defineProperty(LayoutDefaultHeaderComponent.prototype, "app", {
147
- get: function () {
148
- return this.settings.app;
149
- },
150
- enumerable: false,
151
- configurable: true
152
- });
153
- Object.defineProperty(LayoutDefaultHeaderComponent.prototype, "collapsed", {
154
- get: function () {
155
- return this.settings.layout.collapsed;
156
- },
157
- enumerable: false,
158
- configurable: true
159
- });
160
- Object.defineProperty(LayoutDefaultHeaderComponent.prototype, "collapsedIcon", {
161
- get: function () {
162
- var type = this.collapsed ? 'unfold' : 'fold';
163
- if (this.settings.layout.direction === 'rtl') {
164
- type = this.collapsed ? 'fold' : 'unfold';
165
- }
166
- return "menu-" + type;
167
- },
168
- enumerable: false,
169
- configurable: true
170
- });
171
- LayoutDefaultHeaderComponent.prototype.refresh = function () {
172
- var arr = this.parent.headerItems.toArray();
173
- this.left = arr.filter(function (i) { return i.direction === 'left'; });
174
- this.middle = arr.filter(function (i) { return i.direction === 'middle'; });
175
- this.right = arr.filter(function (i) { return i.direction === 'right'; });
176
- this.cdr.detectChanges();
177
- };
178
- LayoutDefaultHeaderComponent.prototype.ngAfterViewInit = function () {
179
- var _this = this;
180
- this.parent.headerItems.changes.pipe(operators.takeUntil(this.destroy$)).subscribe(function () { return _this.refresh(); });
181
- this.refresh();
182
- };
183
- LayoutDefaultHeaderComponent.prototype.toggleCollapsed = function () {
184
- this.settings.setLayout('collapsed', !this.settings.layout.collapsed);
185
- };
186
- LayoutDefaultHeaderComponent.prototype.ngOnDestroy = function () {
187
- this.destroy$.next();
188
- this.destroy$.complete();
189
- };
190
- return LayoutDefaultHeaderComponent;
191
- }());
192
- LayoutDefaultHeaderComponent.decorators = [
193
- { type: core.Component, args: [{
194
- selector: 'layout-default-header',
195
- template: "\n <ng-template #render let-ls>\n <li *ngFor=\"let i of ls\" [class.hidden-mobile]=\"i.hidden === 'mobile'\" [class.hidden-pc]=\"i.hidden === 'pc'\">\n <ng-container *ngTemplateOutlet=\"i.host\"></ng-container>\n </li>\n </ng-template>\n <div class=\"alain-default__header-logo\" [style.width.px]=\"options.logoFixWidth\">\n <a [routerLink]=\"options.logoLink\" class=\"alain-default__header-logo-link\">\n <img class=\"alain-default__header-logo-expanded\" [attr.src]=\"options.logoExpanded\" [attr.alt]=\"app.name\" />\n <img class=\"alain-default__header-logo-collapsed\" [attr.src]=\"options.logoCollapsed\" [attr.alt]=\"app.name\" />\n </a>\n </div>\n <div class=\"alain-default__nav-wrap\">\n <ul class=\"alain-default__nav\">\n <li *ngIf=\"!options.hideAside\">\n <div class=\"alain-default__nav-item alain-default__nav-item--collapse\" (click)=\"toggleCollapsed()\">\n <i nz-icon [nzType]=\"collapsedIcon\"></i>\n </div>\n </li>\n <ng-template [ngTemplateOutlet]=\"render\" [ngTemplateOutletContext]=\"{ $implicit: left }\"></ng-template>\n </ul>\n <div *ngIf=\"middle.length > 0\" class=\"alain-default__nav alain-default__nav-middle\">\n <ng-container *ngTemplateOutlet=\"middle[0].host\"></ng-container>\n </div>\n <ul class=\"alain-default__nav\">\n <ng-template [ngTemplateOutlet]=\"render\" [ngTemplateOutletContext]=\"{ $implicit: right }\"></ng-template>\n </ul>\n </div>\n ",
196
- host: {
197
- '[class.alain-default__header]': "true"
198
- },
199
- changeDetection: core.ChangeDetectionStrategy.OnPush
200
- },] }
201
- ];
202
- LayoutDefaultHeaderComponent.ctorParameters = function () { return [
203
- { type: theme.SettingsService },
204
- { type: LayoutDefaultComponent },
205
- { type: core.ChangeDetectorRef }
206
- ]; };
207
-
208
- /*! *****************************************************************************
209
- Copyright (c) Microsoft Corporation.
210
-
211
- Permission to use, copy, modify, and/or distribute this software for any
212
- purpose with or without fee is hereby granted.
213
-
214
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
215
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
216
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
217
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
218
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
219
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
220
- PERFORMANCE OF THIS SOFTWARE.
221
- ***************************************************************************** */
222
- /* global Reflect, Promise */
223
- var extendStatics = function (d, b) {
224
- extendStatics = Object.setPrototypeOf ||
225
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
226
- function (d, b) { for (var p in b)
227
- if (Object.prototype.hasOwnProperty.call(b, p))
228
- d[p] = b[p]; };
229
- return extendStatics(d, b);
230
- };
231
- function __extends(d, b) {
232
- if (typeof b !== "function" && b !== null)
233
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
234
- extendStatics(d, b);
235
- function __() { this.constructor = d; }
236
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
237
- }
238
- var __assign = function () {
239
- __assign = Object.assign || function __assign(t) {
240
- for (var s, i = 1, n = arguments.length; i < n; i++) {
241
- s = arguments[i];
242
- for (var p in s)
243
- if (Object.prototype.hasOwnProperty.call(s, p))
244
- t[p] = s[p];
245
- }
246
- return t;
247
- };
248
- return __assign.apply(this, arguments);
249
- };
250
- function __rest(s, e) {
251
- var t = {};
252
- for (var p in s)
253
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
254
- t[p] = s[p];
255
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
256
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
257
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
258
- t[p[i]] = s[p[i]];
259
- }
260
- return t;
261
- }
262
- function __decorate(decorators, target, key, desc) {
263
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
264
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
265
- r = Reflect.decorate(decorators, target, key, desc);
266
- else
267
- for (var i = decorators.length - 1; i >= 0; i--)
268
- if (d = decorators[i])
269
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
270
- return c > 3 && r && Object.defineProperty(target, key, r), r;
271
- }
272
- function __param(paramIndex, decorator) {
273
- return function (target, key) { decorator(target, key, paramIndex); };
274
- }
275
- function __metadata(metadataKey, metadataValue) {
276
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
277
- return Reflect.metadata(metadataKey, metadataValue);
278
- }
279
- function __awaiter(thisArg, _arguments, P, generator) {
280
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
281
- return new (P || (P = Promise))(function (resolve, reject) {
282
- function fulfilled(value) { try {
283
- step(generator.next(value));
284
- }
285
- catch (e) {
286
- reject(e);
287
- } }
288
- function rejected(value) { try {
289
- step(generator["throw"](value));
290
- }
291
- catch (e) {
292
- reject(e);
293
- } }
294
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
295
- step((generator = generator.apply(thisArg, _arguments || [])).next());
296
- });
297
- }
298
- function __generator(thisArg, body) {
299
- var _ = { label: 0, sent: function () { if (t[0] & 1)
300
- throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
301
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
302
- function verb(n) { return function (v) { return step([n, v]); }; }
303
- function step(op) {
304
- if (f)
305
- throw new TypeError("Generator is already executing.");
306
- while (_)
307
- try {
308
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
309
- return t;
310
- if (y = 0, t)
311
- op = [op[0] & 2, t.value];
312
- switch (op[0]) {
313
- case 0:
314
- case 1:
315
- t = op;
316
- break;
317
- case 4:
318
- _.label++;
319
- return { value: op[1], done: false };
320
- case 5:
321
- _.label++;
322
- y = op[1];
323
- op = [0];
324
- continue;
325
- case 7:
326
- op = _.ops.pop();
327
- _.trys.pop();
328
- continue;
329
- default:
330
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
331
- _ = 0;
332
- continue;
333
- }
334
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
335
- _.label = op[1];
336
- break;
337
- }
338
- if (op[0] === 6 && _.label < t[1]) {
339
- _.label = t[1];
340
- t = op;
341
- break;
342
- }
343
- if (t && _.label < t[2]) {
344
- _.label = t[2];
345
- _.ops.push(op);
346
- break;
347
- }
348
- if (t[2])
349
- _.ops.pop();
350
- _.trys.pop();
351
- continue;
352
- }
353
- op = body.call(thisArg, _);
354
- }
355
- catch (e) {
356
- op = [6, e];
357
- y = 0;
358
- }
359
- finally {
360
- f = t = 0;
361
- }
362
- if (op[0] & 5)
363
- throw op[1];
364
- return { value: op[0] ? op[1] : void 0, done: true };
365
- }
366
- }
367
- var __createBinding = Object.create ? (function (o, m, k, k2) {
368
- if (k2 === undefined)
369
- k2 = k;
370
- Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
371
- }) : (function (o, m, k, k2) {
372
- if (k2 === undefined)
373
- k2 = k;
374
- o[k2] = m[k];
375
- });
376
- function __exportStar(m, o) {
377
- for (var p in m)
378
- if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
379
- __createBinding(o, m, p);
380
- }
381
- function __values(o) {
382
- var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
383
- if (m)
384
- return m.call(o);
385
- if (o && typeof o.length === "number")
386
- return {
387
- next: function () {
388
- if (o && i >= o.length)
389
- o = void 0;
390
- return { value: o && o[i++], done: !o };
391
- }
392
- };
393
- throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
394
- }
395
- function __read(o, n) {
396
- var m = typeof Symbol === "function" && o[Symbol.iterator];
397
- if (!m)
398
- return o;
399
- var i = m.call(o), r, ar = [], e;
400
- try {
401
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
402
- ar.push(r.value);
403
- }
404
- catch (error) {
405
- e = { error: error };
406
- }
407
- finally {
408
- try {
409
- if (r && !r.done && (m = i["return"]))
410
- m.call(i);
411
- }
412
- finally {
413
- if (e)
414
- throw e.error;
415
- }
416
- }
417
- return ar;
418
- }
419
- /** @deprecated */
420
- function __spread() {
421
- for (var ar = [], i = 0; i < arguments.length; i++)
422
- ar = ar.concat(__read(arguments[i]));
423
- return ar;
424
- }
425
- /** @deprecated */
426
- function __spreadArrays() {
427
- for (var s = 0, i = 0, il = arguments.length; i < il; i++)
428
- s += arguments[i].length;
429
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
430
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
431
- r[k] = a[j];
432
- return r;
433
- }
434
- function __spreadArray(to, from, pack) {
435
- if (pack || arguments.length === 2)
436
- for (var i = 0, l = from.length, ar; i < l; i++) {
437
- if (ar || !(i in from)) {
438
- if (!ar)
439
- ar = Array.prototype.slice.call(from, 0, i);
440
- ar[i] = from[i];
441
- }
442
- }
443
- return to.concat(ar || Array.prototype.slice.call(from));
444
- }
445
- function __await(v) {
446
- return this instanceof __await ? (this.v = v, this) : new __await(v);
447
- }
448
- function __asyncGenerator(thisArg, _arguments, generator) {
449
- if (!Symbol.asyncIterator)
450
- throw new TypeError("Symbol.asyncIterator is not defined.");
451
- var g = generator.apply(thisArg, _arguments || []), i, q = [];
452
- return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
453
- function verb(n) { if (g[n])
454
- i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
455
- function resume(n, v) { try {
456
- step(g[n](v));
457
- }
458
- catch (e) {
459
- settle(q[0][3], e);
460
- } }
461
- function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
462
- function fulfill(value) { resume("next", value); }
463
- function reject(value) { resume("throw", value); }
464
- function settle(f, v) { if (f(v), q.shift(), q.length)
465
- resume(q[0][0], q[0][1]); }
466
- }
467
- function __asyncDelegator(o) {
468
- var i, p;
469
- return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
470
- function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
471
- }
472
- function __asyncValues(o) {
473
- if (!Symbol.asyncIterator)
474
- throw new TypeError("Symbol.asyncIterator is not defined.");
475
- var m = o[Symbol.asyncIterator], i;
476
- return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
477
- function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
478
- function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
479
- }
480
- function __makeTemplateObject(cooked, raw) {
481
- if (Object.defineProperty) {
482
- Object.defineProperty(cooked, "raw", { value: raw });
483
- }
484
- else {
485
- cooked.raw = raw;
486
- }
487
- return cooked;
488
- }
489
- ;
490
- var __setModuleDefault = Object.create ? (function (o, v) {
491
- Object.defineProperty(o, "default", { enumerable: true, value: v });
492
- }) : function (o, v) {
493
- o["default"] = v;
494
- };
495
- function __importStar(mod) {
496
- if (mod && mod.__esModule)
497
- return mod;
498
- var result = {};
499
- if (mod != null)
500
- for (var k in mod)
501
- if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
502
- __createBinding(result, mod, k);
503
- __setModuleDefault(result, mod);
504
- return result;
505
- }
506
- function __importDefault(mod) {
507
- return (mod && mod.__esModule) ? mod : { default: mod };
508
- }
509
- function __classPrivateFieldGet(receiver, state, kind, f) {
510
- if (kind === "a" && !f)
511
- throw new TypeError("Private accessor was defined without a getter");
512
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
513
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
514
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
515
- }
516
- function __classPrivateFieldSet(receiver, state, value, kind, f) {
517
- if (kind === "m")
518
- throw new TypeError("Private method is not writable");
519
- if (kind === "a" && !f)
520
- throw new TypeError("Private accessor was defined without a setter");
521
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
522
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
523
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
524
- }
525
-
526
- var SHOWCLS = 'sidebar-nav__floating-show';
527
- var FLOATINGCLS = 'sidebar-nav__floating';
528
- var LayoutDefaultNavComponent = /** @class */ (function () {
529
- function LayoutDefaultNavComponent(menuSrv, settings, router, render, cdr, ngZone, sanitizer, doc, win, directionality) {
530
- this.menuSrv = menuSrv;
531
- this.settings = settings;
532
- this.router = router;
533
- this.render = render;
534
- this.cdr = cdr;
535
- this.ngZone = ngZone;
536
- this.sanitizer = sanitizer;
537
- this.doc = doc;
538
- this.win = win;
539
- this.directionality = directionality;
540
- this.destroy$ = new rxjs.Subject();
541
- this.dir = 'ltr';
542
- this.list = [];
543
- this.disabledAcl = false;
544
- this.autoCloseUnderPad = true;
545
- this.recursivePath = true;
546
- this.openStrictly = false;
547
- this.maxLevelIcon = 3;
548
- this.select = new core.EventEmitter();
549
- }
550
- Object.defineProperty(LayoutDefaultNavComponent.prototype, "collapsed", {
551
- get: function () {
552
- return this.settings.layout.collapsed;
553
- },
554
- enumerable: false,
555
- configurable: true
556
- });
557
- LayoutDefaultNavComponent.prototype.getLinkNode = function (node) {
558
- node = node.nodeName === 'A' ? node : node.parentNode;
559
- return node.nodeName !== 'A' ? null : node;
560
- };
561
- LayoutDefaultNavComponent.prototype.floatingClickHandle = function (e) {
562
- e.stopPropagation();
563
- var linkNode = this.getLinkNode(e.target);
564
- if (linkNode == null) {
565
- return false;
566
- }
567
- var id = +linkNode.dataset.id;
568
- // Should be ingore children title trigger event
569
- if (isNaN(id)) {
570
- return false;
571
- }
572
- var item;
573
- this.menuSrv.visit(this.list, function (i) {
574
- if (!item && i._id === id) {
575
- item = i;
576
- }
577
- });
578
- this.to(item);
579
- this.hideAll();
580
- e.preventDefault();
581
- return false;
582
- };
583
- LayoutDefaultNavComponent.prototype.clearFloating = function () {
584
- if (!this.floatingEl)
585
- return;
586
- this.floatingEl.removeEventListener('click', this.floatingClickHandle.bind(this));
587
- // fix ie: https://github.com/ng-alain/delon/issues/52
588
- if (this.floatingEl.hasOwnProperty('remove')) {
589
- this.floatingEl.remove();
590
- }
591
- else if (this.floatingEl.parentNode) {
592
- this.floatingEl.parentNode.removeChild(this.floatingEl);
593
- }
594
- };
595
- LayoutDefaultNavComponent.prototype.genFloating = function () {
596
- this.clearFloating();
597
- this.floatingEl = this.render.createElement('div');
598
- this.floatingEl.classList.add(FLOATINGCLS + "-container");
599
- this.floatingEl.addEventListener('click', this.floatingClickHandle.bind(this), false);
600
- this.bodyEl.appendChild(this.floatingEl);
601
- };
602
- LayoutDefaultNavComponent.prototype.genSubNode = function (linkNode, item) {
603
- var id = "_sidebar-nav-" + item._id;
604
- var childNode = item.badge ? linkNode.nextElementSibling.nextElementSibling : linkNode.nextElementSibling;
605
- var node = childNode.cloneNode(true);
606
- node.id = id;
607
- node.classList.add(FLOATINGCLS);
608
- node.addEventListener('mouseleave', function () {
609
- node.classList.remove(SHOWCLS);
610
- }, false);
611
- this.floatingEl.appendChild(node);
612
- return node;
613
- };
614
- LayoutDefaultNavComponent.prototype.hideAll = function () {
615
- var allNode = this.floatingEl.querySelectorAll("." + FLOATINGCLS);
616
- for (var i = 0; i < allNode.length; i++) {
617
- allNode[i].classList.remove(SHOWCLS);
618
- }
619
- };
620
- // calculate the node position values.
621
- LayoutDefaultNavComponent.prototype.calPos = function (linkNode, node) {
622
- var rect = linkNode.getBoundingClientRect();
623
- // bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/14721015/
624
- var scrollTop = Math.max(this.doc.documentElement.scrollTop, this.bodyEl.scrollTop);
625
- var docHeight = Math.max(this.doc.documentElement.clientHeight, this.bodyEl.clientHeight);
626
- var spacing = 5;
627
- var offsetHeight = -spacing;
628
- if (docHeight < rect.top + node.clientHeight) {
629
- offsetHeight = rect.top + node.clientHeight - docHeight + spacing;
630
- }
631
- node.style.top = rect.top + scrollTop - offsetHeight + "px";
632
- if (this.dir === 'rtl') {
633
- node.style.right = rect.width + spacing + "px";
634
- }
635
- else {
636
- node.style.left = rect.right + spacing + "px";
637
- }
638
- };
639
- LayoutDefaultNavComponent.prototype.showSubMenu = function (e, item) {
640
- if (this.collapsed !== true) {
641
- return;
642
- }
643
- e.preventDefault();
644
- var linkNode = e.target;
645
- this.genFloating();
646
- var subNode = this.genSubNode(linkNode, item);
647
- this.hideAll();
648
- subNode.classList.add(SHOWCLS);
649
- this.calPos(linkNode, subNode);
650
- };
651
- LayoutDefaultNavComponent.prototype.to = function (item) {
652
- var _this = this;
653
- this.select.emit(item);
654
- if (item.disabled)
655
- return;
656
- if (item.externalLink) {
657
- if (item.target === '_blank') {
658
- this.win.open(item.externalLink);
659
- }
660
- else {
661
- this.win.location.href = item.externalLink;
662
- }
663
- return;
664
- }
665
- this.ngZone.run(function () { return _this.router.navigateByUrl(item.link); });
666
- };
667
- LayoutDefaultNavComponent.prototype.toggleOpen = function (item) {
668
- if (!this.openStrictly) {
669
- this.menuSrv.visit(this.list, function (i) {
670
- if (i !== item)
671
- i._open = false;
672
- });
673
- var pItem = item._parent;
674
- while (pItem) {
675
- pItem._open = true;
676
- pItem = pItem._parent;
677
- }
678
- }
679
- item._open = !item._open;
680
- this.cdr.markForCheck();
681
- };
682
- LayoutDefaultNavComponent.prototype._click = function () {
683
- if (this.isPad && this.collapsed) {
684
- this.openAside(false);
685
- this.hideAll();
686
- }
687
- };
688
- LayoutDefaultNavComponent.prototype._docClick = function () {
689
- if (this.collapsed) {
690
- this.hideAll();
691
- }
692
- };
693
- LayoutDefaultNavComponent.prototype.openedByUrl = function (url) {
694
- var _b = this, menuSrv = _b.menuSrv, recursivePath = _b.recursivePath, openStrictly = _b.openStrictly;
695
- var findItem = menuSrv.getHit(this.menuSrv.menus, url, recursivePath, function (i) {
696
- i._selected = false;
697
- if (!openStrictly) {
698
- i._open = false;
699
- }
700
- });
701
- if (findItem == null)
702
- return;
703
- do {
704
- findItem._selected = true;
705
- if (!openStrictly) {
706
- findItem._open = true;
707
- }
708
- findItem = findItem._parent;
709
- } while (findItem);
710
- };
711
- LayoutDefaultNavComponent.prototype.ngOnInit = function () {
712
- var _this = this;
713
- var _a;
714
- var _b = this, doc = _b.doc, router$1 = _b.router, destroy$ = _b.destroy$, menuSrv = _b.menuSrv, settings = _b.settings, cdr = _b.cdr;
715
- this.bodyEl = doc.querySelector('body');
716
- this.openedByUrl(router$1.url);
717
- this.ngZone.runOutsideAngular(function () { return _this.genFloating(); });
718
- menuSrv.change.pipe(operators.takeUntil(destroy$)).subscribe(function (data) {
719
- menuSrv.visit(data, function (i, _p, depth) {
720
- i._text = _this.sanitizer.bypassSecurityTrustHtml(i.text);
721
- i._needIcon = depth <= _this.maxLevelIcon && !!i.icon;
722
- if (!i._aclResult) {
723
- if (_this.disabledAcl) {
724
- i.disabled = true;
725
- }
726
- else {
727
- i._hidden = true;
728
- }
729
- }
730
- if (_this.openStrictly) {
731
- i._open = i.open != null ? i.open : false;
732
- }
733
- var icon = i.icon;
734
- if (icon && icon.type === 'svg' && typeof icon.value === 'string') {
735
- icon.value = _this.sanitizer.bypassSecurityTrustHtml(icon.value);
736
- }
737
- });
738
- _this.list = menuSrv.menus.filter(function (w) { return w._hidden !== true; });
739
- cdr.detectChanges();
740
- });
741
- router$1.events.pipe(operators.takeUntil(destroy$)).subscribe(function (e) {
742
- if (e instanceof router.NavigationEnd) {
743
- _this.openedByUrl(e.urlAfterRedirects);
744
- _this.underPad();
745
- _this.cdr.detectChanges();
746
- }
747
- });
748
- settings.notify
749
- .pipe(operators.takeUntil(destroy$), operators.filter(function (t) { return t.type === 'layout' && t.name === 'collapsed'; }))
750
- .subscribe(function () { return _this.clearFloating(); });
751
- this.underPad();
752
- this.dir = this.directionality.value;
753
- (_a = this.directionality.change) === null || _a === void 0 ? void 0 : _a.pipe(operators.takeUntil(destroy$)).subscribe(function (direction) {
754
- _this.dir = direction;
755
- });
756
- };
757
- LayoutDefaultNavComponent.prototype.ngOnDestroy = function () {
758
- this.destroy$.next();
759
- this.destroy$.complete();
760
- this.clearFloating();
761
- };
762
- Object.defineProperty(LayoutDefaultNavComponent.prototype, "isPad", {
763
- // #region Under pad
764
- get: function () {
765
- return this.doc.defaultView.innerWidth < 768;
766
- },
767
- enumerable: false,
768
- configurable: true
769
- });
770
- LayoutDefaultNavComponent.prototype.underPad = function () {
771
- var _this = this;
772
- if (this.autoCloseUnderPad && this.isPad && !this.collapsed) {
773
- setTimeout(function () { return _this.openAside(true); });
774
- }
775
- };
776
- LayoutDefaultNavComponent.prototype.openAside = function (status) {
777
- this.settings.setLayout('collapsed', status);
778
- };
779
- return LayoutDefaultNavComponent;
780
- }());
781
- LayoutDefaultNavComponent.decorators = [
782
- { type: core.Component, args: [{
783
- selector: 'layout-default-nav',
784
- template: "<ng-template #icon let-i>\n <ng-container *ngIf=\"i\" [ngSwitch]=\"i.type\">\n <i\n *ngSwitchCase=\"'icon'\"\n class=\"sidebar-nav__item-icon\"\n nz-icon\n [nzType]=\"i.value\"\n [nzTheme]=\"i.theme\"\n [nzSpin]=\"i.spin\"\n [nzTwotoneColor]=\"i.twoToneColor\"\n [nzIconfont]=\"i.iconfont\"\n [nzRotate]=\"i.rotate\"\n ></i>\n <i *ngSwitchCase=\"'iconfont'\" class=\"sidebar-nav__item-icon\" nz-icon [nzIconfont]=\"i.iconfont\"></i>\n <img *ngSwitchCase=\"'img'\" [src]=\"i.value\" class=\"sidebar-nav__item-icon sidebar-nav__item-img\" />\n <span *ngSwitchCase=\"'svg'\" class=\"sidebar-nav__item-icon sidebar-nav__item-svg\" [innerHTML]=\"i.value\"></span>\n <i *ngSwitchDefault class=\"sidebar-nav__item-icon {{ i.value }}\"></i>\n </ng-container>\n</ng-template>\n<ng-template #tree let-ls>\n <ng-container *ngFor=\"let i of ls\">\n <li\n *ngIf=\"i._hidden !== true\"\n class=\"sidebar-nav__item\"\n [class.sidebar-nav__selected]=\"i._selected\"\n [class.sidebar-nav__open]=\"i._open\"\n >\n <!-- link -->\n <a\n *ngIf=\"i.children.length === 0\"\n (click)=\"to(i)\"\n [attr.data-id]=\"i._id\"\n class=\"sidebar-nav__item-link\"\n [ngClass]=\"{ 'sidebar-nav__item-disabled': i.disabled }\"\n >\n <ng-container *ngIf=\"i._needIcon\">\n <ng-container *ngIf=\"!collapsed\">\n <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{ $implicit: i.icon }\"></ng-template>\n </ng-container>\n <span *ngIf=\"collapsed\" nz-tooltip nzTooltipPlacement=\"right\" [nzTooltipTitle]=\"i.text\">\n <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{ $implicit: i.icon }\"></ng-template>\n </span>\n </ng-container>\n <span class=\"sidebar-nav__item-text\" [innerHTML]=\"i._text\" [attr.title]=\"i.text\"></span>\n </a>\n <!-- has children link -->\n <a\n *ngIf=\"i.children.length > 0\"\n (click)=\"toggleOpen(i)\"\n (mouseenter)=\"showSubMenu($event, i)\"\n class=\"sidebar-nav__item-link\"\n >\n <ng-template [ngTemplateOutlet]=\"icon\" [ngTemplateOutletContext]=\"{ $implicit: i.icon }\"></ng-template>\n <span class=\"sidebar-nav__item-text\" [innerHTML]=\"i._text\" [attr.title]=\"i.text\"></span>\n <i class=\"sidebar-nav__sub-arrow\"></i>\n </a>\n <!-- badge -->\n <nz-badge *ngIf=\"i.badge\" [nzCount]=\"i.badge\" [nzDot]=\"i.badgeDot\" nzStandalone [nzOverflowCount]=\"9\"></nz-badge>\n <ul *ngIf=\"i.children.length > 0\" class=\"sidebar-nav sidebar-nav__sub sidebar-nav__depth{{ i._depth }}\">\n <ng-template [ngTemplateOutlet]=\"tree\" [ngTemplateOutletContext]=\"{ $implicit: i.children }\"></ng-template>\n </ul>\n </li>\n </ng-container>\n</ng-template>\n<ul class=\"sidebar-nav\">\n <ng-container *ngFor=\"let group of list\">\n <li class=\"sidebar-nav__item sidebar-nav__group-title\" *ngIf=\"group.group\">\n <span [innerHTML]=\"group._text\"></span>\n </li>\n <ng-template [ngTemplateOutlet]=\"tree\" [ngTemplateOutletContext]=\"{ $implicit: group.children }\"></ng-template>\n </ng-container>\n</ul>\n",
785
- host: {
786
- '(click)': '_click()',
787
- '(document:click)': '_docClick()'
788
- },
789
- preserveWhitespaces: false,
790
- changeDetection: core.ChangeDetectionStrategy.OnPush,
791
- encapsulation: core.ViewEncapsulation.None
792
- },] }
793
- ];
794
- LayoutDefaultNavComponent.ctorParameters = function () { return [
795
- { type: theme.MenuService },
796
- { type: theme.SettingsService },
797
- { type: router.Router },
798
- { type: core.Renderer2 },
799
- { type: core.ChangeDetectorRef },
800
- { type: core.NgZone },
801
- { type: platformBrowser.DomSanitizer },
802
- { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
803
- { type: undefined, decorators: [{ type: core.Inject, args: [token.WINDOW,] }] },
804
- { type: bidi.Directionality, decorators: [{ type: core.Optional }] }
805
- ]; };
806
- LayoutDefaultNavComponent.propDecorators = {
807
- disabledAcl: [{ type: core.Input }],
808
- autoCloseUnderPad: [{ type: core.Input }],
809
- recursivePath: [{ type: core.Input }],
810
- openStrictly: [{ type: core.Input }],
811
- maxLevelIcon: [{ type: core.Input }],
812
- select: [{ type: core.Output }]
813
- };
814
- __decorate([
815
- decorator.InputBoolean()
816
- ], LayoutDefaultNavComponent.prototype, "disabledAcl", void 0);
817
- __decorate([
818
- decorator.InputBoolean()
819
- ], LayoutDefaultNavComponent.prototype, "autoCloseUnderPad", void 0);
820
- __decorate([
821
- decorator.InputBoolean()
822
- ], LayoutDefaultNavComponent.prototype, "recursivePath", void 0);
823
- __decorate([
824
- decorator.InputBoolean()
825
- ], LayoutDefaultNavComponent.prototype, "openStrictly", void 0);
826
- __decorate([
827
- decorator.InputNumber()
828
- ], LayoutDefaultNavComponent.prototype, "maxLevelIcon", void 0);
829
- __decorate([
830
- decorator.ZoneOutside()
831
- ], LayoutDefaultNavComponent.prototype, "showSubMenu", null);
832
-
833
- var COMPONENTS = [
834
- LayoutDefaultComponent,
835
- LayoutDefaultNavComponent,
836
- LayoutDefaultHeaderComponent,
837
- LayoutDefaultHeaderItemComponent,
838
- LayoutDefaultHeaderItemTriggerDirective
839
- ];
840
- var LayoutDefaultModule = /** @class */ (function () {
841
- function LayoutDefaultModule() {
842
- }
843
- return LayoutDefaultModule;
844
- }());
845
- LayoutDefaultModule.decorators = [
846
- { type: core.NgModule, args: [{
847
- imports: [
848
- common.CommonModule,
849
- router.RouterModule,
850
- tooltip.NzToolTipModule,
851
- icon.NzIconModule,
852
- avatar.NzAvatarModule,
853
- dropdown.NzDropDownModule,
854
- message.NzMessageModule,
855
- badge.NzBadgeModule
856
- ],
857
- declarations: COMPONENTS,
858
- exports: COMPONENTS
859
- },] }
860
- ];
861
-
862
- /**
863
- * Generated bundle index. Do not edit.
864
- */
865
-
866
- exports.LayoutDefaultComponent = LayoutDefaultComponent;
867
- exports.LayoutDefaultHeaderComponent = LayoutDefaultHeaderComponent;
868
- exports.LayoutDefaultHeaderItemComponent = LayoutDefaultHeaderItemComponent;
869
- exports.LayoutDefaultHeaderItemTriggerDirective = LayoutDefaultHeaderItemTriggerDirective;
870
- exports.LayoutDefaultModule = LayoutDefaultModule;
871
- exports.LayoutDefaultNavComponent = LayoutDefaultNavComponent;
872
-
873
- Object.defineProperty(exports, '__esModule', { value: true });
874
-
875
- }));
876
- //# sourceMappingURL=layout-default.umd.js.map