@webilix/ngx-helper-m3 0.0.27 → 0.0.31
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/webilix-ngx-helper-m3.mjs +442 -128
- package/fesm2022/webilix-ngx-helper-m3.mjs.map +1 -1
- package/index.d.ts +831 -5
- package/ngx-helper-m3.css +123 -1
- package/package.json +6 -6
- package/lib/components/box/ngx-helper-box.component.d.ts +0 -17
- package/lib/components/box/ngx-helper-box.interface.d.ts +0 -2
- package/lib/components/card/ngx-helper-card.component.d.ts +0 -55
- package/lib/components/card/ngx-helper-card.interface.d.ts +0 -25
- package/lib/components/component.service.d.ts +0 -33
- package/lib/components/loader/ngx-helper-loader.component.d.ts +0 -16
- package/lib/components/page-group/ngx-helper-page-group.component.d.ts +0 -33
- package/lib/components/page-group/ngx-helper-page-group.interface.d.ts +0 -25
- package/lib/components/progress/ngx-helper-progress.component.d.ts +0 -20
- package/lib/components/section/column/ngx-helper-section-column.component.d.ts +0 -26
- package/lib/components/section/ngx-helper-section.component.d.ts +0 -17
- package/lib/components/value/box/ngx-helper-value-box.component.d.ts +0 -35
- package/lib/components/value/list/ngx-helper-value-list.component.d.ts +0 -22
- package/lib/components/value/ngx-helper-value.interface.d.ts +0 -77
- package/lib/components/value/ngx-helper-value.pipe.d.ts +0 -10
- package/lib/confirm/bottom-sheet/confirm-bottom-sheet.component.d.ts +0 -12
- package/lib/confirm/confirm.interface.d.ts +0 -11
- package/lib/confirm/confirm.service.d.ts +0 -44
- package/lib/confirm/dialog/confirm-dialog.component.d.ts +0 -8
- package/lib/container/bottom-sheet/container-bottom-sheet.component.d.ts +0 -20
- package/lib/container/container.interface.d.ts +0 -10
- package/lib/container/container.service.d.ts +0 -36
- package/lib/container/dialog/container-dialog.component.d.ts +0 -20
- package/lib/coordinates/get/get.component.d.ts +0 -20
- package/lib/coordinates/ngx-helper-coordinates.interface.d.ts +0 -10
- package/lib/coordinates/ngx-helper-coordinates.service.d.ts +0 -16
- package/lib/coordinates/show/show.component.d.ts +0 -16
- package/lib/directives/ngx-helper-mobile-view.directive.d.ts +0 -15
- package/lib/directives/ngx-helper-sticky.directive.d.ts +0 -19
- package/lib/http/download/download.component.d.ts +0 -25
- package/lib/http/ngx-helper-http.interface.d.ts +0 -15
- package/lib/http/ngx-helper-http.service.d.ts +0 -27
- package/lib/http/upload/upload.component.d.ts +0 -21
- package/lib/ngx-helper.config.d.ts +0 -22
- package/lib/pipe.types.d.ts +0 -2
- package/lib/pipes/bank-card.pipe.d.ts +0 -10
- package/lib/pipes/date.pipe.d.ts +0 -15
- package/lib/pipes/duration.pipe.d.ts +0 -34
- package/lib/pipes/file-size.pipe.d.ts +0 -9
- package/lib/pipes/mobile.pipe.d.ts +0 -9
- package/lib/pipes/multi-line.pipe.d.ts +0 -12
- package/lib/pipes/number.pipe.d.ts +0 -10
- package/lib/pipes/period.pipe.d.ts +0 -25
- package/lib/pipes/price.pipe.d.ts +0 -11
- package/lib/pipes/safe.pipe.d.ts +0 -14
- package/lib/pipes/volume.pipe.d.ts +0 -10
- package/lib/pipes/weight.pipe.d.ts +0 -10
- package/lib/toast/ngx-helper-toast.interface.d.ts +0 -4
- package/lib/toast/ngx-helper-toast.service.d.ts +0 -41
- package/lib/toast/toast/toast.component.d.ts +0 -35
- package/public-api.d.ts +0 -39
package/ngx-helper-m3.css
CHANGED
@@ -185,7 +185,7 @@
|
|
185
185
|
|
186
186
|
mat-icon {
|
187
187
|
cursor: pointer;
|
188
|
-
font-size:
|
188
|
+
font-size: 130%;
|
189
189
|
color: rgb(0, 0, 0);
|
190
190
|
}
|
191
191
|
|
@@ -266,6 +266,128 @@
|
|
266
266
|
}
|
267
267
|
}
|
268
268
|
|
269
|
+
/* NGX HELPER ROUTE */
|
270
|
+
.ngx-helper-m3-route {
|
271
|
+
display: block;
|
272
|
+
z-index: 1000;
|
273
|
+
|
274
|
+
position: fixed;
|
275
|
+
top: 0;
|
276
|
+
right: 0;
|
277
|
+
bottom: 0;
|
278
|
+
left: 0;
|
279
|
+
|
280
|
+
.map {
|
281
|
+
width: 100vw;
|
282
|
+
height: 100vh;
|
283
|
+
background-color: rgb(255, 255, 255);
|
284
|
+
}
|
285
|
+
|
286
|
+
.route {
|
287
|
+
position: absolute;
|
288
|
+
top: 0;
|
289
|
+
bottom: 0;
|
290
|
+
left: 0;
|
291
|
+
width: 250px;
|
292
|
+
|
293
|
+
direction: ltr;
|
294
|
+
background-color: var(--background);
|
295
|
+
box-shadow: 0 0 5px 0px var(--primary);
|
296
|
+
|
297
|
+
display: flex;
|
298
|
+
flex-direction: column;
|
299
|
+
|
300
|
+
.header {
|
301
|
+
display: flex;
|
302
|
+
align-items: center;
|
303
|
+
column-gap: 1rem;
|
304
|
+
|
305
|
+
padding: 0.5rem 1rem;
|
306
|
+
color: var(--on-primary);
|
307
|
+
background-color: var(--primary);
|
308
|
+
margin: 0.5rem 0.5rem 0.75rem 0.5rem;
|
309
|
+
|
310
|
+
.title {
|
311
|
+
flex: 1;
|
312
|
+
font-size: 90%;
|
313
|
+
font-weight: 500;
|
314
|
+
font-family: Roboto, 'Helvetica Neue', sans-serif;
|
315
|
+
}
|
316
|
+
|
317
|
+
mat-icon {
|
318
|
+
cursor: pointer;
|
319
|
+
font-size: 110%;
|
320
|
+
color: var(--on-primary);
|
321
|
+
}
|
322
|
+
}
|
323
|
+
|
324
|
+
.coordinates {
|
325
|
+
flex: 1;
|
326
|
+
|
327
|
+
overflow: auto;
|
328
|
+
max-height: calc(100vh - 1rem - 40px - 48px);
|
329
|
+
}
|
330
|
+
|
331
|
+
.footer {
|
332
|
+
display: flex;
|
333
|
+
align-items: center;
|
334
|
+
|
335
|
+
position: relative;
|
336
|
+
color: var(--primary);
|
337
|
+
background-color: var(--surface-container);
|
338
|
+
padding: 0.75rem 1rem;
|
339
|
+
|
340
|
+
.distance {
|
341
|
+
flex: 1;
|
342
|
+
font-size: 90%;
|
343
|
+
font-weight: 500;
|
344
|
+
font-family: Roboto, 'Helvetica Neue', sans-serif;
|
345
|
+
}
|
346
|
+
|
347
|
+
mat-icon {
|
348
|
+
cursor: pointer;
|
349
|
+
font-size: 130%;
|
350
|
+
}
|
351
|
+
|
352
|
+
mat-icon.disabled {
|
353
|
+
opacity: 0.4;
|
354
|
+
}
|
355
|
+
}
|
356
|
+
}
|
357
|
+
}
|
358
|
+
|
359
|
+
.ngx-helper-m3-route-coordinate {
|
360
|
+
display: flex;
|
361
|
+
align-items: center;
|
362
|
+
|
363
|
+
padding: 0.5rem;
|
364
|
+
border-top: 1px solid var(--outline-variant);
|
365
|
+
background-color: var(--background);
|
366
|
+
|
367
|
+
mat-icon {
|
368
|
+
cursor: pointer;
|
369
|
+
font-size: 130%;
|
370
|
+
}
|
371
|
+
|
372
|
+
mat-icon.delete {
|
373
|
+
color: var(--error);
|
374
|
+
}
|
375
|
+
|
376
|
+
.index {
|
377
|
+
width: 30px;
|
378
|
+
font-size: 80%;
|
379
|
+
font-family: Roboto, 'Helvetica Neue', sans-serif;
|
380
|
+
}
|
381
|
+
|
382
|
+
.value {
|
383
|
+
flex: 1;
|
384
|
+
font-size: 90%;
|
385
|
+
cursor: pointer;
|
386
|
+
overflow: hidden;
|
387
|
+
font-family: Roboto, 'Helvetica Neue', sans-serif;
|
388
|
+
}
|
389
|
+
}
|
390
|
+
|
269
391
|
/* NGX HELPER TOAST */
|
270
392
|
.ngx-helper-m3-toast {
|
271
393
|
position: fixed;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@webilix/ngx-helper-m3",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.31",
|
4
4
|
"author": "Ali Amirnezhad",
|
5
5
|
"description": "Helper library for Angular and Material 3",
|
6
6
|
"repository": {
|
@@ -20,11 +20,11 @@
|
|
20
20
|
},
|
21
21
|
"homepage": "https://github.com/webilix/ngx-helper-m3#readme",
|
22
22
|
"peerDependencies": {
|
23
|
-
"@angular/common": ">=
|
24
|
-
"@angular/core": ">=
|
25
|
-
"@angular/material": ">=
|
26
|
-
"@webilix/helper-library": ">=6.1.
|
27
|
-
"@webilix/jalali-date-time": ">=2.0.
|
23
|
+
"@angular/common": ">=20.0.0",
|
24
|
+
"@angular/core": ">=20.0.0",
|
25
|
+
"@angular/material": ">=20.0.1",
|
26
|
+
"@webilix/helper-library": ">=6.1.5",
|
27
|
+
"@webilix/jalali-date-time": ">=2.0.7",
|
28
28
|
"ngx-mask": ">=19.0.6",
|
29
29
|
"ol": ">=10.5.0"
|
30
30
|
},
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import { ComponentType } from '@angular/cdk/portal';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class NgxHelperBoxComponent implements OnInit, OnChanges {
|
5
|
-
private className;
|
6
|
-
private paddingCSS;
|
7
|
-
component?: ComponentType<any>;
|
8
|
-
data?: any;
|
9
|
-
padding: string;
|
10
|
-
hideShadow: boolean;
|
11
|
-
injector: Injector;
|
12
|
-
ngOnInit(): void;
|
13
|
-
ngOnChanges(changes: SimpleChanges): void;
|
14
|
-
setInjector(): void;
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperBoxComponent, never>;
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperBoxComponent, "ngx-helper-box", never, { "component": { "alias": "component"; "required": false; }; "data": { "alias": "data"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "hideShadow": { "alias": "hideShadow"; "required": false; }; }, {}, never, ["*"], true, never>;
|
17
|
-
}
|
@@ -1,55 +0,0 @@
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import { INgxHelperConfig } from '../../ngx-helper.config';
|
3
|
-
import { ComponentService } from '../component.service';
|
4
|
-
import { INgxHelperCardOption, NgxHelperCardAction } from './ngx-helper-card.interface';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
type Button = {
|
7
|
-
type: 'BUTTON';
|
8
|
-
title: string;
|
9
|
-
icon: string;
|
10
|
-
action: () => void;
|
11
|
-
color?: string;
|
12
|
-
showIcon?: boolean;
|
13
|
-
} | {
|
14
|
-
type: 'MENU';
|
15
|
-
title: string;
|
16
|
-
icon: string;
|
17
|
-
color?: string;
|
18
|
-
showIcon?: boolean;
|
19
|
-
buttons: ('DIVIDER' | {
|
20
|
-
title: string;
|
21
|
-
icon: string;
|
22
|
-
action: () => void;
|
23
|
-
color?: string;
|
24
|
-
})[];
|
25
|
-
};
|
26
|
-
export declare class NgxHelperCardComponent implements OnInit, OnChanges {
|
27
|
-
private readonly componentService;
|
28
|
-
private readonly config?;
|
29
|
-
private className;
|
30
|
-
title: string;
|
31
|
-
subTitle?: string;
|
32
|
-
icon?: string;
|
33
|
-
actions: NgxHelperCardAction[];
|
34
|
-
option?: INgxHelperCardOption;
|
35
|
-
padding: string;
|
36
|
-
backgroundColor?: string;
|
37
|
-
hasShadow: boolean;
|
38
|
-
isMobile: boolean;
|
39
|
-
buttons: Button[];
|
40
|
-
private componentConfig;
|
41
|
-
optionId?: string;
|
42
|
-
optionTitle?: string;
|
43
|
-
optionItems: ('DIVIDER' | {
|
44
|
-
readonly id: string;
|
45
|
-
readonly title: string;
|
46
|
-
})[];
|
47
|
-
constructor(componentService: ComponentService, config?: Partial<INgxHelperConfig> | undefined);
|
48
|
-
ngOnInit(): void;
|
49
|
-
ngOnChanges(changes: SimpleChanges): void;
|
50
|
-
onResize(): void;
|
51
|
-
setOption(id: string, firstCheck?: boolean): void;
|
52
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperCardComponent, [null, { optional: true; }]>;
|
53
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperCardComponent, "ngx-helper-card", never, { "title": { "alias": "title"; "required": true; }; "subTitle": { "alias": "subTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "option": { "alias": "option"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "hasShadow": { "alias": "hasShadow"; "required": false; }; }, {}, never, ["*"], true, never>;
|
54
|
-
}
|
55
|
-
export {};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
interface ICardButton {
|
2
|
-
readonly title: string;
|
3
|
-
readonly icon: string;
|
4
|
-
readonly action: () => void;
|
5
|
-
readonly color?: string;
|
6
|
-
readonly showIcon?: boolean;
|
7
|
-
}
|
8
|
-
interface ICardMenu {
|
9
|
-
readonly title: string;
|
10
|
-
readonly icon: string;
|
11
|
-
readonly color?: string;
|
12
|
-
readonly showIcon?: boolean;
|
13
|
-
readonly buttons: ('DIVIDER' | ICardButton)[];
|
14
|
-
}
|
15
|
-
export type NgxHelperCardAction = ICardButton | ICardMenu;
|
16
|
-
export interface INgxHelperCardOption {
|
17
|
-
readonly id?: string;
|
18
|
-
readonly icon: string;
|
19
|
-
readonly items: ('DIVIDER' | {
|
20
|
-
readonly id: string;
|
21
|
-
readonly title: string;
|
22
|
-
})[];
|
23
|
-
readonly action: (id: string) => void;
|
24
|
-
}
|
25
|
-
export {};
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import { INgxHelperConfig } from '../ngx-helper.config';
|
2
|
-
import { INgxHelperValue } from './value/ngx-helper-value.interface';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export interface IComponentConfig {
|
5
|
-
readonly mobileWidth: number;
|
6
|
-
readonly pageGroupSidebarWidth: string;
|
7
|
-
readonly stickyView?: {
|
8
|
-
readonly top?: {
|
9
|
-
readonly desktopView: string;
|
10
|
-
readonly mobileView: string;
|
11
|
-
};
|
12
|
-
readonly bottom?: {
|
13
|
-
readonly desktopView: string;
|
14
|
-
readonly mobileView: string;
|
15
|
-
};
|
16
|
-
};
|
17
|
-
}
|
18
|
-
export interface IValueComponentData {
|
19
|
-
readonly title: string;
|
20
|
-
readonly value: string;
|
21
|
-
readonly color?: string;
|
22
|
-
readonly action?: () => string[] | void;
|
23
|
-
readonly copyToClipboard?: boolean;
|
24
|
-
readonly ltr?: boolean;
|
25
|
-
readonly english?: boolean;
|
26
|
-
}
|
27
|
-
export declare class ComponentService {
|
28
|
-
getComponentConfig(config?: Partial<INgxHelperConfig>): IComponentConfig;
|
29
|
-
private isRTL;
|
30
|
-
getValueData(values: INgxHelperValue[]): IValueComponentData[];
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ComponentService, never>;
|
32
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<ComponentService>;
|
33
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class NgxHelperLoaderComponent implements OnInit, OnChanges {
|
4
|
-
loaderSize: string;
|
5
|
-
loaderColor: string;
|
6
|
-
mode: 'SPINNER' | 'DOTS-SPINNER' | 'WHEEL-SPINNER';
|
7
|
-
size: number;
|
8
|
-
color: string;
|
9
|
-
padding?: string;
|
10
|
-
margin?: string;
|
11
|
-
ngOnInit(): void;
|
12
|
-
ngOnChanges(changes: SimpleChanges): void;
|
13
|
-
init(): void;
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperLoaderComponent, never>;
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperLoaderComponent, "ngx-helper-loader", never, { "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; }, {}, never, never, true, never>;
|
16
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import { EventEmitter, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import { ActivatedRoute, Router } from '@angular/router';
|
3
|
-
import { INgxHelperConfig } from '../../ngx-helper.config';
|
4
|
-
import { ComponentService, IComponentConfig } from '../component.service';
|
5
|
-
import { INgxHelperPageGroup, INgxHelperPageGroupItem } from './ngx-helper-page-group.interface';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export declare class NgxHelperPageGroupComponent implements OnInit, OnChanges {
|
8
|
-
private readonly activatedRoute;
|
9
|
-
private readonly router;
|
10
|
-
private readonly componentService;
|
11
|
-
private readonly config?;
|
12
|
-
private className;
|
13
|
-
display: string;
|
14
|
-
pageGroup: INgxHelperPageGroup;
|
15
|
-
pageId: string;
|
16
|
-
data?: any;
|
17
|
-
pageChanged: EventEmitter<INgxHelperPageGroupItem>;
|
18
|
-
dataChanged: EventEmitter<any>;
|
19
|
-
isMobile: boolean;
|
20
|
-
pages: string[];
|
21
|
-
injector: Injector;
|
22
|
-
sidebarWidth: string;
|
23
|
-
componentConfig: IComponentConfig;
|
24
|
-
constructor(activatedRoute: ActivatedRoute, router: Router, componentService: ComponentService, config?: Partial<INgxHelperConfig> | undefined);
|
25
|
-
ngOnInit(): void;
|
26
|
-
ngOnChanges(changes: SimpleChanges): void;
|
27
|
-
onResize(): void;
|
28
|
-
setInjector(): void;
|
29
|
-
setPage(id: string): void;
|
30
|
-
triggerPageChanged(): void;
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperPageGroupComponent, [null, null, null, { optional: true; }]>;
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperPageGroupComponent, "ngx-helper-page-group", never, { "pageGroup": { "alias": "pageGroup"; "required": true; }; "pageId": { "alias": "pageId"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "pageChanged": "pageChanged"; "dataChanged": "dataChanged"; }, never, never, true, never>;
|
33
|
-
}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
2
|
-
import { ComponentType } from '@angular/cdk/portal';
|
3
|
-
interface IPage {
|
4
|
-
readonly title: string;
|
5
|
-
readonly icon: string;
|
6
|
-
readonly component: ComponentType<any>;
|
7
|
-
}
|
8
|
-
export interface INgxHelperPageGroup {
|
9
|
-
readonly route?: string[];
|
10
|
-
readonly header?: ComponentType<any>;
|
11
|
-
readonly pages: {
|
12
|
-
[key: string]: IPage;
|
13
|
-
};
|
14
|
-
readonly sidebarWidth?: string;
|
15
|
-
}
|
16
|
-
export interface INgxHelperPageGroupItem {
|
17
|
-
readonly index: number;
|
18
|
-
readonly id: string;
|
19
|
-
readonly title: string;
|
20
|
-
readonly icon: string;
|
21
|
-
}
|
22
|
-
export declare const NGX_HELPER_PAGE_GROUP_ITEM: InjectionToken<INgxHelperPageGroupItem>;
|
23
|
-
export declare const NGX_HELPER_PAGE_GROUP_DATA: InjectionToken<any>;
|
24
|
-
export declare const NGX_HELPER_PAGE_GROUP_DATA_CHANGE: InjectionToken<(data: any) => void>;
|
25
|
-
export {};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { OnChanges, SimpleChanges } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class NgxHelperProgressComponent implements OnChanges {
|
4
|
-
private className;
|
5
|
-
borderRadiusCSS: string;
|
6
|
-
backgroundColorCSS: string;
|
7
|
-
value: number | {
|
8
|
-
done: number;
|
9
|
-
total: number;
|
10
|
-
};
|
11
|
-
align: 'LR' | 'RL' | 'TB' | 'BT';
|
12
|
-
borderRadius: string;
|
13
|
-
progressColor: string;
|
14
|
-
backgroundColor?: string;
|
15
|
-
size: string;
|
16
|
-
direction: 'H' | 'V';
|
17
|
-
ngOnChanges(changes: SimpleChanges): void;
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperProgressComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperProgressComponent, "ngx-helper-progress", never, { "value": { "alias": "value"; "required": true; }; "align": { "alias": "align"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
20
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import { INgxHelperConfig } from '../../../ngx-helper.config';
|
3
|
-
import { ComponentService } from '../../component.service';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export declare class NgxHelperSectionColumnComponent implements OnInit, OnChanges {
|
6
|
-
private readonly componentService;
|
7
|
-
private readonly config?;
|
8
|
-
flexStyle: string;
|
9
|
-
widthStyle: string;
|
10
|
-
stickyPosition: string;
|
11
|
-
stickyZIndex: string;
|
12
|
-
stickyTop: string;
|
13
|
-
flex?: number;
|
14
|
-
width?: string;
|
15
|
-
sticky?: boolean | 'DESKTOP' | 'MOBILE';
|
16
|
-
zIndex?: number;
|
17
|
-
private componentConfig;
|
18
|
-
private isMobile;
|
19
|
-
constructor(componentService: ComponentService, config?: Partial<INgxHelperConfig> | undefined);
|
20
|
-
ngOnInit(): void;
|
21
|
-
ngOnChanges(changes: SimpleChanges): void;
|
22
|
-
onResize(): void;
|
23
|
-
setPosition(): void;
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperSectionColumnComponent, [null, { optional: true; }]>;
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperSectionColumnComponent, "ngx-helper-section-column", never, { "flex": { "alias": "flex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, {}, never, ["*"], true, never>;
|
26
|
-
}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { OnInit } from '@angular/core';
|
2
|
-
import { INgxHelperConfig } from '../../ngx-helper.config';
|
3
|
-
import { ComponentService } from '../component.service';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export declare class NgxHelperSectionComponent implements OnInit {
|
6
|
-
private readonly componentService;
|
7
|
-
private readonly config?;
|
8
|
-
private gap;
|
9
|
-
gapSize?: string;
|
10
|
-
private componentConfig;
|
11
|
-
isMobile: boolean;
|
12
|
-
constructor(componentService: ComponentService, config?: Partial<INgxHelperConfig> | undefined);
|
13
|
-
ngOnInit(): void;
|
14
|
-
onResize(): void;
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperSectionComponent, [null, { optional: true; }]>;
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperSectionComponent, "ngx-helper-section", never, { "gapSize": { "alias": "gapSize"; "required": false; }; }, {}, never, ["*"], true, never>;
|
17
|
-
}
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
-
import { Router } from '@angular/router';
|
3
|
-
import { INgxHelperConfig } from '../../../ngx-helper.config';
|
4
|
-
import { ComponentService, IValueComponentData } from '../../component.service';
|
5
|
-
import { INgxHelperValue } from '../ngx-helper-value.interface';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export declare class NgxHelperValueBoxComponent implements OnInit, OnChanges {
|
8
|
-
private readonly router;
|
9
|
-
private readonly componentService;
|
10
|
-
private readonly config?;
|
11
|
-
private className;
|
12
|
-
private gridTemplateColumns;
|
13
|
-
private boxGap;
|
14
|
-
values: INgxHelperValue[];
|
15
|
-
column?: number | {
|
16
|
-
desktop?: number;
|
17
|
-
mobile?: number;
|
18
|
-
};
|
19
|
-
clearBox: boolean;
|
20
|
-
emptyText: string;
|
21
|
-
gapSize: string;
|
22
|
-
hideShadow: boolean;
|
23
|
-
data: IValueComponentData[];
|
24
|
-
copyIndex?: number;
|
25
|
-
private copyTimeout;
|
26
|
-
private componentConfig;
|
27
|
-
constructor(router: Router, componentService: ComponentService, config?: Partial<INgxHelperConfig> | undefined);
|
28
|
-
ngOnInit(): void;
|
29
|
-
ngOnChanges(changes: SimpleChanges): void;
|
30
|
-
onResize(): void;
|
31
|
-
onClick(action?: () => string[] | void): void;
|
32
|
-
onCopy(event: Event, index: number): void;
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperValueBoxComponent, [null, null, { optional: true; }]>;
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperValueBoxComponent, "ngx-helper-value-box", never, { "values": { "alias": "values"; "required": true; }; "column": { "alias": "column"; "required": false; }; "clearBox": { "alias": "clearBox"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "gapSize": { "alias": "gapSize"; "required": false; }; "hideShadow": { "alias": "hideShadow"; "required": false; }; }, {}, never, never, true, never>;
|
35
|
-
}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { OnChanges, SimpleChanges } from '@angular/core';
|
2
|
-
import { Router } from '@angular/router';
|
3
|
-
import { ComponentService, IValueComponentData } from '../../component.service';
|
4
|
-
import { INgxHelperValue } from '../ngx-helper-value.interface';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
export declare class NgxHelperValueListComponent implements OnChanges {
|
7
|
-
private readonly router;
|
8
|
-
private readonly componentService;
|
9
|
-
private className;
|
10
|
-
values: INgxHelperValue[];
|
11
|
-
titleWidth: string;
|
12
|
-
emptyText: string;
|
13
|
-
data: IValueComponentData[];
|
14
|
-
copyIndex?: number;
|
15
|
-
private copyTimeout;
|
16
|
-
constructor(router: Router, componentService: ComponentService);
|
17
|
-
ngOnChanges(changes: SimpleChanges): void;
|
18
|
-
onClick(action?: () => string[] | void): void;
|
19
|
-
onCopy(event: Event, index: number): void;
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperValueListComponent, never>;
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperValueListComponent, "ngx-helper-value-list", never, { "values": { "alias": "values"; "required": true; }; "titleWidth": { "alias": "titleWidth"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, never, never, true, never>;
|
22
|
-
}
|
@@ -1,77 +0,0 @@
|
|
1
|
-
import { DateFormats, DurationFormats } from '../../pipe.types';
|
2
|
-
export type NgxHelperValue = {
|
3
|
-
type: 'BANK-CARD';
|
4
|
-
value?: string;
|
5
|
-
view?: 'CARD' | 'BANK';
|
6
|
-
join?: string;
|
7
|
-
english?: boolean;
|
8
|
-
} | {
|
9
|
-
type: 'DATE';
|
10
|
-
value?: Date | number;
|
11
|
-
format?: DateFormats;
|
12
|
-
timezone?: string;
|
13
|
-
} | {
|
14
|
-
type: 'DURATION';
|
15
|
-
value?: number | Date | {
|
16
|
-
from: Date;
|
17
|
-
} | {
|
18
|
-
to: Date;
|
19
|
-
} | {
|
20
|
-
from: Date;
|
21
|
-
to: Date;
|
22
|
-
};
|
23
|
-
format?: DurationFormats;
|
24
|
-
english?: boolean;
|
25
|
-
} | {
|
26
|
-
type: 'FILE-SIZE';
|
27
|
-
value?: number;
|
28
|
-
english?: boolean;
|
29
|
-
} | {
|
30
|
-
type: 'MOBILE';
|
31
|
-
value?: string;
|
32
|
-
join?: string;
|
33
|
-
english?: boolean;
|
34
|
-
} | {
|
35
|
-
type: 'NUMBER';
|
36
|
-
value?: number;
|
37
|
-
fractionDigits?: number;
|
38
|
-
english?: boolean;
|
39
|
-
} | {
|
40
|
-
type: 'PERIOD';
|
41
|
-
value?: Date | {
|
42
|
-
from: Date;
|
43
|
-
} | {
|
44
|
-
to: Date;
|
45
|
-
} | {
|
46
|
-
from: Date;
|
47
|
-
to: Date;
|
48
|
-
};
|
49
|
-
timezone?: string;
|
50
|
-
} | {
|
51
|
-
type: 'PRICE';
|
52
|
-
value?: number;
|
53
|
-
currency?: string;
|
54
|
-
short?: boolean;
|
55
|
-
english?: boolean;
|
56
|
-
} | {
|
57
|
-
type: 'STRING';
|
58
|
-
value?: string;
|
59
|
-
english?: boolean;
|
60
|
-
} | {
|
61
|
-
type: 'VOLUME';
|
62
|
-
value?: number;
|
63
|
-
short?: boolean;
|
64
|
-
english?: boolean;
|
65
|
-
} | {
|
66
|
-
type: 'WEIGHT';
|
67
|
-
value?: number;
|
68
|
-
short?: boolean;
|
69
|
-
english?: boolean;
|
70
|
-
};
|
71
|
-
export interface INgxHelperValue {
|
72
|
-
readonly title: string;
|
73
|
-
readonly value?: string | NgxHelperValue;
|
74
|
-
readonly color?: string;
|
75
|
-
readonly action?: () => string[] | void;
|
76
|
-
readonly copyToClipboard?: boolean;
|
77
|
-
}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
2
|
-
import { NgxHelperValue } from './ngx-helper-value.interface';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class NgxHelperValuePipe implements PipeTransform {
|
5
|
-
transform(value?: NgxHelperValue, options?: {
|
6
|
-
emptyText?: string;
|
7
|
-
}): string;
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperValuePipe, never>;
|
9
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<NgxHelperValuePipe, "ngxHelperValue", true>;
|
10
|
-
}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
|
2
|
-
import { INgxHelperConfirm } from '../confirm.interface';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class ConfirmBottomSheetComponent {
|
5
|
-
private readonly matBottomSheetRef;
|
6
|
-
private className;
|
7
|
-
confirm: INgxHelperConfirm;
|
8
|
-
constructor(matBottomSheetRef: MatBottomSheetRef<ConfirmBottomSheetComponent>);
|
9
|
-
close(confirmed?: boolean): void;
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmBottomSheetComponent, never>;
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmBottomSheetComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
12
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
export interface INgxHelperConfirm {
|
2
|
-
readonly question: string;
|
3
|
-
readonly description?: string;
|
4
|
-
readonly data?: {
|
5
|
-
readonly title: string;
|
6
|
-
readonly value: string;
|
7
|
-
};
|
8
|
-
readonly icon?: string;
|
9
|
-
readonly confirmClass?: string;
|
10
|
-
readonly denyClass?: string;
|
11
|
-
}
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import { MatBottomSheet, MatBottomSheetConfig } from '@angular/material/bottom-sheet';
|
2
|
-
import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
|
3
|
-
import { INgxHelperConfirm } from './confirm.interface';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
interface IConfirmData {
|
6
|
-
readonly title: string;
|
7
|
-
readonly value?: string;
|
8
|
-
}
|
9
|
-
interface IConfirmConfig {
|
10
|
-
readonly description: string;
|
11
|
-
readonly confirmClass: string;
|
12
|
-
readonly denyClass: string;
|
13
|
-
}
|
14
|
-
declare class NgxHelperConfirmCalss {
|
15
|
-
private readonly matBottomSheet;
|
16
|
-
private readonly matDialog;
|
17
|
-
private readonly confirm;
|
18
|
-
constructor(matBottomSheet: MatBottomSheet, matDialog: MatDialog, confirm: INgxHelperConfirm);
|
19
|
-
dialog(onConfirmed: () => void): void;
|
20
|
-
dialog(onConfirmed: () => void, onDenied: () => void): void;
|
21
|
-
dialog(onConfirmed: () => void, config: MatDialogConfig): void;
|
22
|
-
dialog(onConfirmed: () => void, onDenied: () => void, config: MatDialogConfig): void;
|
23
|
-
bottomSheet(onConfirmed: () => void): void;
|
24
|
-
bottomSheet(onConfirmed: () => void, onDenied: () => void): void;
|
25
|
-
bottomSheet(onConfirmed: () => void, config: MatBottomSheetConfig): void;
|
26
|
-
bottomSheet(onConfirmed: () => void, onDenied: () => void, config: MatBottomSheetConfig): void;
|
27
|
-
}
|
28
|
-
export declare class NgxHelperConfirmService {
|
29
|
-
private readonly matBottomSheet;
|
30
|
-
private readonly matDialog;
|
31
|
-
constructor(matBottomSheet: MatBottomSheet, matDialog: MatDialog);
|
32
|
-
verify(confirm: INgxHelperConfirm): NgxHelperConfirmCalss;
|
33
|
-
active(data: IConfirmData): NgxHelperConfirmCalss;
|
34
|
-
active(data: IConfirmData, config: Partial<IConfirmConfig>): NgxHelperConfirmCalss;
|
35
|
-
deactive(data: IConfirmData): NgxHelperConfirmCalss;
|
36
|
-
deactive(data: IConfirmData, config: Partial<IConfirmConfig>): NgxHelperConfirmCalss;
|
37
|
-
status(active: boolean, data: IConfirmData): NgxHelperConfirmCalss;
|
38
|
-
status(active: boolean, data: IConfirmData, config: Partial<IConfirmConfig>): NgxHelperConfirmCalss;
|
39
|
-
delete(data: IConfirmData): NgxHelperConfirmCalss;
|
40
|
-
delete(data: IConfirmData, config: Partial<IConfirmConfig>): NgxHelperConfirmCalss;
|
41
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperConfirmService, never>;
|
42
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<NgxHelperConfirmService>;
|
43
|
-
}
|
44
|
-
export {};
|