@skyux/layout 5.2.2 → 5.5.0-alpha.0

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

@@ -0,0 +1,63 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const tokenRegex = /(\{\d+\})/;
+export class SkyFormatComponent {
+    /**
+     * The tokenized string that represents the template. Tokens use the `{n}` notation
+     * where n is the ordinal of the item to replace the token.
+     */
+    set text(value) {
+        this._text = value;
+        this.updateItemsForDisplay();
+    }
+    get text() {
+        return this._text;
+    }
+    /**
+     * An array of `TemplateRef` objects to be placed in the template, where the `nth`
+     * item is placed at the `{n}` location in the template.
+     */
+    set args(value) {
+        this._args = value;
+        this.updateItemsForDisplay();
+    }
+    get args() {
+        return this._args;
+    }
+    updateItemsForDisplay() {
+        this.itemsForDisplay = [];
+        if (this.text && this.args) {
+            const textParts = this.text.split(tokenRegex);
+            for (const textPart of textParts) {
+                // Disregard empty strings.
+                if (textPart) {
+                    const item = {};
+                    if (tokenRegex.test(textPart)) {
+                        const valueIndex = +textPart.substring(1, textPart.length - 1);
+                        item.templateRef = this.args[valueIndex];
+                    }
+                    else {
+                        item.text = textPart;
+                    }
+                    this.itemsForDisplay.push(item);
+                }
+            }
+        }
+    }
+}
+SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n  <!--\n    The following ng-container must be on one line so no extra whitespace is introduced.\n  -->\n  <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n    item.text\n  }}</ng-container>\n</ng-container>\n", directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFormatComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-format',
+                    templateUrl: './format.component.html',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], args: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=format.component.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;AAOxD,MAAM,OAAO,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBAJX,kBAAkB,aACvB,YAAY,aACZ,kBAAkB;8GAEjB,eAAe,YAHjB,CAAC,YAAY,CAAC;4FAGZ,eAAe;kBAL3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAC9B","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyFormatComponent } from './format.component';\n\n@NgModule({\n  declarations: [SkyFormatComponent],\n  imports: [CommonModule],\n  exports: [SkyFormatComponent],\n})\nexport class SkyFormatModule {}\n"]}

package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js

@@ -0,0 +1,115 @@
+import { Injectable, RendererFactory2 } from '@angular/core';
+import { SkyCoreAdapterService } from '@skyux/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+/**
+ * @internal
+ */
+export class SkyInlineDeleteAdapterService {
+    constructor(coreAdapterService, rendererFactory) {
+        this.coreAdapterService = coreAdapterService;
+        this.renderer = rendererFactory.createRenderer(undefined, undefined);
+    }
+    clearListeners() {
+        /* istanbul ignore else */
+        if (this.parentElUnlistenFn) {
+            this.parentElUnlistenFn();
+        }
+    }
+    setEl(element) {
+        this.element = element;
+        this.parentEl = element.parentElement;
+        /* istanbul ignore else */
+        if (this.parentEl) {
+            this.parentElUnlistenFn = this.renderer.listen(this.parentEl, 'focusin', (event) => {
+                const target = event.target;
+                if (!this.element.contains(target) && this.parentEl !== target) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    event.stopImmediatePropagation();
+                    target.blur();
+                    this.focusNextElement(target, this.isShift(event), this.parentEl);
+                }
+            });
+        }
+    }
+    focusNextElement(targetElement, shiftKey, busyEl) {
+        const focussable = this.getFocussableElements();
+        // If shift tab, go in the other direction
+        const modifier = shiftKey ? -1 : 1;
+        // Find the next navigable element that isn't waiting
+        const startingIndex = focussable.indexOf(targetElement);
+        let curIndex = startingIndex + modifier;
+        while (focussable[curIndex] &&
+            this.isElementHiddenOrCovered(focussable[curIndex])) {
+            curIndex += modifier;
+        }
+        if (focussable[curIndex] &&
+            !this.isElementHiddenOrCovered(focussable[curIndex])) {
+            focussable[curIndex].focus();
+        }
+        else {
+            // Try wrapping the navigation
+            /* istanbul ignore next */
+            curIndex = modifier > 0 ? 0 : focussable.length - 1;
+            /* istanbul ignore next */
+            while (curIndex !== startingIndex &&
+                focussable[curIndex] &&
+                this.isElementHiddenOrCovered(focussable[curIndex])) {
+                curIndex += modifier;
+            }
+            /* istanbul ignore else */
+            /* sanity check */
+            if (focussable[curIndex] &&
+                !this.isElementHiddenOrCovered(focussable[curIndex])) {
+                focussable[curIndex].focus();
+            }
+            else {
+                // No valid target, wipe focus
+                // This should never happen in practice due to the multiple inline delete buttons
+                if (document.activeElement && document.activeElement.blur) {
+                    document.activeElement.blur();
+                }
+                document.body.focus();
+            }
+        }
+        // clear focussableElements list so that if things change between tabbing we know about it
+        this.focussableElements = undefined;
+    }
+    getFocussableElements() {
+        // Keep this cached so we can reduce querys
+        if (this.focussableElements) {
+            return this.focussableElements;
+        }
+        this.focussableElements = this.coreAdapterService.getFocusableChildren(document.body);
+        return this.focussableElements;
+    }
+    isElementHiddenOrCovered(element) {
+        // Check if the element is hidden by css, not within the inline delete, or a wait is covering it
+        return (this.isElementHidden(element) ||
+            (this.parentEl.contains(element) &&
+                (!this.element.contains(element) ||
+                    this.parentEl.querySelector('.sky-wait-mask') !== null)));
+    }
+    isElementHidden(element) {
+        const style = window.getComputedStyle(element);
+        return style.display === 'none' || style.visibility === 'hidden';
+    }
+    isShift(event) {
+        // Determine if shift+tab was used based on element order
+        const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
+        const previousInd = elements.indexOf(event.relatedTarget);
+        const currentInd = elements.indexOf(event.target);
+        /* istanbul ignore next */
+        return (previousInd === currentInd + 1 ||
+            (previousInd === 0 && currentInd === elements.length - 1) ||
+            previousInd > currentInd ||
+            !event.relatedTarget);
+    }
+}
+SkyInlineDeleteAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineDeleteAdapterService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyInlineDeleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineDeleteAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineDeleteAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }, { type: i0.RendererFactory2 }]; } });
+//# sourceMappingURL=inline-delete-adapter.service.js.map

package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-delete-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/inline-delete/inline-delete-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';\n\nimport { SkyCoreAdapterService } from '@skyux/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineDeleteAdapterService {\n  private element: HTMLElement;\n  private focussableElements: HTMLElement[];\n  private parentEl: HTMLElement;\n  private parentElUnlistenFn: Function;\n  private renderer: Renderer2;\n\n  constructor(\n    private coreAdapterService: SkyCoreAdapterService,\n    rendererFactory: RendererFactory2\n  ) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public clearListeners(): void {\n    /* istanbul ignore else */\n    if (this.parentElUnlistenFn) {\n      this.parentElUnlistenFn();\n    }\n  }\n\n  public setEl(element: HTMLElement): void {\n    this.element = element;\n    this.parentEl = element.parentElement;\n\n    /* istanbul ignore else */\n    if (this.parentEl) {\n      this.parentElUnlistenFn = this.renderer.listen(\n        this.parentEl,\n        'focusin',\n        (event: FocusEvent) => {\n          const target: any = event.target;\n          if (!this.element.contains(target) && this.parentEl !== target) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n\n            target.blur();\n            this.focusNextElement(target, this.isShift(event), this.parentEl);\n          }\n        }\n      );\n    }\n  }\n\n  private focusNextElement(\n    targetElement: HTMLElement,\n    shiftKey: boolean,\n    busyEl: Element\n  ): void {\n    const focussable = this.getFocussableElements();\n\n    // If shift tab, go in the other direction\n    const modifier = shiftKey ? -1 : 1;\n\n    // Find the next navigable element that isn't waiting\n    const startingIndex = focussable.indexOf(targetElement);\n    let curIndex = startingIndex + modifier;\n    while (\n      focussable[curIndex] &&\n      this.isElementHiddenOrCovered(focussable[curIndex])\n    ) {\n      curIndex += modifier;\n    }\n\n    if (\n      focussable[curIndex] &&\n      !this.isElementHiddenOrCovered(focussable[curIndex])\n    ) {\n      focussable[curIndex].focus();\n    } else {\n      // Try wrapping the navigation\n      /* istanbul ignore next */\n      curIndex = modifier > 0 ? 0 : focussable.length - 1;\n\n      /* istanbul ignore next */\n      while (\n        curIndex !== startingIndex &&\n        focussable[curIndex] &&\n        this.isElementHiddenOrCovered(focussable[curIndex])\n      ) {\n        curIndex += modifier;\n      }\n\n      /* istanbul ignore else */\n      /* sanity check */\n      if (\n        focussable[curIndex] &&\n        !this.isElementHiddenOrCovered(focussable[curIndex])\n      ) {\n        focussable[curIndex].focus();\n      } else {\n        // No valid target, wipe focus\n        // This should never happen in practice due to the multiple inline delete buttons\n        if (document.activeElement && (document.activeElement as any).blur) {\n          (document.activeElement as any).blur();\n        }\n        document.body.focus();\n      }\n    }\n\n    // clear focussableElements list so that if things change between tabbing we know about it\n    this.focussableElements = undefined;\n  }\n\n  private getFocussableElements(): HTMLElement[] {\n    // Keep this cached so we can reduce querys\n    if (this.focussableElements) {\n      return this.focussableElements;\n    }\n\n    this.focussableElements = this.coreAdapterService.getFocusableChildren(\n      document.body\n    );\n\n    return this.focussableElements;\n  }\n\n  private isElementHiddenOrCovered(element: any): boolean {\n    // Check if the element is hidden by css, not within the inline delete, or a wait is covering it\n    return (\n      this.isElementHidden(element) ||\n      (this.parentEl.contains(element) &&\n        (!this.element.contains(element) ||\n          this.parentEl.querySelector('.sky-wait-mask') !== null))\n    );\n  }\n\n  private isElementHidden(element: any): boolean {\n    const style = window.getComputedStyle(element);\n    return style.display === 'none' || style.visibility === 'hidden';\n  }\n\n  private isShift(event: Event): boolean {\n    // Determine if shift+tab was used based on element order\n    const elements = this.getFocussableElements().filter(\n      (elem) => !this.isElementHidden(elem)\n    );\n\n    const previousInd = elements.indexOf((event as any).relatedTarget);\n    const currentInd = elements.indexOf(event.target as HTMLElement);\n\n    /* istanbul ignore next */\n    return (\n      previousInd === currentInd + 1 ||\n      (previousInd === 0 && currentInd === elements.length - 1) ||\n      previousInd > currentInd ||\n      !(event as any).relatedTarget\n    );\n  }\n}\n"]}

package/esm2015/lib/modules/inline-delete/inline-delete-type.js

@@ -0,0 +1,16 @@
+/**
+ * Specifies the type of inline delete that is shown.
+ * @internal
+ */
+export var SkyInlineDeleteType;
+(function (SkyInlineDeleteType) {
+    /**
+     * The standard styling for inline deletes.
+     */
+    SkyInlineDeleteType["Standard"] = "standard";
+    /**
+     * The styling for inline delete components which are used in card components.
+     */
+    SkyInlineDeleteType["Card"] = "card";
+})(SkyInlineDeleteType || (SkyInlineDeleteType = {}));
+//# sourceMappingURL=inline-delete-type.js.map

package/esm2015/lib/modules/inline-delete/inline-delete-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-delete-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/inline-delete/inline-delete-type.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,mBASX;AATD,WAAY,mBAAmB;IAC7B;;OAEG;IACH,4CAAqB,CAAA;IACrB;;OAEG;IACH,oCAAa,CAAA;AACf,CAAC,EATW,mBAAmB,KAAnB,mBAAmB,QAS9B","sourcesContent":["/**\n * Specifies the type of inline delete that is shown.\n * @internal\n */\nexport enum SkyInlineDeleteType {\n  /**\n   * The standard styling for inline deletes.\n   */\n  Standard = 'standard',\n  /**\n   * The styling for inline delete components which are used in card components.\n   */\n  Card = 'card',\n}\n"]}

package/esm2015/lib/modules/inline-delete/inline-delete.component.js

@@ -0,0 +1,167 @@
+import { animate, group, query, style, transition, trigger, } from '@angular/animations';
+import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { SkyCoreAdapterService } from '@skyux/core';
+import { SkyInlineDeleteAdapterService } from './inline-delete-adapter.service';
+import { SkyInlineDeleteType } from './inline-delete-type';
+import * as i0 from "@angular/core";
+import * as i1 from "./inline-delete-adapter.service";
+import * as i2 from "@skyux/indicators";
+import * as i3 from "@skyux/i18n";
+/**
+ * Auto-incrementing integer used to generate unique ids for inline delete components.
+ */
+let nextId = 0;
+export class SkyInlineDeleteComponent {
+    constructor(adapterService, changeDetector, elRef) {
+        this.adapterService = adapterService;
+        this.changeDetector = changeDetector;
+        this.elRef = elRef;
+        /**
+         * Indicates whether the deletion is pending.
+         * @default false
+         */
+        this.pending = false;
+        /**
+         * Fires when users click the cancel button.
+         */
+        this.cancelTriggered = new EventEmitter();
+        /**
+         * Fires when users click the delete button.
+         */
+        this.deleteTriggered = new EventEmitter();
+        this.animationState = 'shown';
+        this.assistiveTextId = `sky-inline-delete-assistive-text-${++nextId}`;
+        this.type = SkyInlineDeleteType.Standard;
+    }
+    /**
+     * Initialization lifecycle hook
+     * @internal
+     */
+    ngOnInit() {
+        this.animationState = 'shown';
+    }
+    /**
+     * Destruction lifecycle hook
+     * @internal
+     */
+    ngOnDestroy() {
+        this.adapterService.clearListeners();
+        this.cancelTriggered.complete();
+        this.deleteTriggered.complete();
+    }
+    /**
+     * @internal
+     */
+    onCancelClick() {
+        this.animationState = 'hidden';
+    }
+    /**
+     * @internal
+     */
+    onDeleteClick() {
+        this.deleteTriggered.emit();
+    }
+    /**
+     * Sets the inline delete to one of its predefined types.
+     * @param type The inline delete type
+     * @internal
+     */
+    setType(type) {
+        this.type = type;
+        this.changeDetector.detectChanges();
+    }
+    /**
+     * Handles actions that should be taken after the inline delete animates
+     * @param event The animation event
+     * @internal
+     */
+    onAnimationDone(event) {
+        if (event.toState === 'hidden') {
+            this.cancelTriggered.emit();
+        }
+        else {
+            this.deleteButton.nativeElement.focus();
+            /* istanbul ignore else */
+            if (this.elRef) {
+                this.adapterService.setEl(this.elRef.nativeElement);
+            }
+        }
+    }
+}
+SkyInlineDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineDeleteComponent, deps: [{ token: i1.SkyInlineDeleteAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyInlineDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n  role=\"alertdialog\"\n  [@inlineDeleteAnimation]=\"animationState\"\n  (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n  [attr.aria-describedby]=\"assistiveTextId\"\n  [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n  <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n    {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n  </span>\n  <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n  <div class=\"sky-inline-delete-content\">\n    <div class=\"sky-inline-delete-content-animation-container\">\n      <button\n        class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n        type=\"button\"\n        (click)=\"onDeleteClick()\"\n        #delete\n      >\n        {{ 'skyux_inline_delete_delete' | skyLibResources }}\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, animations: [
+        trigger('inlineDeleteAnimation', [
+            transition('* => shown', [
+                style({
+                    opacity: 0,
+                }),
+                query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
+                group([
+                    animate('300ms ease-in-out', style({ opacity: 1 })),
+                    query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
+                        transform: 'scale(1)',
+                    }))),
+                ]),
+            ]),
+            transition(`shown <=> *`, [
+                query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
+                group([
+                    animate('300ms ease-in-out', style({
+                        opacity: 0,
+                    })),
+                    query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
+                        transform: 'scale(0.0)',
+                    }))),
+                ]),
+            ]),
+        ]),
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineDeleteComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-inline-delete',
+                    styleUrls: ['./inline-delete.component.scss'],
+                    templateUrl: './inline-delete.component.html',
+                    animations: [
+                        trigger('inlineDeleteAnimation', [
+                            transition('* => shown', [
+                                style({
+                                    opacity: 0,
+                                }),
+                                query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
+                                group([
+                                    animate('300ms ease-in-out', style({ opacity: 1 })),
+                                    query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
+                                        transform: 'scale(1)',
+                                    }))),
+                                ]),
+                            ]),
+                            transition(`shown <=> *`, [
+                                query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
+                                group([
+                                    animate('300ms ease-in-out', style({
+                                        opacity: 0,
+                                    })),
+                                    query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
+                                        transform: 'scale(0.0)',
+                                    }))),
+                                ]),
+                            ]),
+                        ]),
+                    ],
+                    providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyInlineDeleteAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { pending: [{
+                type: Input
+            }], cancelTriggered: [{
+                type: Output
+            }], deleteTriggered: [{
+                type: Output
+            }], deleteButton: [{
+                type: ViewChild,
+                args: ['delete', {
+                        read: ElementRef,
+                        static: false,
+                    }]
+            }] } });
+//# sourceMappingURL=inline-delete.component.js.map

package/esm2015/lib/modules/inline-delete/inline-delete.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-delete.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/inline-delete/inline-delete.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/inline-delete/inline-delete.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  animate,\n  AnimationEvent,\n  group,\n  query,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n} from '@angular/core';\n\nimport { SkyCoreAdapterService } from '@skyux/core';\n\nimport { SkyInlineDeleteAdapterService } from './inline-delete-adapter.service';\n\nimport { SkyInlineDeleteType } from './inline-delete-type';\n\n/**\n * Auto-incrementing integer used to generate unique ids for inline delete components.\n */\nlet nextId = 0;\n\n@Component({\n  selector: 'sky-inline-delete',\n  styleUrls: ['./inline-delete.component.scss'],\n  templateUrl: './inline-delete.component.html',\n  animations: [\n    trigger('inlineDeleteAnimation', [\n      transition('* => shown', [\n        style({\n          opacity: 0,\n        }),\n        query(\n          '.sky-inline-delete-content-animation-container',\n          style({ transform: 'scale(0.0)' })\n        ),\n        group([\n          animate('300ms ease-in-out', style({ opacity: 1 })),\n          query(\n            '.sky-inline-delete-content-animation-container',\n            animate(\n              '300ms ease-in-out',\n              style({\n                transform: 'scale(1)',\n              })\n            )\n          ),\n        ]),\n      ]),\n      transition(`shown <=> *`, [\n        query(\n          '.sky-inline-delete-content-animation-container',\n          style({ transform: 'scale(1)' })\n        ),\n        group([\n          animate(\n            '300ms ease-in-out',\n            style({\n              opacity: 0,\n            })\n          ),\n          query(\n            '.sky-inline-delete-content-animation-container',\n            animate(\n              '300ms ease-in-out',\n              style({\n                transform: 'scale(0.0)',\n              })\n            )\n          ),\n        ]),\n      ]),\n    ]),\n  ],\n  providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService],\n})\nexport class SkyInlineDeleteComponent implements OnDestroy, OnInit {\n  /**\n   * Indicates whether the deletion is pending.\n   * @default false\n   */\n  @Input()\n  public pending: boolean = false;\n\n  /**\n   * Fires when users click the cancel button.\n   */\n  @Output()\n  public cancelTriggered = new EventEmitter<void>();\n\n  /**\n   * Fires when users click the delete button.\n   */\n  @Output()\n  public deleteTriggered = new EventEmitter<void>();\n\n  public animationState: string = 'shown';\n\n  public assistiveTextId: string = `sky-inline-delete-assistive-text-${++nextId}`;\n\n  public type: SkyInlineDeleteType = SkyInlineDeleteType.Standard;\n\n  @ViewChild('delete', {\n    read: ElementRef,\n    static: false,\n  })\n  private deleteButton: ElementRef;\n\n  constructor(\n    private adapterService: SkyInlineDeleteAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private elRef: ElementRef\n  ) {}\n\n  /**\n   * Initialization lifecycle hook\n   * @internal\n   */\n  public ngOnInit(): void {\n    this.animationState = 'shown';\n  }\n\n  /**\n   * Destruction lifecycle hook\n   * @internal\n   */\n  public ngOnDestroy(): void {\n    this.adapterService.clearListeners();\n    this.cancelTriggered.complete();\n    this.deleteTriggered.complete();\n  }\n\n  /**\n   * @internal\n   */\n  public onCancelClick(): void {\n    this.animationState = 'hidden';\n  }\n\n  /**\n   * @internal\n   */\n  public onDeleteClick(): void {\n    this.deleteTriggered.emit();\n  }\n\n  /**\n   * Sets the inline delete to one of its predefined types.\n   * @param type The inline delete type\n   * @internal\n   */\n  public setType(type: SkyInlineDeleteType): void {\n    this.type = type;\n    this.changeDetector.detectChanges();\n  }\n\n  /**\n   * Handles actions that should be taken after the inline delete animates\n   * @param event The animation event\n   * @internal\n   */\n  public onAnimationDone(event: AnimationEvent): void {\n    if (event.toState === 'hidden') {\n      this.cancelTriggered.emit();\n    } else {\n      this.deleteButton.nativeElement.focus();\n      /* istanbul ignore else */\n      if (this.elRef) {\n        this.adapterService.setEl(this.elRef.nativeElement);\n      }\n    }\n  }\n}\n","<div\n  class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n  role=\"alertdialog\"\n  [@inlineDeleteAnimation]=\"animationState\"\n  (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n  [attr.aria-describedby]=\"assistiveTextId\"\n  [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n  <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n    {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n  </span>\n  <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n  <div class=\"sky-inline-delete-content\">\n    <div class=\"sky-inline-delete-content-animation-container\">\n      <button\n        class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n        type=\"button\"\n        (click)=\"onDeleteClick()\"\n        #delete\n      >\n        {{ 'skyux_inline_delete_delete' | skyLibResources }}\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/inline-delete/inline-delete.module.js

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

package/esm2015/lib/modules/inline-delete/inline-delete.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-delete.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/inline-delete/inline-delete.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;AAYrE,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;oHAArB,qBAAqB,iBATjB,wBAAwB,aAErC,YAAY;QACZ,aAAa;QACb,wBAAwB;QACxB,aAAa,aAEL,wBAAwB;oHAEvB,qBAAqB,YARvB;YACP,YAAY;YACZ,aAAa;YACb,wBAAwB;YACxB,aAAa;SACd;4FAGU,qBAAqB;kBAVjC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,wBAAwB;wBACxB,aAAa;qBACd;oBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;iBACpC","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyWaitModule } from '@skyux/indicators';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyInlineDeleteComponent } from './inline-delete.component';\n\n@NgModule({\n  declarations: [SkyInlineDeleteComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyWaitModule,\n  ],\n  exports: [SkyInlineDeleteComponent],\n})\nexport class SkyInlineDeleteModule {}\n"]}

package/esm2015/lib/modules/page/page-theme-adapter.service.js

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyPageThemeAdapterService {
+    addTheme() {
+        if (!this.styleEl) {
+            this.styleEl = document.createElement('style');
+            this.styleEl.appendChild(document.createTextNode('body { background-color: #fff; }'));
+            document.head.appendChild(this.styleEl);
+        }
+    }
+    removeTheme() {
+        if (this.styleEl) {
+            document.head.removeChild(this.styleEl);
+            this.styleEl = undefined;
+        }
+    }
+}
+SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageThemeAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageThemeAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=page-theme-adapter.service.js.map

package/esm2015/lib/modules/page/page-theme-adapter.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-theme-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/page/page-theme-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAE3C;;GAEG;AAEH,MAAM,OAAO,0BAA0B;IAG9B,QAAQ;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,CAAC,OAAO,CAAC,WAAW,CACtB,QAAQ,CAAC,cAAc,CAAC,kCAAkC,CAAC,CAC5D,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACzC;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;SAC1B;IACH,CAAC;;wHAnBU,0BAA0B;4HAA1B,0BAA0B;4FAA1B,0BAA0B;kBADtC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyPageThemeAdapterService {\n  private styleEl: HTMLStyleElement;\n\n  public addTheme(): void {\n    if (!this.styleEl) {\n      this.styleEl = document.createElement('style');\n      this.styleEl.appendChild(\n        document.createTextNode('body { background-color: #fff; }')\n      );\n\n      document.head.appendChild(this.styleEl);\n    }\n  }\n\n  public removeTheme(): void {\n    if (this.styleEl) {\n      document.head.removeChild(this.styleEl);\n      this.styleEl = undefined;\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,31 @@
+import { Component } from '@angular/core';
+import { SkyPageThemeAdapterService } from './page-theme-adapter.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./page-theme-adapter.service";
+/**
+ * Resets the SPA's background to white and adds the `sky-theme-default` CSS class to the host
+ * element to let consumers override CSS styling. Consumers can override any element by writing
+ * CSS selectors like this: `:host-context(.sky-theme-default) .my-class {}`.
+ */
+export class SkyPageComponent {
+    constructor(themeAdapter) {
+        this.themeAdapter = themeAdapter;
+    }
+    ngOnInit() {
+        this.themeAdapter.addTheme();
+    }
+    ngOnDestroy() {
+        this.themeAdapter.removeTheme();
+    }
+}
+SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageComponent, deps: [{ token: i1.SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
+SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div class=\"sky-theme-default\">\n  <ng-content></ng-content>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-page',
+                    templateUrl: './page.component.html',
+                    providers: [SkyPageThemeAdapterService],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyPageThemeAdapterService }]; } });
+//# sourceMappingURL=page.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/page/page.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/page/page.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;;;AAE1E;;;;GAIG;AAMH,MAAM,OAAO,gBAAgB;IAC3B,YAAoB,YAAwC;QAAxC,iBAAY,GAAZ,YAAY,CAA4B;IAAG,CAAC;IAEzD,QAAQ;QACb,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC/B,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;;8GATU,gBAAgB;kGAAhB,gBAAgB,mCAFhB,CAAC,0BAA0B,CAAC,0BCZzC,0EAGA;4FDWa,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,0BAA0B,CAAC;iBACxC","sourcesContent":["import { Component, OnDestroy, OnInit } from '@angular/core';\n\nimport { SkyPageThemeAdapterService } from './page-theme-adapter.service';\n\n/**\n * Resets the SPA's background to white and adds the `sky-theme-default` CSS class to the host\n * element to let consumers override CSS styling. Consumers can override any element by writing\n * CSS selectors like this: `:host-context(.sky-theme-default) .my-class {}`.\n */\n@Component({\n  selector: 'sky-page',\n  templateUrl: './page.component.html',\n  providers: [SkyPageThemeAdapterService],\n})\nexport class SkyPageComponent implements OnInit, OnDestroy {\n  constructor(private themeAdapter: SkyPageThemeAdapterService) {}\n\n  public ngOnInit(): void {\n    this.themeAdapter.addTheme();\n  }\n\n  public ngOnDestroy(): void {\n    this.themeAdapter.removeTheme();\n  }\n}\n","<div class=\"sky-theme-default\">\n  <ng-content></ng-content>\n</div>\n"]}

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

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { SkyPageComponent } from './page.component';
+import * as i0 from "@angular/core";
+export class SkyPageModule {
+}
+SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
+SkyPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyPageComponent],
+                    exports: [SkyPageComponent],
+                }]
+        }] });
+//# sourceMappingURL=page.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/page/page.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAMpD,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBAHT,gBAAgB,aACrB,gBAAgB;4GAEf,aAAa;4FAAb,aAAa;kBAJzB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;iBAC5B","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { SkyPageComponent } from './page.component';\n\n@NgModule({\n  declarations: [SkyPageComponent],\n  exports: [SkyPageComponent],\n})\nexport class SkyPageModule {}\n"]}

package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export class SkyPageSummaryAdapterService {
+    updateKeyInfoLocation(elRef, isXS) {
+        let el = elRef.nativeElement;
+        let keyInfoContainerEl = el.querySelector('.sky-page-summary-key-info-container');
+        if (isXS) {
+            el.querySelector('.sky-page-summary-key-info-xs').appendChild(keyInfoContainerEl);
+        }
+        else {
+            el.querySelector('.sky-page-summary-key-info-sm').appendChild(keyInfoContainerEl);
+        }
+    }
+}
+SkyPageSummaryAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageSummaryAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyPageSummaryAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageSummaryAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageSummaryAdapterService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=page-summary-adapter.service.js.map

package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-summary-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/page-summary/page-summary-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;;AAEvD;;GAEG;AAEH,MAAM,OAAO,4BAA4B;IAChC,qBAAqB,CAAC,KAAiB,EAAE,IAAa;QAC3D,IAAI,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC;QAC7B,IAAI,kBAAkB,GAAG,EAAE,CAAC,aAAa,CACvC,sCAAsC,CACvC,CAAC;QAEF,IAAI,IAAI,EAAE;YACR,EAAE,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC,WAAW,CAC3D,kBAAkB,CACnB,CAAC;SACH;aAAM;YACL,EAAE,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC,WAAW,CAC3D,kBAAkB,CACnB,CAAC;SACH;IACH,CAAC;;0HAhBU,4BAA4B;8HAA5B,4BAA4B;4FAA5B,4BAA4B;kBADxC,UAAU","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyPageSummaryAdapterService {\n  public updateKeyInfoLocation(elRef: ElementRef, isXS: boolean) {\n    let el = elRef.nativeElement;\n    let keyInfoContainerEl = el.querySelector(\n      '.sky-page-summary-key-info-container'\n    );\n\n    if (isXS) {\n      el.querySelector('.sky-page-summary-key-info-xs').appendChild(\n        keyInfoContainerEl\n      );\n    } else {\n      el.querySelector('.sky-page-summary-key-info-sm').appendChild(\n        keyInfoContainerEl\n      );\n    }\n  }\n}\n"]}