@skyux/layout 5.2.2 → 5.5.0-alpha.0

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,107 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, QueryList, ViewChild, } from '@angular/core';
+import { MutationObserverService } from '@skyux/core';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { SkyDescriptionListAdapterService } from './description-list-adapter-service';
+import { SkyDescriptionListContentComponent } from './description-list-content.component';
+import { SkyDescriptionListService } from './description-list.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./description-list-adapter-service";
+import * as i2 from "./description-list.service";
+import * as i3 from "@skyux/core";
+import * as i4 from "@angular/common";
+/**
+ * Creates a description list to display term-description pairs.
+ */
+export class SkyDescriptionListComponent {
+    constructor(adapterService, changeDetector, descriptionListService, mutationSvc) {
+        this.adapterService = adapterService;
+        this.changeDetector = changeDetector;
+        this.descriptionListService = descriptionListService;
+        this.mutationSvc = mutationSvc;
+        this.ngUnsubscribe = new Subject();
+    }
+    /**
+     * Specifies a default description to display when no description is provided
+     * for a term-description pair.
+     * @default "None found"
+     */
+    set defaultDescription(value) {
+        this.descriptionListService.updateDefaultDescription(value);
+    }
+    /**
+     * Specifies how to display term-description pairs within the description list.
+     * Options include `"horizontal"`, `"longDescription"`, and `"vertical"`.
+     * @default "vertical"
+     */
+    set mode(value) {
+        this._mode = value;
+    }
+    get mode() {
+        return this._mode || 'vertical';
+    }
+    ngAfterContentInit() {
+        // Wait for all content to render before detecting parent width.
+        setTimeout(() => {
+            this.updateResponsiveClass();
+        });
+        this.contentComponents.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.changeDetector.markForCheck();
+        });
+    }
+    ngAfterViewInit() {
+        this.contentObserver = this.mutationSvc.create(() => {
+            this.changeDetector.markForCheck();
+        });
+        this.contentObserver.observe(this.elementRef.nativeElement, {
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        this.contentObserver.disconnect();
+    }
+    onWindowResize() {
+        this.updateResponsiveClass();
+    }
+    updateResponsiveClass() {
+        this.adapterService.setResponsiveClass(this.elementRef);
+        this.changeDetector.markForCheck();
+    }
+}
+SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: i1.SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDescriptionListService }, { token: i3.MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n  class=\"sky-description-list\"\n  [ngClass]=\"{\n    'sky-description-list-long-description-mode': mode === 'longDescription',\n    'sky-description-list-vertical-mode': mode === 'vertical',\n    'sky-description-list-horizontal-mode': mode === 'horizontal'\n  }\"\n  #descriptionListElement\n>\n  <!--\n    Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n    to avoid adding non-semantic HTML tags to DOM\n  -->\n  <div\n    *ngFor=\"let contentComponent of contentComponents\"\n    class=\"sky-description-list-content\"\n    [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n  >\n    <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n      <ng-container\n        *ngTemplateOutlet=\"termComponent.templateRef\"\n      ></ng-container>\n    </dt>\n    <dd\n      *ngFor=\"\n        let descriptionComponent of contentComponent?.descriptionComponents\n      \"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n      ></ng-container>\n    </dd>\n  </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-description-list',
+                    templateUrl: './description-list.component.html',
+                    styleUrls: ['./description-list.component.scss'],
+                    providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyDescriptionListService }, { type: i3.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
+                type: Input
+            }], listItemWidth: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], contentComponents: [{
+                type: ContentChildren,
+                args: [SkyDescriptionListContentComponent]
+            }], elementRef: [{
+                type: ViewChild,
+                args: ['descriptionListElement', {
+                        read: ElementRef,
+                        static: true,
+                    }]
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+//# sourceMappingURL=description-list.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,KAAK,EAEL,SAAS,EACT,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAI/B,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;;;;;AAEvE;;GAEG;AAQH,MAAM,OAAO,2BAA2B;IAiDtC,YACU,cAAgD,EAChD,cAAiC,EACjC,sBAAiD,EACjD,WAAoC;QAHpC,mBAAc,GAAd,cAAc,CAAkC;QAChD,mBAAc,GAAd,cAAc,CAAmB;QACjC,2BAAsB,GAAtB,sBAAsB,CAA2B;QACjD,gBAAW,GAAX,WAAW,CAAyB;QARtC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IASzC,CAAC;IAnDJ;;;;OAIG;IACH,IACW,kBAAkB,CAAC,KAAa;QACzC,IAAI,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IASD;;;;OAIG;IACH,IACW,IAAI,CAAC,KAAiC;QAC/C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,IAAI,UAAU,CAAC;IAClC,CAAC;IAwBM,kBAAkB;QACvB,gEAAgE;QAChE,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,OAAO;aAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE;YAClD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;YAC1D,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,IAAI;YACnB,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IAGM,cAAc;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;;yHA9FU,2BAA2B;6GAA3B,2BAA2B,iNAH3B,CAAC,gCAAgC,EAAE,yBAAyB,CAAC,4DAqCvD,kCAAkC,8HAM3C,UAAU,2CC/EpB,ikCAkCA;4FDKa,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,SAAS,EAAE,CAAC,gCAAgC,EAAE,yBAAyB,CAAC;oBACxE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;qOAUY,kBAAkB;sBAD5B,KAAK;gBAUC,aAAa;sBADnB,KAAK;gBASK,IAAI;sBADd,KAAK;gBAUC,iBAAiB;sBADvB,eAAe;uBAAC,kCAAkC;gBAS3C,UAAU;sBAJjB,SAAS;uBAAC,wBAAwB,EAAE;wBACnC,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,IAAI;qBACb;gBA6CM,cAAc;sBADpB,YAAY;uBAAC,eAAe","sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  QueryList,\n  ViewChild,\n} from '@angular/core';\n\nimport { MutationObserverService } from '@skyux/core';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyDescriptionListModeType } from './types/description-list-mode-type';\n\nimport { SkyDescriptionListAdapterService } from './description-list-adapter-service';\n\nimport { SkyDescriptionListContentComponent } from './description-list-content.component';\n\nimport { SkyDescriptionListService } from './description-list.service';\n\n/**\n * Creates a description list to display term-description pairs.\n */\n@Component({\n  selector: 'sky-description-list',\n  templateUrl: './description-list.component.html',\n  styleUrls: ['./description-list.component.scss'],\n  providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListComponent\n  implements AfterContentInit, AfterViewInit, OnDestroy\n{\n  /**\n   * Specifies a default description to display when no description is provided\n   * for a term-description pair.\n   * @default \"None found\"\n   */\n  @Input()\n  public set defaultDescription(value: string) {\n    this.descriptionListService.updateDefaultDescription(value);\n  }\n\n  /**\n   * Specifies the width of term-description pairs when `mode` is set to `\"horizontal\"`. By default,\n   * the width is responsive based on the width of the container element.\n   */\n  @Input()\n  public listItemWidth: string;\n\n  /**\n   * Specifies how to display term-description pairs within the description list.\n   * Options include `\"horizontal\"`, `\"longDescription\"`, and `\"vertical\"`.\n   * @default \"vertical\"\n   */\n  @Input()\n  public set mode(value: SkyDescriptionListModeType) {\n    this._mode = value;\n  }\n\n  public get mode(): SkyDescriptionListModeType {\n    return this._mode || 'vertical';\n  }\n\n  @ContentChildren(SkyDescriptionListContentComponent)\n  public contentComponents: QueryList<SkyDescriptionListContentComponent>;\n\n  private contentObserver: MutationObserver;\n\n  @ViewChild('descriptionListElement', {\n    read: ElementRef,\n    static: true,\n  })\n  private elementRef: ElementRef;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _mode: SkyDescriptionListModeType;\n\n  constructor(\n    private adapterService: SkyDescriptionListAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private descriptionListService: SkyDescriptionListService,\n    private mutationSvc: MutationObserverService\n  ) {}\n\n  public ngAfterContentInit(): void {\n    // Wait for all content to render before detecting parent width.\n    setTimeout(() => {\n      this.updateResponsiveClass();\n    });\n\n    this.contentComponents.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngAfterViewInit(): void {\n    this.contentObserver = this.mutationSvc.create(() => {\n      this.changeDetector.markForCheck();\n    });\n    this.contentObserver.observe(this.elementRef.nativeElement, {\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.contentObserver.disconnect();\n  }\n\n  @HostListener('window:resize')\n  public onWindowResize(): void {\n    this.updateResponsiveClass();\n  }\n\n  private updateResponsiveClass(): void {\n    this.adapterService.setResponsiveClass(this.elementRef);\n    this.changeDetector.markForCheck();\n  }\n}\n","<dl\n  class=\"sky-description-list\"\n  [ngClass]=\"{\n    'sky-description-list-long-description-mode': mode === 'longDescription',\n    'sky-description-list-vertical-mode': mode === 'vertical',\n    'sky-description-list-horizontal-mode': mode === 'horizontal'\n  }\"\n  #descriptionListElement\n>\n  <!--\n    Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n    to avoid adding non-semantic HTML tags to DOM\n  -->\n  <div\n    *ngFor=\"let contentComponent of contentComponents\"\n    class=\"sky-description-list-content\"\n    [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n  >\n    <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n      <ng-container\n        *ngTemplateOutlet=\"termComponent.templateRef\"\n      ></ng-container>\n    </dt>\n    <dd\n      *ngFor=\"\n        let descriptionComponent of contentComponent?.descriptionComponents\n      \"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n      ></ng-container>\n    </dd>\n  </div>\n</dl>\n"]}

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

@@ -0,0 +1,53 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyThemeModule } from '@skyux/theme';
+import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
+import { SkyDescriptionListComponent } from './description-list.component';
+import { SkyDescriptionListContentComponent } from './description-list-content.component';
+import { SkyDescriptionListTermComponent } from './description-list-term.component';
+import { SkyDescriptionListDescriptionComponent } from './description-list-description.component';
+import * as i0 from "@angular/core";
+export class SkyDescriptionListModule {
+}
+SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
+        SkyDescriptionListContentComponent,
+        SkyDescriptionListTermComponent,
+        SkyDescriptionListDescriptionComponent], imports: [CommonModule,
+        SkyI18nModule,
+        SkyLayoutResourcesModule,
+        SkyThemeModule], exports: [SkyDescriptionListComponent,
+        SkyDescriptionListContentComponent,
+        SkyDescriptionListTermComponent,
+        SkyDescriptionListDescriptionComponent] });
+SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, imports: [[
+            CommonModule,
+            SkyI18nModule,
+            SkyLayoutResourcesModule,
+            SkyThemeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyDescriptionListComponent,
+                        SkyDescriptionListContentComponent,
+                        SkyDescriptionListTermComponent,
+                        SkyDescriptionListDescriptionComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        SkyI18nModule,
+                        SkyLayoutResourcesModule,
+                        SkyThemeModule,
+                    ],
+                    exports: [
+                        SkyDescriptionListComponent,
+                        SkyDescriptionListContentComponent,
+                        SkyDescriptionListTermComponent,
+                        SkyDescriptionListDescriptionComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=description-list.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;;AAsBlG,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,iBAlBjC,2BAA2B;QAC3B,kCAAkC;QAClC,+BAA+B;QAC/B,sCAAsC,aAGtC,YAAY;QACZ,aAAa;QACb,wBAAwB;QACxB,cAAc,aAGd,2BAA2B;QAC3B,kCAAkC;QAClC,+BAA+B;QAC/B,sCAAsC;uHAG7B,wBAAwB,YAb1B;YACP,YAAY;YACZ,aAAa;YACb,wBAAwB;YACxB,cAAc;SACf;4FAQU,wBAAwB;kBApBpC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,2BAA2B;wBAC3B,kCAAkC;wBAClC,+BAA+B;wBAC/B,sCAAsC;qBACvC;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,wBAAwB;wBACxB,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,kCAAkC;wBAClC,+BAA+B;wBAC/B,sCAAsC;qBACvC;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyDescriptionListComponent } from './description-list.component';\n\nimport { SkyDescriptionListContentComponent } from './description-list-content.component';\n\nimport { SkyDescriptionListTermComponent } from './description-list-term.component';\n\nimport { SkyDescriptionListDescriptionComponent } from './description-list-description.component';\n\n@NgModule({\n  declarations: [\n    SkyDescriptionListComponent,\n    SkyDescriptionListContentComponent,\n    SkyDescriptionListTermComponent,\n    SkyDescriptionListDescriptionComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyDescriptionListComponent,\n    SkyDescriptionListContentComponent,\n    SkyDescriptionListTermComponent,\n    SkyDescriptionListDescriptionComponent,\n  ],\n})\nexport class SkyDescriptionListModule {}\n"]}

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

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyDescriptionListService {
+    constructor() {
+        this._defaultDescription = new BehaviorSubject('');
+    }
+    get defaultDescription() {
+        return this._defaultDescription.asObservable();
+    }
+    ngOnDestroy() {
+        this._defaultDescription.complete();
+    }
+    updateDefaultDescription(value) {
+        this._defaultDescription.next(value);
+    }
+}
+SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=description-list.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAc,MAAM,MAAM,CAAC;;AAEnD;;GAEG;AAEH,MAAM,OAAO,yBAAyB;IADtC;QAMU,wBAAmB,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;KAS/D;IAbC,IAAW,kBAAkB;QAC3B,OAAO,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,CAAC;IACjD,CAAC;IAIM,WAAW;QAChB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAEM,wBAAwB,CAAC,KAAa;QAC3C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;;uHAbU,yBAAyB;2HAAzB,yBAAyB;4FAAzB,yBAAyB;kBADrC,UAAU","sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject, Observable } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDescriptionListService implements OnDestroy {\n  public get defaultDescription(): Observable<string> {\n    return this._defaultDescription.asObservable();\n  }\n\n  private _defaultDescription = new BehaviorSubject<string>('');\n\n  public ngOnDestroy(): void {\n    this._defaultDescription.complete();\n  }\n\n  public updateDefaultDescription(value: string): void {\n    this._defaultDescription.next(value);\n  }\n}\n"]}

package/esm2015/lib/modules/description-list/types/description-list-mode-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=description-list-mode-type.js.map

package/esm2015/lib/modules/description-list/types/description-list-mode-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-mode-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/description-list/types/description-list-mode-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specifies how to display the term-description pairs within a description list.\n */\nexport type SkyDescriptionListModeType =\n  | 'horizontal'\n  | 'longDescription'\n  | 'vertical';\n"]}

package/esm2015/lib/modules/description-list/types/description-list-mode.js

@@ -0,0 +1,24 @@
+/**
+ * @deprecated Use `SkyDescriptionListModeType` instead.
+ * @internal
+ * Specifies how to display the term-description pairs within a description list.
+ */
+export var SkyDescriptionListMode;
+(function (SkyDescriptionListMode) {
+    /**
+     * Displays term-description pairs side by side in a horizontal list.
+     * This mode provides a responsive layout.
+     */
+    SkyDescriptionListMode["horizontal"] = "horizontal";
+    /**
+     * Displays terms and descriptions side by side with the term on the left and the description
+     * on the right. This mode includes room for long descriptions and uses a responsive layout
+     * that stacks term-description pairs vertically.
+     */
+    SkyDescriptionListMode["longDescription"] = "longDescription";
+    /**
+     * Displays term-description pairs in a vertical list.
+     */
+    SkyDescriptionListMode["vertical"] = "vertical";
+})(SkyDescriptionListMode || (SkyDescriptionListMode = {}));
+//# sourceMappingURL=description-list-mode.js.map

package/esm2015/lib/modules/description-list/types/description-list-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-mode.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/description-list/types/description-list-mode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAN,IAAY,sBAkBX;AAlBD,WAAY,sBAAsB;IAChC;;;OAGG;IACH,mDAAyB,CAAA;IAEzB;;;;OAIG;IACH,6DAAmC,CAAA;IAEnC;;OAEG;IACH,+CAAqB,CAAA;AACvB,CAAC,EAlBW,sBAAsB,KAAtB,sBAAsB,QAkBjC","sourcesContent":["/**\n * @deprecated Use `SkyDescriptionListModeType` instead.\n * @internal\n * Specifies how to display the term-description pairs within a description list.\n */\nexport enum SkyDescriptionListMode {\n  /**\n   * Displays term-description pairs side by side in a horizontal list.\n   * This mode provides a responsive layout.\n   */\n  horizontal = 'horizontal',\n\n  /**\n   * Displays terms and descriptions side by side with the term on the left and the description\n   * on the right. This mode includes room for long descriptions and uses a responsive layout\n   * that stacks term-description pairs vertically.\n   */\n  longDescription = 'longDescription',\n\n  /**\n   * Displays term-description pairs in a vertical list.\n   */\n  vertical = 'vertical',\n}\n"]}

package/esm2015/{modules → lib/modules}/fluid-grid/column.component.js

@@ -30,9 +30,9 @@ export class SkyColumnComponent {
         this.classnames = this.getClassNames();
     }
 }
-SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyColumnComponent, decorators: [{
+SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-column',
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9zcmMvbW9kdWxlcy9mbHVpZC1ncmlkL2NvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvc3JjL21vZHVsZXMvZmx1aWQtZ3JpZC9jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUlMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFRdkIsTUFBTSxPQUFPLGtCQUFrQjtJQXFDdEIsV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLDBCQUEwQjtRQUMxQixJQUNFLE9BQU8sQ0FBQyxZQUFZO1lBQ3BCLE9BQU8sQ0FBQyxXQUFXO1lBQ25CLE9BQU8sQ0FBQyxZQUFZO1lBQ3BCLE9BQU8sQ0FBQyxXQUFXLEVBQ25CO1lBQ0EsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDeEM7SUFDSCxDQUFDO0lBRU0sYUFBYTtRQUNsQixJQUFJLFVBQVUsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRWhDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixVQUFVLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztTQUN2RDtRQUVELElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixVQUFVLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztTQUN0RDtRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixVQUFVLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztTQUN2RDtRQUVELElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixVQUFVLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztTQUN0RDtRQUVELE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7O2dIQXpFVSxrQkFBa0I7b0dBQWxCLGtCQUFrQiw2UENoQi9CLDZCQUNBOzRGRGVhLGtCQUFrQjtrQkFOOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsV0FBVyxFQUFFLHlCQUF5QjtvQkFDdEMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3RDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFTUSxZQUFZO3NCQURsQixLQUFLO2dCQVNDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBU0MsWUFBWTtzQkFEbEIsS0FBSztnQkFTQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbHVtbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDb2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG51bWJlciBvZiBjb2x1bW5zICgxLTEyKSB0byB1c2Ugb24gZXh0cmEtc21hbGwgc2NyZWVuc1xuICAgKiAobGVzcyB0aGFuIDc2OHB4KS4gSWYgeW91IGRvIG5vdCBzcGVjaWZ5IGEgdmFsdWUsIHRoZSBmbHVpZCBncmlkIGRpc3BsYXlzXG4gICAqIHRoZSBjb2x1bW4gYXQgdGhlIGZ1bGwgd2lkdGggb2YgdGhlIHNjcmVlbi5cbiAgICogQGRlZmF1bHQgMTJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzY3JlZW5YU21hbGw6IG51bWJlcjtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBudW1iZXIgb2YgY29sdW1ucyAoMS0xMikgdG8gdXNlIG9uIHNtYWxsIHNjcmVlbnNcbiAgICogKDc2OC05OTFweCkuIElmIHlvdSBkbyBub3Qgc3BlY2lmeSBhIHZhbHVlLCB0aGUgY29sdW1uIGluaGVyaXRzXG4gICAqIHRoZSBgc2NyZWVuWFNtYWxsYCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzY3JlZW5TbWFsbDogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG51bWJlciBvZiBjb2x1bW5zICgxLTEyKSB0byB1c2Ugb24gbWVkaXVtIHNjcmVlbnNcbiAgICogKDk5Mi0xMTk5cHgpLiBJZiB5b3UgZG8gbm90IHNwZWNpZnkgYSB2YWx1ZSwgdGhlIGNvbHVtbiBpbmhlcml0c1xuICAgKiB0aGUgYHNjcmVlblNtYWxsYCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzY3JlZW5NZWRpdW06IG51bWJlcjtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBudW1iZXIgb2YgY29sdW1ucyAoMS0xMikgdG8gdXNlIG9uIGxhcmdlIHNjcmVlbnNcbiAgICogKG1vcmUgdGhhbiAxMjAwcHgpLiBJZiB5b3UgZG8gbm90IHNwZWNpZnkgYSB2YWx1ZSwgdGhlIGNvbHVtblxuICAgKiBpbmhlcml0cyB0aGUgYHNjcmVlbk1lZGl1bWAgdmFsdWUuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2NyZWVuTGFyZ2U6IG51bWJlcjtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGNsYXNzbmFtZXM6IHN0cmluZztcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKFxuICAgICAgY2hhbmdlcy5zY3JlZW5YU21hbGwgfHxcbiAgICAgIGNoYW5nZXMuc2NyZWVuU21hbGwgfHxcbiAgICAgIGNoYW5nZXMuc2NyZWVuTWVkaXVtIHx8XG4gICAgICBjaGFuZ2VzLnNjcmVlbkxhcmdlXG4gICAgKSB7XG4gICAgICB0aGlzLmNsYXNzbmFtZXMgPSB0aGlzLmdldENsYXNzTmFtZXMoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0Q2xhc3NOYW1lcygpOiBzdHJpbmcge1xuICAgIGxldCBjbGFzc25hbWVzID0gWydza3ktY29sdW1uJ107XG5cbiAgICBpZiAodGhpcy5zY3JlZW5YU21hbGwpIHtcbiAgICAgIGNsYXNzbmFtZXMucHVzaChgc2t5LWNvbHVtbi14cy0ke3RoaXMuc2NyZWVuWFNtYWxsfWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNjcmVlblNtYWxsKSB7XG4gICAgICBjbGFzc25hbWVzLnB1c2goYHNreS1jb2x1bW4tc20tJHt0aGlzLnNjcmVlblNtYWxsfWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNjcmVlbk1lZGl1bSkge1xuICAgICAgY2xhc3NuYW1lcy5wdXNoKGBza3ktY29sdW1uLW1kLSR7dGhpcy5zY3JlZW5NZWRpdW19YCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuc2NyZWVuTGFyZ2UpIHtcbiAgICAgIGNsYXNzbmFtZXMucHVzaChgc2t5LWNvbHVtbi1sZy0ke3RoaXMuc2NyZWVuTGFyZ2V9YCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzbmFtZXMuam9pbignICcpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2xhc3NuYW1lcyA9IHRoaXMuZ2V0Q2xhc3NOYW1lcygpO1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=column.component.js.map

package/esm2015/lib/modules/fluid-grid/column.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/column.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/column.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,KAAK,EAIL,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAQvB,MAAM,OAAO,kBAAkB;IAqCtB,WAAW,CAAC,OAAsB;QACvC,0BAA0B;QAC1B,IACE,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,WAAW,EACnB;YACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;SACxC;IACH,CAAC;IAEM,aAAa;QAClB,IAAI,UAAU,GAAG,CAAC,YAAY,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACtD;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACtD;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAEM,QAAQ;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;gHAzEU,kBAAkB;oGAAlB,kBAAkB,6PChB/B,6BACA;4FDea,kBAAkB;kBAN9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BASQ,YAAY;sBADlB,KAAK;gBASC,WAAW;sBADjB,KAAK;gBASC,YAAY;sBADlB,KAAK;gBASC,WAAW;sBADjB,KAAK;gBAIC,UAAU;sBADhB,WAAW;uBAAC,OAAO","sourcesContent":["import {\n  Component,\n  HostBinding,\n  Input,\n  OnInit,\n  SimpleChanges,\n  OnChanges,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'sky-column',\n  templateUrl: './column.component.html',\n  styleUrls: ['./column.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyColumnComponent implements OnInit, OnChanges {\n  /**\n   * Specifies the number of columns (1-12) to use on extra-small screens\n   * (less than 768px). If you do not specify a value, the fluid grid displays\n   * the column at the full width of the screen.\n   * @default 12\n   */\n  @Input()\n  public screenXSmall: number;\n\n  /**\n   * Specifies the number of columns (1-12) to use on small screens\n   * (768-991px). If you do not specify a value, the column inherits\n   * the `screenXSmall` value.\n   */\n  @Input()\n  public screenSmall: number;\n\n  /**\n   * Specifies the number of columns (1-12) to use on medium screens\n   * (992-1199px). If you do not specify a value, the column inherits\n   * the `screenSmall` value.\n   */\n  @Input()\n  public screenMedium: number;\n\n  /**\n   * Specifies the number of columns (1-12) to use on large screens\n   * (more than 1200px). If you do not specify a value, the column\n   * inherits the `screenMedium` value.\n   */\n  @Input()\n  public screenLarge: number;\n\n  @HostBinding('class')\n  public classnames: string;\n\n  public ngOnChanges(changes: SimpleChanges) {\n    /* istanbul ignore else */\n    if (\n      changes.screenXSmall ||\n      changes.screenSmall ||\n      changes.screenMedium ||\n      changes.screenLarge\n    ) {\n      this.classnames = this.getClassNames();\n    }\n  }\n\n  public getClassNames(): string {\n    let classnames = ['sky-column'];\n\n    if (this.screenXSmall) {\n      classnames.push(`sky-column-xs-${this.screenXSmall}`);\n    }\n\n    if (this.screenSmall) {\n      classnames.push(`sky-column-sm-${this.screenSmall}`);\n    }\n\n    if (this.screenMedium) {\n      classnames.push(`sky-column-md-${this.screenMedium}`);\n    }\n\n    if (this.screenLarge) {\n      classnames.push(`sky-column-lg-${this.screenLarge}`);\n    }\n\n    return classnames.join(' ');\n  }\n\n  public ngOnInit(): void {\n    this.classnames = this.getClassNames();\n  }\n}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js

@@ -0,0 +1,20 @@
+/**
+ * @deprecated Use `SkyFluidGridGutterSizeType` instead.
+ * @internal
+ */
+export var SkyFluidGridGutterSize;
+(function (SkyFluidGridGutterSize) {
+    /**
+     * Specifies a small gutter.
+     */
+    SkyFluidGridGutterSize[SkyFluidGridGutterSize["Small"] = 0] = "Small";
+    /**
+     * Specifies a medium gutter.
+     */
+    SkyFluidGridGutterSize[SkyFluidGridGutterSize["Medium"] = 1] = "Medium";
+    /**
+     * Specifies a large gutter.
+     */
+    SkyFluidGridGutterSize[SkyFluidGridGutterSize["Large"] = 2] = "Large";
+})(SkyFluidGridGutterSize || (SkyFluidGridGutterSize = {}));
+//# sourceMappingURL=fluid-grid-gutter-size.js.map

package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-grid-gutter-size.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid-gutter-size.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,sBAaX;AAbD,WAAY,sBAAsB;IAChC;;OAEG;IACH,qEAAK,CAAA;IACL;;OAEG;IACH,uEAAM,CAAA;IACN;;OAEG;IACH,qEAAK,CAAA;AACP,CAAC,EAbW,sBAAsB,KAAtB,sBAAsB,QAajC","sourcesContent":["/**\n * @deprecated Use `SkyFluidGridGutterSizeType` instead.\n * @internal\n */\nexport enum SkyFluidGridGutterSize {\n  /**\n   * Specifies a small gutter.\n   */\n  Small,\n  /**\n   * Specifies a medium gutter.\n   */\n  Medium,\n  /**\n   * Specifies a large gutter.\n   */\n  Large,\n}\n"]}

package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js

@@ -0,0 +1,66 @@
+import { Component, Input } from '@angular/core';
+import { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the
+ * alignment, padding, and margins do not behave as expected.
+ */
+export class SkyFluidGridComponent {
+    /**
+     * Disables the outer left and right margin of the fluid grid container.
+     * @default false
+     */
+    set disableMargin(value) {
+        this._disableMargin = value;
+    }
+    get disableMargin() {
+        return this._disableMargin || false;
+    }
+    /**
+     * Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding
+     * between columns. Options include: `any`, `1`, `2`, `"small"`, `"medium"`, and `"large"`.
+     * @default "large"
+     */
+    set gutterSize(value) {
+        this._gutterSize = value;
+    }
+    get gutterSize() {
+        return this._gutterSize === undefined ? 'large' : this._gutterSize;
+    }
+    /**
+     * @internal
+     */
+    get gutterSizeResolved() {
+        // Before this change, the template did a `==` comparison, implicitly converting numerical
+        // string values to their numeric values before comparing them. Checking for the numerical
+        // string value in addition to the values allowed by the type maintains this behavior.
+        switch (this.gutterSize) {
+            case 'medium':
+            case SkyFluidGridGutterSize.Medium:
+            case SkyFluidGridGutterSize.Medium.toString():
+                return 'medium';
+            case 'small':
+            case SkyFluidGridGutterSize.Small:
+            case SkyFluidGridGutterSize.Small.toString():
+                return 'small';
+            default:
+                return 'large';
+        }
+    }
+}
+SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n  class=\"sky-fluid-grid\"\n  [ngClass]=\"{\n    'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n    'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n    'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n    'sky-fluid-grid-no-margin': disableMargin\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-fluid-grid',
+                    templateUrl: './fluid-grid.component.html',
+                    styleUrls: ['./fluid-grid.component.scss'],
+                }]
+        }], propDecorators: { disableMargin: [{
+                type: Input
+            }], gutterSize: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=fluid-grid.component.js.map

package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;;AAIlE;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;IAChC;;;OAGG;IACH,IACW,aAAa,CAAC,KAAc;QACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAiC;QACrD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,IAAW,kBAAkB;QAC3B,0FAA0F;QAC1F,0FAA0F;QAC1F,sFAAsF;QACtF,QAAQ,IAAI,CAAC,UAAU,EAAE;YACvB,KAAK,QAAQ,CAAC;YACd,KAAK,sBAAsB,CAAC,MAAM,CAAC;YACnC,KAAK,sBAAsB,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC3C,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO,CAAC;YACb,KAAK,sBAAsB,CAAC,KAAK,CAAC;YAClC,KAAK,sBAAsB,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,OAAO,OAAO,CAAC;YACjB;gBACE,OAAO,OAAO,CAAC;SAClB;IACH,CAAC;;mHA/CU,qBAAqB;uGAArB,qBAAqB,4HCflC,gXAWA;4FDIa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C;8BAOY,aAAa;sBADvB,KAAK;gBAeK,UAAU;sBADpB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';\n\nimport { SkyFluidGridGutterSizeType } from './types/fluid-grid-gutter-size-type';\n\n/**\n * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the\n * alignment, padding, and margins do not behave as expected.\n */\n@Component({\n  selector: 'sky-fluid-grid',\n  templateUrl: './fluid-grid.component.html',\n  styleUrls: ['./fluid-grid.component.scss'],\n})\nexport class SkyFluidGridComponent {\n  /**\n   * Disables the outer left and right margin of the fluid grid container.\n   * @default false\n   */\n  @Input()\n  public set disableMargin(value: boolean) {\n    this._disableMargin = value;\n  }\n\n  public get disableMargin(): boolean {\n    return this._disableMargin || false;\n  }\n\n  /**\n   * Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding\n   * between columns. Options include: `any`, `1`, `2`, `\"small\"`, `\"medium\"`, and `\"large\"`.\n   * @default \"large\"\n   */\n  @Input()\n  public set gutterSize(value: SkyFluidGridGutterSizeType) {\n    this._gutterSize = value;\n  }\n\n  public get gutterSize(): SkyFluidGridGutterSizeType {\n    return this._gutterSize === undefined ? 'large' : this._gutterSize;\n  }\n\n  /**\n   * @internal\n   */\n  public get gutterSizeResolved(): SkyFluidGridGutterSizeType {\n    // Before this change, the template did a `==` comparison, implicitly converting numerical\n    // string values to their numeric values before comparing them. Checking for the numerical\n    // string value in addition to the values allowed by the type maintains this behavior.\n    switch (this.gutterSize) {\n      case 'medium':\n      case SkyFluidGridGutterSize.Medium:\n      case SkyFluidGridGutterSize.Medium.toString():\n        return 'medium';\n      case 'small':\n      case SkyFluidGridGutterSize.Small:\n      case SkyFluidGridGutterSize.Small.toString():\n        return 'small';\n      default:\n        return 'large';\n    }\n  }\n\n  private _disableMargin: boolean;\n\n  private _gutterSize: SkyFluidGridGutterSizeType;\n}\n","<div\n  class=\"sky-fluid-grid\"\n  [ngClass]=\"{\n    'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n    'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n    'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n    'sky-fluid-grid-no-margin': disableMargin\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyRowComponent } from './row.component';
+import { SkyColumnComponent } from './column.component';
+import { SkyFluidGridComponent } from './fluid-grid.component';
+import * as i0 from "@angular/core";
+export class SkyFluidGridModule {
+}
+SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
+SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
+                    exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
+                }]
+        }] });
+//# sourceMappingURL=fluid-grid.module.js.map

package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-grid.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;AAO/D,MAAM,OAAO,kBAAkB;;gHAAlB,kBAAkB;iHAAlB,kBAAkB,iBAHd,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,aAD/D,YAAY,aAEZ,eAAe,EAAE,kBAAkB,EAAE,qBAAqB;iHAEzD,kBAAkB,YAJpB,CAAC,YAAY,CAAC;4FAIZ,kBAAkB;kBAL9B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;oBAC1E,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;iBACtE","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SkyRowComponent } from './row.component';\nimport { SkyColumnComponent } from './column.component';\nimport { SkyFluidGridComponent } from './fluid-grid.component';\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n  exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n})\nexport class SkyFluidGridModule {}\n"]}

package/esm2015/{modules → lib/modules}/fluid-grid/row.component.js

@@ -14,9 +14,9 @@ export class SkyRowComponent {
         this.reverseColumnOrder = false;
     }
 }
-SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyRowComponent, decorators: [{
+SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-row',
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
         }], propDecorators: { reverseColumnOrder: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9zcmMvbW9kdWxlcy9mbHVpZC1ncmlkL3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvc3JjL21vZHVsZXMvZmx1aWQtZ3JpZC9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUVqRDs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1FOzs7V0FHRztRQUVJLHVCQUFrQixHQUFZLEtBQUssQ0FBQztLQUM1Qzs7NkdBUFksZUFBZTtpR0FBZixlQUFlLHFHQ1g1Qix3SEFHQTs0RkRRYSxlQUFlO2tCQUwzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUNuQixXQUFXLEVBQUUsc0JBQXNCO29CQUNuQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDcEM7OEJBT1Esa0JBQWtCO3NCQUR4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcm93IHdpdGhpbiB0aGUgYHNreS1mbHVpZC1ncmlkYCB3cmFwcGVyLiBQcmV2aW91c2x5LCB5b3UgY291bGQgZGlzcGxheSBhIHJvd1xuICogd2l0aG91dCBhIHdyYXBwZXIsIGJ1dCB3ZSBubyBsb25nZXIgb2ZmaWNpYWxseSBzdXBwb3J0IHRoYXQgb3B0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcm93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jvdy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lSb3dDb21wb25lbnQge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdG8gcmV2ZXJzZSB0aGUgZGlzcGxheSBvcmRlciBmb3IgY29sdW1ucyBpbiB0aGUgcm93LlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJldmVyc2VDb2x1bW5PcmRlcjogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiBjbGFzcz1cInNreS1yb3dcIiBbbmdDbGFzc109XCJ7ICdza3ktcm93LXJldmVyc2UnOiByZXZlcnNlQ29sdW1uT3JkZXIgfVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=row.component.js.map

package/esm2015/lib/modules/fluid-grid/row.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/row.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/row.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAEjD;;;GAGG;AAMH,MAAM,OAAO,eAAe;IAL5B;QAME;;;WAGG;QAEI,uBAAkB,GAAY,KAAK,CAAC;KAC5C;;6GAPY,eAAe;iGAAf,eAAe,qGCX5B,wHAGA;4FDQa,eAAe;kBAL3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,sBAAsB;oBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACpC;8BAOQ,kBAAkB;sBADxB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row\n * without a wrapper, but we no longer officially support that option.\n */\n@Component({\n  selector: 'sky-row',\n  templateUrl: './row.component.html',\n  styleUrls: ['./row.component.scss'],\n})\nexport class SkyRowComponent {\n  /**\n   * Indicates whether to reverse the display order for columns in the row.\n   * @default false\n   */\n  @Input()\n  public reverseColumnOrder: boolean = false;\n}\n","<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fluid-grid-gutter-size-type.js.map

package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-grid-gutter-size-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyFluidGridGutterSizeType =\n  | 0\n  | 1\n  | 2\n  | 'small'\n  | 'medium'\n  | 'large';\n"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=format-item.js.map

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

@@ -0,0 +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"]}