ngx-nested-ellipsis
Advanced tools
Comparing version
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, ["*"]>; | ||
} |
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... |
Major refactor
Supply chain riskPackage 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
182460
-17.49%18
-5.26%1634
-12.95%1
Infinity%