@skyux/layout 5.2.0 → 5.5.0-alpha.0

package/esm2015/lib/modules/card/card-title.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card-title.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/card/card-title.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;uGAArB,qBAAqB,sDCTlC,6BACA;4FDQa,qBAAqB;kBAJjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;iBAC3C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a title to identify what the card represents.\n */\n@Component({\n  selector: 'sky-card-title',\n  templateUrl: './card-title.component.html',\n})\nexport class SkyCardTitleComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/card/card.component.js

@@ -0,0 +1,79 @@
+import { Component, ContentChildren, EventEmitter, Input, Output, QueryList, } from '@angular/core';
+import { SkyCardTitleComponent } from './card-title.component';
+import { SkyInlineDeleteComponent } from '../inline-delete/inline-delete.component';
+import { SkyInlineDeleteType } from '../inline-delete/inline-delete-type';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@skyux/i18n";
+/**
+ * Creates a a small container to highlight important information.
+ */
+export class SkyCardComponent {
+    constructor() {
+        /**
+         * Fires when users select or deselect the card.
+         */
+        this.selectedChange = new EventEmitter();
+        this.showTitle = true;
+    }
+    ngAfterContentInit() {
+        this.showTitle = this.titleComponent.length > 0;
+        this.subscription = this.titleComponent.changes.subscribe(() => {
+            this.showTitle = this.titleComponent.length > 0;
+        });
+        this.inlineDeleteComponent.forEach((item) => {
+            item.setType(SkyInlineDeleteType.Card);
+        });
+        this.inlineDeleteComponent.changes.subscribe(() => {
+            this.inlineDeleteComponent.forEach((item) => {
+                item.setType(SkyInlineDeleteType.Card);
+            });
+        });
+    }
+    contentClick() {
+        if (this.selectable) {
+            this.selected = !this.selected;
+            this.selectedChange.emit(this.selected);
+        }
+    }
+    onCheckboxChange(newValue) {
+        if (this.selectable && this.selected !== newValue) {
+            this.selected = newValue;
+            this.selectedChange.emit(this.selected);
+        }
+    }
+    ngOnDestroy() {
+        /* istanbul ignore else */
+        /* sanity check */
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+}
+SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n  class=\"sky-card sky-shadow\"\n  [ngClass]=\"\n  {\n    'sky-card-small': size === 'small',\n    'sky-card-selectable': selectable,\n    'sky-card-selected': selectable &amp;&amp; selected\n  }\"\n>\n  <ng-content select=\"sky-inline-delete\"></ng-content>\n  <header>\n    <div\n      *ngIf=\"selectable || showTitle\"\n      class=\"sky-card-header\"\n      (click)=\"contentClick()\"\n    >\n      <div class=\"sky-card-heading-middle\">\n        <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n          <ng-content select=\"sky-card-title\"></ng-content>\n        </h1>\n      </div>\n      <div *ngIf=\"selectable\" class=\"sky-card-check\">\n        <sky-checkbox\n          [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n          [ngModel]=\"selected\"\n          (click)=\"$event.stopPropagation()\"\n          (ngModelChange)=\"onCheckboxChange($event)\"\n        ></sky-checkbox>\n      </div>\n    </div>\n  </header>\n  <div\n    class=\"sky-card-content sky-padding-even-default\"\n    (click)=\"contentClick()\"\n  >\n    <ng-content select=\"sky-card-content\"></ng-content>\n  </div>\n  <div\n    class=\"sky-card-actions\"\n    [hidden]=\"actionsEl.children.length === 0\"\n    #actionsEl\n  >\n    <ng-content select=\"sky-card-actions\"></ng-content>\n  </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], components: [{ type: i1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-card',
+                    styleUrls: ['./card.component.scss'],
+                    templateUrl: './card.component.html',
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], selectedChange: [{
+                type: Output
+            }], inlineDeleteComponent: [{
+                type: ContentChildren,
+                args: [SkyInlineDeleteComponent]
+            }], titleComponent: [{
+                type: ContentChildren,
+                args: [SkyCardTitleComponent]
+            }] } });
+//# sourceMappingURL=card.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/card/card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,eAAe,EACf,YAAY,EACZ,KAAK,EAEL,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAEpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;;;;;;AAE1E;;GAEG;AAMH,MAAM,OAAO,gBAAgB;IAL7B;QA6BE;;WAEG;QAEI,mBAAc,GAAG,IAAI,YAAY,EAAW,CAAC;QAQ7C,cAAS,GAAY,IAAI,CAAC;KA2ClC;IAvCQ,kBAAkB;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAChD,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,YAAY;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;IACH,CAAC;IAEM,gBAAgB,CAAC,QAAiB;QACvC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YACjD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;IACH,CAAC;IAEM,WAAW;QAChB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;8GA9EU,gBAAgB;kGAAhB,gBAAgB,+MA8BV,wBAAwB,iDAGxB,qBAAqB,6BC5DxC,g0CA6CA;4FDlBa,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,WAAW,EAAE,uBAAuB;iBACrC;8BAOQ,IAAI;sBADV,KAAK;gBASC,UAAU;sBADhB,KAAK;gBASC,QAAQ;sBADd,KAAK;gBAOC,cAAc;sBADpB,MAAM;gBAIA,qBAAqB;sBAD3B,eAAe;uBAAC,wBAAwB;gBAIlC,cAAc;sBADpB,eAAe;uBAAC,qBAAqB","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n} from '@angular/core';\n\nimport { Subscription } from 'rxjs';\n\nimport { SkyCardTitleComponent } from './card-title.component';\n\nimport { SkyInlineDeleteComponent } from '../inline-delete/inline-delete.component';\n\nimport { SkyInlineDeleteType } from '../inline-delete/inline-delete-type';\n\n/**\n * Creates a a small container to highlight important information.\n */\n@Component({\n  selector: 'sky-card',\n  styleUrls: ['./card.component.scss'],\n  templateUrl: './card.component.html',\n})\nexport class SkyCardComponent implements AfterContentInit, OnDestroy {\n  /**\n   * Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.\n   * @default \"large\"\n   */\n  @Input()\n  public size: string;\n\n  /**\n   * Indicates whether to display a checkbox to the right of the card title.\n   * Users can select multiple checkboxes and perform actions on the selected cards.\n   * @default false\n   */\n  @Input()\n  public selectable: boolean;\n\n  /**\n   * Indicates whether the card is selected. This only applies to card where\n   * `selectable` is set to `true`.\n   * @default false\n   */\n  @Input()\n  public selected: boolean;\n\n  /**\n   * Fires when users select or deselect the card.\n   */\n  @Output()\n  public selectedChange = new EventEmitter<boolean>();\n\n  @ContentChildren(SkyInlineDeleteComponent)\n  public inlineDeleteComponent: QueryList<SkyInlineDeleteComponent>;\n\n  @ContentChildren(SkyCardTitleComponent)\n  public titleComponent: QueryList<SkyCardTitleComponent>;\n\n  public showTitle: boolean = true;\n\n  private subscription: Subscription;\n\n  public ngAfterContentInit() {\n    this.showTitle = this.titleComponent.length > 0;\n\n    this.subscription = this.titleComponent.changes.subscribe(() => {\n      this.showTitle = this.titleComponent.length > 0;\n    });\n\n    this.inlineDeleteComponent.forEach((item) => {\n      item.setType(SkyInlineDeleteType.Card);\n    });\n\n    this.inlineDeleteComponent.changes.subscribe(() => {\n      this.inlineDeleteComponent.forEach((item) => {\n        item.setType(SkyInlineDeleteType.Card);\n      });\n    });\n  }\n\n  public contentClick() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.selectedChange.emit(this.selected);\n    }\n  }\n\n  public onCheckboxChange(newValue: boolean) {\n    if (this.selectable && this.selected !== newValue) {\n      this.selected = newValue;\n      this.selectedChange.emit(this.selected);\n    }\n  }\n\n  public ngOnDestroy() {\n    /* istanbul ignore else */\n    /* sanity check */\n    if (this.subscription) {\n      this.subscription.unsubscribe();\n    }\n  }\n}\n","<section\n  class=\"sky-card sky-shadow\"\n  [ngClass]=\"\n  {\n    'sky-card-small': size === 'small',\n    'sky-card-selectable': selectable,\n    'sky-card-selected': selectable &amp;&amp; selected\n  }\"\n>\n  <ng-content select=\"sky-inline-delete\"></ng-content>\n  <header>\n    <div\n      *ngIf=\"selectable || showTitle\"\n      class=\"sky-card-header\"\n      (click)=\"contentClick()\"\n    >\n      <div class=\"sky-card-heading-middle\">\n        <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n          <ng-content select=\"sky-card-title\"></ng-content>\n        </h1>\n      </div>\n      <div *ngIf=\"selectable\" class=\"sky-card-check\">\n        <sky-checkbox\n          [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n          [ngModel]=\"selected\"\n          (click)=\"$event.stopPropagation()\"\n          (ngModelChange)=\"onCheckboxChange($event)\"\n        ></sky-checkbox>\n      </div>\n    </div>\n  </header>\n  <div\n    class=\"sky-card-content sky-padding-even-default\"\n    (click)=\"contentClick()\"\n  >\n    <ng-content select=\"sky-card-content\"></ng-content>\n  </div>\n  <div\n    class=\"sky-card-actions\"\n    [hidden]=\"actionsEl.children.length === 0\"\n    #actionsEl\n  >\n    <ng-content select=\"sky-card-actions\"></ng-content>\n  </div>\n</section>\n"]}

package/esm2015/lib/modules/card/card.module.js

@@ -0,0 +1,61 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { SkyCheckboxModule } from '@skyux/forms';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyInlineDeleteModule } from '../inline-delete/inline-delete.module';
+import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
+import { SkyCardActionsComponent } from './card-actions.component';
+import { SkyCardContentComponent } from './card-content.component';
+import { SkyCardTitleComponent } from './card-title.component';
+import { SkyCardComponent } from './card.component';
+import * as i0 from "@angular/core";
+export class SkyCardModule {
+}
+SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,
+        SkyCardComponent,
+        SkyCardContentComponent,
+        SkyCardTitleComponent], imports: [CommonModule,
+        FormsModule,
+        SkyCheckboxModule,
+        SkyI18nModule,
+        SkyLayoutResourcesModule,
+        SkyInlineDeleteModule], exports: [SkyCardActionsComponent,
+        SkyCardComponent,
+        SkyCardContentComponent,
+        SkyCardTitleComponent] });
+SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, imports: [[
+            CommonModule,
+            FormsModule,
+            SkyCheckboxModule,
+            SkyI18nModule,
+            SkyLayoutResourcesModule,
+            SkyInlineDeleteModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyCardActionsComponent,
+                        SkyCardComponent,
+                        SkyCardContentComponent,
+                        SkyCardTitleComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SkyCheckboxModule,
+                        SkyI18nModule,
+                        SkyLayoutResourcesModule,
+                        SkyInlineDeleteModule,
+                    ],
+                    exports: [
+                        SkyCardActionsComponent,
+                        SkyCardComponent,
+                        SkyCardContentComponent,
+                        SkyCardTitleComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=card.module.js.map

package/esm2015/lib/modules/card/card.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAwBpD,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBApBtB,uBAAuB;QACvB,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB,aAGrB,YAAY;QACZ,WAAW;QACX,iBAAiB;QACjB,aAAa;QACb,wBAAwB;QACxB,qBAAqB,aAGrB,uBAAuB;QACvB,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB;4GAGZ,aAAa,YAff;YACP,YAAY;YACZ,WAAW;YACX,iBAAiB;YACjB,aAAa;YACb,wBAAwB;YACxB,qBAAqB;SACtB;4FAQU,aAAa;kBAtBzB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;wBACvB,gBAAgB;wBAChB,uBAAuB;wBACvB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,iBAAiB;wBACjB,aAAa;wBACb,wBAAwB;wBACxB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,uBAAuB;wBACvB,gBAAgB;wBAChB,uBAAuB;wBACvB,qBAAqB;qBACtB;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyInlineDeleteModule } from '../inline-delete/inline-delete.module';\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyCardActionsComponent } from './card-actions.component';\n\nimport { SkyCardContentComponent } from './card-content.component';\n\nimport { SkyCardTitleComponent } from './card-title.component';\n\nimport { SkyCardComponent } from './card.component';\n\n@NgModule({\n  declarations: [\n    SkyCardActionsComponent,\n    SkyCardComponent,\n    SkyCardContentComponent,\n    SkyCardTitleComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyInlineDeleteModule,\n  ],\n  exports: [\n    SkyCardActionsComponent,\n    SkyCardComponent,\n    SkyCardContentComponent,\n    SkyCardTitleComponent,\n  ],\n})\nexport class SkyCardModule {}\n"]}

package/esm2015/lib/modules/definition-list/definition-list-content.component.js

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Wraps the label-value pairs in the definition list.
+ */
+export class SkyDefinitionListContentComponent {
+}
+SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDefinitionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0, template: "<div class=\"sky-definition-list-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-definition-list-content',
+                    templateUrl: './definition-list-content.component.html',
+                    styleUrls: ['./definition-list-content.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//# sourceMappingURL=definition-list-content.component.js.map

package/esm2015/lib/modules/definition-list/definition-list-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-content.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAOH,MAAM,OAAO,iCAAiC;;+HAAjC,iCAAiC;mHAAjC,iCAAiC,mECX9C,oFAGA;4FDQa,iCAAiC;kBAN7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,0CAA0C;oBACvD,SAAS,EAAE,CAAC,0CAA0C,CAAC;oBACvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Wraps the label-value pairs in the definition list.\n */\n@Component({\n  selector: 'sky-definition-list-content',\n  templateUrl: './definition-list-content.component.html',\n  styleUrls: ['./definition-list-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListContentComponent {}\n","<div class=\"sky-definition-list-content\">\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/definition-list/definition-list-heading.component.js

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a title for the definition list.
+ */
+export class SkyDefinitionListHeadingComponent {
+}
+SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDefinitionListHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListHeadingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-definition-list-heading',
+                    templateUrl: './definition-list-heading.component.html',
+                    styleUrls: ['./definition-list-heading.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//# sourceMappingURL=definition-list-heading.component.js.map

package/esm2015/lib/modules/definition-list/definition-list-heading.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list-heading.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-heading.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-heading.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAOH,MAAM,OAAO,iCAAiC;;+HAAjC,iCAAiC;mHAAjC,iCAAiC,mECX9C,2GAGA;4FDQa,iCAAiC;kBAN7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,0CAA0C;oBACvD,SAAS,EAAE,CAAC,0CAA0C,CAAC;oBACvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies a title for the definition list.\n */\n@Component({\n  selector: 'sky-definition-list-heading',\n  templateUrl: './definition-list-heading.component.html',\n  styleUrls: ['./definition-list-heading.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListHeadingComponent {}\n","<div class=\"sky-subsection-heading sky-definition-list-heading\">\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/definition-list/definition-list-label.component.js

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { SkyDefinitionListService } from './definition-list.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./definition-list.service";
+import * as i2 from "@angular/common";
+/**
+ * Specifies the label in a label-value pair.
+ */
+export class SkyDefinitionListLabelComponent {
+    constructor(service) {
+        this.service = service;
+    }
+}
+SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListLabelComponent, deps: [{ token: i1.SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDefinitionListLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0, template: "<div\n  class=\"sky-field-label sky-definition-list-label\"\n  [ngStyle]=\"{\n    width: (service.labelWidth | async) || ''\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-definition-list-label',
+                    templateUrl: './definition-list-label.component.html',
+                    styleUrls: ['./definition-list-label.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDefinitionListService }]; } });
+//# sourceMappingURL=definition-list-label.component.js.map

package/esm2015/lib/modules/definition-list/definition-list-label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-label.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;;AAErE;;GAEG;AAOH,MAAM,OAAO,+BAA+B;IAG1C,YAAmB,OAAiC;QAAjC,YAAO,GAAP,OAAO,CAA0B;IAAG,CAAC;;6HAH7C,+BAA+B;iHAA/B,+BAA+B,iECb5C,8KAQA;4FDKa,+BAA+B;kBAN3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { SkyDefinitionListService } from './definition-list.service';\n\n/**\n * Specifies the label in a label-value pair.\n */\n@Component({\n  selector: 'sky-definition-list-label',\n  templateUrl: './definition-list-label.component.html',\n  styleUrls: ['./definition-list-label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListLabelComponent {\n  public labelWidth: number;\n\n  constructor(public service: SkyDefinitionListService) {}\n}\n","<div\n  class=\"sky-field-label sky-definition-list-label\"\n  [ngStyle]=\"{\n    width: (service.labelWidth | async) || ''\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/definition-list/definition-list-value.component.js

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import { SkyDefinitionListService } from './definition-list.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./definition-list.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@skyux/i18n";
+/**
+ * Specifies the value in a label-value pair.
+ */
+export class SkyDefinitionListValueComponent {
+    constructor(service) {
+        this.service = service;
+    }
+}
+SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListValueComponent, deps: [{ token: i1.SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDefinitionListValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0, template: "<div class=\"sky-definition-list-value\">\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n    {{\n      (service.defaultValue | async) ||\n        ('skyux_definition_list_none_found' | skyLibResources)\n    }}\n  </span>\n</div>\n", styles: [":host{flex:1}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "skyLibResources": i3.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListValueComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-definition-list-value',
+                    templateUrl: './definition-list-value.component.html',
+                    styleUrls: ['./definition-list-value.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDefinitionListService }]; } });
+//# sourceMappingURL=definition-list-value.component.js.map

package/esm2015/lib/modules/definition-list/definition-list-value.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list-value.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-value.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-value.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;;;AAErE;;GAEG;AAMH,MAAM,OAAO,+BAA+B;IAG1C,YAAmB,OAAiC;QAAjC,YAAO,GAAP,OAAO,CAA0B;IAAG,CAAC;;6HAH7C,+BAA+B;iHAA/B,+BAA+B,iECZ5C,iUAWA;4FDCa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;iBACtD","sourcesContent":["import { Component } from '@angular/core';\n\nimport { SkyDefinitionListService } from './definition-list.service';\n\n/**\n * Specifies the value in a label-value pair.\n */\n@Component({\n  selector: 'sky-definition-list-value',\n  templateUrl: './definition-list-value.component.html',\n  styleUrls: ['./definition-list-value.component.scss'],\n})\nexport class SkyDefinitionListValueComponent {\n  public defaultValue: string;\n\n  constructor(public service: SkyDefinitionListService) {}\n}\n","<div class=\"sky-definition-list-value\">\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n    {{\n      (service.defaultValue | async) ||\n        ('skyux_definition_list_none_found' | skyLibResources)\n    }}\n  </span>\n</div>\n"]}

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

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { SkyDefinitionListService } from './definition-list.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./definition-list.service";
+/**
+ * Creates a definition list to display label-value pairs.
+ */
+export class SkyDefinitionListComponent {
+    constructor(service) {
+        this.service = service;
+    }
+    /**
+     * Specifies the width of the label portion of the definition list.
+     * @default "90px"
+     */
+    set labelWidth(value) {
+        this.service.labelWidth.next(value);
+    }
+    /**
+     * Specifies a default value to display when no value is provided
+     * for a label-value pair.
+     * @default "None found"
+     */
+    set defaultValue(value) {
+        this.service.defaultValue.next(value);
+    }
+}
+SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListComponent, deps: [{ token: i1.SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDefinitionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0, template: "<div class=\"sky-definition-list\">\n  <ng-content select=\"sky-definition-list-heading\"></ng-content>\n  <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-definition-list',
+                    templateUrl: './definition-list.component.html',
+                    styleUrls: ['./definition-list.component.scss'],
+                    providers: [SkyDefinitionListService],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=definition-list.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;AAErE;;GAEG;AAQH,MAAM,OAAO,0BAA0B;IAoBrC,YAAmB,OAAiC;QAAjC,YAAO,GAAP,OAAO,CAA0B;IAAG,CAAC;IAnBxD;;;OAGG;IACH,IACW,UAAU,CAAC,KAAa;QACjC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IACW,YAAY,CAAC,KAAa;QACnC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;;wHAlBU,0BAA0B;4GAA1B,0BAA0B,kHAH1B,CAAC,wBAAwB,CAAC,0BCXvC,uLAIA;4FDUa,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;oBAC/C,SAAS,EAAE,CAAC,wBAAwB,CAAC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;+GAOY,UAAU;sBADpB,KAAK;gBAWK,YAAY;sBADtB,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SkyDefinitionListService } from './definition-list.service';\n\n/**\n * Creates a definition list to display label-value pairs.\n */\n@Component({\n  selector: 'sky-definition-list',\n  templateUrl: './definition-list.component.html',\n  styleUrls: ['./definition-list.component.scss'],\n  providers: [SkyDefinitionListService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListComponent {\n  /**\n   * Specifies the width of the label portion of the definition list.\n   * @default \"90px\"\n   */\n  @Input()\n  public set labelWidth(value: string) {\n    this.service.labelWidth.next(value);\n  }\n\n  /**\n   * Specifies a default value to display when no value is provided\n   * for a label-value pair.\n   * @default \"None found\"\n   */\n  @Input()\n  public set defaultValue(value: string) {\n    this.service.defaultValue.next(value);\n  }\n\n  constructor(public service: SkyDefinitionListService) {}\n}\n","<div class=\"sky-definition-list\">\n  <ng-content select=\"sky-definition-list-heading\"></ng-content>\n  <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/definition-list/definition-list.module.js

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
+import { SkyDefinitionListComponent } from './definition-list.component';
+import { SkyDefinitionListContentComponent } from './definition-list-content.component';
+import { SkyDefinitionListHeadingComponent } from './definition-list-heading.component';
+import { SkyDefinitionListLabelComponent } from './definition-list-label.component';
+import { SkyDefinitionListValueComponent } from './definition-list-value.component';
+import * as i0 from "@angular/core";
+export class SkyDefinitionListModule {
+}
+SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
+        SkyDefinitionListContentComponent,
+        SkyDefinitionListHeadingComponent,
+        SkyDefinitionListLabelComponent,
+        SkyDefinitionListValueComponent], imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
+        SkyDefinitionListContentComponent,
+        SkyDefinitionListHeadingComponent,
+        SkyDefinitionListLabelComponent,
+        SkyDefinitionListValueComponent] });
+SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, imports: [[CommonModule, SkyI18nModule, SkyLayoutResourcesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyDefinitionListComponent,
+                        SkyDefinitionListContentComponent,
+                        SkyDefinitionListHeadingComponent,
+                        SkyDefinitionListLabelComponent,
+                        SkyDefinitionListValueComponent,
+                    ],
+                    imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],
+                    exports: [
+                        SkyDefinitionListComponent,
+                        SkyDefinitionListContentComponent,
+                        SkyDefinitionListHeadingComponent,
+                        SkyDefinitionListLabelComponent,
+                        SkyDefinitionListValueComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=definition-list.module.js.map

package/esm2015/lib/modules/definition-list/definition-list.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;;AAmBpF,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,iBAfhC,0BAA0B;QAC1B,iCAAiC;QACjC,iCAAiC;QACjC,+BAA+B;QAC/B,+BAA+B,aAEvB,YAAY,EAAE,aAAa,EAAE,wBAAwB,aAE7D,0BAA0B;QAC1B,iCAAiC;QACjC,iCAAiC;QACjC,+BAA+B;QAC/B,+BAA+B;sHAGtB,uBAAuB,YATzB,CAAC,YAAY,EAAE,aAAa,EAAE,wBAAwB,CAAC;4FASrD,uBAAuB;kBAjBnC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,0BAA0B;wBAC1B,iCAAiC;wBACjC,iCAAiC;wBACjC,+BAA+B;wBAC/B,+BAA+B;qBAChC;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,wBAAwB,CAAC;oBAChE,OAAO,EAAE;wBACP,0BAA0B;wBAC1B,iCAAiC;wBACjC,iCAAiC;wBACjC,+BAA+B;wBAC/B,+BAA+B;qBAChC;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyDefinitionListComponent } from './definition-list.component';\nimport { SkyDefinitionListContentComponent } from './definition-list-content.component';\nimport { SkyDefinitionListHeadingComponent } from './definition-list-heading.component';\nimport { SkyDefinitionListLabelComponent } from './definition-list-label.component';\nimport { SkyDefinitionListValueComponent } from './definition-list-value.component';\n\n@NgModule({\n  declarations: [\n    SkyDefinitionListComponent,\n    SkyDefinitionListContentComponent,\n    SkyDefinitionListHeadingComponent,\n    SkyDefinitionListLabelComponent,\n    SkyDefinitionListValueComponent,\n  ],\n  imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],\n  exports: [\n    SkyDefinitionListComponent,\n    SkyDefinitionListContentComponent,\n    SkyDefinitionListHeadingComponent,\n    SkyDefinitionListLabelComponent,\n    SkyDefinitionListValueComponent,\n  ],\n})\nexport class SkyDefinitionListModule {}\n"]}

package/esm2015/lib/modules/definition-list/definition-list.service.js

@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyDefinitionListService {
+    constructor() {
+        this.labelWidth = new BehaviorSubject('');
+        this.defaultValue = new BehaviorSubject('');
+    }
+}
+SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=definition-list.service.js.map

package/esm2015/lib/modules/definition-list/definition-list.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-list.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;;AAEvC;;GAEG;AAEH,MAAM,OAAO,wBAAwB;IADrC;QAES,eAAU,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;QAE7C,iBAAY,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;KACvD;;sHAJY,wBAAwB;0HAAxB,wBAAwB;4FAAxB,wBAAwB;kBADpC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDefinitionListService {\n  public labelWidth = new BehaviorSubject<string>('');\n\n  public defaultValue = new BehaviorSubject<string>('');\n}\n"]}

package/esm2015/lib/modules/description-list/description-list-adapter-service.js

@@ -0,0 +1,43 @@
+import { Injectable, RendererFactory2, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyDescriptionListAdapterService {
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(undefined, undefined);
+    }
+    getWidth(elementRef) {
+        return elementRef.nativeElement.clientWidth;
+    }
+    setResponsiveClass(element) {
+        const nativeEl = element.nativeElement;
+        const width = this.getWidth(element);
+        const className = this.getResponsiveClassName(width);
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');
+        this.renderer.addClass(nativeEl, className);
+    }
+    getResponsiveClassName(width) {
+        const xsBreakpointMaxPixels = 479;
+        const smBreakpointMinPixels = 480;
+        const smBreakpointMaxPixels = 767;
+        if (width <= xsBreakpointMaxPixels) {
+            return 'sky-responsive-container-xs';
+        }
+        else if (width >= smBreakpointMinPixels &&
+            width <= smBreakpointMaxPixels) {
+            return 'sky-responsive-container-sm';
+        }
+        else {
+            return 'sky-responsive-container-md';
+        }
+    }
+}
+SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
+//# sourceMappingURL=description-list-adapter-service.js.map

package/esm2015/lib/modules/description-list/description-list-adapter-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-adapter-service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-adapter-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAEH,MAAM,OAAO,gCAAgC;IAG3C,YAAY,eAAiC;QAC3C,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC;IAEM,QAAQ,CAAC,UAAsB;QACpC,OAAO,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;IAC9C,CAAC;IAEM,kBAAkB,CAAC,OAAmB;QAC3C,MAAM,QAAQ,GAAQ,OAAO,CAAC,aAAa,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QAEnE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC9C,CAAC;IAEO,sBAAsB,CAAC,KAAa;QAC1C,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAElC,IAAI,KAAK,IAAI,qBAAqB,EAAE;YAClC,OAAO,6BAA6B,CAAC;SACtC;aAAM,IACL,KAAK,IAAI,qBAAqB;YAC9B,KAAK,IAAI,qBAAqB,EAC9B;YACA,OAAO,6BAA6B,CAAC;SACtC;aAAM;YACL,OAAO,6BAA6B,CAAC;SACtC;IACH,CAAC;;8HAtCU,gCAAgC;kIAAhC,gCAAgC;4FAAhC,gCAAgC;kBAD5C,UAAU","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDescriptionListAdapterService {\n  private renderer: Renderer2;\n\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public getWidth(elementRef: ElementRef): number {\n    return elementRef.nativeElement.clientWidth;\n  }\n\n  public setResponsiveClass(element: ElementRef): void {\n    const nativeEl: any = element.nativeElement;\n    const width = this.getWidth(element);\n    const className = this.getResponsiveClassName(width);\n\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n\n    this.renderer.addClass(nativeEl, className);\n  }\n\n  private getResponsiveClassName(width: number): string {\n    const xsBreakpointMaxPixels = 479;\n    const smBreakpointMinPixels = 480;\n    const smBreakpointMaxPixels = 767;\n\n    if (width <= xsBreakpointMaxPixels) {\n      return 'sky-responsive-container-xs';\n    } else if (\n      width >= smBreakpointMinPixels &&\n      width <= smBreakpointMaxPixels\n    ) {\n      return 'sky-responsive-container-sm';\n    } else {\n      return 'sky-responsive-container-md';\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,25 @@
+import { Component, ContentChildren, QueryList } from '@angular/core';
+import { SkyDescriptionListTermComponent } from './description-list-term.component';
+import { SkyDescriptionListDescriptionComponent } from './description-list-description.component';
+import * as i0 from "@angular/core";
+/**
+ * Wraps the term-description pairs in the description list.
+ */
+export class SkyDescriptionListContentComponent {
+}
+SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDescriptionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-description-list-content',
+                    templateUrl: './description-list-content.component.html',
+                }]
+        }], propDecorators: { termComponents: [{
+                type: ContentChildren,
+                args: [SkyDescriptionListTermComponent]
+            }], descriptionComponents: [{
+                type: ContentChildren,
+                args: [SkyDescriptionListDescriptionComponent]
+            }] } });
+//# sourceMappingURL=description-list-content.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-content.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;;AAElG;;GAEG;AAKH,MAAM,OAAO,kCAAkC;;gIAAlC,kCAAkC;oHAAlC,kCAAkC,mGAC5B,+BAA+B,wDAG/B,sCAAsC,6BCjBzD,6BACA;4FDYa,kCAAkC;kBAJ9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,WAAW,EAAE,2CAA2C;iBACzD;8BAGQ,cAAc;sBADpB,eAAe;uBAAC,+BAA+B;gBAIzC,qBAAqB;sBAD3B,eAAe;uBAAC,sCAAsC","sourcesContent":["import { Component, ContentChildren, QueryList } from '@angular/core';\n\nimport { SkyDescriptionListTermComponent } from './description-list-term.component';\n\nimport { SkyDescriptionListDescriptionComponent } from './description-list-description.component';\n\n/**\n * Wraps the term-description pairs in the description list.\n */\n@Component({\n  selector: 'sky-description-list-content',\n  templateUrl: './description-list-content.component.html',\n})\nexport class SkyDescriptionListContentComponent {\n  @ContentChildren(SkyDescriptionListTermComponent)\n  public termComponents: QueryList<SkyDescriptionListTermComponent>;\n\n  @ContentChildren(SkyDescriptionListDescriptionComponent)\n  public descriptionComponents: QueryList<SkyDescriptionListDescriptionComponent>;\n}\n","<ng-content></ng-content>\n"]}

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

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef, ViewChild, } from '@angular/core';
+import { SkyThemeService } from '@skyux/theme';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { SkyDescriptionListService } from './description-list.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./description-list.service";
+import * as i2 from "@skyux/theme";
+import * as i3 from "@angular/common";
+import * as i4 from "@skyux/i18n";
+/**
+ * Specifies the description in a term-description pair.
+ */
+export class SkyDescriptionListDescriptionComponent {
+    constructor(service, changeRef, themeSvc) {
+        this.service = service;
+        this.changeRef = changeRef;
+        this.themeSvc = themeSvc;
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        /* istanbul ignore else */
+        if (this.themeSvc) {
+            this.themeSvc.settingsChange
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe((themeSettings) => {
+                this.themeName = themeSettings.currentSettings.theme.name;
+                this.changeRef.markForCheck();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        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.ɵ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,
+            args: [{
+                    selector: 'sky-description-list-description',
+                    templateUrl: './description-list-description.component.html',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyThemeService }]; }, propDecorators: { templateRef: [{
+                type: ViewChild,
+                args: ['descriptionTemplateRef', {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }] } });
+//# sourceMappingURL=description-list-description.component.js.map

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

@@ -0,0 +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;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,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,2CClCrB,meAkBA;4FDQa,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';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\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"]}

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

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the term in a term-description pair.
+ */
+export class SkyDescriptionListTermComponent {
+}
+SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-description-list-term',
+                    templateUrl: './description-list-term.component.html',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { templateRef: [{
+                type: ViewChild,
+                args: ['termTemplateRef', {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }] } });
+//# sourceMappingURL=description-list-term.component.js.map