@skyux/layout 5.7.2 → 6.0.0-beta.2

package/esm2015/lib/modules/text-expand/text-expand.component.js

@@ -1,252 +0,0 @@
-import { Component, ElementRef, Input, ViewChild, } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
-import { SkyModalService } from '@skyux/modals';
-import { forkJoin as observableForkJoin } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { SkyTextExpandAdapterService } from './text-expand-adapter.service';
-import { SkyTextExpandModalContext } from './text-expand-modal-context';
-import { SkyTextExpandModalComponent } from './text-expand-modal.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/i18n";
-import * as i2 from "@skyux/modals";
-import * as i3 from "./text-expand-adapter.service";
-import * as i4 from "@angular/common";
-/**
- * Auto-incrementing integer used to generate unique ids for text expand components.
- */
-let nextId = 0;
-export class SkyTextExpandComponent {
-    constructor(resources, modalService, textExpandAdapter) {
-        this.resources = resources;
-        this.modalService = modalService;
-        this.textExpandAdapter = textExpandAdapter;
-        /**
-         * Specifies the maximum number of text characters to display inline when users select the link
-         * to expand the full text. If the text exceeds this limit, then the component expands
-         * the full text in a modal instead.
-         */
-        this.maxExpandedLength = 600;
-        /**
-         * Specifies the maximum number of newline characters to display inline when users select
-         * the link to expand the full text. If the text exceeds this limit, then
-         * the component expands the full text in a modal view instead.
-         */
-        this.maxExpandedNewlines = 2;
-        /**
-         * Indicates whether to replace newline characters in truncated text with spaces.
-         */
-        this.truncateNewlines = true;
-        this.contentSectionId = `sky-text-expand-content-${++nextId}`;
-        this.isExpanded = false;
-        this._maxLength = 200;
-    }
-    /**
-     * Specifies the number of text characters to display before truncating the text.
-     * To avoid truncating text in the middle of a word, the component looks for a space
-     * in the 10 characters before the last character.
-     * @default 200
-     */
-    set maxLength(value) {
-        this._maxLength = value;
-        /* istanbul ignore else */
-        if (this.textEl) {
-            this.setup(this.expandedText);
-        }
-    }
-    get maxLength() {
-        return this._maxLength;
-    }
-    /**
-     * Specifies the text to truncate.
-     */
-    set text(value) {
-        /* istanbul ignore else */
-        if (this.textEl) {
-            this.setup(value);
-        }
-    }
-    textExpand() {
-        if (this.isModal) {
-            // Modal View
-            /* istanbul ignore else */
-            /* sanity check */
-            if (!this.isExpanded) {
-                this.modalService.open(SkyTextExpandModalComponent, [
-                    {
-                        provide: SkyTextExpandModalContext,
-                        useValue: {
-                            header: this.expandModalTitle,
-                            text: this.expandedText,
-                        },
-                    },
-                ]);
-            }
-        }
-        else {
-            // Normal View
-            if (!this.isExpanded) {
-                this.setContainerMaxHeight();
-                setTimeout(() => {
-                    this.isExpanded = true;
-                    this.animateText(this.collapsedText, this.expandedText, true);
-                }, 10);
-            }
-            else {
-                this.setContainerMaxHeight();
-                setTimeout(() => {
-                    this.isExpanded = false;
-                    this.animateText(this.expandedText, this.collapsedText, false);
-                }, 10);
-            }
-        }
-    }
-    animationEnd() {
-        // Ensure the correct text is displayed
-        this.textExpandAdapter.setText(this.textEl, this.textToShow);
-        // Set height back to auto so the browser can change the height as needed with window changes
-        this.textExpandAdapter.setContainerHeight(this.containerEl, undefined);
-    }
-    ngAfterContentInit() {
-        observableForkJoin([
-            this.resources.getString('skyux_text_expand_see_more'),
-            this.resources.getString('skyux_text_expand_see_less'),
-        ])
-            .pipe(take(1))
-            .subscribe((resources) => {
-            this.seeMoreText = resources[0];
-            this.seeLessText = resources[1];
-            this.setup(this.expandedText);
-            /* istanbul ignore else */
-            if (!this.expandModalTitle) {
-                this.resources
-                    .getString('skyux_text_expand_modal_title')
-                    .pipe(take(1))
-                    .subscribe((resource) => {
-                    this.expandModalTitle = resource;
-                });
-            }
-        });
-    }
-    setContainerMaxHeight() {
-        // ensure everything is reset
-        this.animationEnd();
-        /* Before animation is kicked off, ensure that a maxHeight exists */
-        /* Once we have support for angular v4 animations with parameters we can use that instead */
-        const currentHeight = this.textExpandAdapter.getContainerHeight(this.containerEl);
-        this.textExpandAdapter.setContainerHeight(this.containerEl, `${currentHeight}px`);
-    }
-    setup(value) {
-        if (value) {
-            this.newlineCount = this.getNewlineCount(value);
-            this.collapsedText = this.getTruncatedText(value, this.maxLength);
-            this.expandedText = value;
-            if (this.collapsedText !== value) {
-                this.buttonText = this.seeMoreText;
-                this.isExpanded = false;
-                this.expandable = true;
-                this.isModal =
-                    this.newlineCount > this.maxExpandedNewlines ||
-                        this.expandedText.length > this.maxExpandedLength;
-            }
-            else {
-                this.expandable = false;
-            }
-            this.textToShow = this.collapsedText;
-        }
-        else {
-            this.textToShow = '';
-            this.expandable = false;
-        }
-        this.textExpandAdapter.setText(this.textEl, this.textToShow);
-    }
-    getNewlineCount(value) {
-        const matches = value.match(/\n/gi);
-        if (matches) {
-            return matches.length;
-        }
-        return 0;
-    }
-    getTruncatedText(value, length) {
-        let i;
-        if (this.truncateNewlines) {
-            value = value.replace(/\n+/gi, ' ');
-        }
-        // Jump ahead one character and see if it's a space, and if it isn't,
-        // back up to the first space and break there so a word doesn't get cut
-        // in half.
-        if (length < value.length) {
-            for (i = length; i > length - 10; i--) {
-                if (/\s/.test(value.charAt(i))) {
-                    length = i;
-                    break;
-                }
-            }
-        }
-        return value.substr(0, length);
-    }
-    animateText(previousText, newText, expanding) {
-        const adapter = this.textExpandAdapter;
-        const container = this.containerEl;
-        // Reset max height
-        adapter.setContainerHeight(container, undefined);
-        // Measure the current height so we can animate from it.
-        const currentHeight = adapter.getContainerHeight(container);
-        this.textToShow = newText;
-        adapter.setText(this.textEl, this.textToShow);
-        this.buttonText = expanding ? this.seeLessText : this.seeMoreText;
-        // Measure the new height so we can animate to it.
-        const newHeight = adapter.getContainerHeight(container);
-        /* istanbul ignore if */
-        if (newHeight < currentHeight) {
-            // The new text is smaller than the old text, so put the old text back before doing
-            // the collapse animation to avoid showing a big chunk of whitespace.
-            adapter.setText(this.textEl, previousText);
-        }
-        adapter.setContainerHeight(container, `${currentHeight}px`);
-        // This timeout is necessary due to the browser needing to pick up the non-auto height being set
-        // in order to do the transtion in height correctly. Without it the transition does not fire.
-        setTimeout(() => {
-            adapter.setContainerHeight(container, `${newHeight}px`);
-            /* This resets values if the transition does not get kicked off */
-            setTimeout(() => {
-                this.animationEnd();
-            }, 500);
-        }, 10);
-    }
-}
-SkyTextExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandComponent, deps: [{ token: i1.SkyLibResourcesService }, { token: i2.SkyModalService }, { token: i3.SkyTextExpandAdapterService }], target: i0.ɵɵFactoryTarget.Component });
-SkyTextExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextExpandComponent, selector: "sky-text-expand", inputs: { expandModalTitle: "expandModalTitle", maxExpandedLength: "maxExpandedLength", maxExpandedNewlines: "maxExpandedNewlines", maxLength: "maxLength", text: "text", truncateNewlines: "truncateNewlines" }, providers: [SkyTextExpandAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-text-expand-container\"\n  (transitionend)=\"animationEnd()\"\n  #container\n>\n  <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n  <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n    >...\n  </span>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n    [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n    [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n    [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n    (click)=\"textExpand()\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-text-expand',
-                    templateUrl: './text-expand.component.html',
-                    styleUrls: ['./text-expand.component.scss'],
-                    providers: [SkyTextExpandAdapterService],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyLibResourcesService }, { type: i2.SkyModalService }, { type: i3.SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
-                type: Input
-            }], maxExpandedLength: [{
-                type: Input
-            }], maxExpandedNewlines: [{
-                type: Input
-            }], maxLength: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], truncateNewlines: [{
-                type: Input
-            }], containerEl: [{
-                type: ViewChild,
-                args: ['container', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }], textEl: [{
-                type: ViewChild,
-                args: ['text', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }] } });
-//# sourceMappingURL=text-expand.component.js.map

package/esm2015/lib/modules/text-expand/text-expand.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-expand.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/text-expand/text-expand.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/text-expand/text-expand.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ElementRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\nimport { SkyModalService } from '@skyux/modals';\n\nimport { forkJoin as observableForkJoin } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyTextExpandAdapterService } from './text-expand-adapter.service';\nimport { SkyTextExpandModalContext } from './text-expand-modal-context';\nimport { SkyTextExpandModalComponent } from './text-expand-modal.component';\n\n/**\n * Auto-incrementing integer used to generate unique ids for text expand components.\n */\nlet nextId = 0;\n\n@Component({\n  selector: 'sky-text-expand',\n  templateUrl: './text-expand.component.html',\n  styleUrls: ['./text-expand.component.scss'],\n  providers: [SkyTextExpandAdapterService],\n})\nexport class SkyTextExpandComponent implements AfterContentInit {\n  /**\n   * Specifies a title to display when the component expands the full text in a modal.\n   * @default \"Expanded view\"\n   */\n  @Input()\n  public expandModalTitle: string;\n\n  /**\n   * Specifies the maximum number of text characters to display inline when users select the link\n   * to expand the full text. If the text exceeds this limit, then the component expands\n   * the full text in a modal instead.\n   */\n  @Input()\n  public maxExpandedLength = 600;\n\n  /**\n   * Specifies the maximum number of newline characters to display inline when users select\n   * the link to expand the full text. If the text exceeds this limit, then\n   * the component expands the full text in a modal view instead.\n   */\n  @Input()\n  public maxExpandedNewlines = 2;\n\n  /**\n   * Specifies the number of text characters to display before truncating the text.\n   * To avoid truncating text in the middle of a word, the component looks for a space\n   * in the 10 characters before the last character.\n   * @default 200\n   */\n  @Input()\n  public set maxLength(value: number) {\n    this._maxLength = value;\n\n    /* istanbul ignore else */\n    if (this.textEl) {\n      this.setup(this.expandedText);\n    }\n  }\n\n  public get maxLength(): number {\n    return this._maxLength;\n  }\n\n  /**\n   * Specifies the text to truncate.\n   */\n  @Input()\n  public set text(value: string) {\n    /* istanbul ignore else */\n    if (this.textEl) {\n      this.setup(value);\n    }\n  }\n\n  /**\n   * Indicates whether to replace newline characters in truncated text with spaces.\n   */\n  @Input()\n  public truncateNewlines = true;\n\n  public buttonText: string;\n\n  public contentSectionId = `sky-text-expand-content-${++nextId}`;\n\n  public expandable: boolean;\n\n  public isExpanded = false;\n\n  public isModal: boolean;\n\n  @ViewChild('container', {\n    read: ElementRef,\n    static: true,\n  })\n  private containerEl: ElementRef;\n\n  @ViewChild('text', {\n    read: ElementRef,\n    static: true,\n  })\n  private textEl: ElementRef;\n\n  private collapsedText: string;\n\n  private expandedText: string;\n\n  private newlineCount: number;\n\n  private seeMoreText: string;\n\n  private seeLessText: string;\n\n  private textToShow: string;\n\n  private _maxLength = 200;\n\n  constructor(\n    private resources: SkyLibResourcesService,\n    private modalService: SkyModalService,\n    private textExpandAdapter: SkyTextExpandAdapterService\n  ) {}\n\n  public textExpand(): void {\n    if (this.isModal) {\n      // Modal View\n      /* istanbul ignore else */\n      /* sanity check */\n      if (!this.isExpanded) {\n        this.modalService.open(SkyTextExpandModalComponent, [\n          {\n            provide: SkyTextExpandModalContext,\n            useValue: {\n              header: this.expandModalTitle,\n              text: this.expandedText,\n            },\n          },\n        ]);\n      }\n    } else {\n      // Normal View\n      if (!this.isExpanded) {\n        this.setContainerMaxHeight();\n        setTimeout(() => {\n          this.isExpanded = true;\n          this.animateText(this.collapsedText, this.expandedText, true);\n        }, 10);\n      } else {\n        this.setContainerMaxHeight();\n        setTimeout(() => {\n          this.isExpanded = false;\n          this.animateText(this.expandedText, this.collapsedText, false);\n        }, 10);\n      }\n    }\n  }\n\n  public animationEnd(): void {\n    // Ensure the correct text is displayed\n    this.textExpandAdapter.setText(this.textEl, this.textToShow);\n    // Set height back to auto so the browser can change the height as needed with window changes\n    this.textExpandAdapter.setContainerHeight(this.containerEl, undefined);\n  }\n\n  public ngAfterContentInit(): void {\n    observableForkJoin([\n      this.resources.getString('skyux_text_expand_see_more'),\n      this.resources.getString('skyux_text_expand_see_less'),\n    ])\n      .pipe(take(1))\n      .subscribe((resources) => {\n        this.seeMoreText = resources[0];\n        this.seeLessText = resources[1];\n        this.setup(this.expandedText);\n\n        /* istanbul ignore else */\n        if (!this.expandModalTitle) {\n          this.resources\n            .getString('skyux_text_expand_modal_title')\n            .pipe(take(1))\n            .subscribe((resource) => {\n              this.expandModalTitle = resource;\n            });\n        }\n      });\n  }\n\n  private setContainerMaxHeight(): void {\n    // ensure everything is reset\n    this.animationEnd();\n    /* Before animation is kicked off, ensure that a maxHeight exists */\n    /* Once we have support for angular v4 animations with parameters we can use that instead */\n    const currentHeight = this.textExpandAdapter.getContainerHeight(\n      this.containerEl\n    );\n    this.textExpandAdapter.setContainerHeight(\n      this.containerEl,\n      `${currentHeight}px`\n    );\n  }\n\n  private setup(value: string): void {\n    if (value) {\n      this.newlineCount = this.getNewlineCount(value);\n      this.collapsedText = this.getTruncatedText(value, this.maxLength);\n      this.expandedText = value;\n      if (this.collapsedText !== value) {\n        this.buttonText = this.seeMoreText;\n        this.isExpanded = false;\n        this.expandable = true;\n        this.isModal =\n          this.newlineCount > this.maxExpandedNewlines ||\n          this.expandedText.length > this.maxExpandedLength;\n      } else {\n        this.expandable = false;\n      }\n      this.textToShow = this.collapsedText;\n    } else {\n      this.textToShow = '';\n      this.expandable = false;\n    }\n    this.textExpandAdapter.setText(this.textEl, this.textToShow);\n  }\n\n  private getNewlineCount(value: string): number {\n    const matches = value.match(/\\n/gi);\n\n    if (matches) {\n      return matches.length;\n    }\n\n    return 0;\n  }\n\n  private getTruncatedText(value: string, length: number): string {\n    let i: number;\n    if (this.truncateNewlines) {\n      value = value.replace(/\\n+/gi, ' ');\n    }\n    // Jump ahead one character and see if it's a space, and if it isn't,\n    // back up to the first space and break there so a word doesn't get cut\n    // in half.\n    if (length < value.length) {\n      for (i = length; i > length - 10; i--) {\n        if (/\\s/.test(value.charAt(i))) {\n          length = i;\n          break;\n        }\n      }\n    }\n    return value.substr(0, length);\n  }\n\n  private animateText(\n    previousText: string,\n    newText: string,\n    expanding: boolean\n  ): void {\n    const adapter = this.textExpandAdapter;\n    const container = this.containerEl;\n    // Reset max height\n    adapter.setContainerHeight(container, undefined);\n    // Measure the current height so we can animate from it.\n    const currentHeight = adapter.getContainerHeight(container);\n    this.textToShow = newText;\n    adapter.setText(this.textEl, this.textToShow);\n    this.buttonText = expanding ? this.seeLessText : this.seeMoreText;\n    // Measure the new height so we can animate to it.\n    const newHeight = adapter.getContainerHeight(container);\n    /* istanbul ignore if */\n    if (newHeight < currentHeight) {\n      // The new text is smaller than the old text, so put the old text back before doing\n      // the collapse animation to avoid showing a big chunk of whitespace.\n      adapter.setText(this.textEl, previousText);\n    }\n\n    adapter.setContainerHeight(container, `${currentHeight}px`);\n    // This timeout is necessary due to the browser needing to pick up the non-auto height being set\n    // in order to do the transtion in height correctly. Without it the transition does not fire.\n    setTimeout(() => {\n      adapter.setContainerHeight(container, `${newHeight}px`);\n      /* This resets values if the transition does not get kicked off */\n      setTimeout(() => {\n        this.animationEnd();\n      }, 500);\n    }, 10);\n  }\n}\n","<div\n  class=\"sky-text-expand-container\"\n  (transitionend)=\"animationEnd()\"\n  #container\n>\n  <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n  <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n    >...\n  </span>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n    [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n    [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n    [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n    (click)=\"textExpand()\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n"]}

package/esm2015/lib/modules/text-expand/text-expand.module.js

@@ -1,36 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SkyI18nModule } from '@skyux/i18n';
-import { SkyModalModule } from '@skyux/modals';
-import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
-import { SkyTextExpandModalComponent } from './text-expand-modal.component';
-import { SkyTextExpandComponent } from './text-expand.component';
-import * as i0 from "@angular/core";
-export class SkyTextExpandModule {
-}
-SkyTextExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyTextExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [SkyI18nModule,
-        SkyLayoutResourcesModule,
-        SkyModalModule,
-        CommonModule], exports: [SkyTextExpandComponent] });
-SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandModule, imports: [[
-            SkyI18nModule,
-            SkyLayoutResourcesModule,
-            SkyModalModule,
-            CommonModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
-                    imports: [
-                        SkyI18nModule,
-                        SkyLayoutResourcesModule,
-                        SkyModalModule,
-                        CommonModule,
-                    ],
-                    exports: [SkyTextExpandComponent],
-                    entryComponents: [SkyTextExpandModalComponent],
-                }]
-        }] });
-//# sourceMappingURL=text-expand.module.js.map

package/esm2015/lib/modules/text-expand/text-expand.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-expand.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/text-expand/text-expand.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;AAajE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAVf,sBAAsB,EAAE,2BAA2B,aAEhE,aAAa;QACb,wBAAwB;QACxB,cAAc;QACd,YAAY,aAEJ,sBAAsB;kHAGrB,mBAAmB,YATrB;YACP,aAAa;YACb,wBAAwB;YACxB,cAAc;YACd,YAAY;SACb;4FAIU,mBAAmB;kBAX/B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,EAAE,2BAA2B,CAAC;oBACnE,OAAO,EAAE;wBACP,aAAa;wBACb,wBAAwB;wBACxB,cAAc;wBACd,YAAY;qBACb;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,eAAe,EAAE,CAAC,2BAA2B,CAAC;iBAC/C","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyTextExpandModalComponent } from './text-expand-modal.component';\nimport { SkyTextExpandComponent } from './text-expand.component';\n\n@NgModule({\n  declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],\n  imports: [\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyModalModule,\n    CommonModule,\n  ],\n  exports: [SkyTextExpandComponent],\n  entryComponents: [SkyTextExpandModalComponent],\n})\nexport class SkyTextExpandModule {}\n"]}

package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js

@@ -1,37 +0,0 @@
-import { Injectable, RendererFactory2, } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyTextExpandRepeaterAdapterService {
-    constructor(rendererFactory) {
-        this.rendererFactory = rendererFactory;
-        this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
-    }
-    getItems(elRef) {
-        return elRef.nativeElement.querySelectorAll('.sky-text-expand-repeater-item');
-    }
-    hideItem(item) {
-        this.renderer.setStyle(item, 'display', 'none');
-    }
-    showItem(item) {
-        this.renderer.setStyle(item, 'display', 'list-item');
-    }
-    getContainerHeight(containerEl) {
-        return containerEl.nativeElement.offsetHeight;
-    }
-    setContainerHeight(containerEl, height) {
-        if (height === undefined) {
-            this.renderer.removeStyle(containerEl.nativeElement, 'max-height');
-        }
-        else {
-            this.renderer.setStyle(containerEl.nativeElement, 'max-height', height);
-        }
-    }
-}
-SkyTextExpandRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyTextExpandRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
-//# sourceMappingURL=text-expand-repeater-adapter.service.js.map

package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-expand-repeater-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAEH,MAAM,OAAO,mCAAmC;IAG9C,YAAoB,eAAiC;QAAjC,oBAAe,GAAf,eAAe,CAAkB;QACnD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC;IAEM,QAAQ,CAAC,KAAiB;QAC/B,OAAO,KAAK,CAAC,aAAa,CAAC,gBAAgB,CACzC,gCAAgC,CACjC,CAAC;IACJ,CAAC;IAEM,QAAQ,CAAC,IAAiB;QAC/B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAClD,CAAC;IAEM,QAAQ,CAAC,IAAiB;QAC/B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IACvD,CAAC;IAEM,kBAAkB,CAAC,WAAuB;QAC/C,OAAO,WAAW,CAAC,aAAa,CAAC,YAAY,CAAC;IAChD,CAAC;IAEM,kBAAkB,CAAC,WAAuB,EAAE,MAAc;QAC/D,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;SACpE;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;SACzE;IACH,CAAC;;iIA/BU,mCAAmC;qIAAnC,mCAAmC;4FAAnC,mCAAmC;kBAD/C,UAAU","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyTextExpandRepeaterAdapterService {\n  private renderer: Renderer2;\n\n  constructor(private rendererFactory: RendererFactory2) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public getItems(elRef: ElementRef) {\n    return elRef.nativeElement.querySelectorAll(\n      '.sky-text-expand-repeater-item'\n    );\n  }\n\n  public hideItem(item: HTMLElement) {\n    this.renderer.setStyle(item, 'display', 'none');\n  }\n\n  public showItem(item: HTMLElement) {\n    this.renderer.setStyle(item, 'display', 'list-item');\n  }\n\n  public getContainerHeight(containerEl: ElementRef) {\n    return containerEl.nativeElement.offsetHeight;\n  }\n\n  public setContainerHeight(containerEl: ElementRef, height: string) {\n    if (height === undefined) {\n      this.renderer.removeStyle(containerEl.nativeElement, 'max-height');\n    } else {\n      this.renderer.setStyle(containerEl.nativeElement, 'max-height', height);\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js

@@ -1,176 +0,0 @@
-import { ChangeDetectorRef, Component, ElementRef, Input, TemplateRef, ViewChild, } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
-import { forkJoin as observableForkJoin } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { SkyTextExpandRepeaterAdapterService } from './text-expand-repeater-adapter.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/i18n";
-import * as i2 from "./text-expand-repeater-adapter.service";
-import * as i3 from "@angular/common";
-/**
- * Auto-incrementing integer used to generate unique ids for text expand repeater components.
- */
-let nextId = 0;
-export class SkyTextExpandRepeaterComponent {
-    constructor(resources, elRef, textExpandRepeaterAdapter, changeDetector) {
-        this.resources = resources;
-        this.elRef = elRef;
-        this.textExpandRepeaterAdapter = textExpandRepeaterAdapter;
-        this.changeDetector = changeDetector;
-        /**
-         * Specifies the style of bullet to use
-         * @default "unordered"
-         */
-        this.listStyle = 'unordered';
-        this.contentSectionId = `sky-text-expand-repeater-content-${++nextId}`;
-        this.isExpanded = false;
-    }
-    ngAfterViewInit() {
-        if (this.contentItems) {
-            this.items = this.textExpandRepeaterAdapter.getItems(this.elRef);
-            for (let i = this.maxItems; i < this.contentItems.length; i++) {
-                this.textExpandRepeaterAdapter.hideItem(this.items[i]);
-            }
-        }
-        observableForkJoin([
-            this.resources.getString('skyux_text_expand_see_more'),
-            this.resources.getString('skyux_text_expand_see_less'),
-        ])
-            .pipe(take(1))
-            .subscribe((resources) => {
-            this.seeMoreText = resources[0];
-            this.seeLessText = resources[1];
-            /* sanity check */
-            /* istanbul ignore else */
-            if (!this.isExpanded) {
-                this.buttonText = this.seeMoreText;
-            }
-            else {
-                this.buttonText = this.seeLessText;
-            }
-            this.changeDetector.detectChanges();
-        });
-    }
-    ngOnChanges(changes) {
-        /* istanbul ignore else */
-        if (changes.maxItems || changes.data) {
-            this.setup(this.data);
-        }
-    }
-    animationEnd() {
-        // Ensure the correct items are displayed
-        if (!this.isExpanded) {
-            for (let i = this.maxItems; i < this.contentItems.length; i++) {
-                this.textExpandRepeaterAdapter.hideItem(this.items[i]);
-            }
-        }
-        // Set height back to auto so the browser can change the height as needed with window changes
-        this.textExpandRepeaterAdapter.setContainerHeight(this.containerEl, undefined);
-    }
-    repeaterExpand() {
-        if (!this.isExpanded) {
-            this.setContainerMaxHeight();
-            setTimeout(() => {
-                this.isExpanded = true;
-                this.animateRepeater(true);
-            });
-        }
-        else {
-            this.setContainerMaxHeight();
-            setTimeout(() => {
-                this.isExpanded = false;
-                this.animateRepeater(false);
-            });
-        }
-    }
-    setContainerMaxHeight() {
-        // ensure everything is reset
-        this.animationEnd();
-        /* Before animation is kicked off, ensure that a maxHeight exists */
-        /* Once we have support for angular v4 animations with parameters we can use that instead */
-        const currentHeight = this.textExpandRepeaterAdapter.getContainerHeight(this.containerEl);
-        this.textExpandRepeaterAdapter.setContainerHeight(this.containerEl, `${currentHeight}px`);
-    }
-    animateRepeater(expanding) {
-        const adapter = this.textExpandRepeaterAdapter;
-        const container = this.containerEl;
-        adapter.setContainerHeight(container, undefined);
-        const currentHeight = adapter.getContainerHeight(container);
-        for (let i = this.maxItems; i < this.contentItems.length; i++) {
-            if (!expanding) {
-                adapter.hideItem(this.items[i]);
-            }
-            else {
-                adapter.showItem(this.items[i]);
-            }
-        }
-        const newHeight = adapter.getContainerHeight(container);
-        if (!expanding) {
-            this.buttonText = this.seeMoreText;
-        }
-        else {
-            this.buttonText = this.seeLessText;
-        }
-        if (newHeight < currentHeight) {
-            // The new text is smaller than the old text, so put the old text back before doing
-            // the collapse animation to avoid showing a big chunk of whitespace.
-            for (let i = this.maxItems; i < this.contentItems.length; i++) {
-                adapter.showItem(this.items[i]);
-            }
-        }
-        adapter.setContainerHeight(container, `${currentHeight}px`);
-        // This timeout is necessary due to the browser needing to pick up the non-auto height being set
-        // in order to do the transtion in height correctly. Without it the transition does not fire.
-        setTimeout(() => {
-            adapter.setContainerHeight(container, `${newHeight}px`);
-            /* This resets values if the transition does not get kicked off */
-            setTimeout(() => {
-                this.animationEnd();
-            }, 500);
-        }, 10);
-    }
-    setup(value) {
-        if (value) {
-            const length = value.length;
-            if (length > this.maxItems) {
-                this.expandable = true;
-                this.buttonText = this.seeMoreText;
-                this.isExpanded = false;
-            }
-            else {
-                this.expandable = false;
-            }
-            this.contentItems = value;
-        }
-        else {
-            this.contentItems = undefined;
-            this.expandable = false;
-        }
-    }
-}
-SkyTextExpandRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterComponent, deps: [{ token: i1.SkyLibResourcesService }, { token: i0.ElementRef }, { token: i2.SkyTextExpandRepeaterAdapterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyTextExpandRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextExpandRepeaterComponent, selector: "sky-text-expand-repeater", inputs: { data: "data", itemTemplate: "itemTemplate", listStyle: "listStyle", maxItems: "maxItems" }, providers: [SkyTextExpandRepeaterAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-text-expand-repeater\">\n  <ul\n    *ngIf=\"listStyle !== 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n    }\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ul>\n  <ol\n    *ngIf=\"listStyle === 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ol>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n    [attr.aria-expanded]=\"isExpanded\"\n    [attr.aria-controls]=\"contentSectionId\"\n    (click)=\"repeaterExpand()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-see-more-list-style-none':\n        listStyle === 'unstyled'\n    }\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n  {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n  <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n    <ng-template\n      [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\n    ></ng-template>\n  </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-text-expand-repeater',
-                    templateUrl: './text-expand-repeater.component.html',
-                    styleUrls: ['./text-expand-repeater.component.scss'],
-                    providers: [SkyTextExpandRepeaterAdapterService],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyLibResourcesService }, { type: i0.ElementRef }, { type: i2.SkyTextExpandRepeaterAdapterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
-                type: Input
-            }], itemTemplate: [{
-                type: Input
-            }], listStyle: [{
-                type: Input
-            }], maxItems: [{
-                type: Input
-            }], containerEl: [{
-                type: ViewChild,
-                args: ['container', {
-                        read: ElementRef,
-                        static: false,
-                    }]
-            }] } });
-//# sourceMappingURL=text-expand-repeater.component.js.map

package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-expand-repeater.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/text-expand-repeater/text-expand-repeater.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/text-expand-repeater/text-expand-repeater.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { forkJoin as observableForkJoin } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyTextExpandRepeaterAdapterService } from './text-expand-repeater-adapter.service';\nimport { SkyTextExpandRepeaterListStyleType } from './types/text-expand-repeater-list-style-type';\n\n/**\n * Auto-incrementing integer used to generate unique ids for text expand repeater components.\n */\nlet nextId = 0;\n\n@Component({\n  selector: 'sky-text-expand-repeater',\n  templateUrl: './text-expand-repeater.component.html',\n  styleUrls: ['./text-expand-repeater.component.scss'],\n  providers: [SkyTextExpandRepeaterAdapterService],\n})\nexport class SkyTextExpandRepeaterComponent\n  implements AfterViewInit, OnChanges\n{\n  /**\n   * Specifies the data to truncate.\n   */\n  @Input()\n  public data: any[];\n\n  /**\n   * Specifies a template for items in the list.\n   */\n  @Input()\n  public itemTemplate: TemplateRef<any>;\n\n  /**\n   * Specifies the style of bullet to use\n   * @default \"unordered\"\n   */\n  @Input()\n  public listStyle: SkyTextExpandRepeaterListStyleType = 'unordered';\n\n  /**\n   * Specifies the number of items to display before truncating the list.\n   */\n  @Input()\n  public maxItems: number;\n\n  public buttonText: string;\n  public contentItems: Array<any>;\n  public expandable: boolean;\n  public contentSectionId = `sky-text-expand-repeater-content-${++nextId}`;\n\n  public isExpanded = false;\n\n  private seeMoreText: string;\n  private seeLessText: string;\n\n  @ViewChild('container', {\n    read: ElementRef,\n    static: false,\n  })\n  private containerEl: ElementRef;\n\n  private items: Array<HTMLElement>;\n\n  constructor(\n    private resources: SkyLibResourcesService,\n    private elRef: ElementRef,\n    private textExpandRepeaterAdapter: SkyTextExpandRepeaterAdapterService,\n    private changeDetector: ChangeDetectorRef\n  ) {}\n\n  public ngAfterViewInit() {\n    if (this.contentItems) {\n      this.items = this.textExpandRepeaterAdapter.getItems(this.elRef);\n      for (let i = this.maxItems; i < this.contentItems.length; i++) {\n        this.textExpandRepeaterAdapter.hideItem(this.items[i]);\n      }\n    }\n\n    observableForkJoin([\n      this.resources.getString('skyux_text_expand_see_more'),\n      this.resources.getString('skyux_text_expand_see_less'),\n    ])\n      .pipe(take(1))\n      .subscribe((resources) => {\n        this.seeMoreText = resources[0];\n        this.seeLessText = resources[1];\n        /* sanity check */\n        /* istanbul ignore else */\n        if (!this.isExpanded) {\n          this.buttonText = this.seeMoreText;\n        } else {\n          this.buttonText = this.seeLessText;\n        }\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    /* istanbul ignore else */\n    if (changes.maxItems || changes.data) {\n      this.setup(this.data);\n    }\n  }\n\n  public animationEnd() {\n    // Ensure the correct items are displayed\n    if (!this.isExpanded) {\n      for (let i = this.maxItems; i < this.contentItems.length; i++) {\n        this.textExpandRepeaterAdapter.hideItem(this.items[i]);\n      }\n    }\n    // Set height back to auto so the browser can change the height as needed with window changes\n    this.textExpandRepeaterAdapter.setContainerHeight(\n      this.containerEl,\n      undefined\n    );\n  }\n\n  public repeaterExpand() {\n    if (!this.isExpanded) {\n      this.setContainerMaxHeight();\n      setTimeout(() => {\n        this.isExpanded = true;\n        this.animateRepeater(true);\n      });\n    } else {\n      this.setContainerMaxHeight();\n      setTimeout(() => {\n        this.isExpanded = false;\n        this.animateRepeater(false);\n      });\n    }\n  }\n\n  private setContainerMaxHeight() {\n    // ensure everything is reset\n    this.animationEnd();\n    /* Before animation is kicked off, ensure that a maxHeight exists */\n    /* Once we have support for angular v4 animations with parameters we can use that instead */\n    const currentHeight = this.textExpandRepeaterAdapter.getContainerHeight(\n      this.containerEl\n    );\n    this.textExpandRepeaterAdapter.setContainerHeight(\n      this.containerEl,\n      `${currentHeight}px`\n    );\n  }\n\n  private animateRepeater(expanding: boolean) {\n    const adapter = this.textExpandRepeaterAdapter;\n    const container = this.containerEl;\n\n    adapter.setContainerHeight(container, undefined);\n    const currentHeight = adapter.getContainerHeight(container);\n    for (let i = this.maxItems; i < this.contentItems.length; i++) {\n      if (!expanding) {\n        adapter.hideItem(this.items[i]);\n      } else {\n        adapter.showItem(this.items[i]);\n      }\n    }\n    const newHeight = adapter.getContainerHeight(container);\n    if (!expanding) {\n      this.buttonText = this.seeMoreText;\n    } else {\n      this.buttonText = this.seeLessText;\n    }\n    if (newHeight < currentHeight) {\n      // The new text is smaller than the old text, so put the old text back before doing\n      // the collapse animation to avoid showing a big chunk of whitespace.\n      for (let i = this.maxItems; i < this.contentItems.length; i++) {\n        adapter.showItem(this.items[i]);\n      }\n    }\n\n    adapter.setContainerHeight(container, `${currentHeight}px`);\n    // This timeout is necessary due to the browser needing to pick up the non-auto height being set\n    // in order to do the transtion in height correctly. Without it the transition does not fire.\n    setTimeout(() => {\n      adapter.setContainerHeight(container, `${newHeight}px`);\n      /* This resets values if the transition does not get kicked off */\n      setTimeout(() => {\n        this.animationEnd();\n      }, 500);\n    }, 10);\n  }\n\n  private setup(value: Array<any>) {\n    if (value) {\n      const length = value.length;\n      if (length > this.maxItems) {\n        this.expandable = true;\n        this.buttonText = this.seeMoreText;\n        this.isExpanded = false;\n      } else {\n        this.expandable = false;\n      }\n      this.contentItems = value;\n    } else {\n      this.contentItems = undefined;\n      this.expandable = false;\n    }\n  }\n}\n","<div class=\"sky-text-expand-repeater\">\n  <ul\n    *ngIf=\"listStyle !== 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n    }\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ul>\n  <ol\n    *ngIf=\"listStyle === 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ol>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n    [attr.aria-expanded]=\"isExpanded\"\n    [attr.aria-controls]=\"contentSectionId\"\n    (click)=\"repeaterExpand()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-see-more-list-style-none':\n        listStyle === 'unstyled'\n    }\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n  {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n  <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n    <ng-template\n      [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\n    ></ng-template>\n  </li>\n</ng-template>\n"]}

package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js

@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { SkyI18nModule } from '@skyux/i18n';
-import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
-import { SkyTextExpandRepeaterComponent } from './text-expand-repeater.component';
-import * as i0 from "@angular/core";
-export class SkyTextExpandRepeaterModule {
-}
-SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule], exports: [SkyTextExpandRepeaterComponent] });
-SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[SkyI18nModule, SkyLayoutResourcesModule, CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyTextExpandRepeaterComponent],
-                    imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule],
-                    exports: [SkyTextExpandRepeaterComponent],
-                }]
-        }] });
-//# sourceMappingURL=text-expand-repeater.module.js.map

package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-expand-repeater.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/text-expand-repeater/text-expand-repeater.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;;AAOlF,MAAM,OAAO,2BAA2B;;yHAA3B,2BAA2B;0HAA3B,2BAA2B,iBAJvB,8BAA8B,aACnC,aAAa,EAAE,wBAAwB,EAAE,YAAY,aACrD,8BAA8B;0HAE7B,2BAA2B,YAH7B,CAAC,aAAa,EAAE,wBAAwB,EAAE,YAAY,CAAC;4FAGrD,2BAA2B;kBALvC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,8BAA8B,CAAC;oBAC9C,OAAO,EAAE,CAAC,aAAa,EAAE,wBAAwB,EAAE,YAAY,CAAC;oBAChE,OAAO,EAAE,CAAC,8BAA8B,CAAC;iBAC1C","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyTextExpandRepeaterComponent } from './text-expand-repeater.component';\n\n@NgModule({\n  declarations: [SkyTextExpandRepeaterComponent],\n  imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule],\n  exports: [SkyTextExpandRepeaterComponent],\n})\nexport class SkyTextExpandRepeaterModule {}\n"]}

package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=text-expand-repeater-list-style-type.js.map

package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-expand-repeater-list-style-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyTextExpandRepeaterListStyleType =\n  | 'unordered'\n  | 'ordered'\n  | 'unstyled';\n"]}