raise-common-lib-new 0.0.15 → 0.0.21
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/assets/language/fr.d.ts +3377 -0
- package/assets/language/ja.d.ts +3351 -0
- package/assets/language/ko.d.ts +3351 -0
- package/assets/language/zh-CN.d.ts +3064 -0
- package/assets/language/zh-TW.d.ts +3354 -0
- package/esm2022/assets/language/fr.mjs +3378 -0
- package/esm2022/assets/language/ja.mjs +3352 -0
- package/esm2022/assets/language/ko.mjs +3352 -0
- package/esm2022/assets/language/zh-CN.mjs +3065 -0
- package/esm2022/assets/language/zh-TW.mjs +3355 -0
- package/esm2022/lib/commentary/constants.mjs +2 -0
- package/esm2022/lib/commentary/index.component.mjs +146 -0
- package/esm2022/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.mjs +44 -0
- package/esm2022/lib/common-grid/grid-action/grid-action.component.mjs +18 -0
- package/esm2022/lib/common-grid/index.component.mjs +52 -30
- package/esm2022/lib/dialog/common-delete-dialog/index.component.mjs +2 -2
- package/esm2022/lib/dialog/common-dialog/index.component.mjs +4 -4
- package/esm2022/lib/form/checkbox-group/index.component.mjs +2 -2
- package/esm2022/lib/form/drawer-form/constants.mjs +10 -0
- package/esm2022/lib/form/drawer-form/drawer-form.component.mjs +336 -0
- package/esm2022/lib/form/encrypted-input/index.component.mjs +35 -0
- package/esm2022/lib/form/radio-group/index.component.mjs +2 -2
- package/esm2022/lib/form/switch-input/index.component.mjs +2 -2
- package/esm2022/lib/form/tag-input/index.component.mjs +31 -11
- package/esm2022/lib/form/toolbar-item/index.component.mjs +56 -0
- package/esm2022/lib/layout/drawer/index.component.mjs +165 -0
- package/esm2022/lib/layout/grid-box/index.component.mjs +67 -0
- package/esm2022/lib/layout/main-container/index.component.mjs +50 -8
- package/esm2022/lib/layout/multi-tab/index.component.mjs +267 -0
- package/esm2022/lib/layout/nav-card-group/constants.mjs +2 -0
- package/esm2022/lib/layout/nav-card-group/index.component.mjs +37 -0
- package/esm2022/lib/layout/page-list/index.component.mjs +73 -0
- package/esm2022/lib/layout/page-tab/index.component.mjs +56 -0
- package/esm2022/lib/layout/rs-aside/index.component.mjs +55 -10
- package/esm2022/lib/layout/rs-footer/index.component.mjs +2 -2
- package/esm2022/lib/layout/rs-header/index.component.mjs +38 -29
- package/esm2022/lib/layout/toolbar/constants.mjs +2 -0
- package/esm2022/lib/layout/toolbar/index.component.mjs +79 -0
- package/esm2022/lib/raise-common-lib.module.mjs +116 -17
- package/esm2022/lib/service/common-function.service.mjs +125 -1
- package/esm2022/lib/service/dialog.service.mjs +5 -5
- package/esm2022/lib/service/drawer.service.mjs +111 -0
- package/esm2022/lib/service/icon-loader.service.mjs +12 -9
- package/esm2022/lib/service/keep-alive.service.mjs +83 -0
- package/esm2022/lib/service/translation.service.mjs +98 -0
- package/esm2022/lib/utils/decorator.mjs +14 -0
- package/esm2022/public-api.mjs +35 -16
- package/fesm2022/raise-common-lib-new.mjs +18952 -538
- package/fesm2022/raise-common-lib-new.mjs.map +1 -1
- package/lib/commentary/constants.d.ts +15 -0
- package/lib/commentary/index.component.d.ts +38 -0
- package/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.d.ts +10 -0
- package/lib/common-grid/grid-action/grid-action.component.d.ts +14 -0
- package/lib/common-grid/index.component.d.ts +8 -5
- package/lib/float-box/index.component.d.ts +2 -2
- package/lib/form/drawer-form/constants.d.ts +34 -0
- package/lib/form/drawer-form/drawer-form.component.d.ts +67 -0
- package/lib/form/encrypted-input/index.component.d.ts +14 -0
- package/lib/form/tag-input/index.component.d.ts +9 -3
- package/lib/form/toolbar-item/index.component.d.ts +17 -0
- package/lib/layout/drawer/index.component.d.ts +45 -0
- package/lib/layout/grid-box/index.component.d.ts +19 -0
- package/lib/layout/main-container/index.component.d.ts +11 -1
- package/lib/layout/multi-tab/index.component.d.ts +53 -0
- package/lib/layout/nav-card-group/constants.d.ts +14 -0
- package/lib/layout/nav-card-group/index.component.d.ts +16 -0
- package/lib/layout/page-list/index.component.d.ts +21 -0
- package/lib/layout/page-tab/index.component.d.ts +18 -0
- package/lib/layout/rs-aside/index.component.d.ts +8 -3
- package/lib/layout/rs-header/index.component.d.ts +12 -12
- package/lib/layout/toolbar/constants.d.ts +8 -0
- package/lib/layout/toolbar/index.component.d.ts +22 -0
- package/lib/raise-common-lib.module.d.ts +48 -34
- package/lib/service/common-function.service.d.ts +11 -0
- package/lib/service/drawer.service.d.ts +46 -0
- package/lib/service/icon-loader.service.d.ts +5 -3
- package/lib/service/keep-alive.service.d.ts +15 -0
- package/lib/service/translation.service.d.ts +12 -0
- package/lib/utils/decorator.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +34 -15
- package/src/assets/img/close-url.svg +10 -0
- package/src/assets/img/comment-cancel.svg +4 -0
- package/src/assets/img/comment-check.svg +5 -0
- package/src/assets/img/desktop-refresh-btn.svg +6 -0
- package/src/assets/img/down-arrow.svg +3 -0
- package/src/assets/img/drawer-back.svg +4 -0
- package/src/assets/img/eye-close.svg +4 -0
- package/src/assets/img/eye-open.svg +4 -0
- package/src/assets/img/grid-action-copy.svg +6 -0
- package/src/assets/img/grid-action-delete.svg +14 -0
- package/src/assets/img/grid-action-detail.svg +7 -0
- package/src/assets/img/grid-action-download.svg +7 -0
- package/src/assets/img/grid-action-edit.svg +4 -0
- package/src/assets/img/grid-action-export.svg +12 -0
- package/src/assets/img/grid-action-move.svg +8 -0
- package/src/assets/img/grid-action-note.svg +10 -0
- package/src/assets/img/grid-action-send.svg +5 -0
- package/src/assets/img/grid-action-settle.svg +13 -0
- package/src/assets/img/grid-menu-arrow-right.svg +3 -0
- package/src/assets/img/grid-pager-arrow-left.svg +3 -0
- package/src/assets/img/grid-pager-arrows-left.svg +4 -0
- package/src/assets/img/icon-more-active.svg +7 -0
- package/src/assets/img/icon-more.svg +7 -0
- package/src/assets/img/more.svg +5 -0
- package/src/assets/img/split-button-arrow.svg +3 -0
- package/src/assets/img/table-column-menu.svg +5 -0
- package/src/assets/img/table-sort-arrow.svg +6 -0
- package/src/assets/img/toolbar-action-add.svg +4 -0
- package/src/assets/img/toolbar-action-delete.svg +14 -0
- package/src/assets/img/toolbar-action-download.svg +5 -0
- package/src/assets/img/toolbar-action-duplicate.svg +6 -0
- package/src/assets/img/toolbar-action-export.svg +5 -0
- package/src/assets/img/toolbar-action-import.svg +5 -0
- package/src/assets/img/toolbar-action-refresh.svg +14 -0
- package/src/assets/img/toolbar-action-upload.svg +5 -0
- package/src/assets/img/tooltip-icon.svg +4 -0
- package/src/assets/language/fr.ts +3603 -0
- package/src/assets/language/ja.ts +3501 -0
- package/src/assets/language/ko.ts +3478 -0
- package/src/assets/language/zh-CN.ts +3115 -0
- package/src/assets/language/zh-TW.ts +3411 -0
- package/src/assets/style/reset/button.scss +78 -10
- package/src/assets/style/reset/checkbox.scss +33 -0
- package/src/assets/style/reset/dropdown.scss +42 -10
- package/src/assets/style/reset/grid.scss +733 -132
- package/src/assets/style/reset/input.scss +45 -12
- package/src/assets/style/reset/mat-dialog.scss +6 -2
- package/src/assets/style/reset/radio.scss +37 -0
- package/src/assets/style/reset/switch.scss +32 -0
- package/src/assets/style/style.scss +6 -0
- package/src/assets/style/syncfusion.min.css +1 -1
- package/src/assets/style/variables.scss +4 -4
- package/esm2022/lib/layout/common-list/index.component.mjs +0 -43
- package/lib/layout/common-list/index.component.d.ts +0 -15
|
@@ -3,14 +3,13 @@ textarea.e-input,
|
|
|
3
3
|
.e-textbox.e-input {
|
|
4
4
|
font-size: var(--rs-input-font-size) !important;
|
|
5
5
|
color: var(--rs-input-color) !important;
|
|
6
|
-
box-shadow: none !important;
|
|
7
6
|
border-radius: var(--rs-input-border-radius);
|
|
8
7
|
border-color: var(--rs-input-border-color) !important;
|
|
9
8
|
&:not(.error):not([disabled]):not([readonly]):hover {
|
|
10
|
-
box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4)
|
|
9
|
+
box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
|
|
11
10
|
border-color: var(--rs-input-hover-border-color) !important;
|
|
12
11
|
}
|
|
13
|
-
&:not(
|
|
12
|
+
&:not([disabled]):not([readonly]):focus {
|
|
14
13
|
border-color: var(--rs-input-focus-border-color) !important;
|
|
15
14
|
box-shadow: none !important;
|
|
16
15
|
}
|
|
@@ -18,39 +17,51 @@ textarea.e-input,
|
|
|
18
17
|
&[readonly] {
|
|
19
18
|
border-color: var(--rs-input-border-color) !important;
|
|
20
19
|
font-size: var(--rs-input-font-size);
|
|
21
|
-
color: var(--rs-input-disabled-color) !important;
|
|
22
20
|
background-color: var(--rs-input-disabled-bg) !important;
|
|
23
|
-
-webkit-text-fill-color: var(--rs-input-disabled-color) !important;
|
|
24
21
|
}
|
|
25
|
-
&.error {
|
|
22
|
+
&.error:not(:focus) {
|
|
26
23
|
border-color: var(--rs-input-error-border-color) !important;
|
|
27
24
|
}
|
|
28
25
|
}
|
|
29
26
|
|
|
27
|
+
textarea.e-input:focus {
|
|
28
|
+
padding: 4px 8px;
|
|
29
|
+
}
|
|
30
|
+
|
|
30
31
|
input.e-input {
|
|
32
|
+
padding: 0 8px !important;
|
|
31
33
|
height: var(--rs-input-line-height) !important;
|
|
32
|
-
line-height: calc(var(--rs-input-line-height) - 2px) !important;
|
|
33
34
|
}
|
|
34
35
|
.e-textbox {
|
|
35
36
|
.e-input-group {
|
|
36
37
|
box-shadow: none !important;
|
|
37
38
|
border-color: var(--rs-input-border-color) !important;
|
|
38
39
|
&.e-input-focus,
|
|
39
|
-
&:hover {
|
|
40
|
-
box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4)
|
|
40
|
+
&:not(.e-disabled):hover {
|
|
41
|
+
box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
|
|
41
42
|
border-color: var(--rs-input-hover-border-color) !important;
|
|
42
43
|
input.e-input {
|
|
43
44
|
box-shadow: none !important;
|
|
44
45
|
}
|
|
45
46
|
}
|
|
46
|
-
&.error {
|
|
47
|
-
border-color: var(--rs-input-error-border-color) !important;
|
|
48
|
-
}
|
|
49
47
|
input.e-input {
|
|
50
48
|
height: calc(var(--rs-input-line-height) - 2px) !important;
|
|
51
49
|
line-height: calc(var(--rs-input-line-height) - 4px) !important;
|
|
52
50
|
}
|
|
53
51
|
}
|
|
52
|
+
&.error {
|
|
53
|
+
.e-input-group {
|
|
54
|
+
border-color: var(--rs-input-error-border-color) !important;
|
|
55
|
+
&:hover {
|
|
56
|
+
border-color: var(--rs-input-error-border-color) !important;
|
|
57
|
+
box-shadow: none !important;
|
|
58
|
+
}
|
|
59
|
+
&.e-input-focus {
|
|
60
|
+
border-color: var(--rs-input-focus-border-color) !important;
|
|
61
|
+
box-shadow: none !important;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
54
65
|
}
|
|
55
66
|
.e-numeric.e-input-group {
|
|
56
67
|
border: 0 !important;
|
|
@@ -62,3 +73,25 @@ input.e-input {
|
|
|
62
73
|
display: none;
|
|
63
74
|
}
|
|
64
75
|
}
|
|
76
|
+
.e-input-group {
|
|
77
|
+
input.e-input:hover {
|
|
78
|
+
box-shadow: none !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
ejs-numerictextbox.e-lib.error {
|
|
83
|
+
.e-numeric.e-input-group {
|
|
84
|
+
input.e-input:not(:focus) {
|
|
85
|
+
border-color: var(--rs-input-error-border-color) !important;
|
|
86
|
+
}
|
|
87
|
+
input.e-input:hover {
|
|
88
|
+
box-shadow: none !important;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
input::-webkit-input-placeholder {
|
|
93
|
+
color: var(--rs-input-disabled-color) !important;
|
|
94
|
+
}
|
|
95
|
+
textarea::-webkit-input-placeholder {
|
|
96
|
+
color: var(--rs-input-disabled-color) !important;
|
|
97
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.e-radio-wrapper {
|
|
2
|
+
.e-radio:disabled + label {
|
|
3
|
+
&::before {
|
|
4
|
+
border-color: rgba(209, 209, 209, 0.5);
|
|
5
|
+
background-color: rgba(234, 237, 240, 0.35);
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
.e-radio:checked + label {
|
|
9
|
+
&::before {
|
|
10
|
+
background-color: var(--rs-active-color);
|
|
11
|
+
border-color: var(--rs-active-color);
|
|
12
|
+
box-shadow: none;
|
|
13
|
+
}
|
|
14
|
+
&::after {
|
|
15
|
+
content: "" !important;
|
|
16
|
+
display: block;
|
|
17
|
+
width: 11px;
|
|
18
|
+
height: 8px;
|
|
19
|
+
background-image: url("/assets/img/checked-vector.svg");
|
|
20
|
+
background-size: cover;
|
|
21
|
+
background-position: center;
|
|
22
|
+
background-color: transparent;
|
|
23
|
+
transform: scale(1);
|
|
24
|
+
left: 2px;
|
|
25
|
+
top: 3px;
|
|
26
|
+
border: 0;
|
|
27
|
+
border-radius: 0;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.e-label {
|
|
31
|
+
color: var(--rs-label-color);
|
|
32
|
+
font-family: var(--rs-font-family);
|
|
33
|
+
font-size: var(--rs-font-size);
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
line-height: 14px;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
.e-switch-wrapper {
|
|
2
|
+
width: 28px;
|
|
3
|
+
.e-switch-inner {
|
|
4
|
+
border: 1px solid rgba(173, 181, 189, 1);
|
|
5
|
+
&.e-switch-active {
|
|
6
|
+
background-color: var(--rs-active-color) !important;
|
|
7
|
+
border-color: var(--rs-active-color) !important;
|
|
8
|
+
}
|
|
9
|
+
.e-switch-on {
|
|
10
|
+
background-color: var(--rs-active-color) !important;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
.e-switch-handle {
|
|
14
|
+
background-color: #fff !important;
|
|
15
|
+
border: 1px solid rgba(173, 181, 189, 1);
|
|
16
|
+
left: 2px;
|
|
17
|
+
&.e-switch-active {
|
|
18
|
+
background-color: #fff;
|
|
19
|
+
border-color: var(--rs-active-color);
|
|
20
|
+
left: 100%;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
&.e-switch-disabled {
|
|
24
|
+
.e-switch-handle {
|
|
25
|
+
background-color: #e9ecef !important;
|
|
26
|
+
opacity: 0.5;
|
|
27
|
+
&.e-switch-active {
|
|
28
|
+
border-color: rgba(0, 129, 255, 0.5);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -5,13 +5,19 @@
|
|
|
5
5
|
@import "./reset/dropdown.scss";
|
|
6
6
|
@import "./reset/mat-dialog.scss";
|
|
7
7
|
@import "./reset/grid.scss";
|
|
8
|
+
@import "./reset/switch.scss";
|
|
9
|
+
@import "./reset/radio.scss";
|
|
10
|
+
@import "./reset/checkbox.scss";
|
|
11
|
+
|
|
8
12
|
|
|
9
13
|
html{
|
|
10
14
|
overflow: hidden;
|
|
15
|
+
overflow-x: auto;
|
|
11
16
|
}
|
|
12
17
|
body{
|
|
13
18
|
margin: 0;
|
|
14
19
|
padding: 0;
|
|
20
|
+
min-width: 576px;
|
|
15
21
|
}
|
|
16
22
|
|
|
17
23
|
* {
|