ngx-nested-ellipsis - npm Package Compare versions

Comparing version 2.1.5 to 3.0.0

lib/components/nested-ellipsis-content.component.d.ts

@@ -7,3 +7,3 @@ import { ElementRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<NestedEllipsisContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NestedEllipsisContentComponent, "nested-ellipsis-content", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NestedEllipsisContentComponent, "nested-ellipsis-content", never, {}, {}, never, ["*"], true, never>;
 }

lib/directives/nested-ellipsis.directive.d.ts

@@ -1,2 +0,2 @@
-import { Renderer2, EventEmitter, NgZone, OnDestroy, TemplateRef, ViewContainerRef, ComponentFactoryResolver, AfterViewChecked, OnInit } from '@angular/core';
+import { Renderer2, EventEmitter, NgZone, OnDestroy, TemplateRef, ViewContainerRef, AfterViewChecked, OnInit } from '@angular/core';
 import { EllipsisResizeDetectionEnum } from '../enums/ellipsis-resize-detection.enum';
@@ -11,3 +11,2 @@ import * as i0 from "@angular/core";
     private readonly viewContainer;
-    private readonly resolver;
     private readonly renderer;
@@ -21,6 +20,2 @@ private readonly ngZone;
     /**
-     * Component factory required for rendering EllipsisContent component in angular < 13
-     */
-    private legacyCompFactory?;
-    /**
      * ViewRef of the main template (the one to be truncated)
@@ -97,3 +92,3 @@ */
      */
-    constructor(templateRef: TemplateRef<unknown>, viewContainer: ViewContainerRef, resolver: ComponentFactoryResolver, renderer: Renderer2, ngZone: NgZone, platformId: Object);
+    constructor(templateRef: TemplateRef<unknown>, viewContainer: ViewContainerRef, renderer: Renderer2, ngZone: NgZone, platformId: Object);
     /**
@@ -172,3 +167,3 @@ * Angular's onInit life cycle hook.
     static ɵfac: i0.ɵɵFactoryDeclaration<NestedEllipsisDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NestedEllipsisDirective, "[nestedEllipsis]", ["ngxNestedEllipsis"], { "active": "nestedEllipsis"; "indicator": "nestedEllipsisIndicator"; "wordBoundaries": "nestedEllipsisWordBoundaries"; "mayTruncateAtFn": "nestedEllipsisMayTruncateAtFn"; "resizeDetection": "nestedEllipsisResizeDetection"; }, { "ellipsisChange": "nestedEllipsisChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NestedEllipsisDirective, "[nestedEllipsis]", ["ngxNestedEllipsis"], { "active": { "alias": "nestedEllipsis"; "required": false; }; "indicator": { "alias": "nestedEllipsisIndicator"; "required": false; }; "wordBoundaries": { "alias": "nestedEllipsisWordBoundaries"; "required": false; }; "mayTruncateAtFn": { "alias": "nestedEllipsisMayTruncateAtFn"; "required": false; }; "resizeDetection": { "alias": "nestedEllipsisResizeDetection"; "required": false; }; }, { "ellipsisChange": "nestedEllipsisChange"; }, never, never, true, never>;
 }

lib/nested-ellipsis.module.d.ts

 import * as i0 from "@angular/core";
 import * as i1 from "./directives/nested-ellipsis.directive";
-import * as i2 from "./components/nested-ellipsis-content.component";
 export declare class NestedEllipsisModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NestedEllipsisModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NestedEllipsisModule, [typeof i1.NestedEllipsisDirective, typeof i2.NestedEllipsisContentComponent], never, [typeof i1.NestedEllipsisDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NestedEllipsisModule, never, [typeof i1.NestedEllipsisDirective], [typeof i1.NestedEllipsisDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NestedEllipsisModule>;
 }

package.json

 {
   "name": "ngx-nested-ellipsis",
-  "version": "2.1.5",
-  "description": "Nested multiline html with ellipsis for angular 12+",
+  "version": "3.0.0",
+  "description": "Nested multiline html with ellipsis for angular 16+",
   "author": "Florian Lentsch",
@@ -13,14 +13,10 @@ "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">=12.0.0 <19.0.0",
-    "@angular/core": ">=12.0.0 <19.0.0"
+    "@angular/common": ">=16.0.0 <19.0.0",
+    "@angular/core": ">=16.0.0 <19.0.0"
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.0"
   },
-  "module": "fesm2015/ngx-nested-ellipsis.mjs",
-  "es2020": "fesm2020/ngx-nested-ellipsis.mjs",
-  "esm2020": "esm2020/ngx-nested-ellipsis.mjs",
-  "fesm2020": "fesm2020/ngx-nested-ellipsis.mjs",
-  "fesm2015": "fesm2015/ngx-nested-ellipsis.mjs",
-  "typings": "ngx-nested-ellipsis.d.ts",
+  "module": "fesm2022/ngx-nested-ellipsis.mjs",
+  "typings": "index.d.ts",
   "exports": {
@@ -31,8 +27,6 @@ "./package.json": {
     ".": {
-      "types": "./ngx-nested-ellipsis.d.ts",
-      "esm2020": "./esm2020/ngx-nested-ellipsis.mjs",
-      "es2020": "./fesm2020/ngx-nested-ellipsis.mjs",
-      "es2015": "./fesm2015/ngx-nested-ellipsis.mjs",
-      "node": "./fesm2015/ngx-nested-ellipsis.mjs",
-      "default": "./fesm2020/ngx-nested-ellipsis.mjs"
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ngx-nested-ellipsis.mjs",
+      "esm": "./esm2022/ngx-nested-ellipsis.mjs",
+      "default": "./fesm2022/ngx-nested-ellipsis.mjs"
     }
@@ -39,0 +33,0 @@ },

README.md

 # ngx-nested-ellipsis
 
-Library for angular (>= 12.0.0) providing a directive to display an ellipsis if the containing text would overflow.
+Library for angular (>= 16.0.0) providing a directive to display an ellipsis if the containing text would overflow.
 
@@ -15,25 +15,19 @@ Supports dynamic html contents. (If you require text contents only, you might want to take a look at [ngx-ellipsis](https://github.com/lentschi/ngx-ellipsis), which offers better performance, but escapes any html contents to text.)
 
-Then add the installed module to your `app.module.ts`:
+Then add the directive to the component, in which you want to use the ellipsis:
 
 ```typescript
-import { NestedEllipsisModule } from 'ngx-nested-ellipsis';
+import { NestedEllipsisDirective } from 'ngx-nested-ellipsis';
 
-// ...
-
-@NgModule({
+@Component({
   // ...
   imports: [
     // ...
-    NestedEllipsisModule
+    NestedEllipsisDirective
   ]
-  // ...
+  standalone: true
 })
-export class AppModule {}
+export class YourFancyComponent {}
 
 ```
 
-### Note
-
-If you're using the new angular [standalone components/directives/pipes](https://blog.angular-university.io/angular-standalone-components/) in your project (available since angular 16), you'll need to add `NestedEllipsisModule` to each consuming components' imports instead.
-
 ## Usage
@@ -51,2 +45,6 @@
 
+### Module import
+
+Should you not be using [angular standalone components](https://blog.angular-university.io/angular-standalone-components/) in your project (available since angular 16), import `NestedEllipsisModule` in your module instead - see [old instructions](https://github.com/lentschi/ngx-nested-ellipsis/blob/v2.1.5/README.md#installation) for an example.
+
 ### Extra options
@@ -53,0 +51,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

129288

-29.26%

Number of package files

16

-11.11%

Lines of code

1124

-31.67%

Number of lines in readme file

89

-2.2%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• Updated

  tslib@^2.3.0