@ng-vagabond-lab/ng-dsv 0.0.35 → 0.0.37
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/base/component/base.scroll.component.d.ts +11 -0
- package/base/public-api.d.ts +2 -0
- package/base/service/scroll.service.d.ts +8 -0
- package/ds/item/component/item.component.d.ts +4 -1
- package/fesm2022/ng-vagabond-lab-ng-dsv-base.mjs +55 -3
- package/fesm2022/ng-vagabond-lab-ng-dsv-base.mjs.map +1 -1
- package/fesm2022/ng-vagabond-lab-ng-dsv-ds-item.mjs +11 -3
- package/fesm2022/ng-vagabond-lab-ng-dsv-ds-item.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';
|
|
2
|
+
import { ScrollService } from '../service/scroll.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare abstract class BaseScrollComponent {
|
|
5
|
+
environmentService: EnvironmentService;
|
|
6
|
+
scrollService: ScrollService;
|
|
7
|
+
constructor();
|
|
8
|
+
onScroll(scrollName?: string): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseScrollComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseScrollComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
11
|
+
}
|
package/base/public-api.d.ts
CHANGED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScrollService {
|
|
3
|
+
scrolls: import("@angular/core").WritableSignal<Map<string, number>>;
|
|
4
|
+
saveScroll(scrollTop: number): void;
|
|
5
|
+
getScroll(): number | undefined;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ScrollService>;
|
|
8
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OutputEmitterRef } from '@angular/core';
|
|
1
2
|
import { Router } from '@angular/router';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class DsvItemComponent {
|
|
@@ -6,8 +7,10 @@ export declare class DsvItemComponent {
|
|
|
6
7
|
text: import("@angular/core").InputSignal<string>;
|
|
7
8
|
url: import("@angular/core").InputSignal<string | undefined>;
|
|
8
9
|
small: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
callback: OutputEmitterRef<void>;
|
|
9
11
|
constructor(router: Router);
|
|
12
|
+
isCallback(): boolean;
|
|
10
13
|
doClick(): void;
|
|
11
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<DsvItemComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DsvItemComponent, "dsv-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsvItemComponent, "dsv-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, { "callback": "callback"; }, never, ["*"], true, never>;
|
|
13
16
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component, Injectable } from '@angular/core';
|
|
3
|
-
import { ActivatedRoute } from '@angular/router';
|
|
2
|
+
import { inject, Component, signal, Injectable } from '@angular/core';
|
|
3
|
+
import { ActivatedRoute, Router, Scroll } from '@angular/router';
|
|
4
|
+
import { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';
|
|
5
|
+
import { filter, map } from 'rxjs';
|
|
4
6
|
|
|
5
7
|
class BaseRouteComponent {
|
|
6
8
|
activatedRoute = inject(ActivatedRoute);
|
|
@@ -24,6 +26,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
|
24
26
|
}]
|
|
25
27
|
}], ctorParameters: () => [] });
|
|
26
28
|
|
|
29
|
+
class ScrollService {
|
|
30
|
+
scrolls = signal(new Map());
|
|
31
|
+
saveScroll(scrollTop) {
|
|
32
|
+
this.scrolls.update((value) => {
|
|
33
|
+
value.set(location.href, scrollTop);
|
|
34
|
+
return value;
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
getScroll() {
|
|
38
|
+
return this.scrolls().get(location.href);
|
|
39
|
+
}
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
41
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ScrollService, providedIn: 'root' });
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ScrollService, decorators: [{
|
|
44
|
+
type: Injectable,
|
|
45
|
+
args: [{ providedIn: 'root' }]
|
|
46
|
+
}] });
|
|
47
|
+
|
|
48
|
+
class BaseScrollComponent {
|
|
49
|
+
environmentService = inject(EnvironmentService);
|
|
50
|
+
scrollService = inject(ScrollService);
|
|
51
|
+
constructor() {
|
|
52
|
+
inject(Router)
|
|
53
|
+
.events.pipe(filter((event) => event instanceof Scroll), map((event) => event.position))
|
|
54
|
+
.subscribe(() => {
|
|
55
|
+
const divScroll = document.getElementById('scroll');
|
|
56
|
+
divScroll?.scrollTo(0, this.scrollService.getScroll() ?? 0);
|
|
57
|
+
setTimeout(() => {
|
|
58
|
+
divScroll?.scrollTo(0, this.scrollService.getScroll() ?? 0);
|
|
59
|
+
}, 500);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
onScroll(scrollName = 'scroll') {
|
|
63
|
+
const divScroll = document.getElementById(scrollName);
|
|
64
|
+
const distanceToBottom = divScroll?.scrollHeight -
|
|
65
|
+
(divScroll?.scrollTop + divScroll?.clientHeight);
|
|
66
|
+
this.environmentService.isScrollDown.set(distanceToBottom < 50);
|
|
67
|
+
this.scrollService.saveScroll(divScroll?.scrollTop);
|
|
68
|
+
}
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BaseScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
70
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BaseScrollComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
|
|
71
|
+
}
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BaseScrollComponent, decorators: [{
|
|
73
|
+
type: Component,
|
|
74
|
+
args: [{
|
|
75
|
+
template: '',
|
|
76
|
+
}]
|
|
77
|
+
}], ctorParameters: () => [] });
|
|
78
|
+
|
|
27
79
|
class BaseService {
|
|
28
80
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
29
81
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BaseService, providedIn: 'root' });
|
|
@@ -39,5 +91,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
|
|
|
39
91
|
* Generated bundle index. Do not edit.
|
|
40
92
|
*/
|
|
41
93
|
|
|
42
|
-
export { BaseRouteComponent, BaseService };
|
|
94
|
+
export { BaseRouteComponent, BaseScrollComponent, BaseService, ScrollService };
|
|
43
95
|
//# sourceMappingURL=ng-vagabond-lab-ng-dsv-base.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-vagabond-lab-ng-dsv-base.mjs","sources":["../../../projects/ng-dsv/base/component/base.route.component.ts","../../../projects/ng-dsv/base/service/base.service.ts","../../../projects/ng-dsv/base/ng-vagabond-lab-ng-dsv-base.ts"],"sourcesContent":["import { Component, inject, OnDestroy, OnInit } from '@angular/core';\nimport { ActivatedRoute, Params } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\n@Component({\n template: '',\n})\nexport abstract class BaseRouteComponent implements OnInit, OnDestroy {\n activatedRoute: ActivatedRoute = inject(ActivatedRoute);\n\n routeObservable: Subscription | null = null;\n\n constructor() {}\n\n ngOnInit() {\n this.routeObservable = this.activatedRoute.params.subscribe((params) => {\n this.ngOnInitAfter(params);\n });\n }\n\n ngOnDestroy() {\n this.routeObservable?.unsubscribe();\n }\n\n protected abstract ngOnInitAfter(params: Params): void;\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root',\n})\nexport abstract class BaseService {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ng-vagabond-lab-ng-dsv-base.mjs","sources":["../../../projects/ng-dsv/base/component/base.route.component.ts","../../../projects/ng-dsv/base/service/scroll.service.ts","../../../projects/ng-dsv/base/component/base.scroll.component.ts","../../../projects/ng-dsv/base/service/base.service.ts","../../../projects/ng-dsv/base/ng-vagabond-lab-ng-dsv-base.ts"],"sourcesContent":["import { Component, inject, OnDestroy, OnInit } from '@angular/core';\nimport { ActivatedRoute, Params } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\n@Component({\n template: '',\n})\nexport abstract class BaseRouteComponent implements OnInit, OnDestroy {\n activatedRoute: ActivatedRoute = inject(ActivatedRoute);\n\n routeObservable: Subscription | null = null;\n\n constructor() {}\n\n ngOnInit() {\n this.routeObservable = this.activatedRoute.params.subscribe((params) => {\n this.ngOnInitAfter(params);\n });\n }\n\n ngOnDestroy() {\n this.routeObservable?.unsubscribe();\n }\n\n protected abstract ngOnInitAfter(params: Params): void;\n}\n","import { Injectable, signal } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class ScrollService {\n scrolls = signal<Map<string, number>>(new Map());\n\n saveScroll(scrollTop: number) {\n this.scrolls.update((value) => {\n value.set(location.href, scrollTop);\n return value;\n });\n }\n\n getScroll() {\n return this.scrolls().get(location.href);\n }\n}\n","import { Component, inject } from '@angular/core';\nimport { Router, Scroll } from '@angular/router';\nimport { EnvironmentService } from '@ng-vagabond-lab/ng-dsv/environment';\nimport { filter, map } from 'rxjs';\nimport { ScrollService } from '../service/scroll.service';\n\n@Component({\n template: '',\n})\nexport abstract class BaseScrollComponent {\n environmentService = inject(EnvironmentService);\n scrollService = inject(ScrollService);\n\n constructor() {\n inject(Router)\n .events.pipe(\n filter((event): event is Scroll => event instanceof Scroll),\n map((event: Scroll) => event.position)\n )\n .subscribe(() => {\n const divScroll = document.getElementById('scroll');\n divScroll?.scrollTo(0, this.scrollService.getScroll() ?? 0);\n setTimeout(() => {\n divScroll?.scrollTo(0, this.scrollService.getScroll() ?? 0);\n }, 500);\n });\n }\n\n onScroll(scrollName: string = 'scroll') {\n const divScroll = document.getElementById(scrollName);\n const distanceToBottom =\n divScroll?.scrollHeight! -\n (divScroll?.scrollTop! + divScroll?.clientHeight!);\n this.environmentService.isScrollDown.set(distanceToBottom < 50);\n this.scrollService.saveScroll(divScroll?.scrollTop!);\n }\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root',\n})\nexport abstract class BaseService {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAOsB,kBAAkB,CAAA;AACtC,IAAA,cAAc,GAAmB,MAAM,CAAC,cAAc,CAAC;IAEvD,eAAe,GAAwB,IAAI;AAE3C,IAAA,WAAA,GAAA;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,KAAI;AACrE,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;AAC5B,SAAC,CAAC;;IAGJ,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,eAAe,EAAE,WAAW,EAAE;;wGAdjB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,wEAF5B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEQ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;MCHY,aAAa,CAAA;AACxB,IAAA,OAAO,GAAG,MAAM,CAAsB,IAAI,GAAG,EAAE,CAAC;AAEhD,IAAA,UAAU,CAAC,SAAiB,EAAA;QAC1B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;YAC5B,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;AACnC,YAAA,OAAO,KAAK;AACd,SAAC,CAAC;;IAGJ,SAAS,GAAA;QACP,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC;;wGAX/B,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;4FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCOZ,mBAAmB,CAAA;AACvC,IAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAC/C,IAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;AAErC,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAM;aACV,MAAM,CAAC,IAAI,CACV,MAAM,CAAC,CAAC,KAAK,KAAsB,KAAK,YAAY,MAAM,CAAC,EAC3D,GAAG,CAAC,CAAC,KAAa,KAAK,KAAK,CAAC,QAAQ,CAAC;aAEvC,SAAS,CAAC,MAAK;YACd,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;AACnD,YAAA,SAAS,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC3D,UAAU,CAAC,MAAK;AACd,gBAAA,SAAS,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;aAC5D,EAAE,GAAG,CAAC;AACT,SAAC,CAAC;;IAGN,QAAQ,CAAC,aAAqB,QAAQ,EAAA;QACpC,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC;AACrD,QAAA,MAAM,gBAAgB,GACpB,SAAS,EAAE,YAAa;aACvB,SAAS,EAAE,SAAU,GAAG,SAAS,EAAE,YAAa,CAAC;QACpD,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,GAAG,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC/D,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,SAAS,EAAE,SAAU,CAAC;;wGAzBlC,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,wEAF7B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEQ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAHxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;MCHqB,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAX,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,cAFnB,MAAM,EAAA,CAAA;;4FAEE,WAAW,EAAA,UAAA,EAAA,CAAA;kBAHhC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACJD;;AAEG;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input, Component } from '@angular/core';
|
|
3
|
+
import { input, output, Component } from '@angular/core';
|
|
4
4
|
import * as i1 from '@angular/router';
|
|
5
5
|
|
|
6
6
|
class DsvItemComponent {
|
|
@@ -9,14 +9,22 @@ class DsvItemComponent {
|
|
|
9
9
|
text = input('');
|
|
10
10
|
url = input();
|
|
11
11
|
small = input(false);
|
|
12
|
+
callback = output();
|
|
12
13
|
constructor(router) {
|
|
13
14
|
this.router = router;
|
|
14
15
|
}
|
|
16
|
+
isCallback() {
|
|
17
|
+
const listeners = this.callback['listeners'];
|
|
18
|
+
return listeners?.length > 0;
|
|
19
|
+
}
|
|
15
20
|
doClick() {
|
|
16
|
-
|
|
21
|
+
if (this.url()) {
|
|
22
|
+
this.router.navigate([this.url()]);
|
|
23
|
+
this.isCallback() && this.callback.emit();
|
|
24
|
+
}
|
|
17
25
|
}
|
|
18
26
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: DsvItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: DsvItemComponent, isStandalone: true, selector: "dsv-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a class=\"text\" (click)=\"doClick()\" [class.small]=\"small()\">\n @if (icon()) {\n <i class=\"ri-{{ icon() }}-line\"></i>\n }\n {{ text() }}\n</a>\n<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}:host a{margin:5px 10px;padding:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host a:hover{background-color:#d9d9d9;cursor:pointer}:host i{margin-right:10px}:host .text{font-size:1.2rem;font-weight:700}:host .text.small{font-size:1rem}::ng-deep .dark dsv-item a:hover{background-color:#313131!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: DsvItemComponent, isStandalone: true, selector: "dsv-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { callback: "callback" }, ngImport: i0, template: "<a class=\"text\" (click)=\"doClick()\" [class.small]=\"small()\">\n @if (icon()) {\n <i class=\"ri-{{ icon() }}-line\"></i>\n }\n {{ text() }}\n</a>\n<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}:host a{margin:5px 10px;padding:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host a:hover{background-color:#d9d9d9;cursor:pointer}:host i{margin-right:10px}:host .text{font-size:1.2rem;font-weight:700}:host .text.small{font-size:1rem}::ng-deep .dark dsv-item a:hover{background-color:#313131!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
20
28
|
}
|
|
21
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: DsvItemComponent, decorators: [{
|
|
22
30
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-item.mjs","sources":["../../../projects/ng-dsv/ds/item/component/item.component.ts","../../../projects/ng-dsv/ds/item/component/item.component.html","../../../projects/ng-dsv/ds/item/ng-vagabond-lab-ng-dsv-ds-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'dsv-item',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './item.component.html',\n styleUrls: ['./item.component.scss'],\n})\nexport class DsvItemComponent {\n icon = input<string>('');\n text = input<string>('');\n url = input<string>();\n small = input<boolean>(false);\n\n constructor(private readonly router: Router) {}\n\n doClick() {\n this.url()
|
|
1
|
+
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-item.mjs","sources":["../../../projects/ng-dsv/ds/item/component/item.component.ts","../../../projects/ng-dsv/ds/item/component/item.component.html","../../../projects/ng-dsv/ds/item/ng-vagabond-lab-ng-dsv-ds-item.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, input, output, OutputEmitterRef } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'dsv-item',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './item.component.html',\n styleUrls: ['./item.component.scss'],\n})\nexport class DsvItemComponent {\n icon = input<string>('');\n text = input<string>('');\n url = input<string>();\n small = input<boolean>(false);\n\n callback = output<void>();\n\n constructor(private readonly router: Router) {}\n\n isCallback() {\n const listeners =\n this.callback['listeners' as keyof OutputEmitterRef<void>];\n return listeners?.length > 0;\n }\n\n doClick() {\n if (this.url()) {\n this.router.navigate([this.url()]);\n this.isCallback() && this.callback.emit();\n }\n }\n}\n","<a class=\"text\" (click)=\"doClick()\" [class.small]=\"small()\">\n @if (icon()) {\n <i class=\"ri-{{ icon() }}-line\"></i>\n }\n {{ text() }}\n</a>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,gBAAgB,CAAA;AAQE,IAAA,MAAA;AAP7B,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;IACxB,GAAG,GAAG,KAAK,EAAU;AACrB,IAAA,KAAK,GAAG,KAAK,CAAU,KAAK,CAAC;IAE7B,QAAQ,GAAG,MAAM,EAAQ;AAEzB,IAAA,WAAA,CAA6B,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM;;IAEnC,UAAU,GAAA;QACR,MAAM,SAAS,GACb,IAAI,CAAC,QAAQ,CAAC,WAA2C,CAAC;AAC5D,QAAA,OAAO,SAAS,EAAE,MAAM,GAAG,CAAC;;IAG9B,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;wGAnBlC,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX7B,wLAOA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDAY,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,wLAAA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA;;;AEPzB;;AAEG;;;;"}
|