@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/default.css CHANGED
@@ -13044,6 +13044,78 @@ nz-empty {
13044
13044
  .ant-row-rtl {
13045
13045
  direction: rtl;
13046
13046
  }
13047
+ .ant-flex {
13048
+ display: flex;
13049
+ }
13050
+ .ant-flex-vertical {
13051
+ flex-direction: column;
13052
+ }
13053
+ .ant-flex-justify-flex-start {
13054
+ justify-content: flex-start;
13055
+ }
13056
+ .ant-flex-justify-center {
13057
+ justify-content: center;
13058
+ }
13059
+ .ant-flex-justify-flex-end {
13060
+ justify-content: flex-end;
13061
+ }
13062
+ .ant-flex-justify-space-between {
13063
+ justify-content: space-between;
13064
+ }
13065
+ .ant-flex-justify-space-around {
13066
+ justify-content: space-around;
13067
+ }
13068
+ .ant-flex-justify-space-evenly {
13069
+ justify-content: space-evenly;
13070
+ }
13071
+ .ant-flex-justify-start {
13072
+ justify-content: start;
13073
+ }
13074
+ .ant-flex-justify-end {
13075
+ justify-content: end;
13076
+ }
13077
+ .ant-flex-justify-right {
13078
+ justify-content: right;
13079
+ }
13080
+ .ant-flex-justify-left {
13081
+ justify-content: left;
13082
+ }
13083
+ .ant-flex-justify-stretch {
13084
+ justify-content: stretch;
13085
+ }
13086
+ .ant-flex-justify-normal {
13087
+ justify-content: normal;
13088
+ }
13089
+ .ant-flex-align-flex-start {
13090
+ align-items: flex-start;
13091
+ }
13092
+ .ant-flex-align-center {
13093
+ align-items: center;
13094
+ }
13095
+ .ant-flex-align-flex-end {
13096
+ align-items: flex-end;
13097
+ }
13098
+ .ant-flex-align-start {
13099
+ align-items: start;
13100
+ }
13101
+ .ant-flex-align-end {
13102
+ align-items: end;
13103
+ }
13104
+ .ant-flex-align-stretch {
13105
+ align-items: stretch;
13106
+ }
13107
+ .ant-flex-align-normal {
13108
+ align-items: normal;
13109
+ }
13110
+ .ant-flex-wrap-wrap {
13111
+ flex-wrap: wrap;
13112
+ }
13113
+ .ant-flex-wrap-nowrap {
13114
+ flex-wrap: nowrap;
13115
+ }
13116
+ .ant-flex-wrap-wrap-reverse {
13117
+ flex-wrap: wrap-reverse;
13118
+ }
13047
13119
  .ant-input-affix-wrapper {
13048
13120
  position: relative;
13049
13121
  display: inline-block;
@@ -23664,6 +23736,10 @@ cdk-virtual-scroll-viewport.ant-table-body {
23664
23736
  .ant-tabs-dropdown-menu-item a[nz-tab-link] {
23665
23737
  position: relative;
23666
23738
  }
23739
+ .ant-tabs-tab-btn {
23740
+ border: none;
23741
+ background-color: unset;
23742
+ }
23667
23743
  .ant-tabs-tab a[nz-tab-link]::before {
23668
23744
  position: absolute;
23669
23745
  top: 0;
@@ -23815,6 +23891,9 @@ nz-tabs-nav {
23815
23891
  background: #fff0f6;
23816
23892
  border-color: #ffadd2;
23817
23893
  }
23894
+ .ant-tag-borderless {
23895
+ border-color: transparent;
23896
+ }
23818
23897
  .ant-tag-pink-inverse {
23819
23898
  color: #fff;
23820
23899
  background: #eb2f96;
@@ -23825,6 +23904,9 @@ nz-tabs-nav {
23825
23904
  background: #fff0f6;
23826
23905
  border-color: #ffadd2;
23827
23906
  }
23907
+ .ant-tag-borderless {
23908
+ border-color: transparent;
23909
+ }
23828
23910
  .ant-tag-magenta-inverse {
23829
23911
  color: #fff;
23830
23912
  background: #eb2f96;
@@ -23835,6 +23917,9 @@ nz-tabs-nav {
23835
23917
  background: #fff1f0;
23836
23918
  border-color: #ffa39e;
23837
23919
  }
23920
+ .ant-tag-borderless {
23921
+ border-color: transparent;
23922
+ }
23838
23923
  .ant-tag-red-inverse {
23839
23924
  color: #fff;
23840
23925
  background: #f5222d;
@@ -23845,6 +23930,9 @@ nz-tabs-nav {
23845
23930
  background: #fff2e8;
23846
23931
  border-color: #ffbb96;
23847
23932
  }
23933
+ .ant-tag-borderless {
23934
+ border-color: transparent;
23935
+ }
23848
23936
  .ant-tag-volcano-inverse {
23849
23937
  color: #fff;
23850
23938
  background: #fa541c;
@@ -23855,6 +23943,9 @@ nz-tabs-nav {
23855
23943
  background: #fff7e6;
23856
23944
  border-color: #ffd591;
23857
23945
  }
23946
+ .ant-tag-borderless {
23947
+ border-color: transparent;
23948
+ }
23858
23949
  .ant-tag-orange-inverse {
23859
23950
  color: #fff;
23860
23951
  background: #fa8c16;
@@ -23865,6 +23956,9 @@ nz-tabs-nav {
23865
23956
  background: #feffe6;
23866
23957
  border-color: #fffb8f;
23867
23958
  }
23959
+ .ant-tag-borderless {
23960
+ border-color: transparent;
23961
+ }
23868
23962
  .ant-tag-yellow-inverse {
23869
23963
  color: #fff;
23870
23964
  background: #fadb14;
@@ -23875,6 +23969,9 @@ nz-tabs-nav {
23875
23969
  background: #fffbe6;
23876
23970
  border-color: #ffe58f;
23877
23971
  }
23972
+ .ant-tag-borderless {
23973
+ border-color: transparent;
23974
+ }
23878
23975
  .ant-tag-gold-inverse {
23879
23976
  color: #fff;
23880
23977
  background: #faad14;
@@ -23885,6 +23982,9 @@ nz-tabs-nav {
23885
23982
  background: #e6fffb;
23886
23983
  border-color: #87e8de;
23887
23984
  }
23985
+ .ant-tag-borderless {
23986
+ border-color: transparent;
23987
+ }
23888
23988
  .ant-tag-cyan-inverse {
23889
23989
  color: #fff;
23890
23990
  background: #13c2c2;
@@ -23895,6 +23995,9 @@ nz-tabs-nav {
23895
23995
  background: #fcffe6;
23896
23996
  border-color: #eaff8f;
23897
23997
  }
23998
+ .ant-tag-borderless {
23999
+ border-color: transparent;
24000
+ }
23898
24001
  .ant-tag-lime-inverse {
23899
24002
  color: #fff;
23900
24003
  background: #a0d911;
@@ -23905,6 +24008,9 @@ nz-tabs-nav {
23905
24008
  background: #f6ffed;
23906
24009
  border-color: #b7eb8f;
23907
24010
  }
24011
+ .ant-tag-borderless {
24012
+ border-color: transparent;
24013
+ }
23908
24014
  .ant-tag-green-inverse {
23909
24015
  color: #fff;
23910
24016
  background: #52c41a;
@@ -23915,6 +24021,9 @@ nz-tabs-nav {
23915
24021
  background: #e6f7ff;
23916
24022
  border-color: #91d5ff;
23917
24023
  }
24024
+ .ant-tag-borderless {
24025
+ border-color: transparent;
24026
+ }
23918
24027
  .ant-tag-blue-inverse {
23919
24028
  color: #fff;
23920
24029
  background: #1890ff;
@@ -23925,6 +24034,9 @@ nz-tabs-nav {
23925
24034
  background: #f0f5ff;
23926
24035
  border-color: #adc6ff;
23927
24036
  }
24037
+ .ant-tag-borderless {
24038
+ border-color: transparent;
24039
+ }
23928
24040
  .ant-tag-geekblue-inverse {
23929
24041
  color: #fff;
23930
24042
  background: #2f54eb;
@@ -23935,6 +24047,9 @@ nz-tabs-nav {
23935
24047
  background: #f9f0ff;
23936
24048
  border-color: #d3adf7;
23937
24049
  }
24050
+ .ant-tag-borderless {
24051
+ border-color: transparent;
24052
+ }
23938
24053
  .ant-tag-purple-inverse {
23939
24054
  color: #fff;
23940
24055
  background: #722ed1;
@@ -24278,7 +24393,7 @@ nz-tabs-nav {
24278
24393
  pointer-events: none;
24279
24394
  }
24280
24395
  .ant-tooltip-arrow-content {
24281
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
24396
+ --antd-arrow-background-color: var(--color, linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)));
24282
24397
  position: absolute;
24283
24398
  top: 0;
24284
24399
  right: 0;
@@ -27791,6 +27906,7 @@ nz-space-item {
27791
27906
  color: rgba(0, 0, 0, 0.85);
27792
27907
  }
27793
27908
  .ant-water-mark {
27909
+ display: block;
27794
27910
  position: relative;
27795
27911
  }
27796
27912
  .ant-color-picker {
@@ -27845,7 +27961,7 @@ nz-space-item {
27845
27961
  }
27846
27962
  .ant-color-picker-slider {
27847
27963
  width: 100%;
27848
- margin-bottom: 12px;
27964
+ border-radius: 2px;
27849
27965
  }
27850
27966
  .ant-color-picker-slider .ant-color-picker-palette {
27851
27967
  height: 8px;
@@ -27853,6 +27969,9 @@ nz-space-item {
27853
27969
  .ant-color-picker-slider .ant-color-picker-gradient {
27854
27970
  border-radius: 2px;
27855
27971
  }
27972
+ .ant-color-picker-slider-hue {
27973
+ margin-bottom: 12px;
27974
+ }
27856
27975
  .ant-color-picker-slider-alpha {
27857
27976
  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);
27858
27977
  background-size: 8px 8px;
@@ -27891,7 +28010,6 @@ nz-space-item {
27891
28010
  position: relative;
27892
28011
  width: 28px;
27893
28012
  height: 28px;
27894
- margin-left: 8px;
27895
28013
  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);
27896
28014
  background-size: 50% 50%;
27897
28015
  overflow: hidden;
@@ -27905,6 +28023,8 @@ nz-space-item {
27905
28023
  }
27906
28024
  .ant-color-picker-slider-container {
27907
28025
  display: flex;
28026
+ gap: 12px;
28027
+ margin-bottom: 12px;
27908
28028
  }
27909
28029
  .ant-color-picker-slider-container .ant-color-picker-slider-group {
27910
28030
  flex: 1;
@@ -27989,10 +28109,11 @@ nz-space-item {
27989
28109
  align-items: center;
27990
28110
  }
27991
28111
  .ant-color-picker-input-container .ant-color-picker-steppers {
27992
- flex: 0 0 44px;
28112
+ flex: 1;
27993
28113
  }
27994
28114
  .ant-color-picker-input-container .ant-color-picker-alpha-input {
27995
28115
  flex: 0 0 44px;
28116
+ margin-left: 4px;
27996
28117
  }
27997
28118
  .ant-color-picker-disabled {
27998
28119
  color: rgba(0, 0, 0, 0.25);
@@ -31928,7 +32049,7 @@ body,
31928
32049
  .ant-drawer-wrapper-body,
31929
32050
  .ant-anchor-wrapper,
31930
32051
  textarea.ant-input {
31931
- scrollbar-color: rgba(0, 0, 0, 0.3) #6e6e6e;
32052
+ scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
31932
32053
  scrollbar-width: thin;
31933
32054
  }
31934
32055
  body::-webkit-scrollbar,
@@ -31957,7 +32078,7 @@ body::-webkit-scrollbar-thumb,
31957
32078
  .ant-drawer-wrapper-body::-webkit-scrollbar-thumb,
31958
32079
  .ant-anchor-wrapper::-webkit-scrollbar-thumb,
31959
32080
  textarea.ant-input::-webkit-scrollbar-thumb {
31960
- background-color: #6e6e6e;
32081
+ background-color: transparent;
31961
32082
  outline: 1px solid #333;
31962
32083
  }
31963
32084
  html {