coer-elements 0.0.94 → 0.0.96
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/components/lib/coer-button/coer-button.component.d.ts +2 -2
- package/components/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
- package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +2 -4
- package/components/lib/coer-grid/coer-grid.extension.d.ts +2 -0
- package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
- package/components/lib/coer-sidenav/coer-toolbar/coer-toolbar.component.d.ts +3 -3
- package/components/lib/coer-switch/coer-switch.component.d.ts +1 -1
- package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
- package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
- package/fesm2022/coer-elements-components.mjs +25 -29
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-pages.mjs +2 -2
- package/fesm2022/coer-elements-pages.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +34 -1
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/angular-material.scss +1 -2
- package/styles/coer-elements.css +24 -9
- package/styles/index.scss +27 -1
- package/tools/lib/elements-html.class.d.ts +6 -0
- package/tools/public-api.d.ts +1 -0
package/package.json
CHANGED
@@ -17,5 +17,4 @@
|
|
17
17
|
@use "../components/lib/coer-tab/coer-tab.component.scss";
|
18
18
|
@use "../components/lib/coer-textarea/coer-textarea.component.scss";
|
19
19
|
@use "../components/lib/coer-textbox/coer-textbox.component.scss";
|
20
|
-
@use "../tools/lib/coer-alert/coer-alert.component.scss";
|
21
|
-
|
20
|
+
@use "../tools/lib/coer-alert/coer-alert.component.scss";
|
package/styles/coer-elements.css
CHANGED
@@ -405,13 +405,6 @@ div.coer-button .mat-mdc-button-touch-target {
|
|
405
405
|
height: 0px !important;
|
406
406
|
}
|
407
407
|
|
408
|
-
div#coer-tool-bar coer-button * {
|
409
|
-
color: var(--orange) !important;
|
410
|
-
}
|
411
|
-
div#coer-tool-bar coer-dropdown coer-button * {
|
412
|
-
color: transparent !important;
|
413
|
-
}
|
414
|
-
|
415
408
|
div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox {
|
416
409
|
padding: 10px !important;
|
417
410
|
}
|
@@ -694,6 +687,7 @@ div.coer-grid div.loading {
|
|
694
687
|
background-color: rgba(187, 187, 187, 0.5137254902) !important;
|
695
688
|
flex-direction: column !important;
|
696
689
|
gap: 10px !important;
|
690
|
+
z-index: 1;
|
697
691
|
}
|
698
692
|
div.coer-grid div.loading span.fa-fade {
|
699
693
|
position: relative !important;
|
@@ -1071,7 +1065,7 @@ div.coer-dropdown ul.dropdown-menu {
|
|
1071
1065
|
border-top-left-radius: 0px !important;
|
1072
1066
|
border-top-right-radius: 0px !important;
|
1073
1067
|
max-height: 205px !important;
|
1074
|
-
width: 100
|
1068
|
+
width: 100%;
|
1075
1069
|
overflow: auto !important;
|
1076
1070
|
padding: 0px !important;
|
1077
1071
|
}
|
@@ -1269,7 +1263,7 @@ mat-drawer-container mat-drawer {
|
|
1269
1263
|
width: auto;
|
1270
1264
|
min-width: 200px;
|
1271
1265
|
background-color: var(--black) !important;
|
1272
|
-
z-index:
|
1266
|
+
z-index: 3 !important;
|
1273
1267
|
}
|
1274
1268
|
mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar {
|
1275
1269
|
width: 1px !important;
|
@@ -1351,6 +1345,9 @@ mat-nav-list.coer-menu-option mat-list-item span.icon-container {
|
|
1351
1345
|
max-width: 20px !important;
|
1352
1346
|
color: var(--white);
|
1353
1347
|
}
|
1348
|
+
mat-nav-list.coer-menu-option mat-list-item span.icon-container i {
|
1349
|
+
min-height: 16px !important;
|
1350
|
+
}
|
1354
1351
|
mat-nav-list.coer-menu-option mat-list-item span.label-container {
|
1355
1352
|
justify-content: flex-start !important;
|
1356
1353
|
display: inline-flex !important;
|
@@ -2044,3 +2041,21 @@ input[type=file] {
|
|
2044
2041
|
.no-selection::selection {
|
2045
2042
|
background-color: transparent !important;
|
2046
2043
|
}
|
2044
|
+
|
2045
|
+
div#coer-tool-bar coer-button * {
|
2046
|
+
color: var(--orange) !important;
|
2047
|
+
}
|
2048
|
+
div#coer-tool-bar coer-dropdown coer-button * {
|
2049
|
+
color: transparent !important;
|
2050
|
+
}
|
2051
|
+
div#coer-tool-bar coer-dropdown ul {
|
2052
|
+
right: 0px !important;
|
2053
|
+
width: auto !important;
|
2054
|
+
top: 2px !important;
|
2055
|
+
border-top: 0px !important;
|
2056
|
+
background-color: whitesmoke !important;
|
2057
|
+
}
|
2058
|
+
div#coer-tool-bar coer-dropdown ul li:not(.no-options):hover {
|
2059
|
+
color: black !important;
|
2060
|
+
background-color: rgb(240.618852459, 246.3831967213, 254.881147541) !important;
|
2061
|
+
}
|
package/styles/index.scss
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
@use 'sass:color';
|
1
2
|
@use "./angular-material.scss";
|
2
3
|
@use "./bootstrap.scss";
|
3
4
|
@use "./colors.scss";
|
@@ -29,4 +30,29 @@ input[type="file"] {
|
|
29
30
|
|
30
31
|
.no-selection::selection {
|
31
32
|
background-color: transparent !important;
|
32
|
-
}
|
33
|
+
}
|
34
|
+
|
35
|
+
|
36
|
+
div#coer-tool-bar {
|
37
|
+
coer-button * {
|
38
|
+
color: var(--orange) !important;
|
39
|
+
}
|
40
|
+
|
41
|
+
coer-dropdown coer-button * {
|
42
|
+
color: transparent !important;
|
43
|
+
}
|
44
|
+
|
45
|
+
coer-dropdown ul {
|
46
|
+
right: 0px !important;
|
47
|
+
width: auto !important;
|
48
|
+
top: 2px !important;
|
49
|
+
border-top: 0px !important;
|
50
|
+
background-color: whitesmoke !important;
|
51
|
+
|
52
|
+
li:not(.no-options):hover{
|
53
|
+
color: black !important;
|
54
|
+
background-color: color.adjust(#0d6efd, $lightness: 45%) !important;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export declare const ElementsHTML: {
|
2
|
+
/** Get width in px */
|
3
|
+
GetElementWidth: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
|
4
|
+
/** Get height in px */
|
5
|
+
GetElementHeight: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
|
6
|
+
};
|
package/tools/public-api.d.ts
CHANGED
@@ -4,6 +4,7 @@ export * from './lib/coer-grid.templates';
|
|
4
4
|
export * from './lib/colors.class';
|
5
5
|
export * from './lib/control-value.class';
|
6
6
|
export * from './lib/date-time.class';
|
7
|
+
export * from './lib/elements-html.class';
|
7
8
|
export * from './lib/files.class';
|
8
9
|
export * from './lib/user.class';
|
9
10
|
export * from './lib/filters.class';
|