@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.
- package/compact.css +127 -6
- package/compact.min.css +1 -1
- package/dark.css +127 -6
- package/dark.min.css +1 -1
- package/default.css +127 -6
- package/default.min.css +1 -1
- package/esm2022/layout-default/layout-header-item-trigger.directive.mjs +3 -3
- package/esm2022/layout-default/layout-header-item.component.mjs +3 -3
- package/esm2022/layout-default/layout-header.component.mjs +21 -21
- package/esm2022/layout-default/layout-nav.component.mjs +50 -64
- package/esm2022/layout-default/layout-top-menu-item.mjs +9 -15
- package/esm2022/layout-default/layout.component.mjs +10 -16
- package/esm2022/layout-default/layout.module.mjs +4 -4
- package/esm2022/layout-default/layout.service.mjs +12 -12
- package/esm2022/setting-drawer/setting-drawer-item.component.mjs +5 -5
- package/esm2022/setting-drawer/setting-drawer.component.mjs +37 -45
- package/esm2022/setting-drawer/setting-drawer.module.mjs +4 -4
- package/esm2022/src/locale/languages/vi-VI.mjs +83 -0
- package/esm2022/src/locale/locale.module.mjs +4 -4
- package/esm2022/src/locale/locale.service.mjs +4 -4
- package/esm2022/src/locale/locale.tokens.mjs +1 -1
- package/esm2022/src/locale/public_api.mjs +2 -1
- package/esm2022/src/pipes/date/date.pipe.mjs +3 -3
- package/esm2022/src/pipes/keys/keys.pipe.mjs +3 -3
- package/esm2022/src/pipes/safe/html.pipe.mjs +9 -9
- package/esm2022/src/pipes/safe/url.pipe.mjs +9 -9
- package/esm2022/src/pipes/yn/yn.pipe.mjs +9 -9
- package/esm2022/src/provide.mjs +1 -1
- package/esm2022/src/services/drawer/drawer.helper.mjs +12 -16
- package/esm2022/src/services/http/http.client.mjs +10 -11
- package/esm2022/src/services/http/http.decorator.mjs +8 -11
- package/esm2022/src/services/i18n/i18n-url.guard.mjs +11 -16
- package/esm2022/src/services/i18n/i18n.mjs +7 -7
- package/esm2022/src/services/i18n/i18n.pipe.mjs +3 -3
- package/esm2022/src/services/menu/menu.service.mjs +12 -19
- package/esm2022/src/services/modal/modal.helper.mjs +13 -16
- package/esm2022/src/services/preloader/preloader.mjs +1 -1
- package/esm2022/src/services/responsive/responsive.mjs +4 -4
- package/esm2022/src/services/rtl/rtl.service.mjs +19 -22
- package/esm2022/src/services/settings/settings.service.mjs +10 -13
- package/esm2022/src/services/title/title.service.mjs +16 -24
- package/esm2022/src/theme.module.mjs +4 -4
- package/esm2022/src/version.mjs +1 -1
- package/esm2022/theme-btn/theme-btn.component.mjs +24 -37
- package/esm2022/theme-btn/theme-btn.module.mjs +4 -4
- package/fesm2022/layout-default.mjs +101 -121
- package/fesm2022/layout-default.mjs.map +1 -1
- package/fesm2022/setting-drawer.mjs +42 -50
- package/fesm2022/setting-drawer.mjs.map +1 -1
- package/fesm2022/theme-btn.mjs +27 -40
- package/fesm2022/theme-btn.mjs.map +1 -1
- package/fesm2022/theme.mjs +222 -179
- package/fesm2022/theme.mjs.map +1 -1
- package/layout-default/layout-header.component.d.ts +6 -8
- package/layout-default/layout-nav.component.d.ts +24 -26
- package/layout-default/layout-top-menu-item.d.ts +2 -3
- package/layout-default/layout.component.d.ts +2 -3
- package/layout-default/layout.service.d.ts +1 -3
- package/package.json +4 -4
- package/setting-drawer/setting-drawer.component.d.ts +15 -16
- package/src/locale/languages/vi-VI.d.ts +3 -0
- package/src/locale/locale.tokens.d.ts +2 -1
- package/src/locale/public_api.d.ts +1 -0
- package/src/pipes/safe/html.pipe.d.ts +2 -3
- package/src/pipes/safe/url.pipe.d.ts +2 -3
- package/src/pipes/yn/yn.pipe.d.ts +2 -3
- package/src/services/drawer/drawer.helper.d.ts +4 -5
- package/src/services/http/http.client.d.ts +3 -3
- package/src/services/http/http.decorator.d.ts +1 -2
- package/src/services/i18n/i18n-url.guard.d.ts +3 -6
- package/src/services/menu/menu.service.d.ts +5 -7
- package/src/services/modal/modal.helper.d.ts +4 -6
- package/src/services/rtl/rtl.service.d.ts +8 -13
- package/src/services/settings/settings.service.d.ts +2 -4
- package/src/services/title/title.service.d.ts +8 -12
- package/system/theme-default.less +1 -1
- package/system/utils/_scrollbar.less +6 -4
- 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
|
-
|
|
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:
|
|
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)
|
|
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:
|
|
32080
|
+
background-color: transparent;
|
|
31960
32081
|
outline: 1px solid #333;
|
|
31961
32082
|
}
|
|
31962
32083
|
html {
|