ang-readmore/fesm5/ang-readmore.js

This is a simple angular component to add "read more"/"read less" links to your long sentenses/paragraphs.

import { Component, Input, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

/**
 * @fileoverview added by tsickle
 * Generated from: lib/ang-readmore.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var AngReadmoreComponent = /** @class */ (function () {
    function AngReadmoreComponent() {
        this.show = true;
        this.showReadMore = true;
        this.text = "NO-TEXT";
        this.length = 20;
        this.linkColor = "#26A69A";
        this.isCollapsed = true;
    }
    /**
     * @return {?}
     */
    AngReadmoreComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        this.stringToShow = this.text;
        if (this.text.length > this.length) {
            this.stringToShow = this.text.slice(0, this.length - 1) + "...";
        }
        else {
            this.showReadMore = false;
        }
        if (this.text.length === 0) {
            this.show = false;
        }
    };
    /**
     * @return {?}
     */
    AngReadmoreComponent.prototype.toggle = /**
     * @return {?}
     */
    function () {
        this.isCollapsed = !this.isCollapsed;
        if (this.isCollapsed) {
            this.stringToShow = this.text.slice(0, this.length - 1) + "...";
        }
        else {
            this.stringToShow = this.text;
        }
    };
    AngReadmoreComponent.decorators = [
        { type: Component, args: [{
                    selector: "ang-readmore",
                    template: "\n    <p *ngIf=\"show\">\n      {{ stringToShow }}\n      <span *ngIf=\"showReadMore\" (click)=\"toggle()\" [style.color]=\"linkColor\">{{\n        isCollapsed ? \"read more\" : \"read less\"\n      }}</span>\n    </p>\n  ",
                    styles: ["span{cursor: pointer;} p{white-space: pre-line;}"]
                }] }
    ];
    AngReadmoreComponent.propDecorators = {
        text: [{ type: Input }],
        length: [{ type: Input }],
        linkColor: [{ type: Input }]
    };
    return AngReadmoreComponent;
}());
if (false) {
    /** @type {?} */
    AngReadmoreComponent.prototype.show;
    /** @type {?} */
    AngReadmoreComponent.prototype.showReadMore;
    /** @type {?} */
    AngReadmoreComponent.prototype.stringToShow;
    /** @type {?} */
    AngReadmoreComponent.prototype.text;
    /** @type {?} */
    AngReadmoreComponent.prototype.length;
    /** @type {?} */
    AngReadmoreComponent.prototype.linkColor;
    /** @type {?} */
    AngReadmoreComponent.prototype.isCollapsed;
}

/**
 * @fileoverview added by tsickle
 * Generated from: lib/ang-readmore.module.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var AngReadmoreModule = /** @class */ (function () {
    function AngReadmoreModule() {
    }
    AngReadmoreModule.decorators = [
        { type: NgModule, args: [{
                    declarations: [AngReadmoreComponent],
                    imports: [CommonModule],
                    exports: [AngReadmoreComponent],
                },] }
    ];
    return AngReadmoreModule;
}());

/**
 * @fileoverview added by tsickle
 * Generated from: public-api.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * Generated from: ang-readmore.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

export { AngReadmoreComponent, AngReadmoreModule };
//# sourceMappingURL=ang-readmore.js.map