@delon/theme 17.0.5 → 17.2.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 (78) hide show
  1. package/compact.css +127 -6
  2. package/compact.min.css +1 -1
  3. package/dark.css +127 -6
  4. package/dark.min.css +1 -1
  5. package/default.css +127 -6
  6. package/default.min.css +1 -1
  7. package/esm2022/layout-default/layout-header-item-trigger.directive.mjs +3 -3
  8. package/esm2022/layout-default/layout-header-item.component.mjs +3 -3
  9. package/esm2022/layout-default/layout-header.component.mjs +21 -21
  10. package/esm2022/layout-default/layout-nav.component.mjs +50 -64
  11. package/esm2022/layout-default/layout-top-menu-item.mjs +9 -15
  12. package/esm2022/layout-default/layout.component.mjs +10 -16
  13. package/esm2022/layout-default/layout.module.mjs +4 -4
  14. package/esm2022/layout-default/layout.service.mjs +12 -12
  15. package/esm2022/setting-drawer/setting-drawer-item.component.mjs +5 -5
  16. package/esm2022/setting-drawer/setting-drawer.component.mjs +37 -45
  17. package/esm2022/setting-drawer/setting-drawer.module.mjs +4 -4
  18. package/esm2022/src/locale/languages/vi-VI.mjs +83 -0
  19. package/esm2022/src/locale/locale.module.mjs +4 -4
  20. package/esm2022/src/locale/locale.service.mjs +4 -4
  21. package/esm2022/src/locale/locale.tokens.mjs +1 -1
  22. package/esm2022/src/locale/public_api.mjs +2 -1
  23. package/esm2022/src/pipes/date/date.pipe.mjs +3 -3
  24. package/esm2022/src/pipes/keys/keys.pipe.mjs +3 -3
  25. package/esm2022/src/pipes/safe/html.pipe.mjs +9 -9
  26. package/esm2022/src/pipes/safe/url.pipe.mjs +9 -9
  27. package/esm2022/src/pipes/yn/yn.pipe.mjs +9 -9
  28. package/esm2022/src/provide.mjs +1 -1
  29. package/esm2022/src/services/drawer/drawer.helper.mjs +12 -16
  30. package/esm2022/src/services/http/http.client.mjs +10 -11
  31. package/esm2022/src/services/http/http.decorator.mjs +8 -11
  32. package/esm2022/src/services/i18n/i18n-url.guard.mjs +11 -16
  33. package/esm2022/src/services/i18n/i18n.mjs +7 -7
  34. package/esm2022/src/services/i18n/i18n.pipe.mjs +3 -3
  35. package/esm2022/src/services/menu/menu.service.mjs +12 -19
  36. package/esm2022/src/services/modal/modal.helper.mjs +13 -16
  37. package/esm2022/src/services/preloader/preloader.mjs +1 -1
  38. package/esm2022/src/services/responsive/responsive.mjs +4 -4
  39. package/esm2022/src/services/rtl/rtl.service.mjs +19 -22
  40. package/esm2022/src/services/settings/settings.service.mjs +10 -13
  41. package/esm2022/src/services/title/title.service.mjs +16 -24
  42. package/esm2022/src/theme.module.mjs +4 -4
  43. package/esm2022/src/version.mjs +1 -1
  44. package/esm2022/theme-btn/theme-btn.component.mjs +24 -37
  45. package/esm2022/theme-btn/theme-btn.module.mjs +4 -4
  46. package/fesm2022/layout-default.mjs +101 -121
  47. package/fesm2022/layout-default.mjs.map +1 -1
  48. package/fesm2022/setting-drawer.mjs +42 -50
  49. package/fesm2022/setting-drawer.mjs.map +1 -1
  50. package/fesm2022/theme-btn.mjs +27 -40
  51. package/fesm2022/theme-btn.mjs.map +1 -1
  52. package/fesm2022/theme.mjs +222 -179
  53. package/fesm2022/theme.mjs.map +1 -1
  54. package/layout-default/layout-header.component.d.ts +6 -8
  55. package/layout-default/layout-nav.component.d.ts +24 -26
  56. package/layout-default/layout-top-menu-item.d.ts +2 -3
  57. package/layout-default/layout.component.d.ts +2 -3
  58. package/layout-default/layout.service.d.ts +1 -3
  59. package/package.json +4 -4
  60. package/setting-drawer/setting-drawer.component.d.ts +15 -16
  61. package/src/locale/languages/vi-VI.d.ts +3 -0
  62. package/src/locale/locale.tokens.d.ts +2 -1
  63. package/src/locale/public_api.d.ts +1 -0
  64. package/src/pipes/safe/html.pipe.d.ts +2 -3
  65. package/src/pipes/safe/url.pipe.d.ts +2 -3
  66. package/src/pipes/yn/yn.pipe.d.ts +2 -3
  67. package/src/services/drawer/drawer.helper.d.ts +4 -5
  68. package/src/services/http/http.client.d.ts +3 -3
  69. package/src/services/http/http.decorator.d.ts +1 -2
  70. package/src/services/i18n/i18n-url.guard.d.ts +3 -6
  71. package/src/services/menu/menu.service.d.ts +5 -7
  72. package/src/services/modal/modal.helper.d.ts +4 -6
  73. package/src/services/rtl/rtl.service.d.ts +8 -13
  74. package/src/services/settings/settings.service.d.ts +2 -4
  75. package/src/services/title/title.service.d.ts +8 -12
  76. package/system/theme-default.less +1 -1
  77. package/system/utils/_scrollbar.less +6 -4
  78. package/theme-btn/theme-btn.component.d.ts +11 -15
package/dark.css CHANGED
@@ -13232,6 +13232,78 @@ nz-empty {
13232
13232
  .ant-row-rtl {
13233
13233
  direction: rtl;
13234
13234
  }
13235
+ .ant-flex {
13236
+ display: flex;
13237
+ }
13238
+ .ant-flex-vertical {
13239
+ flex-direction: column;
13240
+ }
13241
+ .ant-flex-justify-flex-start {
13242
+ justify-content: flex-start;
13243
+ }
13244
+ .ant-flex-justify-center {
13245
+ justify-content: center;
13246
+ }
13247
+ .ant-flex-justify-flex-end {
13248
+ justify-content: flex-end;
13249
+ }
13250
+ .ant-flex-justify-space-between {
13251
+ justify-content: space-between;
13252
+ }
13253
+ .ant-flex-justify-space-around {
13254
+ justify-content: space-around;
13255
+ }
13256
+ .ant-flex-justify-space-evenly {
13257
+ justify-content: space-evenly;
13258
+ }
13259
+ .ant-flex-justify-start {
13260
+ justify-content: start;
13261
+ }
13262
+ .ant-flex-justify-end {
13263
+ justify-content: end;
13264
+ }
13265
+ .ant-flex-justify-right {
13266
+ justify-content: right;
13267
+ }
13268
+ .ant-flex-justify-left {
13269
+ justify-content: left;
13270
+ }
13271
+ .ant-flex-justify-stretch {
13272
+ justify-content: stretch;
13273
+ }
13274
+ .ant-flex-justify-normal {
13275
+ justify-content: normal;
13276
+ }
13277
+ .ant-flex-align-flex-start {
13278
+ align-items: flex-start;
13279
+ }
13280
+ .ant-flex-align-center {
13281
+ align-items: center;
13282
+ }
13283
+ .ant-flex-align-flex-end {
13284
+ align-items: flex-end;
13285
+ }
13286
+ .ant-flex-align-start {
13287
+ align-items: start;
13288
+ }
13289
+ .ant-flex-align-end {
13290
+ align-items: end;
13291
+ }
13292
+ .ant-flex-align-stretch {
13293
+ align-items: stretch;
13294
+ }
13295
+ .ant-flex-align-normal {
13296
+ align-items: normal;
13297
+ }
13298
+ .ant-flex-wrap-wrap {
13299
+ flex-wrap: wrap;
13300
+ }
13301
+ .ant-flex-wrap-nowrap {
13302
+ flex-wrap: nowrap;
13303
+ }
13304
+ .ant-flex-wrap-wrap-reverse {
13305
+ flex-wrap: wrap-reverse;
13306
+ }
13235
13307
  .ant-input-affix-wrapper {
13236
13308
  position: relative;
13237
13309
  display: inline-block;
@@ -24228,6 +24300,10 @@ cdk-virtual-scroll-viewport.ant-table-body {
24228
24300
  .ant-tabs-dropdown-menu-item a[nz-tab-link] {
24229
24301
  position: relative;
24230
24302
  }
24303
+ .ant-tabs-tab-btn {
24304
+ border: none;
24305
+ background-color: unset;
24306
+ }
24231
24307
  .ant-tabs-tab a[nz-tab-link]::before {
24232
24308
  position: absolute;
24233
24309
  top: 0;
@@ -24379,6 +24455,9 @@ nz-tabs-nav {
24379
24455
  background: #291321;
24380
24456
  border-color: #551c3b;
24381
24457
  }
24458
+ .ant-tag-borderless {
24459
+ border-color: transparent;
24460
+ }
24382
24461
  .ant-tag-pink-inverse {
24383
24462
  color: #fff;
24384
24463
  background: #cb2b83;
@@ -24389,6 +24468,9 @@ nz-tabs-nav {
24389
24468
  background: #291321;
24390
24469
  border-color: #551c3b;
24391
24470
  }
24471
+ .ant-tag-borderless {
24472
+ border-color: transparent;
24473
+ }
24392
24474
  .ant-tag-magenta-inverse {
24393
24475
  color: #fff;
24394
24476
  background: #cb2b83;
@@ -24399,6 +24481,9 @@ nz-tabs-nav {
24399
24481
  background: #2a1215;
24400
24482
  border-color: #58181c;
24401
24483
  }
24484
+ .ant-tag-borderless {
24485
+ border-color: transparent;
24486
+ }
24402
24487
  .ant-tag-red-inverse {
24403
24488
  color: #fff;
24404
24489
  background: #d32029;
@@ -24409,6 +24494,9 @@ nz-tabs-nav {
24409
24494
  background: #2b1611;
24410
24495
  border-color: #592716;
24411
24496
  }
24497
+ .ant-tag-borderless {
24498
+ border-color: transparent;
24499
+ }
24412
24500
  .ant-tag-volcano-inverse {
24413
24501
  color: #fff;
24414
24502
  background: #d84a1b;
@@ -24419,6 +24507,9 @@ nz-tabs-nav {
24419
24507
  background: #2b1d11;
24420
24508
  border-color: #593815;
24421
24509
  }
24510
+ .ant-tag-borderless {
24511
+ border-color: transparent;
24512
+ }
24422
24513
  .ant-tag-orange-inverse {
24423
24514
  color: #fff;
24424
24515
  background: #d87a16;
@@ -24429,6 +24520,9 @@ nz-tabs-nav {
24429
24520
  background: #2b2611;
24430
24521
  border-color: #595014;
24431
24522
  }
24523
+ .ant-tag-borderless {
24524
+ border-color: transparent;
24525
+ }
24432
24526
  .ant-tag-yellow-inverse {
24433
24527
  color: #fff;
24434
24528
  background: #d8bd14;
@@ -24439,6 +24533,9 @@ nz-tabs-nav {
24439
24533
  background: #2b2111;
24440
24534
  border-color: #594214;
24441
24535
  }
24536
+ .ant-tag-borderless {
24537
+ border-color: transparent;
24538
+ }
24442
24539
  .ant-tag-gold-inverse {
24443
24540
  color: #fff;
24444
24541
  background: #d89614;
@@ -24449,6 +24546,9 @@ nz-tabs-nav {
24449
24546
  background: #112123;
24450
24547
  border-color: #144848;
24451
24548
  }
24549
+ .ant-tag-borderless {
24550
+ border-color: transparent;
24551
+ }
24452
24552
  .ant-tag-cyan-inverse {
24453
24553
  color: #fff;
24454
24554
  background: #13a8a8;
@@ -24459,6 +24559,9 @@ nz-tabs-nav {
24459
24559
  background: #1f2611;
24460
24560
  border-color: #3e4f13;
24461
24561
  }
24562
+ .ant-tag-borderless {
24563
+ border-color: transparent;
24564
+ }
24462
24565
  .ant-tag-lime-inverse {
24463
24566
  color: #fff;
24464
24567
  background: #8bbb11;
@@ -24469,6 +24572,9 @@ nz-tabs-nav {
24469
24572
  background: #162312;
24470
24573
  border-color: #274916;
24471
24574
  }
24575
+ .ant-tag-borderless {
24576
+ border-color: transparent;
24577
+ }
24472
24578
  .ant-tag-green-inverse {
24473
24579
  color: #fff;
24474
24580
  background: #49aa19;
@@ -24479,6 +24585,9 @@ nz-tabs-nav {
24479
24585
  background: #111d2c;
24480
24586
  border-color: #15395b;
24481
24587
  }
24588
+ .ant-tag-borderless {
24589
+ border-color: transparent;
24590
+ }
24482
24591
  .ant-tag-blue-inverse {
24483
24592
  color: #fff;
24484
24593
  background: #177ddc;
@@ -24489,6 +24598,9 @@ nz-tabs-nav {
24489
24598
  background: #131629;
24490
24599
  border-color: #1c2755;
24491
24600
  }
24601
+ .ant-tag-borderless {
24602
+ border-color: transparent;
24603
+ }
24492
24604
  .ant-tag-geekblue-inverse {
24493
24605
  color: #fff;
24494
24606
  background: #2b4acb;
@@ -24499,6 +24611,9 @@ nz-tabs-nav {
24499
24611
  background: #1a1325;
24500
24612
  border-color: #301c4d;
24501
24613
  }
24614
+ .ant-tag-borderless {
24615
+ border-color: transparent;
24616
+ }
24502
24617
  .ant-tag-purple-inverse {
24503
24618
  color: #fff;
24504
24619
  background: #642ab5;
@@ -24842,7 +24957,7 @@ nz-tabs-nav {
24842
24957
  pointer-events: none;
24843
24958
  }
24844
24959
  .ant-tooltip-arrow-content {
24845
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(67, 67, 67, 0.9), #434343);
24960
+ --antd-arrow-background-color: var(--color, linear-gradient(to right bottom, rgba(67, 67, 67, 0.9), #434343));
24846
24961
  position: absolute;
24847
24962
  top: 0;
24848
24963
  right: 0;
@@ -28354,6 +28469,7 @@ nz-space-item {
28354
28469
  color: rgba(0, 0, 0, 0.85);
28355
28470
  }
28356
28471
  .ant-water-mark {
28472
+ display: block;
28357
28473
  position: relative;
28358
28474
  }
28359
28475
  .ant-color-picker {
@@ -28408,7 +28524,7 @@ nz-space-item {
28408
28524
  }
28409
28525
  .ant-color-picker-slider {
28410
28526
  width: 100%;
28411
- margin-bottom: 12px;
28527
+ border-radius: 2px;
28412
28528
  }
28413
28529
  .ant-color-picker-slider .ant-color-picker-palette {
28414
28530
  height: 8px;
@@ -28416,6 +28532,9 @@ nz-space-item {
28416
28532
  .ant-color-picker-slider .ant-color-picker-gradient {
28417
28533
  border-radius: 2px;
28418
28534
  }
28535
+ .ant-color-picker-slider-hue {
28536
+ margin-bottom: 12px;
28537
+ }
28419
28538
  .ant-color-picker-slider-alpha {
28420
28539
  background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
28421
28540
  background-size: 8px 8px;
@@ -28454,7 +28573,6 @@ nz-space-item {
28454
28573
  position: relative;
28455
28574
  width: 28px;
28456
28575
  height: 28px;
28457
- margin-left: 8px;
28458
28576
  background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
28459
28577
  background-size: 50% 50%;
28460
28578
  overflow: hidden;
@@ -28468,6 +28586,8 @@ nz-space-item {
28468
28586
  }
28469
28587
  .ant-color-picker-slider-container {
28470
28588
  display: flex;
28589
+ gap: 12px;
28590
+ margin-bottom: 12px;
28471
28591
  }
28472
28592
  .ant-color-picker-slider-container .ant-color-picker-slider-group {
28473
28593
  flex: 1;
@@ -28552,10 +28672,11 @@ nz-space-item {
28552
28672
  align-items: center;
28553
28673
  }
28554
28674
  .ant-color-picker-input-container .ant-color-picker-steppers {
28555
- flex: 0 0 44px;
28675
+ flex: 1;
28556
28676
  }
28557
28677
  .ant-color-picker-input-container .ant-color-picker-alpha-input {
28558
28678
  flex: 0 0 44px;
28679
+ margin-left: 4px;
28559
28680
  }
28560
28681
  .ant-color-picker-disabled {
28561
28682
  color: rgba(255, 255, 255, 0.3);
@@ -32491,7 +32612,7 @@ body,
32491
32612
  .ant-drawer-wrapper-body,
32492
32613
  .ant-anchor-wrapper,
32493
32614
  textarea.ant-input {
32494
- scrollbar-color: rgba(0, 0, 0, 0.3) #6e6e6e;
32615
+ scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
32495
32616
  scrollbar-width: thin;
32496
32617
  }
32497
32618
  body::-webkit-scrollbar,
@@ -32520,7 +32641,7 @@ body::-webkit-scrollbar-thumb,
32520
32641
  .ant-drawer-wrapper-body::-webkit-scrollbar-thumb,
32521
32642
  .ant-anchor-wrapper::-webkit-scrollbar-thumb,
32522
32643
  textarea.ant-input::-webkit-scrollbar-thumb {
32523
- background-color: #6e6e6e;
32644
+ background-color: transparent;
32524
32645
  outline: 1px solid #333;
32525
32646
  }
32526
32647
  html {