@ngflux/ngflux 3.1.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/fesm2022/ngflux-ngflux.mjs +170 -124
- package/fesm2022/ngflux-ngflux.mjs.map +1 -1
- package/package.json +1 -1
- package/scss/features/dialog.scss +32 -22
- package/types/ngflux-ngflux.d.ts +10 -3
package/package.json
CHANGED
|
@@ -29,33 +29,43 @@
|
|
|
29
29
|
height: 0px;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.ngf-dialog
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
32
|
+
.ngf-dialog {
|
|
33
|
+
&-box {
|
|
34
|
+
display: block;
|
|
35
|
+
position: relative;
|
|
36
|
+
font-family: "Poppins", sans-serif;
|
|
37
|
+
background-color: var(--ngf-dialog-background-color) !important;
|
|
38
|
+
box-shadow: var(--ngf-dialog-box-shadow) !important;
|
|
39
|
+
border: 1px solid transparent;
|
|
40
|
+
border-top: none;
|
|
41
|
+
border-bottom: none;
|
|
42
|
+
animation: ngfDialogOpen .5s forwards;
|
|
43
|
+
|
|
44
|
+
&:focus {
|
|
45
|
+
outline: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&.close {
|
|
49
|
+
pointer-events: none;
|
|
50
|
+
user-select: none;
|
|
51
|
+
-moz-user-select: none;
|
|
52
|
+
animation: ngfDialogClose .3s forwards;
|
|
53
|
+
}
|
|
42
54
|
|
|
43
|
-
|
|
44
|
-
|
|
55
|
+
[ngf-dialog-title] {
|
|
56
|
+
margin: 0px;
|
|
57
|
+
font-size: 1.1rem;
|
|
58
|
+
text-transform: uppercase;
|
|
59
|
+
font-weight: 500;
|
|
60
|
+
}
|
|
45
61
|
}
|
|
46
62
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
user-select: none;
|
|
50
|
-
-moz-user-select: none;
|
|
51
|
-
animation: ngfDialogClose .3s forwards;
|
|
63
|
+
&-success {
|
|
64
|
+
color: #090;
|
|
52
65
|
}
|
|
53
66
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
font-size: 1.1rem;
|
|
57
|
-
text-transform: uppercase;
|
|
58
|
-
font-weight: 500;
|
|
67
|
+
&-error {
|
|
68
|
+
color: #F00;
|
|
59
69
|
}
|
|
60
70
|
}
|
|
61
71
|
|
package/types/ngflux-ngflux.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { InjectionToken, Signal, ViewContainerRef, Injector, InputSignal, InputSignalWithTransform, ModelSignal, TemplateRef } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/router';
|
|
4
|
+
import { Route, Data, CanActivateFn, CanActivateChildFn, CanDeactivateFn, CanMatchFn } from '@angular/router';
|
|
3
5
|
import * as _ngflux_ngflux from '@ngflux/ngflux';
|
|
4
6
|
import * as rxjs from 'rxjs';
|
|
5
7
|
import { Observable } from 'rxjs';
|
|
6
8
|
import { FormValueControl, Field, FieldState } from '@angular/forms/signals';
|
|
7
|
-
import * as i1 from '@angular/router';
|
|
8
|
-
import { Route, Data } from '@angular/router';
|
|
9
9
|
|
|
10
10
|
type ButtonDirection = 'normal' | 'reversed';
|
|
11
11
|
type ButtonTheme = 'default' | 'primary' | 'secondary' | 'error' | 'danger' | 'success' | 'warning' | 'info' | 'light' | 'dark';
|
|
@@ -191,6 +191,13 @@ type FrameOptions = {
|
|
|
191
191
|
|
|
192
192
|
declare const provideNgFlux: (config?: NgFluxConfig) => _angular_core.EnvironmentProviders;
|
|
193
193
|
|
|
194
|
+
declare namespace NgFlux.SerialGuard {
|
|
195
|
+
function canActivateFn(...guards: CanActivateFn[]): CanActivateFn;
|
|
196
|
+
function canActivateChildFn(...guards: CanActivateChildFn[]): CanActivateChildFn;
|
|
197
|
+
function canDeactivateFn<T>(...guards: CanDeactivateFn<T>[]): CanDeactivateFn<T>;
|
|
198
|
+
function canMatchFn(...guards: CanMatchFn[]): CanMatchFn;
|
|
199
|
+
}
|
|
200
|
+
|
|
194
201
|
type Justify = 'start' | 'center' | 'end' | 'stretch';
|
|
195
202
|
declare class NgFluxActions {
|
|
196
203
|
readonly justify: _angular_core.InputSignal<Justify>;
|
|
@@ -482,5 +489,5 @@ declare class NgFluxFormMessage {
|
|
|
482
489
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgFluxFormMessage, "ngf-form-message", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
483
490
|
}
|
|
484
491
|
|
|
485
|
-
export { NGF_CONFIG, NGF_DIALOG_DATA, NgFluxActions, NgFluxButton, NgFluxDialog, NgFluxDialogBody, NgFluxDialogFooter, NgFluxDialogHeader, NgFluxDialogInstance, NgFluxDialogRef, NgFluxDialogRootComponent, NgFluxFormMessage, NgFluxFrame, NgFluxLoading, NgFluxLoadingRootComponent, NgFluxPagination, NgFluxPinInput, NgFluxSelect, NgFluxTab, NgFluxTabContentDirective, NgFluxTabGroup, NgFluxTabNavDirective, NgFluxTabNavbar, NgFluxTabPanel, provideNgFlux };
|
|
492
|
+
export { NGF_CONFIG, NGF_DIALOG_DATA, NgFlux, NgFluxActions, NgFluxButton, NgFluxDialog, NgFluxDialogBody, NgFluxDialogFooter, NgFluxDialogHeader, NgFluxDialogInstance, NgFluxDialogRef, NgFluxDialogRootComponent, NgFluxFormMessage, NgFluxFrame, NgFluxLoading, NgFluxLoadingRootComponent, NgFluxPagination, NgFluxPinInput, NgFluxSelect, NgFluxTab, NgFluxTabContentDirective, NgFluxTabGroup, NgFluxTabNavDirective, NgFluxTabNavbar, NgFluxTabPanel, provideNgFlux };
|
|
486
493
|
export type { ButtonDirection, ButtonOptions, ButtonSize, ButtonTheme, ButtonType, FrameHeaderMenu, FrameOptions, FrameSize, FrameToolbarItem, Menu, NgFluxComponent, NgFluxConfig, NgFluxDialogAlertOptions, NgFluxDialogButton, NgFluxDialogButtonObj, NgFluxDialogCommand, NgFluxDialogConfig, NgFluxDialogConfirmOptions, NgFluxDialogEvents, NgFluxDialogPromptOptions, NgFluxDialogRoot, NgFluxLoadingEntry, NgFluxRoute, NgFluxRoutes, Pagination, PaginationInfo, PaginationTransformer, SelectItem, SelectTransformer };
|