@skyux/layout 5.9.1 → 5.9.4

package/bundles/skyux-layout.umd.js

@@ -1572,7 +1572,7 @@
         };
         return SkyDescriptionListDescriptionComponent;
     }());
-    SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace$1.SkyThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace$1.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
     SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n", directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, decorators: [{
                 type: i0.Component,
@@ -1581,7 +1581,11 @@
                         template: "<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n",
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
+            }], ctorParameters: function () {
+            return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, propDecorators: { templateRef: [{
                     type: i0.ViewChild,
                     args: ['descriptionTemplateRef', {
                             read: i0.TemplateRef,

package/documentation.json

@@ -2104,7 +2104,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "unknown"
                 }
               ],
               "qualifiedName": "TemplateRef",
@@ -2629,7 +2629,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 40,
+                "line": 41,
                 "character": 2
               }
             ],
@@ -2670,7 +2670,21 @@
                     "name": "themeSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
-                    "flags": {},
+                    "flags": {
+                      "isOptional": true
+                    },
+                    "decorators": [
+                      {
+                        "name": "Optional",
+                        "type": {
+                          "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
+                          "name": "Optional"
+                        },
+                        "arguments": {}
+                      }
+                    ],
                     "type": {
                       "type": "reference",
                       "name": "SkyThemeService"
@@ -2696,7 +2710,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 28,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -2731,7 +2745,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 36,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -2740,7 +2754,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "unknown"
                 }
               ],
               "qualifiedName": "TemplateRef",
@@ -2759,7 +2773,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 30,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -2779,7 +2793,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 58,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -2816,7 +2830,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 46,
+                "line": 47,
                 "character": 9
               }
             ],
@@ -2873,7 +2887,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-            "line": 25,
+            "line": 26,
             "character": 13
           }
         ],
@@ -3803,7 +3817,7 @@
                     "typeArguments": [
                       {
                         "type": "intrinsic",
-                        "name": "any"
+                        "name": "unknown"
                       }
                     ],
                     "qualifiedName": "TemplateRef",
@@ -3837,7 +3851,7 @@
                         "typeArguments": [
                           {
                             "type": "intrinsic",
-                            "name": "any"
+                            "name": "unknown"
                           }
                         ],
                         "qualifiedName": "TemplateRef",
@@ -5625,7 +5639,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "unknown"
                 }
               ],
               "qualifiedName": "TemplateRef",

package/esm2015/lib/modules/description-list/description-list-description.component.js

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef, ViewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Optional, TemplateRef, ViewChild, } from '@angular/core';
 import { SkyThemeService } from '@skyux/theme';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -34,7 +34,7 @@ export class SkyDescriptionListDescriptionComponent {
         this.ngUnsubscribe.complete();
     }
 }
-SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: i1.SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyThemeService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: i1.SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
             type: Component,
@@ -43,7 +43,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './description-list-description.component.html',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyThemeService }]; }, propDecorators: { templateRef: [{
+        }], ctorParameters: function () { return [{ type: i1.SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyThemeService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { templateRef: [{
                 type: ViewChild,
                 args: ['descriptionTemplateRef', {
                         read: TemplateRef,

package/esm2015/lib/modules/description-list/description-list-description.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"description-list-description.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-description.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-description.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EAGT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;;;;;AAEvE;;GAEG;AAMH,MAAM,OAAO,sCAAsC;IAejD,YACS,OAAkC,EACjC,SAA4B,EAC5B,QAAyB;QAF1B,YAAO,GAAP,OAAO,CAA2B;QACjC,cAAS,GAAT,SAAS,CAAmB;QAC5B,aAAQ,GAAR,QAAQ,CAAiB;QAL3B,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IAMnC,CAAC;IAEG,QAAQ;QACb,0BAA0B;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,cAAc;iBACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1D,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAChC,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;;oIApCU,sCAAsC;wHAAtC,sCAAsC,0KAQzC,WAAW,2CChCrB,meAkBA;4FDMa,sCAAsC;kBALlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,WAAW,EAAE,+CAA+C;oBAC5D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8KAYQ,WAAW;sBAJjB,SAAS;uBAAC,wBAAwB,EAAE;wBACnC,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDescriptionListService } from './description-list.service';\n\n/**\n * Specifies the description in a term-description pair.\n */\n@Component({\n  selector: 'sky-description-list-description',\n  templateUrl: './description-list-description.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListDescriptionComponent\n  implements OnDestroy, OnInit\n{\n  public defaultDescription: string;\n\n  public themeName: string;\n\n  @ViewChild('descriptionTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  public templateRef: TemplateRef<any>;\n\n  private ngUnsubscribe = new Subject();\n\n  constructor(\n    public service: SkyDescriptionListService,\n    private changeRef: ChangeDetectorRef,\n    private themeSvc: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    /* istanbul ignore else */\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((themeSettings) => {\n          this.themeName = themeSettings.currentSettings.theme.name;\n          this.changeRef.markForCheck();\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n"]}
+{"version":3,"file":"description-list-description.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-description.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-description.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EAGT,QAAQ,EACR,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;;;;;AAEvE;;GAEG;AAMH,MAAM,OAAO,sCAAsC;IAejD,YACS,OAAkC,EACjC,SAA4B,EAChB,QAA0B;QAFvC,YAAO,GAAP,OAAO,CAA2B;QACjC,cAAS,GAAT,SAAS,CAAmB;QAChB,aAAQ,GAAR,QAAQ,CAAkB;QALxC,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IAMnC,CAAC;IAEG,QAAQ;QACb,0BAA0B;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,cAAc;iBACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1D,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAChC,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;;oIApCU,sCAAsC;wHAAtC,sCAAsC,0KAQzC,WAAW,2CCjCrB,meAkBA;4FDOa,sCAAsC;kBALlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,WAAW,EAAE,+CAA+C;oBAC5D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;0BAmBI,QAAQ;4CAPJ,WAAW;sBAJjB,SAAS;uBAAC,wBAAwB,EAAE;wBACnC,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  Optional,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDescriptionListService } from './description-list.service';\n\n/**\n * Specifies the description in a term-description pair.\n */\n@Component({\n  selector: 'sky-description-list-description',\n  templateUrl: './description-list-description.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListDescriptionComponent\n  implements OnDestroy, OnInit\n{\n  public defaultDescription: string;\n\n  public themeName: string;\n\n  @ViewChild('descriptionTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  public templateRef: TemplateRef<unknown>;\n\n  private ngUnsubscribe = new Subject();\n\n  constructor(\n    public service: SkyDescriptionListService,\n    private changeRef: ChangeDetectorRef,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    /* istanbul ignore else */\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((themeSettings) => {\n          this.themeName = themeSettings.currentSettings.theme.name;\n          this.changeRef.markForCheck();\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n"]}

package/esm2015/lib/modules/description-list/description-list-term.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"description-list-term.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAMH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,4JAElC,WAAW,2CCjBrB,+EAGA;4FDYa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,WAAW;sBAJjB,SAAS;uBAAC,iBAAiB,EAAE;wBAC5B,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\n/**\n * Specifies the term in a term-description pair.\n */\n@Component({\n  selector: 'sky-description-list-term',\n  templateUrl: './description-list-term.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListTermComponent {\n  @ViewChild('termTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  public templateRef: TemplateRef<any>;\n}\n","<ng-template #termTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n"]}
+{"version":3,"file":"description-list-term.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAMH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,4JAElC,WAAW,2CCjBrB,+EAGA;4FDYa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,WAAW;sBAJjB,SAAS;uBAAC,iBAAiB,EAAE;wBAC5B,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\n/**\n * Specifies the term in a term-description pair.\n */\n@Component({\n  selector: 'sky-description-list-term',\n  templateUrl: './description-list-term.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListTermComponent {\n  @ViewChild('termTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  public templateRef: TemplateRef<unknown>;\n}\n","<ng-template #termTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n"]}

package/esm2015/lib/modules/format/format-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-item.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format-item.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @internal\n */\nexport interface SkyFormatItem {\n  text?: string;\n\n  templateRef?: TemplateRef<any>;\n}\n"]}
+{"version":3,"file":"format-item.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format-item.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @internal\n */\nexport interface SkyFormatItem {\n  text?: string;\n\n  templateRef?: TemplateRef<unknown>;\n}\n"]}

package/esm2015/lib/modules/format/format.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/format/format.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,GAEN,MAAM,eAAe,CAAC;;;AAIvB,MAAM,UAAU,GAAG,WAAW,CAAC;AAO/B,MAAM,OAAO,kBAAkB;IAG7B;;;OAGG;IACH,IACW,IAAI,CAAC,KAAa;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED;;;OAGG;IACH,IACW,IAAI,CAAC,KAAyB;QACvC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAMO,qBAAqB;QAC3B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;YAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YAE9C,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;gBAChC,2BAA2B;gBAC3B,IAAI,QAAQ,EAAE;oBACZ,MAAM,IAAI,GAAkB,EAAE,CAAC;oBAE/B,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;wBAC7B,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBAE/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;qBAC1C;yBAAM;wBACL,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;qBACtB;oBAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACjC;aACF;SACF;IACH,CAAC;;gHA1DU,kBAAkB;oGAAlB,kBAAkB,0FChB/B,sRAQA;4FDQa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BASY,IAAI;sBADd,KAAK;gBAeK,IAAI;sBADd,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  TemplateRef,\n} from '@angular/core';\n\nimport { SkyFormatItem } from './format-item';\n\nconst tokenRegex = /(\\{\\d+\\})/;\n\n@Component({\n  selector: 'sky-format',\n  templateUrl: './format.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyFormatComponent {\n  public itemsForDisplay: SkyFormatItem[];\n\n  /**\n   * The tokenized string that represents the template. Tokens use the `{n}` notation\n   * where `n` is the ordinal of the item to replace the token.\n   */\n  @Input()\n  public set text(value: string) {\n    this._text = value;\n    this.updateItemsForDisplay();\n  }\n\n  public get text(): string {\n    return this._text;\n  }\n\n  /**\n   * An array of `TemplateRef` objects to be placed in the template, where the `nth`\n   * item is placed at the `{n}` location in the template.\n   */\n  @Input()\n  public set args(value: TemplateRef<any>[]) {\n    this._args = value;\n    this.updateItemsForDisplay();\n  }\n\n  public get args(): TemplateRef<any>[] {\n    return this._args;\n  }\n\n  private _text: string;\n\n  private _args: TemplateRef<any>[];\n\n  private updateItemsForDisplay(): void {\n    this.itemsForDisplay = [];\n\n    if (this.text && this.args) {\n      const textParts = this.text.split(tokenRegex);\n\n      for (const textPart of textParts) {\n        // Disregard empty strings.\n        if (textPart) {\n          const item: SkyFormatItem = {};\n\n          if (tokenRegex.test(textPart)) {\n            const valueIndex = +textPart.substring(1, textPart.length - 1);\n\n            item.templateRef = this.args[valueIndex];\n          } else {\n            item.text = textPart;\n          }\n\n          this.itemsForDisplay.push(item);\n        }\n      }\n    }\n  }\n}\n","<ng-container *ngFor=\"let item of itemsForDisplay\">\n  <!--\n    The following ng-container must be on one line so no extra whitespace is introduced.\n  -->\n  <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n    item.text\n  }}</ng-container>\n</ng-container>\n"]}
+{"version":3,"file":"format.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/format/format.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,GAEN,MAAM,eAAe,CAAC;;;AAIvB,MAAM,UAAU,GAAG,WAAW,CAAC;AAO/B,MAAM,OAAO,kBAAkB;IAG7B;;;OAGG;IACH,IACW,IAAI,CAAC,KAAa;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED;;;OAGG;IACH,IACW,IAAI,CAAC,KAA6B;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAMO,qBAAqB;QAC3B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;YAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YAE9C,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;gBAChC,2BAA2B;gBAC3B,IAAI,QAAQ,EAAE;oBACZ,MAAM,IAAI,GAAkB,EAAE,CAAC;oBAE/B,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;wBAC7B,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBAE/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;qBAC1C;yBAAM;wBACL,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;qBACtB;oBAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACjC;aACF;SACF;IACH,CAAC;;gHA1DU,kBAAkB;oGAAlB,kBAAkB,0FChB/B,sRAQA;4FDQa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BASY,IAAI;sBADd,KAAK;gBAeK,IAAI;sBADd,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  TemplateRef,\n} from '@angular/core';\n\nimport { SkyFormatItem } from './format-item';\n\nconst tokenRegex = /(\\{\\d+\\})/;\n\n@Component({\n  selector: 'sky-format',\n  templateUrl: './format.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyFormatComponent {\n  public itemsForDisplay: SkyFormatItem[];\n\n  /**\n   * The tokenized string that represents the template. Tokens use the `{n}` notation\n   * where `n` is the ordinal of the item to replace the token.\n   */\n  @Input()\n  public set text(value: string) {\n    this._text = value;\n    this.updateItemsForDisplay();\n  }\n\n  public get text(): string {\n    return this._text;\n  }\n\n  /**\n   * An array of `TemplateRef` objects to be placed in the template, where the `nth`\n   * item is placed at the `{n}` location in the template.\n   */\n  @Input()\n  public set args(value: TemplateRef<unknown>[]) {\n    this._args = value;\n    this.updateItemsForDisplay();\n  }\n\n  public get args(): TemplateRef<unknown>[] {\n    return this._args;\n  }\n\n  private _text: string;\n\n  private _args: TemplateRef<unknown>[];\n\n  private updateItemsForDisplay(): void {\n    this.itemsForDisplay = [];\n\n    if (this.text && this.args) {\n      const textParts = this.text.split(tokenRegex);\n\n      for (const textPart of textParts) {\n        // Disregard empty strings.\n        if (textPart) {\n          const item: SkyFormatItem = {};\n\n          if (tokenRegex.test(textPart)) {\n            const valueIndex = +textPart.substring(1, textPart.length - 1);\n\n            item.templateRef = this.args[valueIndex];\n          } else {\n            item.text = textPart;\n          }\n\n          this.itemsForDisplay.push(item);\n        }\n      }\n    }\n  }\n}\n","<ng-container *ngFor=\"let item of itemsForDisplay\">\n  <!--\n    The following ng-container must be on one line so no extra whitespace is introduced.\n  -->\n  <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n    item.text\n  }}</ng-container>\n</ng-container>\n"]}

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

@@ -1 +1 @@
-{"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"]}
+{"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<unknown>;\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/fesm2015/skyux-layout.js

@@ -1442,7 +1442,7 @@ class SkyDescriptionListDescriptionComponent {
         this.ngUnsubscribe.complete();
     }
 }
-SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i3$1.SkyThemeService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i3$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i1$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
             type: Component,
@@ -1451,7 +1451,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './description-list-description.component.html',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i3$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
+        }], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i3$1.SkyThemeService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { templateRef: [{
                 type: ViewChild,
                 args: ['descriptionTemplateRef', {
                         read: TemplateRef,