ang-readmore/bundles/ang-readmore.umd.js

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

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
    typeof define === 'function' && define.amd ? define('ang-readmore', ['exports', '@angular/core', '@angular/common'], factory) :
    (global = global || self, factory(global['ang-readmore'] = {}, global.ng.core, global.ng.common));
}(this, (function (exports, core, common) { 'use strict';

    /**
     * @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: core.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: core.Input }],
            length: [{ type: core.Input }],
            linkColor: [{ type: core.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: core.NgModule, args: [{
                        declarations: [AngReadmoreComponent],
                        imports: [common.CommonModule],
                        exports: [AngReadmoreComponent],
                    },] }
        ];
        return AngReadmoreModule;
    }());

    exports.AngReadmoreComponent = AngReadmoreComponent;
    exports.AngReadmoreModule = AngReadmoreModule;

    Object.defineProperty(exports, '__esModule', { value: true });

})));
//# sourceMappingURL=ang-readmore.umd.js.map