@skyux/layout 7.0.0 → 7.1.1

package/documentation.json

@@ -9352,21 +9352,6 @@
       "filePath": "/projects/layout/documentation/code-examples/action-button/permalink/action-button-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyActionButtonModule } from '@skyux/layout';\n\nimport { ActionButtonDemoComponent } from './action-button-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyActionButtonModule],\n  declarations: [ActionButtonDemoComponent],\n  exports: [ActionButtonDemoComponent],\n})\nexport class ActionButtonDemoModule {}\n"
     },
-    {
-      "fileName": "back-to-top-demo.component.html",
-      "filePath": "/projects/layout/documentation/code-examples/back-to-top/grid/back-to-top-demo.component.html",
-      "rawContents": "<sky-grid [data]=\"personList\" skyBackToTop>\n  <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n  <sky-grid-column field=\"address\" heading=\"Address\"> </sky-grid-column>\n</sky-grid>\n"
-    },
-    {
-      "fileName": "back-to-top-demo.component.ts",
-      "filePath": "/projects/layout/documentation/code-examples/back-to-top/grid/back-to-top-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html',\n})\nexport class BackToTopDemoComponent {\n  public personList = [\n    {\n      id: 1,\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court',\n    },\n    {\n      id: 3,\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court',\n    },\n    {\n      id: 4,\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street',\n    },\n    {\n      id: 5,\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street',\n    },\n    {\n      id: 6,\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street',\n    },\n    {\n      id: 7,\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street',\n    },\n    {\n      id: 8,\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle',\n    },\n    {\n      id: 9,\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive',\n    },\n    {\n      id: 10,\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road',\n    },\n    {\n      id: 11,\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive',\n    },\n    {\n      id: 12,\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street',\n    },\n    {\n      id: 13,\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street',\n    },\n    {\n      id: 14,\n      name: 'Jack Lovett',\n      address: '73 Academy Street',\n    },\n    {\n      id: 15,\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court',\n    },\n    {\n      id: 16,\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street',\n    },\n    {\n      id: 17,\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street',\n    },\n    {\n      id: 18,\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street',\n    },\n    {\n      id: 19,\n      name: 'Ed Sipes',\n      address: '8824 Hill Street',\n    },\n    {\n      id: 20,\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street',\n    },\n    {\n      id: 21,\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue',\n    },\n    {\n      id: 22,\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street',\n    },\n    {\n      id: 23,\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street',\n    },\n    {\n      id: 24,\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street',\n    },\n    {\n      id: 25,\n      name: 'Molly Seymour',\n      address: '386 E. George Street',\n    },\n    {\n      id: 26,\n      name: 'Clarice Overton',\n      address: '16 Manchester Street',\n    },\n    {\n      id: 27,\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street',\n    },\n  ];\n}\n"
-    },
-    {
-      "fileName": "back-to-top-demo.module.ts",
-      "filePath": "/projects/layout/documentation/code-examples/back-to-top/grid/back-to-top-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyGridModule } from '@skyux/grids';\nimport { SkyBackToTopModule } from '@skyux/layout';\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { BackToTopDemoComponent } from './back-to-top-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyBackToTopModule, SkyGridModule, SkyTabsModule],\n  declarations: [BackToTopDemoComponent],\n  exports: [BackToTopDemoComponent],\n})\nexport class BackToTopDemoModule {}\n"
-    },
     {
       "fileName": "back-to-top-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/back-to-top-demo.component.html",
@@ -9375,13 +9360,18 @@
     {
       "fileName": "back-to-top-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/back-to-top-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html',\n})\nexport class BackToTopDemoComponent implements OnInit {\n  public hasMore = true;\n\n  public personList: any[] = [];\n\n  public personDataSet = [\n    {\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court',\n    },\n    {\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court',\n    },\n    {\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street',\n    },\n    {\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street',\n    },\n    {\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street',\n    },\n    {\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street',\n    },\n    {\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle',\n    },\n    {\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive',\n    },\n    {\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road',\n    },\n    {\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive',\n    },\n    {\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street',\n    },\n    {\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street',\n    },\n    {\n      name: 'Jack Lovett',\n      address: '73 Academy Street',\n    },\n    {\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court',\n    },\n    {\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street',\n    },\n    {\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street',\n    },\n    {\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street',\n    },\n    {\n      name: 'Ed Sipes',\n      address: '8824 Hill Street',\n    },\n    {\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street',\n    },\n    {\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue',\n    },\n    {\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street',\n    },\n    {\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street',\n    },\n    {\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street',\n    },\n    {\n      name: 'Molly Seymour',\n      address: '386 E. George Street',\n    },\n    {\n      name: 'Clarice Overton',\n      address: '16 Manchester Street',\n    },\n    {\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street',\n    },\n  ];\n\n  public ngOnInit(): void {\n    this.addData(0, 5);\n  }\n\n  public onScrollEnd(): void {\n    this.addData(this.personList.length, 5);\n  }\n\n  private addData(start: number, rowSize: number): void {\n    if (this.hasMore) {\n      this.mockRemote(start, rowSize).then((result: any) => {\n        this.personList = this.personList.concat(result.data);\n        this.hasMore = result.hasMore;\n      });\n    }\n  }\n\n  /**\n   * Simulate a remote request.\n   */\n  private mockRemote(start: number, rowSize: number): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < rowSize; i++) {\n      if (this.personDataSet[start + i]) {\n        data.push(this.personDataSet[start + i]);\n      }\n    }\n\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: this.personList.length < this.personDataSet.length,\n        });\n      }, 1000);\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { Person } from './person';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html',\n})\nexport class BackToTopDemoComponent implements OnInit {\n  public hasMore = true;\n\n  public personList: Person[] = [];\n\n  public personDataSet = [\n    {\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court',\n    },\n    {\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court',\n    },\n    {\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street',\n    },\n    {\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street',\n    },\n    {\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street',\n    },\n    {\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street',\n    },\n    {\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle',\n    },\n    {\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive',\n    },\n    {\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road',\n    },\n    {\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive',\n    },\n    {\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street',\n    },\n    {\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street',\n    },\n    {\n      name: 'Jack Lovett',\n      address: '73 Academy Street',\n    },\n    {\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court',\n    },\n    {\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street',\n    },\n    {\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street',\n    },\n    {\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street',\n    },\n    {\n      name: 'Ed Sipes',\n      address: '8824 Hill Street',\n    },\n    {\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street',\n    },\n    {\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue',\n    },\n    {\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street',\n    },\n    {\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street',\n    },\n    {\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street',\n    },\n    {\n      name: 'Molly Seymour',\n      address: '386 E. George Street',\n    },\n    {\n      name: 'Clarice Overton',\n      address: '16 Manchester Street',\n    },\n    {\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street',\n    },\n  ];\n\n  public ngOnInit(): void {\n    this.addData(0, 5);\n  }\n\n  public onScrollEnd(): void {\n    this.addData(this.personList.length, 5);\n  }\n\n  private addData(start: number, rowSize: number): void {\n    if (this.hasMore) {\n      this.mockRemote(start, rowSize).then(\n        (result: { data: Person[]; hasMore: boolean }) => {\n          this.personList = this.personList.concat(result.data);\n          this.hasMore = result.hasMore;\n        }\n      );\n    }\n  }\n\n  /**\n   * Simulate a remote request.\n   */\n  private mockRemote(\n    start: number,\n    rowSize: number\n  ): Promise<{ data: Person[]; hasMore: boolean }> {\n    const data: Person[] = [];\n\n    for (let i = 0; i < rowSize; i++) {\n      if (this.personDataSet[start + i]) {\n        data.push(this.personDataSet[start + i]);\n      }\n    }\n\n    return new Promise((resolve) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: this.personList.length < this.personDataSet.length,\n        });\n      }, 1000);\n    });\n  }\n}\n"
     },
     {
       "fileName": "back-to-top-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/back-to-top-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyBackToTopModule } from '@skyux/layout';\nimport { SkyInfiniteScrollModule, SkyRepeaterModule } from '@skyux/lists';\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { BackToTopDemoComponent } from './back-to-top-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyRepeaterModule,\n    SkyTabsModule,\n  ],\n  declarations: [BackToTopDemoComponent],\n  exports: [BackToTopDemoComponent],\n})\nexport class BackToTopDemoModule {}\n"
     },
+    {
+      "fileName": "person.ts",
+      "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/person.ts",
+      "rawContents": "export interface Person {\n  name: string;\n  address: string;\n}\n"
+    },
     {
       "fileName": "back-to-top-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/repeater/back-to-top-demo.component.html",
@@ -9450,7 +9440,7 @@
     {
       "fileName": "definition-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/definition-list/basic/definition-list-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-definition-list-demo',\n  templateUrl: './definition-list-demo.component.html',\n})\nexport class DefinitionListDemoComponent {\n  public items: { label: string; value: string }[] = [\n    {\n      label: 'Field 1',\n      value: 'Field 1 value',\n    },\n    {\n      label: 'Field 2',\n      value: 'Field 2 value',\n    },\n    {\n      label: 'Field 3',\n      value: undefined,\n    },\n    {\n      label: 'Field 4',\n      value: 'Field 4 value',\n    },\n  ];\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-definition-list-demo',\n  templateUrl: './definition-list-demo.component.html',\n})\nexport class DefinitionListDemoComponent {\n  public items: { label: string; value?: string }[] = [\n    {\n      label: 'Field 1',\n      value: 'Field 1 value',\n    },\n    {\n      label: 'Field 2',\n      value: 'Field 2 value',\n    },\n    {\n      label: 'Field 3',\n      value: undefined,\n    },\n    {\n      label: 'Field 4',\n      value: 'Field 4 value',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "definition-list-demo.module.ts",
@@ -9575,7 +9565,7 @@
     {
       "fileName": "inilne-delete-repeater-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inilne-delete-repeater-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-repeater-demo',\n  templateUrl: './inline-delete-repeater-demo.component.html',\n})\nexport class InlineDeleteRepeaterDemoComponent {\n  public originalRepeaterDemoItems: any = [\n    {\n      title: 'Individual',\n      cost: '$75.00',\n      description: '1 ticket',\n    },\n    {\n      title: 'Foursome',\n      cost: '$250.00',\n      description: '4 tickets',\n    },\n    {\n      title: 'Hole sponsor',\n      cost: '$1,000.00',\n      description: '8 tickets',\n    },\n  ];\n\n  public repeaterDemoItems: any = this.originalRepeaterDemoItems;\n\n  public repeaterDemoShownInlineDeletes: string[] = [];\n\n  public showInlineDelete(title: string) {\n    this.repeaterDemoShownInlineDeletes.push(title);\n  }\n\n  public deleteItem(title: string) {\n    this.repeaterDemoItems = this.repeaterDemoItems.filter(\n      (demoItem: any) => demoItem.title !== title\n    );\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: any) => demoItem !== title\n      );\n  }\n\n  public cancelDeletion(title: string) {\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: any) => demoItem !== title\n      );\n  }\n\n  public onResetClick() {\n    this.repeaterDemoItems = this.originalRepeaterDemoItems;\n    this.repeaterDemoShownInlineDeletes = [];\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\ninterface InlineRepeaterDemoItem {\n  title: string;\n  cost: string;\n  description: string;\n}\n\n@Component({\n  selector: 'app-inline-delete-repeater-demo',\n  templateUrl: './inline-delete-repeater-demo.component.html',\n})\nexport class InlineDeleteRepeaterDemoComponent {\n  public originalRepeaterDemoItems: InlineRepeaterDemoItem[] = [\n    {\n      title: 'Individual',\n      cost: '$75.00',\n      description: '1 ticket',\n    },\n    {\n      title: 'Foursome',\n      cost: '$250.00',\n      description: '4 tickets',\n    },\n    {\n      title: 'Hole sponsor',\n      cost: '$1,000.00',\n      description: '8 tickets',\n    },\n  ];\n\n  public repeaterDemoItems: InlineRepeaterDemoItem[] =\n    this.originalRepeaterDemoItems;\n\n  public repeaterDemoShownInlineDeletes: string[] = [];\n\n  public showInlineDelete(title: string): void {\n    this.repeaterDemoShownInlineDeletes.push(title);\n  }\n\n  public deleteItem(title: string): void {\n    this.repeaterDemoItems = this.repeaterDemoItems.filter(\n      (demoItem: InlineRepeaterDemoItem) => demoItem.title !== title\n    );\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: string) => demoItem !== title\n      );\n  }\n\n  public cancelDeletion(title: string): void {\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: string) => demoItem !== title\n      );\n  }\n\n  public onResetClick(): void {\n    this.repeaterDemoItems = this.originalRepeaterDemoItems;\n    this.repeaterDemoShownInlineDeletes = [];\n  }\n}\n"
     },
     {
       "fileName": "inline-delete-repeater-demo.component.html",

package/esm2020/lib/modules/text-expand/text-expand-modal.component.mjs

@@ -16,7 +16,7 @@ export class SkyTextExpandModalComponent {
     }
 }
 SkyTextExpandModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyTextExpandModalComponent, deps: [{ token: SKY_TEXT_EXPAND_MODAL_CONTEXT }, { token: i1.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
-SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\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}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i1.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody", "ariaLabelledBy"] }, { kind: "component", type: i1.λ2, selector: "sky-modal-content" }, { kind: "component", type: i1.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i1.λ4, selector: "sky-modal-header" }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }] });
+SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\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}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i1.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i1.λ2, selector: "sky-modal-content" }, { kind: "component", type: i1.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i1.λ4, selector: "sky-modal-header" }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyTextExpandModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-text-expand-modal', template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\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}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"] }]

package/fesm2015/skyux-layout.mjs

@@ -2277,7 +2277,7 @@ class SkyTextExpandModalComponent {
     }
 }
 SkyTextExpandModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyTextExpandModalComponent, deps: [{ token: SKY_TEXT_EXPAND_MODAL_CONTEXT }, { token: i1$3.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
-SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\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}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i1$3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody", "ariaLabelledBy"] }, { kind: "component", type: i1$3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i1$3.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i1$3.λ4, selector: "sky-modal-header" }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
+SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\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}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i1$3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i1$3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i1$3.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i1$3.λ4, selector: "sky-modal-header" }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyTextExpandModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-text-expand-modal', template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\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}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"] }]