@acontplus/ng-components 3.2.0 → 3.2.1
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acontplus/ng-components",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.1",
|
|
4
4
|
"description": "Comprehensive Angular Material UI component library featuring dynamic Tabulator tables, theme toggle with dark mode, dialog wrappers, autocomplete components, cards, buttons, icons, input chips, spinners, directives, pipes, and SCSS styling utilities.",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@acontplus/ui-kit": "^1.0.2",
|
|
@@ -3,52 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
// The container is a flex column so the content area grows and pushes any
|
|
5
5
|
// footer / actions to the bottom when the dialog has a fixed height (e.g. full-screen).
|
|
6
|
-
acp-dialog-container {
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: column;
|
|
9
|
-
height: 100%;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.acp-dialog-content {
|
|
13
|
-
flex: 1 1 auto;
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
min-height: 0;
|
|
17
|
-
overflow: auto;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.acp-dialog-content > * {
|
|
21
|
-
flex: 1 1 auto;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: column;
|
|
24
|
-
min-height: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// Make Material's mat-dialog-content the scrollable, expanding area and
|
|
28
|
-
// mat-dialog-actions a fixed bottom bar, matching the standard MatDialog layout.
|
|
29
|
-
.acp-dialog-content > * > mat-dialog-content,
|
|
30
|
-
.acp-dialog-content > * > .mat-mdc-dialog-content {
|
|
31
|
-
flex: 1 1 auto;
|
|
32
|
-
overflow: auto;
|
|
33
|
-
min-height: 0;
|
|
34
|
-
max-height: 100%;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.acp-dialog-content > * > mat-dialog-actions,
|
|
38
|
-
.acp-dialog-content > * > .mat-mdc-dialog-actions {
|
|
39
|
-
flex-shrink: 0;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// Built-in message dialog layout (acp-dialog-message component).
|
|
43
|
-
.acp-dialog-content > * > .acp-dialog-message {
|
|
44
|
-
flex: 1 1 auto;
|
|
45
|
-
overflow: auto;
|
|
46
|
-
min-height: 0;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.acp-dialog-content > * > .acp-dialog-message-actions {
|
|
50
|
-
flex-shrink: 0;
|
|
51
|
-
}
|
|
52
6
|
|
|
53
7
|
.acp-dialog-header {
|
|
54
8
|
cursor: move;
|
|
@@ -166,41 +120,6 @@ h6[mat-dialog-title].acp-dialog-title span {
|
|
|
166
120
|
var(--acp-dialog-actions-border-color, var(--mat-sys-outline-variant, #dee2e6));
|
|
167
121
|
}
|
|
168
122
|
|
|
169
|
-
.acp-dialog-actions-start {
|
|
170
|
-
justify-content: flex-start;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.acp-dialog-actions-center {
|
|
174
|
-
justify-content: center;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.acp-dialog-actions-end {
|
|
178
|
-
justify-content: flex-end;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
// Declarative titlebar and actions used inside the content area.
|
|
182
|
-
.acp-dialog-content > acp-dialog-titlebar,
|
|
183
|
-
.acp-dialog-content > * > acp-dialog-titlebar,
|
|
184
|
-
.acp-dialog-content > acp-dialog-actions,
|
|
185
|
-
.acp-dialog-content > * > acp-dialog-actions {
|
|
186
|
-
flex: 0 0 auto;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
// Make Material's mat-dialog-content the scrollable, expanding area and
|
|
190
|
-
// mat-dialog-actions a fixed bottom bar, matching the standard MatDialog layout.
|
|
191
|
-
.acp-dialog-content > * > mat-dialog-content,
|
|
192
|
-
.acp-dialog-content > * > .mat-mdc-dialog-content {
|
|
193
|
-
flex: 1 1 auto;
|
|
194
|
-
overflow: auto;
|
|
195
|
-
min-height: 0;
|
|
196
|
-
max-height: 100%;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.acp-dialog-content > * > mat-dialog-actions,
|
|
200
|
-
.acp-dialog-content > * > .mat-mdc-dialog-actions {
|
|
201
|
-
flex-shrink: 0;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
123
|
// Full-screen dialog: pin the action footer to the bottom of the viewport.
|
|
205
124
|
.acp-dialog-full-screen .mat-mdc-dialog-surface {
|
|
206
125
|
height: 100vh;
|