ngx-repeat 2.2.0 → 3.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 -2
- package/fesm2022/ngx-repeat.mjs +23 -24
- package/fesm2022/ngx-repeat.mjs.map +1 -1
- package/lib/ngx-repeat.directive.d.ts +5 -6
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -85,7 +85,8 @@ import { NgxRepeatDirective } from 'ngx-repeat';
|
|
|
85
85
|
|
|
86
86
|
| Angular | ngx-repeat | Install |
|
|
87
87
|
| --------- | ---------- | ----------------------- |
|
|
88
|
-
| >=
|
|
88
|
+
| >= 19 | 3.x | `yarn add ngx-repeat` |
|
|
89
|
+
| >= 14 | 2.x | `yarn add ngx-repeat@2` |
|
|
89
90
|
| >= 12 | 1.x | `yarn add ngx-repeat@1` |
|
|
90
91
|
| >= 5 < 13 | 0.x | `yarn add ngx-repeat@0` |
|
|
91
92
|
|
|
@@ -95,7 +96,7 @@ _None_
|
|
|
95
96
|
|
|
96
97
|
## 🪪 License
|
|
97
98
|
|
|
98
|
-
Copyright © 2021 -
|
|
99
|
+
Copyright © 2021 - 2025 [Dominik Hladik](https://github.com/Celtian)
|
|
99
100
|
|
|
100
101
|
All contents are licensed under the [MIT license].
|
|
101
102
|
|
package/fesm2022/ngx-repeat.mjs
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { inject, TemplateRef, ViewContainerRef, input, effect, Directive } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @publicApi
|
|
6
6
|
*/
|
|
7
7
|
class RepeatDirectiveContext {
|
|
8
|
+
$implicit;
|
|
9
|
+
count;
|
|
8
10
|
constructor($implicit, count) {
|
|
9
11
|
this.$implicit = $implicit;
|
|
10
12
|
this.count = count;
|
|
@@ -26,32 +28,29 @@ class RepeatDirectiveContext {
|
|
|
26
28
|
}
|
|
27
29
|
}
|
|
28
30
|
class NgxRepeatDirective {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
templateRef = inject(TemplateRef);
|
|
32
|
+
viewContainer = inject(ViewContainerRef);
|
|
33
|
+
count = input.required({ alias: 'ngxRepeat' });
|
|
34
|
+
constructor() {
|
|
35
|
+
effect(() => {
|
|
36
|
+
const count = this.count();
|
|
37
|
+
for (let i = this.viewContainer.length; i > count; i--)
|
|
38
|
+
this.viewContainer.remove(i - 1);
|
|
39
|
+
for (let i = this.viewContainer.length; i < count; i++)
|
|
40
|
+
this.viewContainer.createEmbeddedView(this.templateRef, new RepeatDirectiveContext(i, count));
|
|
41
|
+
for (let i = 0; i < this.viewContainer.length; i++) {
|
|
42
|
+
const viewRef = this.viewContainer.get(i);
|
|
43
|
+
viewRef.context.count = count;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
38
46
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
this.viewContainer = viewContainer;
|
|
42
|
-
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: NgxRepeatDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
44
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.1", type: NgxRepeatDirective, isStandalone: true, selector: "[ngxRepeat]", inputs: { ngxRepeat: "ngxRepeat" }, ngImport: i0 }); }
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NgxRepeatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
48
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.6", type: NgxRepeatDirective, isStandalone: true, selector: "[ngxRepeat]", inputs: { count: { classPropertyName: "count", publicName: "ngxRepeat", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
45
49
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NgxRepeatDirective, decorators: [{
|
|
47
51
|
type: Directive,
|
|
48
|
-
args: [{
|
|
49
|
-
|
|
50
|
-
standalone: true
|
|
51
|
-
}]
|
|
52
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { ngxRepeat: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}] } });
|
|
52
|
+
args: [{ selector: '[ngxRepeat]' }]
|
|
53
|
+
}], ctorParameters: () => [] });
|
|
55
54
|
|
|
56
55
|
/*
|
|
57
56
|
* Public API Surface of ngx-repeat
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-repeat.mjs","sources":["../../../projects/ngx-repeat/src/lib/ngx-repeat.directive.ts","../../../projects/ngx-repeat/src/public-api.ts","../../../projects/ngx-repeat/src/ngx-repeat.ts"],"sourcesContent":["import { Directive, EmbeddedViewRef,
|
|
1
|
+
{"version":3,"file":"ngx-repeat.mjs","sources":["../../../projects/ngx-repeat/src/lib/ngx-repeat.directive.ts","../../../projects/ngx-repeat/src/public-api.ts","../../../projects/ngx-repeat/src/ngx-repeat.ts"],"sourcesContent":["import { Directive, EmbeddedViewRef, TemplateRef, ViewContainerRef, effect, inject, input } from '@angular/core';\n\n/**\n * @publicApi\n */\nexport class RepeatDirectiveContext {\n constructor(\n public $implicit: number,\n public count: number\n ) {}\n\n public get index(): number {\n return this.$implicit;\n }\n\n public get first(): boolean {\n return this.$implicit === 0;\n }\n\n public get last(): boolean {\n return this.index === this.count - 1;\n }\n\n public get even(): boolean {\n return this.$implicit % 2 === 0;\n }\n\n public get odd(): boolean {\n return this.$implicit % 2 === 1;\n }\n}\n\n@Directive({ selector: '[ngxRepeat]' })\nexport class NgxRepeatDirective {\n private readonly templateRef = inject<TemplateRef<RepeatDirectiveContext>>(TemplateRef);\n private readonly viewContainer = inject(ViewContainerRef);\n public readonly count = input.required<number>({ alias: 'ngxRepeat' });\n\n constructor() {\n effect(() => {\n const count = this.count();\n for (let i = this.viewContainer.length; i > count; i--) this.viewContainer.remove(i - 1);\n\n for (let i = this.viewContainer.length; i < count; i++)\n this.viewContainer.createEmbeddedView(this.templateRef, new RepeatDirectiveContext(i, count));\n\n for (let i = 0; i < this.viewContainer.length; i++) {\n const viewRef = this.viewContainer.get(i) as EmbeddedViewRef<RepeatDirectiveContext>;\n viewRef.context.count = count;\n }\n });\n }\n}\n","/*\n * Public API Surface of ngx-repeat\n */\n\nexport * from './lib/ngx-repeat.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;AAEG;MACU,sBAAsB,CAAA;AAExB,IAAA,SAAA;AACA,IAAA,KAAA;IAFT,WACS,CAAA,SAAiB,EACjB,KAAa,EAAA;QADb,IAAS,CAAA,SAAA,GAAT,SAAS;QACT,IAAK,CAAA,KAAA,GAAL,KAAK;;AAGd,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,SAAS;;AAGvB,IAAA,IAAW,KAAK,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,SAAS,KAAK,CAAC;;AAG7B,IAAA,IAAW,IAAI,GAAA;QACb,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC;;AAGtC,IAAA,IAAW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC;;AAGjC,IAAA,IAAW,GAAG,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC;;AAElC;MAGY,kBAAkB,CAAA;AACZ,IAAA,WAAW,GAAG,MAAM,CAAsC,WAAW,CAAC;AACtE,IAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACzC,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;AAEtE,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE;gBAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAExF,YAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE;AACpD,gBAAA,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAE/F,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAClD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAA4C;AACpF,gBAAA,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;;AAEjC,SAAC,CAAC;;uGAjBO,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAE,QAAQ,EAAE,aAAa,EAAE;;;AChCtC;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
1
|
import * as i0 from "@angular/core";
|
|
3
2
|
/**
|
|
4
3
|
* @publicApi
|
|
@@ -14,10 +13,10 @@ export declare class RepeatDirectiveContext {
|
|
|
14
13
|
get odd(): boolean;
|
|
15
14
|
}
|
|
16
15
|
export declare class NgxRepeatDirective {
|
|
17
|
-
private templateRef;
|
|
18
|
-
private viewContainer;
|
|
19
|
-
|
|
20
|
-
constructor(
|
|
16
|
+
private readonly templateRef;
|
|
17
|
+
private readonly viewContainer;
|
|
18
|
+
readonly count: import("@angular/core").InputSignal<number>;
|
|
19
|
+
constructor();
|
|
21
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgxRepeatDirective, never>;
|
|
22
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxRepeatDirective, "[ngxRepeat]", never, { "
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxRepeatDirective, "[ngxRepeat]", never, { "count": { "alias": "ngxRepeat"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
22
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngx-repeat",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"author": {
|
|
5
5
|
"name": "Dominik Hladík",
|
|
6
6
|
"email": "dominik.hladik@seznam.cz",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"description": "Angular directive for repeating HTML element by count",
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@angular/common": ">=
|
|
14
|
-
"@angular/core": ">=
|
|
13
|
+
"@angular/common": ">=19",
|
|
14
|
+
"@angular/core": ">=19"
|
|
15
15
|
},
|
|
16
16
|
"publishConfig": {
|
|
17
17
|
"registry": "https://registry.npmjs.org"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"repeat"
|
|
32
32
|
],
|
|
33
33
|
"engines": {
|
|
34
|
-
"node": ">=
|
|
34
|
+
"node": ">=18"
|
|
35
35
|
},
|
|
36
36
|
"module": "fesm2022/ngx-repeat.mjs",
|
|
37
37
|
"typings": "index.d.ts",
|