@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/compact.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;
@@ -23814,6 +23890,9 @@ nz-tabs-nav {
23814
23890
  background: #fff0f6;
23815
23891
  border-color: #ffadd2;
23816
23892
  }
23893
+ .ant-tag-borderless {
23894
+ border-color: transparent;
23895
+ }
23817
23896
  .ant-tag-pink-inverse {
23818
23897
  color: #fff;
23819
23898
  background: #eb2f96;
@@ -23824,6 +23903,9 @@ nz-tabs-nav {
23824
23903
  background: #fff0f6;
23825
23904
  border-color: #ffadd2;
23826
23905
  }
23906
+ .ant-tag-borderless {
23907
+ border-color: transparent;
23908
+ }
23827
23909
  .ant-tag-magenta-inverse {
23828
23910
  color: #fff;
23829
23911
  background: #eb2f96;
@@ -23834,6 +23916,9 @@ nz-tabs-nav {
23834
23916
  background: #fff1f0;
23835
23917
  border-color: #ffa39e;
23836
23918
  }
23919
+ .ant-tag-borderless {
23920
+ border-color: transparent;
23921
+ }
23837
23922
  .ant-tag-red-inverse {
23838
23923
  color: #fff;
23839
23924
  background: #f5222d;
@@ -23844,6 +23929,9 @@ nz-tabs-nav {
23844
23929
  background: #fff2e8;
23845
23930
  border-color: #ffbb96;
23846
23931
  }
23932
+ .ant-tag-borderless {
23933
+ border-color: transparent;
23934
+ }
23847
23935
  .ant-tag-volcano-inverse {
23848
23936
  color: #fff;
23849
23937
  background: #fa541c;
@@ -23854,6 +23942,9 @@ nz-tabs-nav {
23854
23942
  background: #fff7e6;
23855
23943
  border-color: #ffd591;
23856
23944
  }
23945
+ .ant-tag-borderless {
23946
+ border-color: transparent;
23947
+ }
23857
23948
  .ant-tag-orange-inverse {
23858
23949
  color: #fff;
23859
23950
  background: #fa8c16;
@@ -23864,6 +23955,9 @@ nz-tabs-nav {
23864
23955
  background: #feffe6;
23865
23956
  border-color: #fffb8f;
23866
23957
  }
23958
+ .ant-tag-borderless {
23959
+ border-color: transparent;
23960
+ }
23867
23961
  .ant-tag-yellow-inverse {
23868
23962
  color: #fff;
23869
23963
  background: #fadb14;
@@ -23874,6 +23968,9 @@ nz-tabs-nav {
23874
23968
  background: #fffbe6;
23875
23969
  border-color: #ffe58f;
23876
23970
  }
23971
+ .ant-tag-borderless {
23972
+ border-color: transparent;
23973
+ }
23877
23974
  .ant-tag-gold-inverse {
23878
23975
  color: #fff;
23879
23976
  background: #faad14;
@@ -23884,6 +23981,9 @@ nz-tabs-nav {
23884
23981
  background: #e6fffb;
23885
23982
  border-color: #87e8de;
23886
23983
  }
23984
+ .ant-tag-borderless {
23985
+ border-color: transparent;
23986
+ }
23887
23987
  .ant-tag-cyan-inverse {
23888
23988
  color: #fff;
23889
23989
  background: #13c2c2;
@@ -23894,6 +23994,9 @@ nz-tabs-nav {
23894
23994
  background: #fcffe6;
23895
23995
  border-color: #eaff8f;
23896
23996
  }
23997
+ .ant-tag-borderless {
23998
+ border-color: transparent;
23999
+ }
23897
24000
  .ant-tag-lime-inverse {
23898
24001
  color: #fff;
23899
24002
  background: #a0d911;
@@ -23904,6 +24007,9 @@ nz-tabs-nav {
23904
24007
  background: #f6ffed;
23905
24008
  border-color: #b7eb8f;
23906
24009
  }
24010
+ .ant-tag-borderless {
24011
+ border-color: transparent;
24012
+ }
23907
24013
  .ant-tag-green-inverse {
23908
24014
  color: #fff;
23909
24015
  background: #52c41a;
@@ -23914,6 +24020,9 @@ nz-tabs-nav {
23914
24020
  background: #e6f7ff;
23915
24021
  border-color: #91d5ff;
23916
24022
  }
24023
+ .ant-tag-borderless {
24024
+ border-color: transparent;
24025
+ }
23917
24026
  .ant-tag-blue-inverse {
23918
24027
  color: #fff;
23919
24028
  background: #1890ff;
@@ -23924,6 +24033,9 @@ nz-tabs-nav {
23924
24033
  background: #f0f5ff;
23925
24034
  border-color: #adc6ff;
23926
24035
  }
24036
+ .ant-tag-borderless {
24037
+ border-color: transparent;
24038
+ }
23927
24039
  .ant-tag-geekblue-inverse {
23928
24040
  color: #fff;
23929
24041
  background: #2f54eb;
@@ -23934,6 +24046,9 @@ nz-tabs-nav {
23934
24046
  background: #f9f0ff;
23935
24047
  border-color: #d3adf7;
23936
24048
  }
24049
+ .ant-tag-borderless {
24050
+ border-color: transparent;
24051
+ }
23937
24052
  .ant-tag-purple-inverse {
23938
24053
  color: #fff;
23939
24054
  background: #722ed1;
@@ -24277,7 +24392,7 @@ nz-tabs-nav {
24277
24392
  pointer-events: none;
24278
24393
  }
24279
24394
  .ant-tooltip-arrow-content {
24280
- --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
24395
+ --antd-arrow-background-color: var(--color, linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)));
24281
24396
  position: absolute;
24282
24397
  top: 0;
24283
24398
  right: 0;
@@ -27790,6 +27905,7 @@ nz-space-item {
27790
27905
  color: rgba(0, 0, 0, 0.85);
27791
27906
  }
27792
27907
  .ant-water-mark {
27908
+ display: block;
27793
27909
  position: relative;
27794
27910
  }
27795
27911
  .ant-color-picker {
@@ -27844,7 +27960,7 @@ nz-space-item {
27844
27960
  }
27845
27961
  .ant-color-picker-slider {
27846
27962
  width: 100%;
27847
- margin-bottom: 8px;
27963
+ border-radius: 2px;
27848
27964
  }
27849
27965
  .ant-color-picker-slider .ant-color-picker-palette {
27850
27966
  height: 8px;
@@ -27852,6 +27968,9 @@ nz-space-item {
27852
27968
  .ant-color-picker-slider .ant-color-picker-gradient {
27853
27969
  border-radius: 2px;
27854
27970
  }
27971
+ .ant-color-picker-slider-hue {
27972
+ margin-bottom: 8px;
27973
+ }
27855
27974
  .ant-color-picker-slider-alpha {
27856
27975
  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);
27857
27976
  background-size: 8px 8px;
@@ -27890,7 +28009,6 @@ nz-space-item {
27890
28009
  position: relative;
27891
28010
  width: 28px;
27892
28011
  height: 28px;
27893
- margin-left: 4px;
27894
28012
  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);
27895
28013
  background-size: 50% 50%;
27896
28014
  overflow: hidden;
@@ -27904,6 +28022,8 @@ nz-space-item {
27904
28022
  }
27905
28023
  .ant-color-picker-slider-container {
27906
28024
  display: flex;
28025
+ gap: 8px;
28026
+ margin-bottom: 8px;
27907
28027
  }
27908
28028
  .ant-color-picker-slider-container .ant-color-picker-slider-group {
27909
28029
  flex: 1;
@@ -27988,10 +28108,11 @@ nz-space-item {
27988
28108
  align-items: center;
27989
28109
  }
27990
28110
  .ant-color-picker-input-container .ant-color-picker-steppers {
27991
- flex: 0 0 44px;
28111
+ flex: 1;
27992
28112
  }
27993
28113
  .ant-color-picker-input-container .ant-color-picker-alpha-input {
27994
28114
  flex: 0 0 44px;
28115
+ margin-left: 0px;
27995
28116
  }
27996
28117
  .ant-color-picker-disabled {
27997
28118
  color: rgba(0, 0, 0, 0.25);
@@ -31927,7 +32048,7 @@ body,
31927
32048
  .ant-drawer-wrapper-body,
31928
32049
  .ant-anchor-wrapper,
31929
32050
  textarea.ant-input {
31930
- scrollbar-color: rgba(0, 0, 0, 0.3) #6e6e6e;
32051
+ scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
31931
32052
  scrollbar-width: thin;
31932
32053
  }
31933
32054
  body::-webkit-scrollbar,
@@ -31956,7 +32077,7 @@ body::-webkit-scrollbar-thumb,
31956
32077
  .ant-drawer-wrapper-body::-webkit-scrollbar-thumb,
31957
32078
  .ant-anchor-wrapper::-webkit-scrollbar-thumb,
31958
32079
  textarea.ant-input::-webkit-scrollbar-thumb {
31959
- background-color: #6e6e6e;
32080
+ background-color: transparent;
31960
32081
  outline: 1px solid #333;
31961
32082
  }
31962
32083
  html {