ngx-repeat 3.0.1 → 4.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.
Files changed (7) hide show
  1. package/README.md +3 -2
  2. package/fesm2022/ngx-repeat.mjs +4 -4
  3. package/fesm2022/ngx-repeat.mjs.map +1 -1
  4. package/index.d.ts +23 -3
  5. package/package.json +3 -4
  6. package/lib/ngx-repeat.directive.d.ts +0 -22
  7. package/public-api.d.ts +0 -1
package/README.md CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  > Angular directive for repeating HTML element by count
16
16
 
17
- > ✓ _Angular 19 compatible_
17
+ > ✓ _Angular 20 compatible_
18
18
 
19
19
  Here's the [demo](http://celtian.github.io/ngx-repeat/) or [stackblitz live preview](https://stackblitz.com/edit/ngx-repeat) or [codesandbox live preview](https://codesandbox.io/s/ngx-repeat-bew8f)
20
20
 
@@ -85,7 +85,8 @@ import { NgxRepeatDirective } from 'ngx-repeat';
85
85
 
86
86
  | Angular | ngx-repeat | Install |
87
87
  | --------- | ---------- | ----------------------- |
88
- | >= 19 | 3.x | `yarn add ngx-repeat` |
88
+ | >= 20 | 4.x | `yarn add ngx-repeat` |
89
+ | >= 19 | 3.x | `yarn add ngx-repeat@3` |
89
90
  | >= 14 | 2.x | `yarn add ngx-repeat@2` |
90
91
  | >= 12 | 1.x | `yarn add ngx-repeat@1` |
91
92
  | >= 5 < 13 | 0.x | `yarn add ngx-repeat@0` |
package/fesm2022/ngx-repeat.mjs CHANGED
@@ -30,7 +30,7 @@ class RepeatDirectiveContext {
30
30
  class NgxRepeatDirective {
31
31
  templateRef = inject(TemplateRef);
32
32
  viewContainer = inject(ViewContainerRef);
33
- count = input.required({ alias: 'ngxRepeat' });
33
+ count = input.required(...(ngDevMode ? [{ debugName: "count", alias: 'ngxRepeat' }] : [{ alias: 'ngxRepeat' }]));
34
34
  constructor() {
35
35
  effect(() => {
36
36
  const count = this.count();
@@ -44,10 +44,10 @@ class NgxRepeatDirective {
44
44
  }
45
45
  });
46
46
  }
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 });
47
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgxRepeatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
48
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.7", type: NgxRepeatDirective, isStandalone: true, selector: "[ngxRepeat]", inputs: { count: { classPropertyName: "count", publicName: "ngxRepeat", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
49
49
  }
50
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NgxRepeatDirective, decorators: [{
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgxRepeatDirective, decorators: [{
51
51
  type: Directive,
52
52
  args: [{ selector: '[ngxRepeat]' }]
53
53
  }], ctorParameters: () => [] });
package/fesm2022/ngx-repeat.mjs.map CHANGED
@@ -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, 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
+ {"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;AACzC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,wCAAW,KAAK,EAAE,WAAW,EAAA,CAAA,GAAA,CAApB,EAAE,KAAK,EAAE,WAAW,EAAE,GAAC;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;;;;"}
package/index.d.ts CHANGED
@@ -1,5 +1,25 @@
1
+ import * as i0 from '@angular/core';
2
+
1
3
  /**
2
- * Generated bundle index. Do not edit.
4
+ * @publicApi
3
5
  */
4
- /// <amd-module name="ngx-repeat" />
5
- export * from './public-api';
6
+ declare class RepeatDirectiveContext {
7
+ $implicit: number;
8
+ count: number;
9
+ constructor($implicit: number, count: number);
10
+ get index(): number;
11
+ get first(): boolean;
12
+ get last(): boolean;
13
+ get even(): boolean;
14
+ get odd(): boolean;
15
+ }
16
+ declare class NgxRepeatDirective {
17
+ private readonly templateRef;
18
+ private readonly viewContainer;
19
+ readonly count: i0.InputSignal<number>;
20
+ constructor();
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgxRepeatDirective, never>;
22
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgxRepeatDirective, "[ngxRepeat]", never, { "count": { "alias": "ngxRepeat"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ }
24
+
25
+ export { NgxRepeatDirective, RepeatDirectiveContext };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-repeat",
3
- "version": "3.0.1",
3
+ "version": "4.0.1",
4
4
  "author": {
5
5
  "name": "Dominik Hladík",
6
6
  "email": "dominik.hladik@seznam.cz",
@@ -10,8 +10,7 @@
10
10
  "license": "MIT",
11
11
  "description": "Angular directive for repeating HTML element by count",
12
12
  "peerDependencies": {
13
- "@angular/common": ">=19",
14
- "@angular/core": ">=19"
13
+ "@angular/core": ">=20"
15
14
  },
16
15
  "publishConfig": {
17
16
  "registry": "https://registry.npmjs.org"
@@ -31,7 +30,7 @@
31
30
  "repeat"
32
31
  ],
33
32
  "engines": {
34
- "node": ">=18"
33
+ "node": ">=20"
35
34
  },
36
35
  "module": "fesm2022/ngx-repeat.mjs",
37
36
  "typings": "index.d.ts",
package/lib/ngx-repeat.directive.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * @publicApi
4
- */
5
- export declare class RepeatDirectiveContext {
6
- $implicit: number;
7
- count: number;
8
- constructor($implicit: number, count: number);
9
- get index(): number;
10
- get first(): boolean;
11
- get last(): boolean;
12
- get even(): boolean;
13
- get odd(): boolean;
14
- }
15
- export declare class NgxRepeatDirective {
16
- private readonly templateRef;
17
- private readonly viewContainer;
18
- readonly count: import("@angular/core").InputSignal<number>;
19
- constructor();
20
- static ɵfac: i0.ɵɵFactoryDeclaration<NgxRepeatDirective, never>;
21
- static ɵdir: i0.ɵɵDirectiveDeclaration<NgxRepeatDirective, "[ngxRepeat]", never, { "count": { "alias": "ngxRepeat"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
22
- }
package/public-api.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './lib/ngx-repeat.directive';