ng-magary 0.0.1 → 0.0.2
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/LICENSE.md +21 -0
- package/bun.lock +290 -0
- package/ng-package.json +7 -0
- package/package.json +11 -12
- package/src/lib/Button/button/button.html +29 -0
- package/src/lib/Button/button/button.module.ts +9 -0
- package/src/lib/Button/button/button.scss +196 -0
- package/src/lib/Button/button/button.spec.ts +18 -0
- package/src/lib/Button/button/button.ts +72 -0
- package/src/lib/Button/speed-dial/speed-dial-item.interface.ts +9 -0
- package/src/lib/Button/speed-dial/speed-dial.html +57 -0
- package/src/lib/Button/speed-dial/speed-dial.module.ts +8 -0
- package/src/lib/Button/speed-dial/speed-dial.scss +247 -0
- package/src/lib/Button/speed-dial/speed-dial.spec.ts +18 -0
- package/src/lib/Button/speed-dial/speed-dial.ts +106 -0
- package/src/lib/Form/cascade-select/cascade-select.html +1 -0
- package/src/lib/Form/cascade-select/cascade-select.module.ts +8 -0
- package/src/lib/Form/cascade-select/cascade-select.scss +0 -0
- package/src/lib/Form/cascade-select/cascade-select.spec.ts +18 -0
- package/src/lib/Form/cascade-select/cascade-select.ts +9 -0
- package/src/lib/Form/input/input.html +66 -0
- package/src/lib/Form/input/input.module.ts +9 -0
- package/src/lib/Form/input/input.scss +193 -0
- package/src/lib/Form/input/input.spec.ts +22 -0
- package/src/lib/Form/input/input.ts +132 -0
- package/src/lib/Menu/panelmenu/panelmenu.html +259 -0
- package/src/lib/Menu/panelmenu/panelmenu.interface.ts +13 -0
- package/src/lib/Menu/panelmenu/panelmenu.module.ts +9 -0
- package/src/lib/Menu/panelmenu/panelmenu.scss +177 -0
- package/src/lib/Menu/panelmenu/panelmenu.spec.ts +18 -0
- package/src/lib/Menu/panelmenu/panelmenu.ts +134 -0
- package/src/lib/Menu/sidebar/sidebar.html +85 -0
- package/src/lib/Menu/sidebar/sidebar.module.ts +9 -0
- package/src/lib/Menu/sidebar/sidebar.scss +153 -0
- package/src/lib/Menu/sidebar/sidebar.spec.ts +18 -0
- package/src/lib/Menu/sidebar/sidebar.ts +64 -0
- package/src/lib/Misc/avatar/avatar.html +44 -0
- package/src/lib/Misc/avatar/avatar.module.ts +9 -0
- package/src/lib/Misc/avatar/avatar.scss +167 -0
- package/src/lib/Misc/avatar/avatar.spec.ts +18 -0
- package/src/lib/Misc/avatar/avatar.ts +93 -0
- package/src/lib/Panel/card/card.html +58 -0
- package/src/lib/Panel/card/card.module.ts +9 -0
- package/src/lib/Panel/card/card.scss +290 -0
- package/src/lib/Panel/card/card.spec.ts +18 -0
- package/src/lib/Panel/card/card.ts +126 -0
- package/src/lib/Panel/tabs/tab/tab.spec.ts +18 -0
- package/src/lib/Panel/tabs/tab/tab.ts +12 -0
- package/src/lib/Panel/tabs/tabs.html +26 -0
- package/src/lib/Panel/tabs/tabs.module.ts +10 -0
- package/src/lib/Panel/tabs/tabs.scss +58 -0
- package/src/lib/Panel/tabs/tabs.spec.ts +18 -0
- package/src/lib/Panel/tabs/tabs.ts +57 -0
- package/src/lib/ng-magary.spec.ts +18 -0
- package/src/lib/ng-magary.ts +43 -0
- package/src/public-api.ts +5 -0
- package/tsconfig.lib.json +22 -0
- package/tsconfig.lib.prod.json +11 -0
- package/tsconfig.spec.json +14 -0
- package/fesm2022/ng-magary.mjs +0 -811
- package/fesm2022/ng-magary.mjs.map +0 -1
- package/index.d.ts +0 -422
- package/index.d.ts.map +0 -1
package/index.d.ts
DELETED
|
@@ -1,422 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnInit, AfterContentInit, QueryList, ElementRef } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import * as i3 from '@angular/router';
|
|
5
|
-
|
|
6
|
-
type ButtonSeverity = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'help';
|
|
7
|
-
type ButtonVariant = 'solid' | 'text' | 'outlined';
|
|
8
|
-
type ButtonSize = 'small' | 'normal' | 'large';
|
|
9
|
-
type IconPosition = 'left' | 'right';
|
|
10
|
-
type ShadowLevel$1 = 0 | 1 | 2 | 3 | 4 | 5;
|
|
11
|
-
declare class MagaryButton {
|
|
12
|
-
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
13
|
-
readonly icon: _angular_core.InputSignal<string | undefined>;
|
|
14
|
-
readonly shadow: _angular_core.InputSignal<ShadowLevel$1>;
|
|
15
|
-
readonly rounded: _angular_core.InputSignal<boolean>;
|
|
16
|
-
readonly customBackgroundColor: _angular_core.InputSignal<string | undefined>;
|
|
17
|
-
readonly iconPos: _angular_core.InputSignal<IconPosition>;
|
|
18
|
-
readonly severity: _angular_core.InputSignal<ButtonSeverity | undefined>;
|
|
19
|
-
readonly loading: _angular_core.InputSignal<boolean>;
|
|
20
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
21
|
-
readonly variant: _angular_core.InputSignal<ButtonVariant>;
|
|
22
|
-
readonly size: _angular_core.InputSignal<ButtonSize>;
|
|
23
|
-
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
24
|
-
readonly buttonClick: _angular_core.OutputEmitterRef<Event>;
|
|
25
|
-
readonly isDisabled: _angular_core.Signal<boolean>;
|
|
26
|
-
readonly buttonClasses: _angular_core.Signal<string[]>;
|
|
27
|
-
readonly buttonStyles: _angular_core.Signal<{
|
|
28
|
-
'border-radius': string;
|
|
29
|
-
background: string | undefined;
|
|
30
|
-
}>;
|
|
31
|
-
readonly effectiveAriaLabel: _angular_core.Signal<string>;
|
|
32
|
-
onButtonClick(event: Event): void;
|
|
33
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryButton, never>;
|
|
34
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryButton, "magary-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "customBackgroundColor": { "alias": "customBackgroundColor"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
declare class ButtonModule {
|
|
38
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonModule, never>;
|
|
39
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof i1.CommonModule, typeof MagaryButton], [typeof MagaryButton]>;
|
|
40
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<ButtonModule>;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
interface SpeedDialItem {
|
|
44
|
-
readonly icon: string;
|
|
45
|
-
readonly tooltip?: string;
|
|
46
|
-
readonly command?: (event?: Event) => void;
|
|
47
|
-
readonly id?: string;
|
|
48
|
-
readonly ariaLabel?: string;
|
|
49
|
-
readonly backgroundColor?: string;
|
|
50
|
-
readonly disabled?: boolean;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
type SpeedDialType = 'linear' | 'circle' | 'semicircle' | 'quartercircle';
|
|
54
|
-
type SpeedDialDirection = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right';
|
|
55
|
-
declare class MagarySpeedDial {
|
|
56
|
-
private readonly elementRef;
|
|
57
|
-
readonly items: _angular_core.InputSignal<SpeedDialItem[]>;
|
|
58
|
-
readonly icon: _angular_core.InputSignal<string>;
|
|
59
|
-
readonly activeIcon: _angular_core.InputSignal<string>;
|
|
60
|
-
readonly type: _angular_core.InputSignal<SpeedDialType>;
|
|
61
|
-
readonly direction: _angular_core.InputSignal<SpeedDialDirection | undefined>;
|
|
62
|
-
readonly radius: _angular_core.InputSignal<number>;
|
|
63
|
-
readonly showMask: _angular_core.InputSignal<boolean>;
|
|
64
|
-
readonly background: _angular_core.InputSignal<string>;
|
|
65
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
66
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
67
|
-
readonly speedDialToggle: _angular_core.OutputEmitterRef<boolean>;
|
|
68
|
-
readonly itemSelect: _angular_core.OutputEmitterRef<{
|
|
69
|
-
item: SpeedDialItem;
|
|
70
|
-
event: Event;
|
|
71
|
-
}>;
|
|
72
|
-
readonly itemCount: _angular_core.Signal<number>;
|
|
73
|
-
readonly containerClasses: _angular_core.Signal<string[]>;
|
|
74
|
-
readonly triggerStyles: _angular_core.Signal<{
|
|
75
|
-
'--trigger-bg': string;
|
|
76
|
-
}>;
|
|
77
|
-
readonly itemsStyles: _angular_core.Signal<{
|
|
78
|
-
'--item-count': string;
|
|
79
|
-
'--radius': string;
|
|
80
|
-
}>;
|
|
81
|
-
readonly currentIcon: _angular_core.Signal<string>;
|
|
82
|
-
toggleSpeedDial(event: Event): void;
|
|
83
|
-
onItemClick(event: Event, item: SpeedDialItem): void;
|
|
84
|
-
closeMask(): void;
|
|
85
|
-
trackByItem(index: number, item: SpeedDialItem): string;
|
|
86
|
-
onDocumentClick(event: Event): void;
|
|
87
|
-
onEscapeKeydown(): void;
|
|
88
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagarySpeedDial, never>;
|
|
89
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagarySpeedDial, "magary-speed-dial", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "activeIcon": { "alias": "activeIcon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "showMask": { "alias": "showMask"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "speedDialToggle": "speedDialToggle"; "itemSelect": "itemSelect"; }, never, never, true, never>;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
declare class SpeedDialModule {
|
|
93
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpeedDialModule, never>;
|
|
94
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SpeedDialModule, never, [typeof i1.CommonModule, typeof MagarySpeedDial], [typeof MagarySpeedDial]>;
|
|
95
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<SpeedDialModule>;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
declare class CascadeSelect {
|
|
99
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelect, never>;
|
|
100
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascadeSelect, "lib-cascade-select", never, {}, {}, never, never, true, never>;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
declare class CascadeSelectModule {
|
|
104
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelectModule, never>;
|
|
105
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CascadeSelectModule, never, [typeof i1.CommonModule, typeof CascadeSelect], [typeof CascadeSelect]>;
|
|
106
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<CascadeSelectModule>;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
|
|
110
|
-
type InputSize = 'small' | 'normal' | 'large';
|
|
111
|
-
type InputVariant = 'filled' | 'outlined' | 'underlined';
|
|
112
|
-
declare class MagaryInput {
|
|
113
|
-
value: _angular_core.InputSignal<string>;
|
|
114
|
-
placeholder: _angular_core.InputSignal<string>;
|
|
115
|
-
type: _angular_core.InputSignal<InputType>;
|
|
116
|
-
size: _angular_core.InputSignal<InputSize>;
|
|
117
|
-
variant: _angular_core.InputSignal<InputVariant>;
|
|
118
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
119
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
120
|
-
required: _angular_core.InputSignal<boolean>;
|
|
121
|
-
loading: _angular_core.InputSignal<boolean>;
|
|
122
|
-
error: _angular_core.InputSignal<string>;
|
|
123
|
-
success: _angular_core.InputSignal<boolean>;
|
|
124
|
-
label: _angular_core.InputSignal<string>;
|
|
125
|
-
helpText: _angular_core.InputSignal<string>;
|
|
126
|
-
prefixIcon: _angular_core.InputSignal<string>;
|
|
127
|
-
suffixIcon: _angular_core.InputSignal<string>;
|
|
128
|
-
width: _angular_core.InputSignal<string>;
|
|
129
|
-
maxLength: _angular_core.InputSignal<number | undefined>;
|
|
130
|
-
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
131
|
-
inputFocus: _angular_core.OutputEmitterRef<Event>;
|
|
132
|
-
inputBlur: _angular_core.OutputEmitterRef<Event>;
|
|
133
|
-
iconClick: _angular_core.OutputEmitterRef<"prefix" | "suffix">;
|
|
134
|
-
private focused;
|
|
135
|
-
private showPassword;
|
|
136
|
-
private readonly uniqueId;
|
|
137
|
-
inputClasses: _angular_core.Signal<string>;
|
|
138
|
-
containerClasses: _angular_core.Signal<string>;
|
|
139
|
-
inputStyles: _angular_core.Signal<{
|
|
140
|
-
width: string;
|
|
141
|
-
}>;
|
|
142
|
-
actualType: _angular_core.Signal<InputType>;
|
|
143
|
-
passwordIcon: _angular_core.Signal<"fas fa-eye-slash" | "fas fa-eye">;
|
|
144
|
-
onInput(event: Event): void;
|
|
145
|
-
onFocus(event: Event): void;
|
|
146
|
-
onBlur(event: Event): void;
|
|
147
|
-
onPrefixIconClick(): void;
|
|
148
|
-
onSuffixIconClick(): void;
|
|
149
|
-
togglePasswordVisibility(): void;
|
|
150
|
-
getId(): string;
|
|
151
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryInput, never>;
|
|
152
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryInput, "magary-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "iconClick": "iconClick"; }, never, never, true, never>;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
declare class InputModule {
|
|
156
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputModule, never>;
|
|
157
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputModule, never, [typeof i1.CommonModule, typeof MagaryInput], [typeof MagaryInput]>;
|
|
158
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputModule>;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
interface MenuItem$1 {
|
|
162
|
-
label: string;
|
|
163
|
-
route?: string;
|
|
164
|
-
icon?: string;
|
|
165
|
-
children?: MenuItem$1[];
|
|
166
|
-
disabled?: boolean;
|
|
167
|
-
metadata?: any;
|
|
168
|
-
}
|
|
169
|
-
interface MenuItemClickEvent {
|
|
170
|
-
item: MenuItem$1;
|
|
171
|
-
level: number;
|
|
172
|
-
path: string[];
|
|
173
|
-
}
|
|
174
|
-
interface MenuToggleEvent {
|
|
175
|
-
isOpen: boolean;
|
|
176
|
-
menuTitle: string;
|
|
177
|
-
}
|
|
178
|
-
declare class MagaryPanelmenu {
|
|
179
|
-
title: _angular_core.InputSignal<string>;
|
|
180
|
-
items: _angular_core.InputSignal<MenuItem$1[]>;
|
|
181
|
-
backgroundColor: _angular_core.InputSignal<string>;
|
|
182
|
-
textColor: _angular_core.InputSignal<string>;
|
|
183
|
-
borderRadius: _angular_core.InputSignal<string>;
|
|
184
|
-
shadow: _angular_core.InputSignal<number>;
|
|
185
|
-
width: _angular_core.InputSignal<string>;
|
|
186
|
-
hoverColor: _angular_core.InputSignal<string>;
|
|
187
|
-
allowMultipleExpanded: _angular_core.InputSignal<boolean>;
|
|
188
|
-
defaultOpen: _angular_core.InputSignal<boolean>;
|
|
189
|
-
menuToggle: _angular_core.OutputEmitterRef<MenuToggleEvent>;
|
|
190
|
-
itemClick: _angular_core.OutputEmitterRef<MenuItemClickEvent>;
|
|
191
|
-
itemExpand: _angular_core.OutputEmitterRef<{
|
|
192
|
-
item: MenuItem$1;
|
|
193
|
-
expanded: boolean;
|
|
194
|
-
}>;
|
|
195
|
-
isOpen: _angular_core.WritableSignal<boolean>;
|
|
196
|
-
hoveredItem: _angular_core.WritableSignal<string | null>;
|
|
197
|
-
hoveredHeader: _angular_core.WritableSignal<boolean>;
|
|
198
|
-
expandedItems: _angular_core.WritableSignal<Set<string>>;
|
|
199
|
-
panelStyles: _angular_core.Signal<{
|
|
200
|
-
'--panel-bg': string;
|
|
201
|
-
'--panel-text': string;
|
|
202
|
-
'--panel-hover': string;
|
|
203
|
-
'--panel-radius': string;
|
|
204
|
-
width: string;
|
|
205
|
-
}>;
|
|
206
|
-
constructor();
|
|
207
|
-
toggle(): void;
|
|
208
|
-
toggleSubItem(itemKey: string, item?: MenuItem$1): void;
|
|
209
|
-
onItemClick(item: MenuItem$1, level?: number, path?: string[]): void;
|
|
210
|
-
isSubItemExpanded(itemKey: string): boolean;
|
|
211
|
-
hasChildren(item: MenuItem$1): boolean;
|
|
212
|
-
onItemHover(itemId: string): void;
|
|
213
|
-
onItemLeave(): void;
|
|
214
|
-
onHeaderHover(isHovering: boolean): void;
|
|
215
|
-
getItemId(item: MenuItem$1, index: number, parentPath?: string): string;
|
|
216
|
-
getUniqueItemKey(item: MenuItem$1, parentPath?: string): string;
|
|
217
|
-
isItemHovered(itemId: string): boolean;
|
|
218
|
-
isItemDisabled(item: MenuItem$1): boolean;
|
|
219
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryPanelmenu, never>;
|
|
220
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryPanelmenu, "magary-panelmenu", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hoverColor": { "alias": "hoverColor"; "required": false; "isSignal": true; }; "allowMultipleExpanded": { "alias": "allowMultipleExpanded"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; }, { "menuToggle": "menuToggle"; "itemClick": "itemClick"; "itemExpand": "itemExpand"; }, never, never, true, never>;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
declare class PanelmenuModule {
|
|
224
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PanelmenuModule, never>;
|
|
225
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PanelmenuModule, never, [typeof i1.CommonModule, typeof MagaryPanelmenu, typeof i3.RouterModule], [typeof MagaryPanelmenu]>;
|
|
226
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<PanelmenuModule>;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
interface MenuItem {
|
|
230
|
-
label: string;
|
|
231
|
-
route?: string;
|
|
232
|
-
icon?: string;
|
|
233
|
-
children?: MenuItem[];
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
type AvatarShape = 'circle' | 'square';
|
|
237
|
-
type AvatarSize = 'xsmall' | 'small' | 'normal' | 'large' | 'xlarge';
|
|
238
|
-
type BadgeSeverity = 'info' | 'success' | 'warning' | 'danger';
|
|
239
|
-
interface AvatarClickEvent {
|
|
240
|
-
type: 'avatar' | 'badge';
|
|
241
|
-
data?: any;
|
|
242
|
-
}
|
|
243
|
-
declare class MagaryAvatar {
|
|
244
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
245
|
-
image: _angular_core.InputSignal<string | undefined>;
|
|
246
|
-
icon: _angular_core.InputSignal<string | undefined>;
|
|
247
|
-
shape: _angular_core.InputSignal<AvatarShape>;
|
|
248
|
-
size: _angular_core.InputSignal<AvatarSize>;
|
|
249
|
-
badgeValue: _angular_core.InputSignal<string | number | undefined>;
|
|
250
|
-
badgeSeverity: _angular_core.InputSignal<BadgeSeverity>;
|
|
251
|
-
customStyle: _angular_core.InputSignal<Record<string, any> | undefined>;
|
|
252
|
-
alt: _angular_core.InputSignal<string>;
|
|
253
|
-
clickable: _angular_core.InputSignal<boolean>;
|
|
254
|
-
loading: _angular_core.InputSignal<boolean>;
|
|
255
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
256
|
-
avatarClick: _angular_core.OutputEmitterRef<AvatarClickEvent>;
|
|
257
|
-
imageError: _angular_core.WritableSignal<boolean>;
|
|
258
|
-
displayLabel: _angular_core.Signal<string>;
|
|
259
|
-
avatarClasses: _angular_core.Signal<{
|
|
260
|
-
[x: string]: boolean;
|
|
261
|
-
clickable: boolean;
|
|
262
|
-
loading: boolean;
|
|
263
|
-
disabled: boolean;
|
|
264
|
-
'has-image': boolean;
|
|
265
|
-
'has-icon': boolean;
|
|
266
|
-
'has-label': boolean;
|
|
267
|
-
}>;
|
|
268
|
-
shouldShowImage: _angular_core.Signal<boolean | "" | undefined>;
|
|
269
|
-
shouldShowIcon: _angular_core.Signal<boolean>;
|
|
270
|
-
shouldShowLabel: _angular_core.Signal<boolean>;
|
|
271
|
-
onImageError(): void;
|
|
272
|
-
onImageLoad(): void;
|
|
273
|
-
onAvatarClick(): void;
|
|
274
|
-
onBadgeClick(event: Event): void;
|
|
275
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryAvatar, never>;
|
|
276
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryAvatar, "magary-avatar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "badgeValue": { "alias": "badgeValue"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "avatarClick": "avatarClick"; }, never, never, true, never>;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
interface SidebarSection {
|
|
280
|
-
title: string;
|
|
281
|
-
items: MenuItem[];
|
|
282
|
-
backgroundColor?: string;
|
|
283
|
-
textColor?: string;
|
|
284
|
-
hoverColor?: string;
|
|
285
|
-
}
|
|
286
|
-
type AvatarType = 'image' | 'label' | 'icon';
|
|
287
|
-
interface AvatarConfig {
|
|
288
|
-
type: AvatarType;
|
|
289
|
-
size?: AvatarSize;
|
|
290
|
-
shape?: AvatarShape;
|
|
291
|
-
image?: string;
|
|
292
|
-
label?: string;
|
|
293
|
-
icon?: string;
|
|
294
|
-
badgeValue?: string;
|
|
295
|
-
badgeSeverity?: BadgeSeverity | undefined;
|
|
296
|
-
}
|
|
297
|
-
declare class Sidebar {
|
|
298
|
-
sections: _angular_core.InputSignal<SidebarSection[]>;
|
|
299
|
-
menu: _angular_core.InputSignal<MenuItem[]>;
|
|
300
|
-
menuTitle: _angular_core.InputSignal<string>;
|
|
301
|
-
showUserSection: _angular_core.InputSignal<boolean>;
|
|
302
|
-
userName: _angular_core.InputSignal<string>;
|
|
303
|
-
userEmail: _angular_core.InputSignal<string>;
|
|
304
|
-
avatarConfig: _angular_core.InputSignal<AvatarConfig>;
|
|
305
|
-
logoSrc: _angular_core.InputSignal<string>;
|
|
306
|
-
appTitle: _angular_core.InputSignal<string>;
|
|
307
|
-
isMobileOpen: _angular_core.WritableSignal<boolean>;
|
|
308
|
-
Logout: _angular_core.OutputEmitterRef<void>;
|
|
309
|
-
closeSidebar: _angular_core.OutputEmitterRef<void>;
|
|
310
|
-
toggleMobileSidebar(): void;
|
|
311
|
-
closeMobileSidebar(): void;
|
|
312
|
-
logout(): void;
|
|
313
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
|
|
314
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "magary-sidebar", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "showUserSection": { "alias": "showUserSection"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "userEmail": { "alias": "userEmail"; "required": false; "isSignal": true; }; "avatarConfig": { "alias": "avatarConfig"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "appTitle": { "alias": "appTitle"; "required": false; "isSignal": true; }; }, { "Logout": "Logout"; "closeSidebar": "closeSidebar"; }, never, never, true, never>;
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
declare class SidebarModule {
|
|
318
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarModule, never>;
|
|
319
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SidebarModule, never, [typeof i1.CommonModule, typeof Sidebar, typeof i3.RouterModule], [typeof Sidebar]>;
|
|
320
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<SidebarModule>;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
declare class AvatarModule {
|
|
324
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarModule, never>;
|
|
325
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AvatarModule, never, [typeof i1.CommonModule, typeof MagaryAvatar], [typeof MagaryAvatar]>;
|
|
326
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AvatarModule>;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
type ImagePosition = 'left' | 'right' | 'top' | 'bottom';
|
|
330
|
-
type ShadowLevel = 0 | 1 | 2 | 3 | 4 | 5;
|
|
331
|
-
type CardVariant = 'elevated' | 'outlined' | 'filled';
|
|
332
|
-
declare class MagaryCard {
|
|
333
|
-
readonly img: _angular_core.InputSignal<string | undefined>;
|
|
334
|
-
readonly positionImage: _angular_core.InputSignal<ImagePosition>;
|
|
335
|
-
readonly shadow: _angular_core.InputSignal<ShadowLevel>;
|
|
336
|
-
readonly width: _angular_core.InputSignal<string>;
|
|
337
|
-
readonly height: _angular_core.InputSignal<string>;
|
|
338
|
-
readonly padding: _angular_core.InputSignal<string>;
|
|
339
|
-
readonly gap: _angular_core.InputSignal<string>;
|
|
340
|
-
readonly borderRadius: _angular_core.InputSignal<string>;
|
|
341
|
-
readonly imageSize: _angular_core.InputSignal<string>;
|
|
342
|
-
readonly backgroundColor: _angular_core.InputSignal<string>;
|
|
343
|
-
readonly responsive: _angular_core.InputSignal<boolean>;
|
|
344
|
-
readonly altText: _angular_core.InputSignal<string>;
|
|
345
|
-
readonly imageFit: _angular_core.InputSignal<"cover" | "contain" | "fill" | "scale-down" | "none">;
|
|
346
|
-
readonly clickable: _angular_core.InputSignal<boolean>;
|
|
347
|
-
readonly loading: _angular_core.InputSignal<boolean>;
|
|
348
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
349
|
-
readonly variant: _angular_core.InputSignal<CardVariant>;
|
|
350
|
-
readonly loadingText: _angular_core.InputSignal<string>;
|
|
351
|
-
readonly cardClasses: _angular_core.Signal<string[]>;
|
|
352
|
-
readonly cardStyles: _angular_core.Signal<{
|
|
353
|
-
width: string;
|
|
354
|
-
height: string;
|
|
355
|
-
'border-radius': string;
|
|
356
|
-
'background-color': string;
|
|
357
|
-
'--border-radius': string;
|
|
358
|
-
'--gap': string;
|
|
359
|
-
'--padding': string;
|
|
360
|
-
cursor: string;
|
|
361
|
-
opacity: string;
|
|
362
|
-
'pointer-events': string;
|
|
363
|
-
}>;
|
|
364
|
-
readonly imageWidth: _angular_core.Signal<string>;
|
|
365
|
-
readonly imageHeight: _angular_core.Signal<string>;
|
|
366
|
-
readonly imageClasses: _angular_core.Signal<string[]>;
|
|
367
|
-
readonly imageBorderRadius: _angular_core.Signal<Record<string, string>>;
|
|
368
|
-
readonly imageStyles: _angular_core.Signal<{
|
|
369
|
-
width: string;
|
|
370
|
-
height: string;
|
|
371
|
-
'object-fit': "cover" | "contain" | "fill" | "scale-down" | "none";
|
|
372
|
-
}>;
|
|
373
|
-
readonly hasImage: _angular_core.Signal<boolean>;
|
|
374
|
-
readonly isHorizontalLayout: _angular_core.Signal<boolean>;
|
|
375
|
-
readonly isInteractive: _angular_core.Signal<boolean>;
|
|
376
|
-
readonly showLoadingOverlay: _angular_core.Signal<boolean>;
|
|
377
|
-
onCardClick(event: Event): void;
|
|
378
|
-
onCardKeydown(event: KeyboardEvent): void;
|
|
379
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryCard, never>;
|
|
380
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryCard, "magary-card", never, { "img": { "alias": "img"; "required": false; "isSignal": true; }; "positionImage": { "alias": "positionImage"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "imageSize": { "alias": "imageSize"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "altText": { "alias": "altText"; "required": false; "isSignal": true; }; "imageFit": { "alias": "imageFit"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, {}, never, ["[slot='header']", "*", "[slot='footer']"], true, never>;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
declare class CardModule {
|
|
384
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardModule, never>;
|
|
385
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CardModule, never, [typeof i1.CommonModule, typeof MagaryCard], [typeof MagaryCard]>;
|
|
386
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<CardModule>;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
declare class MagaryTab {
|
|
390
|
-
label: _angular_core.InputSignal<string>;
|
|
391
|
-
active: _angular_core.WritableSignal<boolean>;
|
|
392
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryTab, never>;
|
|
393
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryTab, "magary-tab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
declare class MagaryTabs implements OnInit, AfterContentInit {
|
|
397
|
-
tabs: QueryList<MagaryTab>;
|
|
398
|
-
headersRef: ElementRef<HTMLElement>;
|
|
399
|
-
buttonsRef: QueryList<ElementRef<HTMLElement>>;
|
|
400
|
-
activeIndex: _angular_core.WritableSignal<number>;
|
|
401
|
-
backgroundLine: _angular_core.InputSignal<string>;
|
|
402
|
-
positionContent: _angular_core.InputSignal<string>;
|
|
403
|
-
background: _angular_core.InputSignal<string>;
|
|
404
|
-
padding: _angular_core.InputSignal<string>;
|
|
405
|
-
heightLine: _angular_core.InputSignal<string>;
|
|
406
|
-
ngOnInit(): void;
|
|
407
|
-
ngAfterContentInit(): void;
|
|
408
|
-
selectTab(index: number): void;
|
|
409
|
-
private updateUnderlinePosition;
|
|
410
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MagaryTabs, never>;
|
|
411
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MagaryTabs, "magary-tabs", never, { "backgroundLine": { "alias": "backgroundLine"; "required": false; "isSignal": true; }; "positionContent": { "alias": "positionContent"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "heightLine": { "alias": "heightLine"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
declare class TabsModule {
|
|
415
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsModule, never>;
|
|
416
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TabsModule, never, [typeof i1.CommonModule, typeof MagaryTabs, typeof MagaryTab], [typeof MagaryTabs, typeof MagaryTab]>;
|
|
417
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<TabsModule>;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
export { AvatarModule, ButtonModule, CardModule, CascadeSelect, CascadeSelectModule, InputModule, MagaryAvatar, MagaryButton, MagaryCard, MagaryInput, MagaryPanelmenu, MagarySpeedDial, MagaryTab, MagaryTabs, PanelmenuModule, Sidebar, SidebarModule, SpeedDialModule, TabsModule };
|
|
421
|
-
export type { AvatarClickEvent, AvatarShape, AvatarSize, BadgeSeverity, InputSize, InputType, InputVariant, MenuItem$1 as MenuItem, MenuItemClickEvent, MenuToggleEvent };
|
|
422
|
-
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sources":["../../projects/ng-magary/src/lib/Button/button/button.ts","../../projects/ng-magary/src/lib/Button/button/button.module.ts","../../projects/ng-magary/src/lib/Button/speed-dial/speed-dial-item.interface.ts","../../projects/ng-magary/src/lib/Button/speed-dial/speed-dial.ts","../../projects/ng-magary/src/lib/Button/speed-dial/speed-dial.module.ts","../../projects/ng-magary/src/lib/Form/cascade-select/cascade-select.ts","../../projects/ng-magary/src/lib/Form/cascade-select/cascade-select.module.ts","../../projects/ng-magary/src/lib/Form/input/input.ts","../../projects/ng-magary/src/lib/Form/input/input.module.ts","../../projects/ng-magary/src/lib/Menu/panelmenu/panelmenu.ts","../../projects/ng-magary/src/lib/Menu/panelmenu/panelmenu.module.ts","../../projects/ng-magary/src/lib/Menu/panelmenu/panelmenu.interface.ts","../../projects/ng-magary/src/lib/Misc/avatar/avatar.ts","../../projects/ng-magary/src/lib/Menu/sidebar/sidebar.ts","../../projects/ng-magary/src/lib/Menu/sidebar/sidebar.module.ts","../../projects/ng-magary/src/lib/Misc/avatar/avatar.module.ts","../../projects/ng-magary/src/lib/Panel/card/card.ts","../../projects/ng-magary/src/lib/Panel/card/card.module.ts","../../projects/ng-magary/src/lib/Panel/tabs/tab/tab.ts","../../projects/ng-magary/src/lib/Panel/tabs/tabs.ts","../../projects/ng-magary/src/lib/Panel/tabs/tabs.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;AAQA;AAQA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;AAuCE;;;AAGI;;AAIJ;;;AAKD;;ACpED;;;;AAK4B;;;ACP1B;AACA;;AAEA;AACA;AACA;AACA;AACD;;ACID;AACA;AASA;AAOE;;;;;;;;;;;;AAYA;;;AAAsE;;;AAUtE;;AAEI;AACJ;;;AAGI;;AAIJ;;AAkBA;;AAQA;AAYA;;;AAMD;;ACtGD;;;;AAI+B;;ACN/B;;;AAOC;;ACLD;;;;AAIoC;;;ACM9B;AAEA;AAEN;AAOE;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;;;AAIA;AAEA;AAeA;;;AAWI;AAEJ;AAOA;AAIA;AAKA;AAKA;AAKA;AAMA;AAMA;AAMA;;;AAGD;;AC/HD;;;;AAI2B;;;;;;ACDzB;;;AAGD;;;;;AAKA;;;;AAIA;AACD;AAOS;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAC6D;AAC7D;AACA;AACA;AACA;;;;;;;AAOH;;AAMJ;;AAuCA;AAQA;AAGA;AAGA;AAGA;AAGA;AAGA;;AASA;AAGA;;;AAGD;;ACjID;;;;AAI+B;;;;;;ACJ7B;AACD;;;ACFK;AACA;;AAEJ;;AAED;AACD;AAOS;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AAsBH;AACG;AAGA;AAGA;AAKP;AAGA;AAGA;AAWA;;;AAWD;;ACjFD;;;;;;AAMC;AACD;AACA;;;;;;;;AAQE;AACD;AACD;AAOS;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AACP;AACA;;;;;;AAUD;;AC3DD;;;;AAI6B;;ACJ7B;;;;AAI4B;;ACN5B;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AAwCE;;;;;;;;;;;AAWI;;;;;AAwCJ;;;;AAKI;;;;;;;;;AAwBL;;AC1HD;;;;AAK0B;;ACP1B;AAQS;AACA;;;AACR;;ACED;AAO8B;AACH;;AAElB;AACA;AACA;AACA;AACA;AACA;AACP;;;AAeA;;;AAYD;;ACpDD;;;;AAK0B;;;"}
|