@skyux/layout 7.21.0 → 7.21.2

package/fesm2020/skyux-layout-testing.mjs

@@ -1,6 +1,7 @@
 import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
 import { By } from '@angular/platform-browser';
 import { SkyAppTestUtility } from '@skyux-sdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
 
 var _SkyActionButtonFixture_debugEl;
 /**
@@ -145,9 +146,47 @@ class SkyPageSummaryFixture {
 }
 _SkyPageSummaryFixture_debugEl = new WeakMap();
 
+var _SkyBoxHarness_getBox;
+class SkyBoxHarness extends SkyComponentHarness {
+    constructor() {
+        super(...arguments);
+        _SkyBoxHarness_getBox.set(this, this.locatorFor('.sky-box'));
+    }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyBoxHarness` that meets certain criteria
+     */
+    static with(filters) {
+        return SkyBoxHarness.getDataSkyIdPredicate(filters);
+    }
+    /**
+     * Gets the aria-label property of the box
+     */
+    async getAriaLabel() {
+        return (await __classPrivateFieldGet(this, _SkyBoxHarness_getBox, "f").call(this)).getAttribute('aria-label');
+    }
+    /**
+     * Gets the aria-labelledby property of the box
+     */
+    async getAriaLabelledby() {
+        return (await __classPrivateFieldGet(this, _SkyBoxHarness_getBox, "f").call(this)).getAttribute('aria-labelledby');
+    }
+    /**
+     * Gets the aria-role property of the box
+     */
+    async getAriaRole() {
+        return (await __classPrivateFieldGet(this, _SkyBoxHarness_getBox, "f").call(this)).getAttribute('role');
+    }
+}
+_SkyBoxHarness_getBox = new WeakMap();
+/**
+ * @internal
+ */
+SkyBoxHarness.hostSelector = 'sky-box';
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SkyActionButtonFixture, SkyCardFixture, SkyPageSummaryFixture };
+export { SkyActionButtonFixture, SkyBoxHarness, SkyCardFixture, SkyPageSummaryFixture };
 //# sourceMappingURL=skyux-layout-testing.mjs.map

package/fesm2020/skyux-layout-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-layout-testing.mjs","sources":["../../../../../libs/components/layout/testing/src/action-button-fixture.ts","../../../../../libs/components/layout/testing/src/card-fixture.ts","../../../../../libs/components/layout/testing/src/page-summary-fixture.ts","../../../../../libs/components/layout/testing/src/skyux-layout-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX action button component.\n * @internal\n */\nexport class SkyActionButtonFixture {\n  /**\n   * The action button's current header text.\n   */\n  public get headerText(): string | undefined {\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 | undefined {\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 | undefined {\n    const classList = this.#debugEl.query(By.css('.fa.sky-icon')).nativeElement\n      .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    /* istanbul ignore next */\n    return undefined;\n  }\n\n  #debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\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\n      .query(By.css('.sky-action-button'))\n      .triggerEventHandler('click', {});\n  }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX avatar component.\n * @internal\n */\nexport class SkyCardFixture {\n  /**\n   * The card's current title.\n   */\n  public get titleText(): string | undefined {\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 | undefined {\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  #debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-card'\n    );\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  #clickCheckLabelEl(): void {\n    this.#debugEl\n      .query(By.css('.sky-card-check label.sky-checkbox-wrapper'))\n      .nativeElement.click();\n  }\n\n  #getCheckInputEl(): DebugElement {\n    return this.#debugEl.query(\n      By.css('.sky-card-check .sky-checkbox-wrapper input')\n    );\n  }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX page summary component.\n * @internal\n */\nexport class SkyPageSummaryFixture {\n  /**\n   * The page summary's current title text.\n   */\n  public get titleText(): string | undefined {\n    return SkyAppTestUtility.getText(\n      this.#debugEl.query(\n        By.css('sky-page-summary-title .sky-page-summary-title')\n      )\n    );\n  }\n\n  /**\n   * The page summary's current subtitle text.\n   */\n  public get subtitleText(): string | undefined {\n    return SkyAppTestUtility.getText(\n      this.#debugEl.query(\n        By.css('sky-page-summary-subtitle .sky-page-summary-subtitle')\n      )\n    );\n  }\n\n  /**\n   * The page summary's current content text.\n   */\n  public get contentText(): string | undefined {\n    return SkyAppTestUtility.getText(\n      this.#debugEl.query(\n        By.css('sky-page-summary-content .sky-page-summary-content')\n      )\n    );\n  }\n\n  #debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-page-summary'\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skyux-layout-testing.mjs","sources":["../../../../../libs/components/layout/testing/src/action-button-fixture.ts","../../../../../libs/components/layout/testing/src/card-fixture.ts","../../../../../libs/components/layout/testing/src/page-summary-fixture.ts","../../../../../libs/components/layout/testing/src/box/box-harness.ts","../../../../../libs/components/layout/testing/src/skyux-layout-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX action button component.\n * @internal\n */\nexport class SkyActionButtonFixture {\n  /**\n   * The action button's current header text.\n   */\n  public get headerText(): string | undefined {\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 | undefined {\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 | undefined {\n    const classList = this.#debugEl.query(By.css('.fa.sky-icon')).nativeElement\n      .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    /* istanbul ignore next */\n    return undefined;\n  }\n\n  #debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\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\n      .query(By.css('.sky-action-button'))\n      .triggerEventHandler('click', {});\n  }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX avatar component.\n * @internal\n */\nexport class SkyCardFixture {\n  /**\n   * The card's current title.\n   */\n  public get titleText(): string | undefined {\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 | undefined {\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  #debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-card'\n    );\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  #clickCheckLabelEl(): void {\n    this.#debugEl\n      .query(By.css('.sky-card-check label.sky-checkbox-wrapper'))\n      .nativeElement.click();\n  }\n\n  #getCheckInputEl(): DebugElement {\n    return this.#debugEl.query(\n      By.css('.sky-card-check .sky-checkbox-wrapper input')\n    );\n  }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX page summary component.\n * @internal\n */\nexport class SkyPageSummaryFixture {\n  /**\n   * The page summary's current title text.\n   */\n  public get titleText(): string | undefined {\n    return SkyAppTestUtility.getText(\n      this.#debugEl.query(\n        By.css('sky-page-summary-title .sky-page-summary-title')\n      )\n    );\n  }\n\n  /**\n   * The page summary's current subtitle text.\n   */\n  public get subtitleText(): string | undefined {\n    return SkyAppTestUtility.getText(\n      this.#debugEl.query(\n        By.css('sky-page-summary-subtitle .sky-page-summary-subtitle')\n      )\n    );\n  }\n\n  /**\n   * The page summary's current content text.\n   */\n  public get contentText(): string | undefined {\n    return SkyAppTestUtility.getText(\n      this.#debugEl.query(\n        By.css('sky-page-summary-content .sky-page-summary-content')\n      )\n    );\n  }\n\n  #debugEl: DebugElement;\n\n  constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n    this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-page-summary'\n    );\n  }\n}\n","import { HarnessPredicate } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\n\nimport { SkyBoxHarnessFilters } from './box-harness.filters';\n\nexport class SkyBoxHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-box';\n\n  #getBox = this.locatorFor('.sky-box');\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyBoxHarness` that meets certain criteria\n   */\n  public static with(\n    filters: SkyBoxHarnessFilters\n  ): HarnessPredicate<SkyBoxHarness> {\n    return SkyBoxHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Gets the aria-label property of the box\n   */\n  public async getAriaLabel(): Promise<string | null> {\n    return (await this.#getBox()).getAttribute('aria-label');\n  }\n\n  /**\n   * Gets the aria-labelledby property of the box\n   */\n  public async getAriaLabelledby(): Promise<string | null> {\n    return (await this.#getBox()).getAttribute('aria-labelledby');\n  }\n\n  /**\n   * Gets the aria-role property of the box\n   */\n  public async getAriaRole(): Promise<string | null> {\n    return (await this.#getBox()).getAttribute('role');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAKA;;;AAGG;MACU,sBAAsB,CAAA;IAuCjC,WAAY,CAAA,OAA8B,EAAE,SAAiB,EAAA;QAF7D,+BAAuB,CAAA,GAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,QAAA,sBAAA,CAAA,IAAI,EAAA,+BAAA,EAAY,iBAAiB,CAAC,uBAAuB,CACvD,OAAO,EACP,SAAS,EACT,mBAAmB,CACpB,MAAA,CAAC;KACH;AA5CD;;AAEG;AACH,IAAA,IAAW,UAAU,GAAA;AACnB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,uCAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CACzD,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,WAAW,GAAA;AACpB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,uCAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CACzD,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,MAAM,SAAS,GAAG,sBAAA,CAAA,IAAI,EAAA,+BAAA,EAAA,GAAA,CAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;AACxE,aAAA,SAAS,CAAC;AAEb,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAChD,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAE9B,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;AAC5B,gBAAA,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtB,aAAA;AACF,SAAA;;AAED,QAAA,OAAO,SAAS,CAAC;KAClB;AAYD;;AAEG;IACI,WAAW,GAAA;AAChB,QAAA,sBAAA,CAAA,IAAI,EAAS,+BAAA,EAAA,GAAA,CAAA;AACV,aAAA,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AACnC,aAAA,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;KACrC;AACF,CAAA;;;;AC3DD;;;AAGG;MACU,cAAc,CAAA;IAwCzB,WAAY,CAAA,OAA8B,EAAE,SAAiB,EAAA;;QAF7D,uBAAuB,CAAA,GAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,QAAA,sBAAA,CAAA,IAAI,EAAA,uBAAA,EAAY,iBAAiB,CAAC,uBAAuB,CACvD,OAAO,EACP,SAAS,EACT,UAAU,CACX,MAAA,CAAC;KACH;AA7CD;;AAEG;AACH,IAAA,IAAW,SAAS,GAAA;AAClB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,+BAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAC9C,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,WAAW,GAAA;AACpB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,+BAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAChD,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,UAAU,GAAA;AACnB,QAAA,OAAO,CAAC,CAAC,sBAAA,CAAA,IAAI,+BAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC;KACzD;AAED;;;AAGG;AACH,IAAA,IAAW,QAAQ,GAAA;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,sBAAA,CAAA,IAAI,EAAA,yBAAA,EAAA,GAAA,EAAA,+BAAA,CAAiB,CAArB,IAAA,CAAA,IAAI,CAAmB,CAAC,aAAa,CAAC,OAAO,CAAC;AACtD,SAAA;AAED,QAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;KAChD;AAYD;;AAEG;IACI,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,sBAAA,CAAA,IAAI,EAAA,yBAAA,EAAA,GAAA,EAAA,iCAAA,CAAmB,CAAvB,IAAA,CAAA,IAAI,CAAqB,CAAC;AAC3B,SAAA;KACF;AAED;;AAEG;IACI,QAAQ,GAAA;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,sBAAA,CAAA,IAAI,EAAA,yBAAA,EAAA,GAAA,EAAA,iCAAA,CAAmB,CAAvB,IAAA,CAAA,IAAI,CAAqB,CAAC;AAC3B,SAAA;KACF;AAaF,CAAA;;AAVG,IAAA,sBAAA,CAAA,IAAI,EAAS,uBAAA,EAAA,GAAA,CAAA;AACV,SAAA,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,4CAA4C,CAAC,CAAC;SAC3D,aAAa,CAAC,KAAK,EAAE,CAAC;AAC3B,CAAC,EAAA,+BAAA,GAAA,SAAA,+BAAA,GAAA;AAGC,IAAA,OAAO,sBAAA,CAAA,IAAI,EAAS,uBAAA,EAAA,GAAA,CAAA,CAAC,KAAK,CACxB,EAAE,CAAC,GAAG,CAAC,6CAA6C,CAAC,CACtD,CAAC;AACJ,CAAC;;;AChFH;;;AAGG;MACU,qBAAqB,CAAA;IAoChC,WAAY,CAAA,OAA8B,EAAE,SAAiB,EAAA;QAF7D,8BAAuB,CAAA,GAAA,CAAA,IAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrB,QAAA,sBAAA,CAAA,IAAI,EAAA,8BAAA,EAAY,iBAAiB,CAAC,uBAAuB,CACvD,OAAO,EACP,SAAS,EACT,kBAAkB,CACnB,MAAA,CAAC;KACH;AAzCD;;AAEG;AACH,IAAA,IAAW,SAAS,GAAA;AAClB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,sCAAS,CAAC,KAAK,CACjB,EAAE,CAAC,GAAG,CAAC,gDAAgD,CAAC,CACzD,CACF,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,YAAY,GAAA;AACrB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,sCAAS,CAAC,KAAK,CACjB,EAAE,CAAC,GAAG,CAAC,sDAAsD,CAAC,CAC/D,CACF,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,WAAW,GAAA;AACpB,QAAA,OAAO,iBAAiB,CAAC,OAAO,CAC9B,sBAAA,CAAA,IAAI,sCAAS,CAAC,KAAK,CACjB,EAAE,CAAC,GAAG,CAAC,oDAAoD,CAAC,CAC7D,CACF,CAAC;KACH;AAWF,CAAA;;;;AC/CK,MAAO,aAAc,SAAQ,mBAAmB,CAAA;AAAtD,IAAA,WAAA,GAAA;;AAME,QAAA,qBAAA,CAAA,GAAA,CAAA,IAAA,EAAU,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAA;KAgCvC;AA9BC;;;AAGG;IACI,OAAO,IAAI,CAChB,OAA6B,EAAA;AAE7B,QAAA,OAAO,aAAa,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;KACrD;AAED;;AAEG;AACI,IAAA,MAAM,YAAY,GAAA;AACvB,QAAA,OAAO,CAAC,MAAM,sBAAA,CAAA,IAAI,6BAAQ,CAAZ,IAAA,CAAA,IAAI,CAAU,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;KAC1D;AAED;;AAEG;AACI,IAAA,MAAM,iBAAiB,GAAA;AAC5B,QAAA,OAAO,CAAC,MAAM,sBAAA,CAAA,IAAI,6BAAQ,CAAZ,IAAA,CAAA,IAAI,CAAU,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;KAC/D;AAED;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;AACtB,QAAA,OAAO,CAAC,MAAM,sBAAA,CAAA,IAAI,6BAAQ,CAAZ,IAAA,CAAA,IAAI,CAAU,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;KACpD;;;AApCD;;AAEG;AACW,aAAY,CAAA,YAAA,GAAG,SAAS;;ACTxC;;AAEG;;;;"}

package/fesm2020/skyux-layout.mjs

@@ -2922,10 +2922,10 @@ class SkyToolbarComponent {
     }
 }
 SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-toolbar-container\"\n  [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n  <ng-content select=\"sky-toolbar-section\"></ng-content>\n  <div class=\"sky-toolbar-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-toolbar-container\"\n  [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n  <ng-content select=\"sky-toolbar-section\"></ng-content>\n  <div class=\"sky-toolbar-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: ["sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-toolbar', template: "<div\n  class=\"sky-toolbar-container\"\n  [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n  <ng-content select=\"sky-toolbar-section\"></ng-content>\n  <div class=\"sky-toolbar-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"] }]
+            args: [{ selector: 'sky-toolbar', template: "<div\n  class=\"sky-toolbar-container\"\n  [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n  <ng-content select=\"sky-toolbar-section\"></ng-content>\n  <div class=\"sky-toolbar-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: ["sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"] }]
         }], propDecorators: { sectionComponents: [{
                 type: ContentChildren,
                 args: [SkyToolbarSectionComponent, { descendants: true }]