New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ngx-nested-ellipsis

Package Overview
Dependencies
Maintainers
1
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-nested-ellipsis - npm Package Compare versions

Comparing version

to
2.0.0

esm2020/lib/components/nested-ellipsis-content.component.mjs

3

lib/components/nested-ellipsis-content.component.d.ts
import { ElementRef } from '@angular/core';
import * as i0 from "@angular/core";
export declare class NestedEllipsisContentComponent {
elementRef: ElementRef;
constructor(elementRef: ElementRef);
static ɵfac: i0.ɵɵFactoryDeclaration<NestedEllipsisContentComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NestedEllipsisContentComponent, "nested-ellipsis-content", never, {}, {}, never, ["*"]>;
}

11

lib/directives/nested-ellipsis.directive.d.ts
import { Renderer2, EventEmitter, NgZone, OnDestroy, TemplateRef, ViewContainerRef, ComponentFactoryResolver, AfterViewChecked, OnInit } from '@angular/core';
import { EllipsisResizeDetectionEnum } from '../enums/ellipsis-resize-detection.enum';
import * as i0 from "@angular/core";
/**

@@ -19,5 +20,5 @@ * Directive to truncate the contained text, if it exceeds the element's boundaries

/**
* Component factory required for rendering EllipsisContent component
* Component factory required for rendering EllipsisContent component in angular < 13
*/
private compFactory;
private legacyCompFactory?;
/**

@@ -49,3 +50,3 @@ * ViewRef of the main template (the one to be truncated)

*/
active: boolean;
active?: boolean;
/**

@@ -83,3 +84,3 @@ * The ellipsisIndicator html attribute

*/
readonly change: EventEmitter<number>;
readonly ellipsisChange: EventEmitter<number>;
/**

@@ -170,2 +171,4 @@ * Utility method to quickly find the largest number for

private get isOverflowing();
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>;
}

@@ -0,2 +1,8 @@

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 ɵinj: i0.ɵɵInjectorDeclaration<NestedEllipsisModule>;
}
/**
* Generated bundle index. Do not edit.
*/
/// <amd-module name="ngx-nested-ellipsis" />
export * from './public_api';
{
"name": "ngx-nested-ellipsis",
"version": "1.1.5",
"version": "2.0.0",
"description": "Nested multiline html with ellipsis for angular 9+",

@@ -13,4 +13,4 @@ "author": "Florian Lentsch",

"peerDependencies": {
"@angular/common": ">=9.0.0 <13.0.0 || >10.0.0-beta <13.0.0",
"@angular/core": ">=9.0.0 <13.0.0 || >10.0.0-beta <13.0.0"
"@angular/common": ">=12.0.0 <14.0.0",
"@angular/core": ">=12.0.0 <14.0.0"
},

@@ -21,10 +21,22 @@ "dependencies": {

},
"main": "bundles/ngx-nested-ellipsis.umd.js",
"module": "fesm2015/ngx-nested-ellipsis.js",
"es2015": "fesm2015/ngx-nested-ellipsis.js",
"esm2015": "esm2015/ngx-nested-ellipsis.js",
"fesm2015": "fesm2015/ngx-nested-ellipsis.js",
"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",
"metadata": "ngx-nested-ellipsis.metadata.json",
"exports": {
"./package.json": {
"default": "./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"
}
},
"sideEffects": false
}
# ngx-nested-ellipsis
Library for angular (>= 9.0.0) providing a directive to display an ellipsis if the containing text would overflow.
Library for angular (>= 12.0.0) providing a directive to display an ellipsis if the containing text would overflow.

@@ -74,3 +74,3 @@ 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.)

1. Run `npm install`
1. Run `npm ci`
1. Adept version and author in `./projects/ngx-nested-ellipsis/package.json` and commit the changes to your fork.

@@ -84,3 +84,3 @@ 1. Run `npm run build-lib` which outputs the build to `./dist/ngx-nested-ellipsis`.

Run `npm run test ngx-nested-ellipsis` to execute the unit tests via [Karma](https://karma-runner.github.io).
Run `npm run test` to execute the unit tests via [Karma](https://karma-runner.github.io).

@@ -87,0 +87,0 @@ ## Thank you...