@mgremy/ng-primitives 0.12.0 → 0.14.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/_theme/components/accordion/orientation.css +96 -0
- package/_theme/components/accordion.css +62 -0
- package/_theme/components/button/color.css +169 -0
- package/_theme/components/button/size.css +24 -0
- package/_theme/components/button.css +42 -0
- package/_theme/components/checkbox/color.css +83 -0
- package/_theme/components/checkbox/size.css +24 -0
- package/_theme/components/checkbox.css +32 -0
- package/_theme/components/combobox.css +97 -0
- package/_theme/components/dialog/mode.css +50 -0
- package/_theme/components/dialog.css +39 -0
- package/_theme/components/form-field.css +97 -0
- package/_theme/components/input.css +19 -0
- package/_theme/components/menu.css +47 -0
- package/_theme/components/pagination.css +48 -0
- package/_theme/components/switch.css +29 -0
- package/_theme/components/toast.css +103 -0
- package/_theme/components/tooltip.css +36 -0
- package/{theme → _theme}/mgnp.css +2 -0
- package/_theme/utilities.css +5 -0
- package/fesm2022/mgremy-ng-primitives-accordion.mjs +81 -42
- package/fesm2022/mgremy-ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-button.mjs +21 -45
- package/fesm2022/mgremy-ng-primitives-button.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-checkbox.mjs +51 -13
- package/fesm2022/mgremy-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-combobox.mjs +117 -58
- package/fesm2022/mgremy-ng-primitives-combobox.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-dialog.mjs +91 -59
- package/fesm2022/mgremy-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-form-field.mjs +177 -0
- package/fesm2022/mgremy-ng-primitives-form-field.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-input.mjs +18 -15
- package/fesm2022/mgremy-ng-primitives-input.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-menu.mjs +208 -29
- package/fesm2022/mgremy-ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-pagination.mjs +143 -16
- package/fesm2022/mgremy-ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-switch.mjs +52 -25
- package/fesm2022/mgremy-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-toast.mjs +15 -14
- package/fesm2022/mgremy-ng-primitives-toast.mjs.map +1 -1
- package/fesm2022/mgremy-ng-primitives-tooltip.mjs +76 -31
- package/fesm2022/mgremy-ng-primitives-tooltip.mjs.map +1 -1
- package/form-field/README.md +4 -0
- package/package.json +11 -5
- package/types/mgremy-ng-primitives-accordion.d.ts +19 -11
- package/types/mgremy-ng-primitives-button.d.ts +3 -14
- package/types/mgremy-ng-primitives-checkbox.d.ts +20 -6
- package/types/mgremy-ng-primitives-combobox.d.ts +24 -15
- package/types/mgremy-ng-primitives-dialog.d.ts +15 -14
- package/types/mgremy-ng-primitives-form-field.d.ts +70 -0
- package/types/mgremy-ng-primitives-input.d.ts +11 -6
- package/types/mgremy-ng-primitives-menu.d.ts +65 -8
- package/types/mgremy-ng-primitives-pagination.d.ts +31 -5
- package/types/mgremy-ng-primitives-switch.d.ts +14 -6
- package/types/mgremy-ng-primitives-toast.d.ts +2 -4
- package/types/mgremy-ng-primitives-tooltip.d.ts +14 -8
- package/theme/components/accordion.css +0 -171
- package/theme/components/button.css +0 -252
- package/theme/components/checkbox.css +0 -37
- package/theme/components/combobox.css +0 -124
- package/theme/components/dialog.css +0 -101
- package/theme/components/input.css +0 -26
- package/theme/components/menu.css +0 -61
- package/theme/components/pagination.css +0 -72
- package/theme/components/switch.css +0 -44
- package/theme/components/toast.css +0 -111
- package/theme/components/tooltip.css +0 -46
- /package/{theme → _theme}/animation.css +0 -0
|
@@ -1,38 +1,39 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import * as ng_primitives_state from 'ng-primitives/state';
|
|
2
3
|
import { PropertyType } from '@mgremy/ng-primitives';
|
|
4
|
+
import * as i1 from 'ng-primitives/dialog';
|
|
5
|
+
import { NgpDialog } from 'ng-primitives/dialog';
|
|
3
6
|
|
|
4
7
|
type MgnpDialogOverlayMode = PropertyType<'modal' | 'drawer'>;
|
|
5
8
|
type MgnpDialogDrawerPosition = PropertyType<'start' | 'end'>;
|
|
6
9
|
declare class MgnpDialogOverlay {
|
|
7
|
-
private readonly _ngpDialogOverlay;
|
|
8
10
|
readonly mode: i0.InputSignal<MgnpDialogOverlayMode>;
|
|
9
11
|
readonly drawerPosition: i0.InputSignal<MgnpDialogDrawerPosition>;
|
|
10
|
-
constructor();
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogOverlay, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogOverlay, "[
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogOverlay, "[mgnpDialogOverlay]", ["mgnpDialogOverlay"], { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "drawerPosition": { "alias": "drawerPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpDialogOverlay; inputs: { "ngpDialogOverlayCloseOnClick": "closeOnClick"; }; outputs: {}; }]>;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
declare class MgnpDialog {
|
|
16
|
-
protected readonly
|
|
17
|
-
|
|
18
|
-
constructor();
|
|
17
|
+
protected readonly overlay: MgnpDialogOverlay;
|
|
18
|
+
protected readonly state: i0.Signal<ng_primitives_state.State<NgpDialog<unknown, unknown>>>;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialog, never>;
|
|
20
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialog, "[
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialog, "[mgnpDialog]", ["mgnpDialog"], {}, {}, never, never, true, [{ directive: typeof i1.NgpDialog; inputs: { "ngpDialogRole": "role"; "ngpDialogModal": "modal"; }; outputs: {}; }]>;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
declare class MgnpDialogDescription {
|
|
24
|
-
private readonly _ngpDialogDescription;
|
|
25
|
-
constructor();
|
|
26
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogDescription, never>;
|
|
27
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogDescription, "[
|
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogDescription, "[mgnpDialogDescription]", ["mgnpDialogDescription"], {}, {}, never, never, true, [{ directive: typeof i1.NgpDialogDescription; inputs: {}; outputs: {}; }]>;
|
|
28
26
|
}
|
|
29
27
|
|
|
30
28
|
declare class MgnpDialogTitle {
|
|
31
|
-
private readonly _ngpDialogTitle;
|
|
32
|
-
constructor();
|
|
33
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogTitle, never>;
|
|
34
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogTitle, "[
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogTitle, "[mgnpDialogTitle]", ["mgnpDialogTitle"], {}, {}, never, never, true, [{ directive: typeof i1.NgpDialogTitle; inputs: {}; outputs: {}; }]>;
|
|
35
31
|
}
|
|
36
32
|
|
|
37
|
-
|
|
33
|
+
declare class MgnpDialogTrigger {
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogTrigger, never>;
|
|
35
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogTrigger, "[mgnpDialogTrigger]", ["mgnpDialogTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.NgpDialogTrigger; inputs: { "ngpDialogTrigger": "mgnpDialogTrigger"; "ngpDialogTriggerCloseOnEscape": "closeOnEscape"; "ngpDialogTriggerCloseOnOutsideClick": "closeOnOutsideClick"; }; outputs: { "ngpDialogTriggerClosed": "closed"; }; }]>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { MgnpDialog, MgnpDialogDescription, MgnpDialogOverlay, MgnpDialogTitle, MgnpDialogTrigger };
|
|
38
39
|
export type { MgnpDialogDrawerPosition, MgnpDialogOverlayMode };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as i1 from 'ng-primitives/form-field';
|
|
3
|
+
|
|
4
|
+
declare class MgnpDescription {
|
|
5
|
+
protected readonly state: _angular_core.Signal<{
|
|
6
|
+
id: _angular_core.Signal<string>;
|
|
7
|
+
}>;
|
|
8
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpDescription, never>;
|
|
9
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpDescription, "[mgnpDescription]", ["mgnpDescription"], {}, {}, never, never, true, [{ directive: typeof i1.NgpDescription; inputs: {}; outputs: {}; }]>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
declare class MgnpError {
|
|
13
|
+
protected readonly state: _angular_core.Signal<{
|
|
14
|
+
id: _angular_core.Signal<string>;
|
|
15
|
+
hasError: _angular_core.Signal<boolean>;
|
|
16
|
+
state: _angular_core.Signal<"fail" | "pass">;
|
|
17
|
+
}>;
|
|
18
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpError, never>;
|
|
19
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpError, "[mgnpError]", ["mgnpError"], {}, {}, never, never, true, [{ directive: typeof i1.NgpError; inputs: { "ngpErrorValidator": "validator"; }; outputs: {}; }]>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
declare class MgnpFormControl {
|
|
23
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpFormControl, never>;
|
|
24
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpFormControl, "[mgnpFormControl]", ["mgnpFormControl"], {}, {}, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }]>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class MgnpFormField {
|
|
28
|
+
protected readonly state: _angular_core.Signal<{
|
|
29
|
+
labels: _angular_core.WritableSignal<string[]>;
|
|
30
|
+
descriptions: _angular_core.WritableSignal<string[]>;
|
|
31
|
+
formControl: _angular_core.WritableSignal<string | null>;
|
|
32
|
+
errors: _angular_core.WritableSignal<string[]>;
|
|
33
|
+
pristine: _angular_core.WritableSignal<boolean | null>;
|
|
34
|
+
touched: _angular_core.WritableSignal<boolean | null>;
|
|
35
|
+
dirty: _angular_core.WritableSignal<boolean | null>;
|
|
36
|
+
valid: _angular_core.WritableSignal<boolean | null>;
|
|
37
|
+
invalid: _angular_core.WritableSignal<boolean | null>;
|
|
38
|
+
pending: _angular_core.WritableSignal<boolean | null>;
|
|
39
|
+
disabled: _angular_core.WritableSignal<boolean | null>;
|
|
40
|
+
setFormControl: (id: string) => void;
|
|
41
|
+
addLabel: (label: string) => void;
|
|
42
|
+
addDescription: (description: string) => void;
|
|
43
|
+
removeFormControl: () => void;
|
|
44
|
+
removeLabel: (label: string) => void;
|
|
45
|
+
removeDescription: (description: string) => void;
|
|
46
|
+
}>;
|
|
47
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpFormField, never>;
|
|
48
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpFormField, "[mgnpFormField]", ["mgnpFormField"], {}, {}, never, never, true, [{ directive: typeof i1.NgpFormField; inputs: {}; outputs: {}; }]>;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
declare class MgnpLabel {
|
|
52
|
+
protected readonly state: _angular_core.Signal<{
|
|
53
|
+
id: _angular_core.Signal<string>;
|
|
54
|
+
htmlFor: _angular_core.Signal<string | null>;
|
|
55
|
+
}>;
|
|
56
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpLabel, never>;
|
|
57
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpLabel, "[mgnpLabel]", ["mgnpLabel"], {}, {}, never, never, true, [{ directive: typeof i1.NgpLabel; inputs: {}; outputs: {}; }]>;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
declare class MgnpInputGroup {
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpInputGroup, never>;
|
|
62
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpInputGroup, "[mgnpInputGroup]", ["mgnpInputGroup"], {}, {}, never, never, true, never>;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
declare class MgnpInputGroupAddon {
|
|
66
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpInputGroupAddon, never>;
|
|
67
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpInputGroupAddon, "[mgnpInputGroupAddon]", ["mgnpInputGroupAddon"], {}, {}, never, never, true, never>;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { MgnpDescription, MgnpError, MgnpFormControl, MgnpFormField, MgnpInputGroup, MgnpInputGroupAddon, MgnpLabel };
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
1
|
+
import * as ng_primitives_utils from 'ng-primitives/utils';
|
|
2
|
+
import * as _angular_core from '@angular/core';
|
|
3
|
+
import * as i1 from 'ng-primitives/input';
|
|
3
4
|
|
|
4
5
|
declare class MgnpInput {
|
|
5
|
-
protected readonly
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
protected readonly state: _angular_core.Signal<{
|
|
7
|
+
id: _angular_core.Signal<string>;
|
|
8
|
+
disabled: _angular_core.WritableSignal<boolean>;
|
|
9
|
+
status: _angular_core.Signal<ng_primitives_utils.NgpControlStatus>;
|
|
10
|
+
setDisabled: (value: boolean) => void;
|
|
11
|
+
}>;
|
|
12
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpInput, never>;
|
|
13
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpInput, "[mgnpInput]", ["mgnpInput"], {}, {}, never, never, true, [{ directive: typeof i1.NgpInput; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
|
|
9
14
|
}
|
|
10
15
|
|
|
11
16
|
export { MgnpInput };
|
|
@@ -1,18 +1,75 @@
|
|
|
1
|
-
import { NgpMenu, NgpMenuItem } from 'ng-primitives/menu';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import * as rxjs from 'rxjs';
|
|
3
|
+
import * as _angular_cdk_a11y from '@angular/cdk/a11y';
|
|
4
|
+
import * as i1 from 'ng-primitives/menu';
|
|
5
|
+
import * as ng_primitives_portal from 'ng-primitives/portal';
|
|
3
6
|
|
|
4
7
|
declare class MgnpMenu {
|
|
5
|
-
protected readonly
|
|
6
|
-
|
|
8
|
+
protected readonly state: i0.Signal<{
|
|
9
|
+
closeAllMenus: (origin: _angular_cdk_a11y.FocusOrigin) => void;
|
|
10
|
+
closeSubmenus: rxjs.Subject<HTMLElement>;
|
|
11
|
+
}>;
|
|
7
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenu, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenu, "[
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenu, "[mgnpMenu]", ["mgnpMenu"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenu; inputs: { "ngpMenuWrap": "wrap"; }; outputs: {}; }]>;
|
|
9
14
|
}
|
|
10
15
|
|
|
11
16
|
declare class MgnpMenuItem {
|
|
12
|
-
protected readonly
|
|
13
|
-
constructor();
|
|
17
|
+
protected readonly state: i0.Signal<{}>;
|
|
14
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuItem, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItem, "[
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItem, "[mgnpMenuItem]", ["mgnpMenuItem"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenuItem; inputs: { "ngpMenuItemDisabled": "disabled"; "ngpMenuItemCloseOnSelect": "closeOnSelect"; }; outputs: {}; }]>;
|
|
16
20
|
}
|
|
17
21
|
|
|
18
|
-
|
|
22
|
+
declare class MgnpMenuItemCheckbox {
|
|
23
|
+
protected readonly state: i0.Signal<i1.NgpMenuItemCheckboxState>;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuItemCheckbox, never>;
|
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItemCheckbox, "[mgnpMenuItemCheckbox]", ["mgnpMenuItemCheckbox"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenuItemCheckbox; inputs: { "ngpMenuItemCheckboxChecked": "checked"; "ngpMenuItemCheckboxDisabled": "disabled"; }; outputs: { "ngpMenuItemCheckboxCheckedChange": "checkedChange"; }; }]>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
declare class MgnpMenuItemIndicator {
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuItemIndicator, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItemIndicator, "[mgnpMenuItemIndicator]", ["mgnpMenuItemIndicator"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenuItemIndicator; inputs: {}; outputs: {}; }]>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
declare class MgnpMenuItemRadio {
|
|
34
|
+
protected readonly state: i0.Signal<i1.NgpMenuItemRadioState>;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuItemRadio, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItemRadio, "[mgnpMenuItemRadio]", ["mgnpMenuItemRadio"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenuItemRadio; inputs: { "ngpMenuItemRadioValue": "value"; "ngpMenuItemRadioDisabled": "disabled"; }; outputs: {}; }]>;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
declare class MgnpMenuItemRadioGroup {
|
|
40
|
+
protected readonly state: i0.Signal<i1.NgpMenuItemRadioGroupState>;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuItemRadioGroup, never>;
|
|
42
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItemRadioGroup, "[mgnpMenuItemRadioGroup]", ["mgnpMenuItemRadioGroup"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenuItemRadioGroup; inputs: { "ngpMenuItemRadioGroupValue": "value"; }; outputs: { "ngpMenuItemRadioGroupValueChange": "valueChange"; }; }]>;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
declare class MgnpMenuTrigger {
|
|
46
|
+
protected readonly state: i0.Signal<i1.NgpMenuTriggerState<unknown>>;
|
|
47
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuTrigger, never>;
|
|
48
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuTrigger, "[mgnpMenuTrigger]", ["mgnpMenuTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.NgpMenuTrigger; inputs: { "ngpMenuTrigger": "mgnpMenuTrigger"; "ngpMenuTriggerDisabled": "disabled"; "ngpMenuTriggerPlacement": "placement"; "ngpMenuTriggerOffset": "offset"; "ngpMenuTriggerFlip": "flip"; "ngpMenuTriggerShift": "shift"; "ngpMenuTriggerContainer": "container"; "ngpMenuTriggerScrollBehavior": "scrollBehavior"; "ngpMenuTriggerCooldown": "cooldown"; "ngpMenuTriggerContext": "context"; "ngpMenuTriggerOpenTriggers": "openTriggers"; "ngpMenuTriggerShowDelay": "showDelay"; "ngpMenuTriggerHideDelay": "hideDelay"; }; outputs: {}; }]>;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
declare class MgnpSubmenuTrigger {
|
|
52
|
+
protected readonly state: i0.Signal<{
|
|
53
|
+
placement: i0.WritableSignal<i1.NgpMenuPlacement>;
|
|
54
|
+
offset: i0.WritableSignal<ng_primitives_portal.NgpOffset>;
|
|
55
|
+
disabled: i0.WritableSignal<boolean>;
|
|
56
|
+
menu: i0.WritableSignal<ng_primitives_portal.NgpOverlayContent<unknown> | undefined>;
|
|
57
|
+
flip: i0.WritableSignal<ng_primitives_portal.NgpFlip>;
|
|
58
|
+
open: i0.Signal<boolean>;
|
|
59
|
+
openOrigin: i0.WritableSignal<_angular_cdk_a11y.FocusOrigin>;
|
|
60
|
+
show: (origin?: _angular_cdk_a11y.FocusOrigin) => void;
|
|
61
|
+
hide: (origin?: _angular_cdk_a11y.FocusOrigin) => void;
|
|
62
|
+
toggle: (event: MouseEvent) => void;
|
|
63
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
64
|
+
setMenu: (newMenu: ng_primitives_portal.NgpOverlayContent<unknown> | undefined) => void;
|
|
65
|
+
setFlip: (shouldFlip: ng_primitives_portal.NgpFlip) => void;
|
|
66
|
+
setPlacement: (newPlacement: i1.NgpMenuPlacement) => void;
|
|
67
|
+
setOffset: (newOffset: ng_primitives_portal.NgpOffset) => void;
|
|
68
|
+
focus: (origin: _angular_cdk_a11y.FocusOrigin) => void;
|
|
69
|
+
setPointerOverContent: (_isOver: boolean) => void;
|
|
70
|
+
}>;
|
|
71
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpSubmenuTrigger, never>;
|
|
72
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSubmenuTrigger, "[mgnpSubmenuTrigger]", ["mgnpSubmenuTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.NgpSubmenuTrigger; inputs: { "ngpSubmenuTrigger": "mgnpSubmenuTrigger"; "ngpSubmenuTriggerDisabled": "disabled"; "ngpSubmenuTriggerPlacement": "placement"; "ngpSubmenuTriggerOffset": "offset"; "ngpSubmenuTriggerFlip": "flip"; }; outputs: {}; }]>;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export { MgnpMenu, MgnpMenuItem, MgnpMenuItemCheckbox, MgnpMenuItemIndicator, MgnpMenuItemRadio, MgnpMenuItemRadioGroup, MgnpMenuTrigger, MgnpSubmenuTrigger };
|
|
@@ -1,11 +1,37 @@
|
|
|
1
|
-
import { NgpPagination } from 'ng-primitives/pagination';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import * as ng_primitives_state from 'ng-primitives/state';
|
|
3
|
+
import * as i1 from 'ng-primitives/pagination';
|
|
4
|
+
import { NgpPagination } from 'ng-primitives/pagination';
|
|
3
5
|
|
|
4
6
|
declare class MgnpPagination {
|
|
5
|
-
protected readonly
|
|
6
|
-
constructor();
|
|
7
|
+
protected readonly state: i0.Signal<ng_primitives_state.State<NgpPagination>>;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPagination, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPagination, "[
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPagination, "[mgnpPagination]", ["mgnpPagination"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPagination; inputs: { "ngpPaginationPage": "page"; "ngpPaginationPageCount": "pageCount"; "ngpPaginationDisabled": "disabled"; }; outputs: { "ngpPaginationPageChange": "pageChange"; }; }]>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
declare class MgnpPaginationButton {
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPaginationButton, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPaginationButton, "[mgnpPaginationButton]", ["mgnpPaginationButton"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPaginationButton; inputs: { "ngpPaginationButtonPage": "page"; "ngpPaginationButtonDisabled": "disabled"; }; outputs: {}; }]>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare class MgnpPaginationFirst {
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPaginationFirst, never>;
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPaginationFirst, "[mgnpPaginationFirst]", ["mgnpPaginationFirst"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPaginationFirst; inputs: { "ngpPaginationFirstDisabled": "disabled"; }; outputs: {}; }]>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
declare class MgnpPaginationLast {
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPaginationLast, never>;
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPaginationLast, "[mgnpPaginationLast]", ["mgnpPaginationLast"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPaginationLast; inputs: { "ngpPaginationLastDisabled": "disabled"; }; outputs: {}; }]>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class MgnpPaginationNext {
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPaginationNext, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPaginationNext, "[mgnpPaginationNext]", ["mgnpPaginationNext"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPaginationNext; inputs: { "ngpPaginationNextDisabled": "disabled"; }; outputs: {}; }]>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
declare class MgnpPaginationPrevious {
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPaginationPrevious, never>;
|
|
34
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPaginationPrevious, "[mgnpPaginationPrevious]", ["mgnpPaginationPrevious"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPaginationPrevious; inputs: { "ngpPaginationPreviousDisabled": "disabled"; }; outputs: {}; }]>;
|
|
9
35
|
}
|
|
10
36
|
|
|
11
|
-
export { MgnpPagination };
|
|
37
|
+
export { MgnpPagination, MgnpPaginationButton, MgnpPaginationFirst, MgnpPaginationLast, MgnpPaginationNext, MgnpPaginationPrevious };
|
|
@@ -1,17 +1,25 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import * as ng_primitives_switch from 'ng-primitives/switch';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { ChangeFn, TouchedFn } from 'ng-primitives/utils';
|
|
2
5
|
|
|
3
|
-
declare class MgnpSwitch {
|
|
4
|
-
|
|
6
|
+
declare class MgnpSwitch implements ControlValueAccessor {
|
|
7
|
+
protected readonly state: i0.Signal<ng_primitives_switch.NgpSwitchState>;
|
|
8
|
+
protected onChangeFn?: ChangeFn<boolean>;
|
|
9
|
+
protected onTouchedFn?: TouchedFn;
|
|
5
10
|
constructor();
|
|
11
|
+
writeValue(value: boolean): void;
|
|
12
|
+
registerOnChange(fn: ChangeFn<boolean>): void;
|
|
13
|
+
registerOnTouched(fn: TouchedFn): void;
|
|
14
|
+
setDisabledState(value: boolean): void;
|
|
6
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpSwitch, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSwitch, "[
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSwitch, "[mgnpSwitch]", ["mgnpSwitch"], {}, {}, never, never, true, [{ directive: typeof ng_primitives_switch.NgpSwitch; inputs: { "ngpSwitchChecked": "checked"; "ngpSwitchDisabled": "disabled"; }; outputs: { "ngpSwitchCheckedChange": "checkedChange"; }; }]>;
|
|
8
17
|
}
|
|
9
18
|
|
|
10
19
|
declare class MgnpSwitchThumb {
|
|
11
|
-
|
|
12
|
-
constructor();
|
|
20
|
+
protected readonly state: i0.Signal<ng_primitives_switch.NgpSwitchThumbState>;
|
|
13
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpSwitchThumb, never>;
|
|
14
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSwitchThumb, "[
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpSwitchThumb, "[mgnpSwitchThumb]", ["mgnpSwitchThumb"], {}, {}, never, never, true, [{ directive: typeof ng_primitives_switch.NgpSwitchThumb; inputs: {}; outputs: {}; }]>;
|
|
15
23
|
}
|
|
16
24
|
|
|
17
25
|
export { MgnpSwitch, MgnpSwitchThumb };
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { NgpToast } from 'ng-primitives/toast';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from 'ng-primitives/toast';
|
|
3
3
|
|
|
4
4
|
declare class MgnpToast {
|
|
5
|
-
protected readonly ngpToast: NgpToast | null;
|
|
6
|
-
constructor();
|
|
7
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpToast, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpToast, "[
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpToast, "[mgnpToast]", ["mgnpToast"], {}, {}, never, never, true, [{ directive: typeof i1.NgpToast; inputs: {}; outputs: {}; }]>;
|
|
9
7
|
}
|
|
10
8
|
|
|
11
9
|
export { MgnpToast };
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
import { NgpTooltip, NgpTooltipArrow } from 'ng-primitives/tooltip';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from 'ng-primitives/tooltip';
|
|
3
|
+
import { NgpTooltipTrigger } from 'ng-primitives/tooltip';
|
|
4
|
+
import * as ng_primitives_portal from 'ng-primitives/portal';
|
|
5
|
+
import * as ng_primitives_state from 'ng-primitives/state';
|
|
3
6
|
|
|
4
7
|
declare class MgnpTooltip {
|
|
5
|
-
protected readonly ngpTooltip: NgpTooltip | null;
|
|
6
|
-
constructor();
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTooltip, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltip, "[
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltip, "[mgnpTooltip]", ["mgnpTooltip"], {}, {}, never, never, true, [{ directive: typeof i1.NgpTooltip; inputs: {}; outputs: {}; }]>;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
declare class MgnpTooltipArrow {
|
|
12
|
-
protected readonly
|
|
13
|
-
constructor();
|
|
13
|
+
protected readonly state: i0.Signal<ng_primitives_portal.NgpOverlayArrowState>;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTooltipArrow, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltipArrow, "[
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltipArrow, "[mgnpTooltipArrow]", ["mgnpTooltipArrow"], {}, {}, never, never, true, [{ directive: typeof i1.NgpTooltipArrow; inputs: { "ngpTooltipArrowPadding": "padding"; }; outputs: {}; }]>;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
declare class MgnpTooltipTrigger {
|
|
19
|
+
protected readonly state: i0.Signal<ng_primitives_state.State<NgpTooltipTrigger<unknown>>>;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTooltipTrigger, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltipTrigger, "[mgnpTooltipTrigger]", ["mgnpTooltipTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.NgpTooltipTrigger; inputs: { "ngpTooltipTrigger": "mgnpTooltipTrigger"; "ngpTooltipTriggerDisabled": "disabled"; "ngpTooltipTriggerPlacement": "placement"; "ngpTooltipTriggerOffset": "offset"; "ngpTooltipTriggerShowDelay": "showDelay"; "ngpTooltipTriggerHideDelay": "hideDelay"; "ngpTooltipTriggerFlip": "flip"; "ngpTooltipTriggerShift": "shift"; "ngpTooltipTriggerContainer": "container"; "ngpTooltipTriggerShowOnOverflow": "showOnOverflow"; "ngpTooltipTriggerAnchor": "anchor"; "ngpTooltipTriggerContext": "context"; "ngpTooltipTriggerUseTextContent": "useTextContent"; "ngpTooltipTriggerTrackPosition": "trackPosition"; "ngpTooltipTriggerScrollBehavior": "scrollBehavior"; "ngpTooltipTriggerCooldown": "cooldown"; "ngpTooltipTriggerHoverableContent": "hoverableContent"; }; outputs: {}; }]>;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { MgnpTooltip, MgnpTooltipArrow, MgnpTooltipTrigger };
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
@utility mgnp-accordion {
|
|
2
|
-
border-radius: --spacing(3);
|
|
3
|
-
border: 1px solid var(--mg-border-ui);
|
|
4
|
-
background-color: var(--mg-background-ui);
|
|
5
|
-
box-shadow: var(--mg-shadow-ui);
|
|
6
|
-
|
|
7
|
-
@variant data-[orientation=vertical] {
|
|
8
|
-
display: block;
|
|
9
|
-
max-width: --spacing(96);
|
|
10
|
-
width: 100%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@variant data-[orientation=horizontal] {
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: row;
|
|
16
|
-
max-height: --spacing(96);
|
|
17
|
-
height: 100%;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@utility mgnp-accordion-content {
|
|
22
|
-
overflow: hidden;
|
|
23
|
-
font-size: --spacing(3.5);
|
|
24
|
-
color: var(--mg-text-ui-secondary);
|
|
25
|
-
|
|
26
|
-
@variant data-open:data-[orientation=vertical] {
|
|
27
|
-
animation: accordion-show-vertical var(--default-transition-duration)
|
|
28
|
-
var(--default-transition-timing-function) forwards;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@variant data-closed:data-[orientation=vertical] {
|
|
32
|
-
animation: accordion-hide-vertical var(--default-transition-duration)
|
|
33
|
-
var(--default-transition-timing-function) forwards;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@variant data-open:data-[orientation=horizontal] {
|
|
37
|
-
animation: accordion-show-horizontal var(--default-transition-duration)
|
|
38
|
-
var(--default-transition-timing-function) forwards;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@variant data-closed:data-[orientation=horizontal] {
|
|
42
|
-
animation: accordion-hide-horizontal var(--default-transition-duration)
|
|
43
|
-
var(--default-transition-timing-function) forwards;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@utility mgnp-accordion-item {
|
|
48
|
-
display: flex;
|
|
49
|
-
|
|
50
|
-
@variant not-last {
|
|
51
|
-
border-bottom: 1px solid var(--mg-border-ui);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@variant data-[orientation=horizontal] {
|
|
55
|
-
flex-direction: row;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
@variant data-[orientation=vertical] {
|
|
59
|
-
flex-direction: column;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
h1,
|
|
63
|
-
h2,
|
|
64
|
-
h3,
|
|
65
|
-
h4,
|
|
66
|
-
h5,
|
|
67
|
-
h6 {
|
|
68
|
-
margin: --spacing(0);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
@utility mgnp-accordion-trigger {
|
|
73
|
-
display: flex;
|
|
74
|
-
justify-content: space-between;
|
|
75
|
-
align-items: center;
|
|
76
|
-
outline: none;
|
|
77
|
-
border: none;
|
|
78
|
-
box-shadow: none;
|
|
79
|
-
background-color: transparent;
|
|
80
|
-
font-weight: var(--font-weight-medium);
|
|
81
|
-
padding-left: --spacing(4);
|
|
82
|
-
padding-right: --spacing(4);
|
|
83
|
-
font-size: --spacing(3.5);
|
|
84
|
-
line-height: --spacing(5);
|
|
85
|
-
border-radius: --spacing(3);
|
|
86
|
-
color: var(--mg-text-ui);
|
|
87
|
-
|
|
88
|
-
@variant data-[orientation=vertical] {
|
|
89
|
-
width: 100%;
|
|
90
|
-
height: --spacing(11);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
@variant data-[orientation=horizontal] {
|
|
94
|
-
width: --spacing(11);
|
|
95
|
-
height: 100%;
|
|
96
|
-
writing-mode: sideways-lr;
|
|
97
|
-
text-orientation: sideways;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
@variant data-focus-visible {
|
|
101
|
-
overflow: hidden;
|
|
102
|
-
color: var(--mg-text-ui-secondary);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
ng-icon {
|
|
106
|
-
transition: transform var(--default-transition-duration)
|
|
107
|
-
var(--default-transition-timing-function);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
@variant data-open {
|
|
111
|
-
ng-icon {
|
|
112
|
-
transform: rotate(180deg);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
@layer base {
|
|
118
|
-
[mgnpAccordion][data-mgnp-component='mgnp-accordion'] {
|
|
119
|
-
@apply mgnp-accordion transition;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
[mgnpAccordionContent][data-mgnp-component='mgnp-accordion-content'] {
|
|
123
|
-
@apply mgnp-accordion-content transition;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
[mgnpAccordionItem][data-mgnp-component='mgnp-accordion-item'] {
|
|
127
|
-
@apply mgnp-accordion-item transition;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
[ngpAccordionTrigger][mgnpButton][data-mgnp-component='mgnp-button'] {
|
|
131
|
-
@apply mgnp-accordion-trigger transition;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
@theme {
|
|
136
|
-
@keyframes accordion-show-vertical {
|
|
137
|
-
from {
|
|
138
|
-
max-height: 0;
|
|
139
|
-
}
|
|
140
|
-
to {
|
|
141
|
-
max-height: var(--ngp-accordion-content-height);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
@keyframes accordion-hide-vertical {
|
|
146
|
-
from {
|
|
147
|
-
max-height: var(--ngp-accordion-content-height);
|
|
148
|
-
}
|
|
149
|
-
to {
|
|
150
|
-
max-height: 0;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
@keyframes accordion-show-horizontal {
|
|
155
|
-
from {
|
|
156
|
-
max-width: 0;
|
|
157
|
-
}
|
|
158
|
-
to {
|
|
159
|
-
max-width: var(--ngp-accordion-content-width);
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
@keyframes accordion-hide-horizontal {
|
|
164
|
-
from {
|
|
165
|
-
max-width: var(--ngp-accordion-content-width);
|
|
166
|
-
}
|
|
167
|
-
to {
|
|
168
|
-
max-width: 0;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|