@skyux/layout 5.0.2 → 5.2.1

package/modules/box/box-content.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Specifies the body content to display inside the box and provides padding around that content.
+ */
+export declare class SkyBoxContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxContentComponent, "sky-box-content", never, {}, {}, never, ["*"]>;
+}

package/modules/box/box-controls.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
+ */
+export declare class SkyBoxControlsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxControlsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxControlsComponent, "sky-box-controls", never, {}, {}, never, ["*"]>;
+}

package/modules/box/box-header.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Specifies a header for the box.
+ */
+export declare class SkyBoxHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxHeaderComponent, "sky-box-header", never, {}, {}, never, ["*"]>;
+}

package/modules/box/box.component.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+/**
+ * Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
+ */
+export declare class SkyBoxComponent {
+    /**
+     * Specifies an ARIA label for the box. This sets the box's `aria-label` attribute
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
+     * If the box includes a visible label, use `ariaLabelledBy` instead.
+     */
+    ariaLabel: string;
+    /**
+     * Specifies the HTML element ID (without the leading `#`) of the element that labels
+     * the box. This sets the box's `aria-labelledby` attribute
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
+     * If the box does not include a visible label, use `ariaLabel` instead.
+     */
+    ariaLabelledBy: string;
+    /**
+     * Specifies an ARIA role for the box
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
+     * by indicating what the box contains. For information about
+     * how an ARIA role indicates what an item represents on a web page,
+     * see the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
+     */
+    ariaRole: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxComponent, "sky-box", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; }, {}, never, ["sky-box-header", "sky-box-controls", "*"]>;
+}

package/modules/box/box.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./box.component";
+import * as i2 from "./box-header.component";
+import * as i3 from "./box-content.component";
+import * as i4 from "./box-controls.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@skyux/theme";
+export declare class SkyBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyBoxModule, [typeof i1.SkyBoxComponent, typeof i2.SkyBoxHeaderComponent, typeof i3.SkyBoxContentComponent, typeof i4.SkyBoxControlsComponent], [typeof i5.CommonModule, typeof i6.SkyThemeModule], [typeof i1.SkyBoxComponent, typeof i2.SkyBoxHeaderComponent, typeof i3.SkyBoxContentComponent, typeof i4.SkyBoxControlsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyBoxModule>;
+}

package/modules/text-expand-repeater/text-expand-repeater.component.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 import { SkyLibResourcesService } from '@skyux/i18n';
+import { SkyTextExpandRepeaterListStyleType } from './types/text-expand-repeater-list-style-type';
 import { SkyTextExpandRepeaterAdapterService } from './text-expand-repeater-adapter.service';
 import * as i0 from "@angular/core";
 export declare class SkyTextExpandRepeaterComponent implements AfterViewInit, OnChanges {
@@ -15,6 +16,11 @@ export declare class SkyTextExpandRepeaterComponent implements AfterViewInit, On
      * Specifies a template for items in the list.
      */
     itemTemplate: TemplateRef<any>;
+    /**
+     * Specifies the style of bullet to use
+     * @default 'unordered'
+     */
+    listStyle: SkyTextExpandRepeaterListStyleType;
     /**
      * Specifies the number of items to display before truncating the list.
      */
@@ -37,5 +43,5 @@ export declare class SkyTextExpandRepeaterComponent implements AfterViewInit, On
     private animateRepeater;
     private setup;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandRepeaterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": "data"; "itemTemplate": "itemTemplate"; "maxItems": "maxItems"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": "data"; "itemTemplate": "itemTemplate"; "listStyle": "listStyle"; "maxItems": "maxItems"; }, {}, never, never>;
 }

package/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.d.ts

@@ -0,0 +1 @@
+export declare type SkyTextExpandRepeaterListStyleType = 'unordered' | 'ordered' | 'unstyled';

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@skyux/layout",
-  "version": "5.0.2",
+  "version": "5.2.1",
   "peerDependencies": {
-    "@angular/common": "^12.2.13",
-    "@angular/core": "^12.2.13",
-    "@angular/forms": "^12.2.13",
-    "@angular/router": "^12.2.13",
-    "@skyux/core": "^5.1.2",
+    "@angular/common": "^12.2.15",
+    "@angular/core": "^12.2.15",
+    "@angular/forms": "^12.2.15",
+    "@angular/router": "^12.2.15",
+    "@skyux/core": "^5.2.2",
     "@skyux/i18n": "^5.0.1",
-    "@skyux/forms": "^5.0.1",
-    "@skyux/indicators": "^5.0.2",
+    "@skyux/forms": "^5.0.2",
+    "@skyux/indicators": "^5.1.2",
     "@skyux/modals": "^5.0.2",
     "@skyux/router": "^5.0.2",
     "@skyux/theme": "^5.0.4"

package/public-api.d.ts

@@ -6,6 +6,7 @@ export * from './modules/back-to-top/back-top-top.module';
 export * from './modules/back-to-top/models/back-to-top-message';
 export * from './modules/back-to-top/models/back-to-top-message-type';
 export * from './modules/back-to-top/models/back-to-top-options';
+export * from './modules/box/box.module';
 export * from './modules/card/card.module';
 export * from './modules/definition-list/definition-list.module';
 export * from './modules/description-list/description-list.module';
@@ -21,6 +22,7 @@ export * from './modules/inline-delete/inline-delete.module';
 export * from './modules/page/page.module';
 export * from './modules/page-summary/page-summary.module';
 export * from './modules/text-expand/text-expand.module';
+export * from './modules/text-expand-repeater/types/text-expand-repeater-list-style-type';
 export * from './modules/text-expand-repeater/text-expand-repeater.module';
 export * from './modules/toolbar/toolbar.module';
 export { SkyActionButtonComponent as λ1 } from './modules/action-button/action-button.component';
@@ -63,3 +65,7 @@ export { SkyToolbarComponent as λ37 } from './modules/toolbar/toolbar.component
 export { SkyToolbarSectionComponent as λ38 } from './modules/toolbar/toolbar-section.component';
 export { SkyToolbarItemComponent as λ39 } from './modules/toolbar/toolbar-item.component';
 export { SkyToolbarViewActionsComponent as λ40 } from './modules/toolbar/toolbar-view-actions.component';
+export { SkyBoxComponent as λ41 } from './modules/box/box.component';
+export { SkyBoxHeaderComponent as λ42 } from './modules/box/box-header.component';
+export { SkyBoxContentComponent as λ43 } from './modules/box/box-content.component';
+export { SkyBoxControlsComponent as λ44 } from './modules/box/box-controls.component';

package/bundles/skyux-layout-testing.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skyux-layout-testing.umd.js","sources":["../../../projects/layout/testing/src/action-button-fixture.ts","../../../projects/layout/testing/src/card-fixture.ts","../../../projects/layout/testing/src/page-summary-fixture.ts","../../../projects/layout/testing/src/skyux-layout-testing.ts"],"sourcesContent":["import {\n  ComponentFixture\n} from '@angular/core/testing';\n\nimport {\n  DebugElement\n} from '@angular/core';\n\nimport {\n  By\n} from '@angular/platform-browser';\n\nimport {\n  SkyAppTestUtility\n} from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX action button component.\n */\nexport class SkyActionButtonFixture {\n\n  /**\n   * The action button's current header text.\n   */\n  public get headerText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('.sky-action-button-header'))\n    );\n  }\n\n  /**\n   * The action button's current details text.\n   */\n  public get detailsText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('sky-action-button-details'))\n    );\n  }\n\n  /**\n   * The action button's current icon type.\n   */\n  public get iconType(): string {\n    const classList = this.debugEl.query(\n      By.css('.fa.sky-icon')\n    ).nativeElement.classList;\n\n    for (let i = 0, n = classList.length; i < n; i++) {\n      const cls = classList.item(i);\n\n      if (cls.indexOf('fa-') === 0) {\n        return cls.substr(3);\n      }\n    }\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(\n    fixture: ComponentFixture<any>,\n    skyTestId: string\n  ) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-action-button'\n    );\n  }\n\n  /**\n   * Clicks the action button.\n   */\n  public actionClick(): void {\n    this.debugEl.query(By.css('.sky-action-button')).triggerEventHandler('click', {});\n  }\n\n}\n","import {\n  ComponentFixture\n} from '@angular/core/testing';\n\nimport {\n  DebugElement\n} from '@angular/core';\n\nimport {\n  By\n} from '@angular/platform-browser';\n\nimport {\n  SkyAppTestUtility\n} from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX avatar component.\n */\nexport class SkyCardFixture {\n\n  /**\n   * The card's current title.\n   */\n  public get titleText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('sky-card-title'))\n    );\n  }\n\n  /**\n   * The card's current content text.\n   */\n  public get contentText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('sky-card-content'))\n    );\n  }\n\n  /**\n   * A flag indicating whether the user can select the card.\n   */\n  public get selectable(): boolean {\n    return !!this.debugEl.query(By.css('.sky-card-check'));\n  }\n\n  /**\n   * A flag indicating whether the card is currently selected.  If the card\n   * is not selectable, an error is thrown.\n   */\n  public get selected(): boolean {\n    if (this.selectable) {\n      return this.getCheckInputEl().nativeElement.checked;\n    }\n\n    throw new Error('The card is not selectable.');\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(\n    fixture: ComponentFixture<any>,\n    skyTestId: string\n  ) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-card');\n  }\n\n  /**\n   * Selects the card.\n   */\n  public select(): void {\n    if (!this.selected) {\n      this.clickCheckLabelEl();\n    }\n  }\n\n  /**\n   * Deselects the card.\n   */\n  public deselect(): void {\n    if (this.selected) {\n      this.clickCheckLabelEl();\n    }\n  }\n\n  private clickCheckLabelEl(): void {\n    this.debugEl.query(\n      By.css('.sky-card-check label.sky-checkbox-wrapper')\n    ).nativeElement.click();\n  }\n\n  private getCheckInputEl(): DebugElement {\n    return this.debugEl.query(\n      By.css('.sky-card-check .sky-checkbox-wrapper input')\n    );\n  }\n\n}\n","import {\n  ComponentFixture\n} from '@angular/core/testing';\n\nimport {\n  DebugElement\n} from '@angular/core';\n\nimport {\n  By\n} from '@angular/platform-browser';\n\nimport {\n  SkyAppTestUtility\n} from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX page summary component.\n */\nexport class SkyPageSummaryFixture {\n\n  /**\n   * The page summary's current title text.\n   */\n  public get titleText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('sky-page-summary-title .sky-page-summary-title'))\n    );\n  }\n\n  /**\n   * The page summary's current subtitle text.\n   */\n  public get subtitleText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('sky-page-summary-subtitle .sky-page-summary-subtitle'))\n    );\n  }\n\n  /**\n   * The page summary's current content text.\n   */\n  public get contentText(): string {\n    return SkyAppTestUtility.getText(\n      this.debugEl.query(By.css('sky-page-summary-content .sky-page-summary-content'))\n    );\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(\n    fixture: ComponentFixture<any>,\n    skyTestId: string\n  ) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-page-summary'\n    );\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["SkyAppTestUtility","By"],"mappings":";;;;;;IAgBA;;;;QA0CE,gCACE,OAA8B,EAC9B,SAAiB;YAEjB,IAAI,CAAC,OAAO,GAAGA,yBAAiB,CAAC,uBAAuB,CACtD,OAAO,EACP,SAAS,EACT,mBAAmB,CACpB,CAAC;SACH;QA3CD,sBAAW,8CAAU;;;;iBAArB;gBACE,OAAOA,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CACxD,CAAC;aACH;;;WAAA;QAKD,sBAAW,+CAAW;;;;iBAAtB;gBACE,OAAOD,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CACxD,CAAC;aACH;;;WAAA;QAKD,sBAAW,4CAAQ;;;;iBAAnB;gBACE,IAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAClCA,kBAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CACvB,CAAC,aAAa,CAAC,SAAS,CAAC;gBAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;oBAChD,IAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAE9B,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;wBAC5B,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;qBACtB;iBACF;aACF;;;WAAA;;;;QAkBM,4CAAW,GAAX;YACL,IAAI,CAAC,OAAO,CAAC,KAAK,CAACA,kBAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;SACnF;qCAEF;KAAA;;IC5DD;;;;QA4CE,wBACE,OAA8B,EAC9B,SAAiB;YAEjB,IAAI,CAAC,OAAO,GAAGD,yBAAiB,CAAC,uBAAuB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SAC1F;QAzCD,sBAAW,qCAAS;;;;iBAApB;gBACE,OAAOA,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAC7C,CAAC;aACH;;;WAAA;QAKD,sBAAW,uCAAW;;;;iBAAtB;gBACE,OAAOD,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAC/C,CAAC;aACH;;;WAAA;QAKD,sBAAW,sCAAU;;;;iBAArB;gBACE,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAACA,kBAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC;aACxD;;;WAAA;QAMD,sBAAW,oCAAQ;;;;;iBAAnB;gBACE,IAAI,IAAI,CAAC,UAAU,EAAE;oBACnB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC;iBACrD;gBAED,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;aAChD;;;WAAA;;;;QAcM,+BAAM,GAAN;YACL,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;SACF;;;;QAKM,iCAAQ,GAAR;YACL,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;SACF;QAEO,0CAAiB,GAAjB;YACN,IAAI,CAAC,OAAO,CAAC,KAAK,CAChBA,kBAAE,CAAC,GAAG,CAAC,4CAA4C,CAAC,CACrD,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SACzB;QAEO,wCAAe,GAAf;YACN,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CACvBA,kBAAE,CAAC,GAAG,CAAC,6CAA6C,CAAC,CACtD,CAAC;SACH;6BAEF;KAAA;;ICjFD;;;;QAkCE,+BACE,OAA8B,EAC9B,SAAiB;YAEjB,IAAI,CAAC,OAAO,GAAGD,yBAAiB,CAAC,uBAAuB,CACtD,OAAO,EACP,SAAS,EACT,kBAAkB,CACnB,CAAC;SACH;QAnCD,sBAAW,4CAAS;;;;iBAApB;gBACE,OAAOA,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC,CAC7E,CAAC;aACH;;;WAAA;QAKD,sBAAW,+CAAY;;;;iBAAvB;gBACE,OAAOD,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,sDAAsD,CAAC,CAAC,CACnF,CAAC;aACH;;;WAAA;QAKD,sBAAW,8CAAW;;;;iBAAtB;gBACE,OAAOD,yBAAiB,CAAC,OAAO,CAC9B,IAAI,CAAC,OAAO,CAAC,KAAK,CAACC,kBAAE,CAAC,GAAG,CAAC,oDAAoD,CAAC,CAAC,CACjF,CAAC;aACH;;;WAAA;oCAeF;KAAA;;IC7DD;;;;;;;;;;;;;;"}