@elderbyte/ngx-starter 20.12.0-beta.6 → 21.0.0-beta.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/fesm2022/elderbyte-ngx-starter.mjs +1590 -2052
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/package.json +16 -13
- package/src/lib/components/card-organizer/card-organizer/elder-card-organizer.component.scss +0 -3
- package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +0 -4
- package/src/lib/components/data-view/grid/elder-tile/elder-tile.component.scss +0 -12
- package/src/lib/components/layout/pane/basic-pane-layout/basic-pane-layout.component.scss +0 -1
- package/src/lib/components/layout/pane/pane/pane.component.scss +3 -51
- package/src/lib/components/navigation/bread-crumbs/bread-crumbs/elder-bread-crumbs.component.scss +0 -7
- package/theming/abstracts/_elder-starter-theme.scss +0 -2
- package/theming/base/_elder-common-base.scss +0 -6
- package/theming/components/_elder-chip-theme.scss +0 -9
- package/theming/components/_elder-table-theme.scss +0 -19
- package/{index.d.ts → types/elderbyte-ngx-starter.d.ts} +116 -304
- package/src/lib/components/data-view/common/elder-single-sort/elder-single-sort.component.scss +0 -0
- package/src/lib/components/viewers/elder-svg-viewer/elder-svg-viewer.component.scss +0 -9
- package/theming/components/_elder-pane-theme.scss +0 -8
package/package.json
CHANGED
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elderbyte/ngx-starter",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.0.0-beta.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/core": "^
|
|
6
|
-
"@angular/common": "^
|
|
7
|
-
"@angular/material": "^
|
|
8
|
-
"@ngx-translate/core": "^16.0.
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"@
|
|
12
|
-
"@js-
|
|
5
|
+
"@angular/core": "^21.0.0 || ^22.0.0",
|
|
6
|
+
"@angular/common": "^21.0.0 || ^22.0.0",
|
|
7
|
+
"@angular/material": "^21.0.0 || ^22.0.0",
|
|
8
|
+
"@ngx-translate/core": "^16.0.4",
|
|
9
|
+
"@ngx-translate/http-loader": "^16.0.1",
|
|
10
|
+
"rxjs": "^7.8.2",
|
|
11
|
+
"@elderbyte/ts-logger": "^0.1.2",
|
|
12
|
+
"@js-joda/core": "^5.6.5",
|
|
13
|
+
"@js-joda/timezone": "^2.22.0",
|
|
14
|
+
"@js-temporal/polyfill": "^0.5.1",
|
|
15
|
+
"zone.js": "^0.15.1"
|
|
13
16
|
},
|
|
14
17
|
"exports": {
|
|
15
18
|
".": {
|
|
16
19
|
"sass": "./_index.scss",
|
|
17
|
-
"types": "./
|
|
20
|
+
"types": "./types/elderbyte-ngx-starter.d.ts",
|
|
18
21
|
"default": "./fesm2022/elderbyte-ngx-starter.mjs"
|
|
19
22
|
},
|
|
20
23
|
"./package.json": {
|
|
@@ -22,11 +25,11 @@
|
|
|
22
25
|
}
|
|
23
26
|
},
|
|
24
27
|
"dependencies": {
|
|
25
|
-
"tslib": "^2.
|
|
26
|
-
"streamsaver": "^2.0.
|
|
28
|
+
"tslib": "^2.8.1",
|
|
29
|
+
"streamsaver": "^2.0.6",
|
|
27
30
|
"@microsoft/fetch-event-source": "^2.0.1"
|
|
28
31
|
},
|
|
29
32
|
"module": "fesm2022/elderbyte-ngx-starter.mjs",
|
|
30
|
-
"typings": "
|
|
33
|
+
"typings": "types/elderbyte-ngx-starter.d.ts",
|
|
31
34
|
"sideEffects": false
|
|
32
35
|
}
|
|
@@ -35,10 +35,6 @@
|
|
|
35
35
|
background-color: var(--elder-grid-background-color);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
// mat-card:has(> .elder-grid-container) {
|
|
39
|
-
// background-color: var(--md-sys-color-surface-container-lowest);
|
|
40
|
-
// }
|
|
41
|
-
|
|
42
38
|
.elder-grid-flat {
|
|
43
39
|
border: var(--elder-border-light);
|
|
44
40
|
}
|
|
@@ -74,27 +74,15 @@
|
|
|
74
74
|
|
|
75
75
|
.elder-tile:focus {
|
|
76
76
|
// Disable browser focus style
|
|
77
|
-
// box-shadow: color-mix(in rgb, 80%, black);
|
|
78
|
-
//background-color: color-mix(in sRGB, var(--elder-color-highlight-strong) 80%, black)
|
|
79
77
|
border: 2px solid var(--elder-color-highlight-focus);
|
|
80
78
|
outline: none;
|
|
81
|
-
|
|
82
|
-
// background-color: var(--elder-color-highlight-strong);
|
|
83
79
|
}
|
|
84
80
|
|
|
85
81
|
.elder-tile.activated:focus {
|
|
86
82
|
// Disable browser focus style
|
|
87
|
-
// box-shadow: color-mix(in rgb, 80%, black);
|
|
88
|
-
//background-color: color-mix(in sRGB, var(--elder-color-highlight-strong) 80%, black)
|
|
89
83
|
border: 2px solid var(--elder-color-highlight-focus);
|
|
90
|
-
// background-color: var(--elder-color-highlight-strong);
|
|
91
84
|
}
|
|
92
85
|
|
|
93
86
|
.elder-tile.activated {
|
|
94
|
-
// background-color: var(--elder-color-highlight-strong);
|
|
95
87
|
border: 2px dashed var(--elder-color-highlight-focus);
|
|
96
|
-
.elder-tile-overlay {
|
|
97
|
-
// opacity: 1;
|
|
98
|
-
// background-color: color-mix(in sRGB, var(--elder-color-highlight-strong), transparent 70%);
|
|
99
|
-
}
|
|
100
88
|
}
|
|
@@ -1,30 +1,9 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
|
|
3
|
-
--handle-offset: calc(-1 * var(--elder-pane-gap) / 2 - var(--handle-width) / 2);
|
|
4
|
-
|
|
5
|
-
display: flex;
|
|
6
|
-
height: 100%;
|
|
7
|
-
position: relative;
|
|
8
|
-
|
|
9
|
-
// .flex class
|
|
10
|
-
flex: 1 1 0;
|
|
11
|
-
min-width: 0;
|
|
12
|
-
min-height: 0;
|
|
13
|
-
|
|
14
|
-
&.resize-mode {
|
|
15
|
-
flex: none !important;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.elder-pane-outer {
|
|
2
|
+
display: block;
|
|
20
3
|
overflow: hidden;
|
|
21
4
|
border-radius: var(--elder-pane-border-radius);
|
|
22
5
|
background-color: var(--elder-pane-bg-color);
|
|
23
|
-
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-flow: column nowrap;
|
|
26
|
-
width: 100%;
|
|
27
|
-
height: 100%;
|
|
6
|
+
flex: 1 1 0;
|
|
28
7
|
}
|
|
29
8
|
|
|
30
9
|
.elder-pane-inner {
|
|
@@ -32,32 +11,5 @@
|
|
|
32
11
|
flex-flow: column nowrap;
|
|
33
12
|
width: 100%;
|
|
34
13
|
height: 100%;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
.elder-pane-drag-handle {
|
|
38
|
-
position: absolute;
|
|
39
|
-
top: 0;
|
|
40
|
-
bottom: 0;
|
|
41
|
-
width: var(--handle-width);
|
|
42
|
-
background-color: var(--md-sys-color-outline-variant);
|
|
43
|
-
cursor: col-resize;
|
|
44
|
-
border-radius: 3px;
|
|
45
|
-
z-index: 10;
|
|
46
|
-
transition: 0.1s ease-in-out;
|
|
47
|
-
|
|
48
|
-
&.handle-left {
|
|
49
|
-
left: var(--handle-offset);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&.handle-right {
|
|
53
|
-
right: var(--handle-offset);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
:host.dragging {
|
|
58
|
-
--handle-width: 6px;
|
|
59
|
-
|
|
60
|
-
.elder-pane-drag-handle {
|
|
61
|
-
background-color: var(--md-sys-color-secondary-container);
|
|
62
|
-
}
|
|
14
|
+
overflow: hidden;
|
|
63
15
|
}
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
@use '../components/elder-scrollbar-theme' as elder-scrollbar;
|
|
20
20
|
@use '../components/mat-badge-theme' as mat-badge;
|
|
21
21
|
@use '../components/elder-rail-nav-theme' as elder-rail-nav;
|
|
22
|
-
@use '../components/elder-pane-theme' as elder-pane;
|
|
23
22
|
|
|
24
23
|
@mixin starter-theme($theme) {
|
|
25
24
|
$theme: elder-set-defaults-fn.validate-and-set-defaults($theme);
|
|
@@ -50,5 +49,4 @@
|
|
|
50
49
|
@include elder-scrollbar.theme();
|
|
51
50
|
@include mat-badge.theme();
|
|
52
51
|
@include elder-rail-nav.theme();
|
|
53
|
-
@include elder-pane.theme();
|
|
54
52
|
}
|
|
@@ -118,12 +118,6 @@
|
|
|
118
118
|
* *
|
|
119
119
|
**************************************************************************/
|
|
120
120
|
|
|
121
|
-
.custom-dialog-container .mat-mdc-dialog-container {
|
|
122
|
-
// overflow-y: hidden;
|
|
123
|
-
// padding: 0;
|
|
124
|
-
// margin: 0;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
121
|
.no-padding-dialog .mat-mdc-dialog-container {
|
|
128
122
|
padding: 0;
|
|
129
123
|
}
|
|
@@ -144,10 +144,6 @@
|
|
|
144
144
|
|
|
145
145
|
&.elder-dark-theme
|
|
146
146
|
.mat-mdc-chip.mat-mdc-chip:not(.mat-mdc-chip-highlighted):not(.mat-mdc-chip-selected) {
|
|
147
|
-
// &.mat-mdc-chip-highlighted {
|
|
148
|
-
// $col: map.get(config.$palettes, primary, 30);
|
|
149
|
-
// @include standard-chip-content-color-variant($col);
|
|
150
|
-
// }
|
|
151
147
|
&.color-primary,
|
|
152
148
|
&[color='primary'] {
|
|
153
149
|
$col: map.get(config.$palettes, primary, 50);
|
|
@@ -169,11 +165,6 @@
|
|
|
169
165
|
|
|
170
166
|
&.elder-dark-theme .mat-mdc-chip.mat-mdc-chip.mat-mdc-chip-highlighted,
|
|
171
167
|
&.elder-dark-theme .mat-mdc-chip.mat-mdc-chip.mat-mdc-chip-selected {
|
|
172
|
-
// & {
|
|
173
|
-
// $col: map.get(config.$palettes, primary, 80);
|
|
174
|
-
// @include standard-chip-content-color-variant($col);
|
|
175
|
-
// }
|
|
176
|
-
|
|
177
168
|
&.color-primary,
|
|
178
169
|
&[color='primary'] {
|
|
179
170
|
$col: map.get(config.$palettes, primary, 80);
|
|
@@ -81,31 +81,13 @@
|
|
|
81
81
|
background-color: color-mix(in srgb, var(--elder-color-highlight-focus), transparent 70%);
|
|
82
82
|
$active-border: 2px solid
|
|
83
83
|
color-mix(in srgb, var(--elder-color-highlight-focus), transparent 40%);
|
|
84
|
-
//border-top: $active-border;
|
|
85
84
|
border-bottom: $active-border;
|
|
86
|
-
&:first-child {
|
|
87
|
-
//border-radius: 8px 0 0 8px;
|
|
88
|
-
//border-radius: 4px 0 0 4px;
|
|
89
|
-
//border-left: $active-border;
|
|
90
|
-
}
|
|
91
|
-
&:last-child {
|
|
92
|
-
//border-radius: 0 8px 8px 0;
|
|
93
|
-
//border-radius: 0 4px 4px 0;
|
|
94
|
-
//border-right: $active-border;
|
|
95
|
-
}
|
|
96
85
|
}
|
|
97
86
|
|
|
98
87
|
&:focus {
|
|
99
88
|
td {
|
|
100
89
|
$active-focused-border: 2px solid var(--elder-color-highlight-focus);
|
|
101
|
-
//border-top: $active-focused-border;
|
|
102
90
|
border-bottom: $active-focused-border;
|
|
103
|
-
&:first-child {
|
|
104
|
-
//border-left: $active-focused-border;
|
|
105
|
-
}
|
|
106
|
-
&:last-child {
|
|
107
|
-
//border-right: $active-focused-border;
|
|
108
|
-
}
|
|
109
91
|
}
|
|
110
92
|
}
|
|
111
93
|
}
|
|
@@ -121,7 +103,6 @@
|
|
|
121
103
|
.elder-table {
|
|
122
104
|
background-color: var(--mat-table-background-color);
|
|
123
105
|
|
|
124
|
-
// Fix line height of paginator section
|
|
125
106
|
// Fix line height of paginator section
|
|
126
107
|
.mat-mdc-paginator {
|
|
127
108
|
.mat-mdc-form-field,
|