@mgremy/ng-primitives 0.0.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/README.md +3 -0
- package/button/README.md +3 -0
- package/combobox/README.md +3 -0
- package/fesm2022/mgremy-ng-primitives-button.mjs +42 -0
- package/fesm2022/mgremy-ng-primitives-button.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-combobox.mjs +112 -0
- package/fesm2022/mgremy-ng-primitives-combobox.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-input.mjs +34 -0
- package/fesm2022/mgremy-ng-primitives-input.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-loader.mjs +20 -0
- package/fesm2022/mgremy-ng-primitives-loader.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-menu.mjs +58 -0
- package/fesm2022/mgremy-ng-primitives-menu.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-navbar.mjs +54 -0
- package/fesm2022/mgremy-ng-primitives-navbar.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-pagination.mjs +81 -0
- package/fesm2022/mgremy-ng-primitives-pagination.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-table.mjs +50 -0
- package/fesm2022/mgremy-ng-primitives-table.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives-tooltip.mjs +60 -0
- package/fesm2022/mgremy-ng-primitives-tooltip.mjs.map +1 -0
- package/fesm2022/mgremy-ng-primitives.mjs +6 -0
- package/fesm2022/mgremy-ng-primitives.mjs.map +1 -0
- package/input/README.md +3 -0
- package/loader/README.md +3 -0
- package/menu/README.md +3 -0
- package/navbar/README.md +3 -0
- package/package.json +73 -0
- package/pagination/README.md +3 -0
- package/table/README.md +3 -0
- package/theme/components/button.css +39 -0
- package/theme/components/combobox.css +145 -0
- package/theme/components/input.css +25 -0
- package/theme/components/menu.css +85 -0
- package/theme/components/tooltip.css +69 -0
- package/theme/mgnp.css +107 -0
- package/theme/ngp_tw.css +45 -0
- package/tooltip/README.md +3 -0
- package/types/mgremy-ng-primitives-button.d.ts +15 -0
- package/types/mgremy-ng-primitives-combobox.d.ts +32 -0
- package/types/mgremy-ng-primitives-input.d.ts +11 -0
- package/types/mgremy-ng-primitives-loader.d.ts +8 -0
- package/types/mgremy-ng-primitives-menu.d.ts +18 -0
- package/types/mgremy-ng-primitives-navbar.d.ts +23 -0
- package/types/mgremy-ng-primitives-pagination.d.ts +28 -0
- package/types/mgremy-ng-primitives-table.d.ts +28 -0
- package/types/mgremy-ng-primitives-tooltip.d.ts +18 -0
- package/types/mgremy-ng-primitives.d.ts +2 -0
package/theme/ngp_tw.css
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
@import './components/button.css';
|
|
2
|
+
@import './components/combobox.css';
|
|
3
|
+
@import './components/input.css';
|
|
4
|
+
@import './components/menu.css';
|
|
5
|
+
@import './components/tooltip.css';
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
--ngp-background: var(--bg-ui);
|
|
9
|
+
--ngp-background-secondary: var(--bg-secondary);
|
|
10
|
+
--ngp-background-hover: var(--bg-hover);
|
|
11
|
+
--ngp-background-active: var(--bg-active);
|
|
12
|
+
--ngp-background-inverse: var(--bg-inverse);
|
|
13
|
+
--ngp-background-disabled: var(--bg-disabled);
|
|
14
|
+
--ngp-background-blue: var(--bg-blue);
|
|
15
|
+
--ngp-background-success: var(--bg-success);
|
|
16
|
+
|
|
17
|
+
--ngp-border: var(--border-ui);
|
|
18
|
+
--ngp-border-secondary: var(--border-secondary);
|
|
19
|
+
--ngp-border-blue: var(--border-blue);
|
|
20
|
+
--ngp-border-inverse: var(--border-inverse);
|
|
21
|
+
|
|
22
|
+
--ngp-text-active: var(--text-active);
|
|
23
|
+
--ngp-text-emphasis: var(--text-emphasis);
|
|
24
|
+
--ngp-text-primary: var(--text-primary);
|
|
25
|
+
--ngp-text-secondary: var(--text-secondary);
|
|
26
|
+
--ngp-text-tertiary: var(--text-tertiary);
|
|
27
|
+
--ngp-text-disabled: var(--text-disabled);
|
|
28
|
+
--ngp-text-placeholder: var(--text-placeholder);
|
|
29
|
+
--ngp-text-inverse: var(--text-inverse);
|
|
30
|
+
--ngp-text-blue: var(--text-blue);
|
|
31
|
+
--ngp-text-red: var(--text-red);
|
|
32
|
+
|
|
33
|
+
--ngp-shadow: var(--shadow-ui);
|
|
34
|
+
--ngp-shadow-lg: var(--shadow-lg);
|
|
35
|
+
--ngp-shadow-border: var(--shadow-border);
|
|
36
|
+
|
|
37
|
+
--ngp-focus-ring: var(--focus-ring-ui);
|
|
38
|
+
|
|
39
|
+
--ngp-avatar-background: var(--avatar-background);
|
|
40
|
+
--ngp-avatar-border: var(--avatar-border);
|
|
41
|
+
|
|
42
|
+
--ngp-button-shadow: var(--button-shadow);
|
|
43
|
+
|
|
44
|
+
--ngp-input-shadow: var(--input-shadow);
|
|
45
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { NgpButton } from 'ng-primitives/button';
|
|
2
|
+
import { NgpComboboxButton } from 'ng-primitives/combobox';
|
|
3
|
+
import { NgpMenuTrigger } from 'ng-primitives/menu';
|
|
4
|
+
import * as i0 from '@angular/core';
|
|
5
|
+
|
|
6
|
+
declare class MgnpButton {
|
|
7
|
+
protected readonly ngpButton: NgpButton | null;
|
|
8
|
+
protected readonly ngpComboboxButton: NgpComboboxButton | null;
|
|
9
|
+
protected readonly ngpMenuTrigger: NgpMenuTrigger<any> | null;
|
|
10
|
+
constructor();
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpButton, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpButton, "[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton]", never, {}, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { MgnpButton };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { NgpCombobox, NgpComboboxDropdown, NgpComboboxInput, NgpComboboxOption } from 'ng-primitives/combobox';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class MgnpCombobox {
|
|
5
|
+
protected readonly ngpCombobox: NgpCombobox | null;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpCombobox, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpCombobox, "[ngpCombobox][mgnpCombobox]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare class MgnpComboboxDropdown {
|
|
12
|
+
protected readonly ngpComboboxDropdown: NgpComboboxDropdown | null;
|
|
13
|
+
constructor();
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxDropdown, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxDropdown, "[ngpComboboxDropdown][mgnpComboboxDropdown]", never, {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare class MgnpComboboxInput {
|
|
19
|
+
protected readonly ngpComboboxInput: NgpComboboxInput | null;
|
|
20
|
+
constructor();
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxInput, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxInput, "[ngpComboboxInput][mgnpComboboxInput]", never, {}, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
declare class MgnpComboboxOption {
|
|
26
|
+
protected readonly ngpComboboxOption: NgpComboboxOption | null;
|
|
27
|
+
constructor();
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpComboboxOption, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpComboboxOption, "[ngpComboboxOption][mgnpComboboxOption]", never, {}, {}, never, never, true, never>;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { MgnpCombobox, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { NgpInput } from 'ng-primitives/input';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class MgnpInput {
|
|
5
|
+
protected readonly ngpInput: NgpInput | null;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpInput, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpInput, "[ngpInput][mgnpInput]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { MgnpInput };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class MgnpLoader {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpLoader, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpLoader, "mgnp-loader", never, {}, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export { MgnpLoader };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgpMenu, NgpMenuItem } from 'ng-primitives/menu';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class MgnpMenu {
|
|
5
|
+
protected readonly ngpMenu: NgpMenu | null;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenu, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenu, "[ngpMenu][mgnpMenu]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare class MgnpMenuItem {
|
|
12
|
+
protected readonly ngpMenuItem: NgpMenuItem | null;
|
|
13
|
+
constructor();
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpMenuItem, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpMenuItem, "[ngpMenuItem][mgnpMenuItem]", never, {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { MgnpMenu, MgnpMenuItem };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class MgnpNavbar {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpNavbar, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpNavbar, "mgnp-navbar, nav[mgnpNavbar]", never, {}, {}, never, ["*"], true, never>;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare class MgnpNavbarContent {
|
|
9
|
+
protected readonly _isOpen: i0.WritableSignal<boolean>;
|
|
10
|
+
readonly isOpen: i0.Signal<boolean>;
|
|
11
|
+
toggle(newVal?: boolean | undefined): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpNavbarContent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpNavbarContent, "mgnp-navbar-content", never, {}, {}, never, ["*"], true, never>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
declare class MgnpNavbarItem {
|
|
17
|
+
private readonly _mgnpNavbarContent;
|
|
18
|
+
protected onClick(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpNavbarItem, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpNavbarItem, "mgnp-navbar-item, button[mgnpNavbarItem], a[mgnpNavbarItem]", never, {}, {}, never, ["*"], true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { MgnpNavbar, MgnpNavbarContent, MgnpNavbarItem };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import * as ng_primitives_state from 'ng-primitives/state';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import * as i1 from 'ng-primitives/pagination';
|
|
5
|
+
import { NgpPagination } from 'ng-primitives/pagination';
|
|
6
|
+
import { TouchedFn, ChangeFn } from 'ng-primitives/utils';
|
|
7
|
+
|
|
8
|
+
declare class MgnpPagination implements ControlValueAccessor {
|
|
9
|
+
/** Access the pagination state */
|
|
10
|
+
protected readonly state: _angular_core.Signal<ng_primitives_state.State<NgpPagination>>;
|
|
11
|
+
/** Get the pages as an array we can iterate over */
|
|
12
|
+
protected readonly pages: _angular_core.Signal<number[]>;
|
|
13
|
+
/** The onChange callback */
|
|
14
|
+
private onChange?;
|
|
15
|
+
/** The onTouched callback */
|
|
16
|
+
protected onTouched?: TouchedFn;
|
|
17
|
+
constructor();
|
|
18
|
+
/** Write a new value to the control */
|
|
19
|
+
writeValue(value: number): void;
|
|
20
|
+
/** Register a callback to be called when the value changes */
|
|
21
|
+
registerOnChange(fn: ChangeFn<number>): void;
|
|
22
|
+
/** Register a callback to be called when the control is touched */
|
|
23
|
+
registerOnTouched(fn: TouchedFn): void;
|
|
24
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpPagination, never>;
|
|
25
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MgnpPagination, "mgnp-pagination", never, {}, {}, never, never, true, [{ directive: typeof i1.NgpPagination; inputs: { "ngpPaginationPage": "page"; "ngpPaginationPageCount": "pageCount"; "ngpPaginationDisabled": "disabled"; }; outputs: { "ngpPaginationPageChange": "pageChange"; }; }]>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export { MgnpPagination };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class MgnpTable {
|
|
5
|
+
readonly tableHeader: i0.InputSignal<TemplateRef<unknown> | undefined>;
|
|
6
|
+
readonly tableBody: i0.InputSignal<TemplateRef<unknown> | undefined>;
|
|
7
|
+
readonly tableFooter: i0.InputSignal<TemplateRef<unknown> | undefined>;
|
|
8
|
+
readonly data: i0.InputSignal<unknown[] | undefined>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTable, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpTable, "mgnp-table, table[mgnpTable]", never, { "tableHeader": { "alias": "tableHeader"; "required": false; "isSignal": true; }; "tableBody": { "alias": "tableBody"; "required": false; "isSignal": true; }; "tableFooter": { "alias": "tableFooter"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare class MgnpTableBody {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTableBody, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpTableBody, "mgnp-table-body, tr[mgnpTableBody]", never, {}, {}, never, ["*"], true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare class MgnpTableFooter {
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTableFooter, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpTableFooter, "mgnp-table-footer, tr[mgnpTableFooter]", never, {}, {}, never, ["*"], true, never>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
declare class MgnpTableHeader {
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTableHeader, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MgnpTableHeader, "mgnp-table-header, tr[mgnpTableHeader]", never, {}, {}, never, ["*"], true, never>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export { MgnpTable, MgnpTableBody, MgnpTableFooter, MgnpTableHeader };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgpTooltip, NgpTooltipArrow } from 'ng-primitives/tooltip';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class MgnpTooltip {
|
|
5
|
+
protected readonly ngpTooltip: NgpTooltip | null;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTooltip, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltip, "[ngpTooltip][mgnpTooltip]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare class MgnpTooltipArrow {
|
|
12
|
+
protected readonly ngpTooltipArrow: NgpTooltipArrow | null;
|
|
13
|
+
constructor();
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MgnpTooltipArrow, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpTooltipArrow, "[ngpTooltipArrow][mgnpTooltipArrow]", never, {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { MgnpTooltip, MgnpTooltipArrow };
|