@carbon/ibm-products-web-components 0.42.0 → 0.43.0

package/es/components/page-header/page-header-content-text.d.ts

@@ -16,6 +16,10 @@ declare class CDSPageHeaderContentText extends LitElement {
      * Subtitle text of the page-header-content
      */
     subtitle: string;
+    /**
+     * Heading level for the subtitle (h2-h6).
+     */
+    subtitleLevel: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }

package/es/components/page-header/page-header-content-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;GAGG;AACH,cACM,wBAAyB,SAAQ,UAAU;IAC/C;;OAEG;IAEH,QAAQ,SAAM;IAEd,MAAM;IAYN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"page-header-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;GAGG;AACH,cACM,wBAAyB,SAAQ,UAAU;IAC/C;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEvD,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,wBAAwB,CAAC"}

package/es/components/page-header/page-header-content-text.js

@@ -11,6 +11,7 @@ import page_header_default from "./page-header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
 //#region src/components/page-header/page-header-content-text.ts
 /**
 * @license
@@ -28,13 +29,15 @@ let CDSPageHeaderContentText = class CDSPageHeaderContentText extends LitElement
 	constructor(..._args) {
 		super(..._args);
 		this.subtitle = "";
+		this.subtitleLevel = "h2";
 	}
 	render() {
-		const { subtitle } = this;
+		const { subtitle, subtitleLevel } = this;
+		const subtitleTag = unsafeStatic(subtitleLevel);
 		return html`
-      ${subtitle && html`<h3 class="${"c4p"}--page-header__content__subtitle">
+      ${subtitle && html$1`<${subtitleTag} class="${"c4p"}--page-header__content__subtitle">
         ${subtitle}
-      </h3>`}
+      </${subtitleTag}>`}
       <slot></slot>
     `;
 	}
@@ -43,6 +46,10 @@ let CDSPageHeaderContentText = class CDSPageHeaderContentText extends LitElement
 	}
 };
 __decorate([property()], CDSPageHeaderContentText.prototype, "subtitle", void 0);
+__decorate([property({
+	type: String,
+	attribute: "subtitle-level"
+})], CDSPageHeaderContentText.prototype, "subtitleLevel", void 0);
 CDSPageHeaderContentText = __decorate([carbonElement(`c4p-page-header-content-text`)], CDSPageHeaderContentText);
 var page_header_content_text_default = CDSPageHeaderContentText;
 //#endregion

package/es/components/page-header/page-header-content-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-content-text.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-content-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\n/**\n * Page header Content Text.\n * @element c4p-page-header-content-text\n */\n@customElement(`${prefix}-page-header-content-text`)\nclass CDSPageHeaderContentText extends LitElement {\n  /**\n   * Subtitle text of the page-header-content\n   */\n  @property()\n  subtitle = '';\n\n  render() {\n    const { subtitle } = this;\n\n    return html`\n      ${subtitle &&\n      html`<h3 class=\"${prefix}--page-header__content__subtitle\">\n        ${subtitle}\n      </h3>`}\n      <slot></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeaderContentText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;;;kBAKrC;;CAEX,SAAS;EACP,MAAM,EAAE,aAAa;AAErB,SAAO,IAAI;QACP,YACF,IAAI,cAAA,MAAqB;UACrB,SAAS;aACN;;;;;gBAKKA;;;YAff,UAAU,CAAA,EAAA,yBAAA,WAAA,YAAA,KAAA,EAAA;uCALZC,cAAc,+BAAqC,CAAA,EAAA,yBAAA;AAuBpD,IAAA,mCAAe"}
+{"version":3,"file":"page-header-content-text.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-content-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeStatic, html as staticHtml } from 'lit/static-html.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\n/**\n * Page header Content Text.\n * @element c4p-page-header-content-text\n */\n@customElement(`${prefix}-page-header-content-text`)\nclass CDSPageHeaderContentText extends LitElement {\n  /**\n   * Subtitle text of the page-header-content\n   */\n  @property()\n  subtitle = '';\n\n  /**\n   * Heading level for the subtitle (h2-h6).\n   */\n  @property({ type: String, attribute: 'subtitle-level' })\n  subtitleLevel: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h2';\n\n  render() {\n    const { subtitle, subtitleLevel } = this;\n    const subtitleTag = unsafeStatic(subtitleLevel);\n\n    return html`\n      ${subtitle &&\n      staticHtml`<${subtitleTag} class=\"${prefix}--page-header__content__subtitle\">\n        ${subtitle}\n      </${subtitleTag}>`}\n      <slot></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeaderContentText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;;;kBAKrC;uBAMuC;;CAElD,SAAS;EACP,MAAM,EAAE,UAAU,kBAAkB;EACpC,MAAM,cAAc,aAAa,cAAc;AAE/C,SAAO,IAAI;QACP,YACF,MAAU,IAAI,YAAY,UAAA,MAAiB;UACvC,SAAS;UACT,YAAY,GAAG;;;;;gBAKPA;;;YAtBf,UAAU,CAAA,EAAA,yBAAA,WAAA,YAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAkB,CAAC,CAAA,EAAA,yBAAA,WAAA,iBAAA,KAAA,EAAA;uCAXzDC,cAAc,+BAAqC,CAAA,EAAA,yBAAA;AA8BpD,IAAA,mCAAe"}

package/es/components/page-header/page-header-content.d.ts

@@ -25,6 +25,10 @@ declare class CDSPageHeaderContent extends LitElement {
      * Title text of the page-header-content
      */
     title: string;
+    /**
+     * Heading level for the title (h1-h6).
+     */
+    titleLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * Set to `true` if the tag text has ellipsis applied
      */

package/es/components/page-header/page-header-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-content.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,uDAAuD,CAAC;AAK/D;;;GAGG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAY7C;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;;OAGG;IAEH,UAAU,UAAS;IAGnB,OAAO,MAAC;IAER,OAAO;IAaP,MAAM;IA2DN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"page-header-content.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,uDAAuD,CAAC;AAK/D;;;GAGG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAY7C;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE3D;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;;OAGG;IAEH,UAAU,UAAS;IAGnB,OAAO,MAAC;IAER,OAAO;IAaP,MAAM;IA6DN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

package/es/components/page-header/page-header-content.js

@@ -15,6 +15,7 @@ import { property, state } from "lit/decorators.js";
 import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
 import "@carbon/web-components/es/components/tooltip/index.js";
 import { consume } from "@lit/context";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
 //#region src/components/page-header/page-header-content.ts
 /**
 * @license
@@ -33,6 +34,7 @@ let CDSPageHeaderContent = class CDSPageHeaderContent extends LitElement {
 		super(..._args);
 		this._hasContextualActions = false;
 		this.title = "";
+		this.titleLevel = "h1";
 		this._hasEllipsisApplied = false;
 		this.withinGrid = false;
 	}
@@ -61,6 +63,7 @@ let CDSPageHeaderContent = class CDSPageHeaderContent extends LitElement {
 			[`c4p--page-header__content__page-actions`]: true,
 			[`c4p--page-header__content__page-actions--clipped`]: contentActionsClipped
 		});
+		const titleTag = unsafeStatic(this.titleLevel);
 		return html` <div class="${gridClasses}">
       <div
         class="${"cds"}--sm:col-span-4 ${"cds"}--md:col-span-8 ${"cds"}--lg:col-span-16 ${"cds"}--css-grid-column"
@@ -72,14 +75,14 @@ let CDSPageHeaderContent = class CDSPageHeaderContent extends LitElement {
               ${hasEllipsisApplied ? html`
                     <cds-definition-tooltip>
                       <span slot="definition">${title}</span>
-                      <h4 class="${"c4p"}--page-header__content__title">
+                      ${html$1`<${titleTag} class="${"c4p"}--page-header__content__title">
                         ${title}
-                      </h4>
+                      </${titleTag}>`}
                     </cds-definition-tooltip>
-                  ` : html`
-                    <h4 class="${"c4p"}--page-header__content__title">
+                  ` : html$1`
+                    <${titleTag} class="${"c4p"}--page-header__content__title">
                       ${title}
-                    </h4>
+                    </${titleTag}>
                   `}
             </div>
             <slot
@@ -100,6 +103,10 @@ let CDSPageHeaderContent = class CDSPageHeaderContent extends LitElement {
 	}
 };
 __decorate([property()], CDSPageHeaderContent.prototype, "title", void 0);
+__decorate([property({
+	type: String,
+	attribute: "title-level"
+})], CDSPageHeaderContent.prototype, "titleLevel", void 0);
 __decorate([state()], CDSPageHeaderContent.prototype, "_hasEllipsisApplied", void 0);
 __decorate([property({
 	attribute: "within-grid",

package/es/components/page-header/page-header-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-content.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport '@carbon/web-components/es/components/tooltip/index.js';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { pageHeaderContext } from './context';\n\n/**\n * Page header content.\n * @element c4p-page-header-content\n */\n@customElement(`${prefix}-page-header-content`)\nclass CDSPageHeaderContent extends LitElement {\n  /**\n   * Set to `true` if there are contextual actions\n   */\n  private _hasContextualActions = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    this._hasContextualActions = Boolean(\n      (target as HTMLSlotElement).assignedNodes()\n    );\n    if (this._hasContextualActions) {\n      this.setAttribute('contextual-actions', 'true');\n    } else {\n      this.removeAttribute('contextual-actions');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Title text of the page-header-content\n   */\n  @property()\n  title = '';\n\n  /**\n   * Set to `true` if the tag text has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  /**\n   * Set to `true` if the breadcrumb bar is sitting within a grid\n   * (ie. when used in tandem with page-header-hero-image)\n   */\n  @property({ attribute: 'within-grid', type: Boolean })\n  withinGrid = false;\n\n  @consume({ context: pageHeaderContext, subscribe: true })\n  context;\n\n  updated() {\n    const textContainer = this.shadowRoot?.querySelector(\n      `.${prefix}--page-header__content__title`\n    );\n\n    if (!textContainer || this._hasEllipsisApplied === true) {\n      return;\n    }\n\n    this._hasEllipsisApplied =\n      textContainer.scrollHeight > textContainer.clientHeight;\n  }\n\n  render() {\n    const {\n      title,\n      withinGrid,\n      _hasEllipsisApplied: hasEllipsisApplied,\n      _handleSlotChange: handleSlotChange,\n      context,\n    } = this;\n\n    const { contentActionsClipped } = context ?? {};\n\n    const gridClasses = classMap({\n      [`${carbonPrefix}--css-grid`]: !withinGrid,\n      [`${carbonPrefix}--subgrid ${carbonPrefix}--subgrid--wide`]: withinGrid,\n    });\n\n    const contentActionClasses = classMap({\n      [`${prefix}--page-header__content__page-actions`]: true,\n      [`${prefix}--page-header__content__page-actions--clipped`]:\n        contentActionsClipped,\n    });\n\n    return html` <div class=\"${gridClasses}\">\n      <div\n        class=\"${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column\"\n      >\n        <div class=\"${prefix}--page-header__content__title-wrapper\">\n          <div class=\"${prefix}--page-header__content__start\">\n            <div class=\"${prefix}--page-header__content__title-container\">\n              <slot name=\"icon\"></slot>\n              ${hasEllipsisApplied\n                ? html`\n                    <cds-definition-tooltip>\n                      <span slot=\"definition\">${title}</span>\n                      <h4 class=\"${prefix}--page-header__content__title\">\n                        ${title}\n                      </h4>\n                    </cds-definition-tooltip>\n                  `\n                : html`\n                    <h4 class=\"${prefix}--page-header__content__title\">\n                      ${title}\n                    </h4>\n                  `}\n            </div>\n            <slot\n              name=\"contextual-actions\"\n              @slotchange=${handleSlotChange}\n            ></slot>\n          </div>\n          <div class=\"${contentActionClasses}\">\n            <slot name=\"page-actions\"></slot>\n          </div>\n        </div>\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeaderContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;+BAIZ;eAqBxB;6BAMc;oBAOT;;;;;CA7Bb,kBAA4B,EAAE,UAAiB;AAC7C,OAAK,wBAAwB,QAC1B,OAA2B,eAAe,CAC5C;AACD,MAAI,KAAK,sBACP,MAAK,aAAa,sBAAsB,OAAO;MAE/C,MAAK,gBAAgB,qBAAqB;AAE5C,OAAK,eAAe;;CAyBtB,UAAU;EACR,MAAM,gBAAgB,KAAK,YAAY,cACrC,oCACD;AAED,MAAI,CAAC,iBAAiB,KAAK,wBAAwB,KACjD;AAGF,OAAK,sBACH,cAAc,eAAe,cAAc;;CAG/C,SAAS;EACP,MAAM,EACJ,OACA,YACA,qBAAqB,oBACrB,mBAAmB,kBACnB,YACE;EAEJ,MAAM,EAAE,0BAA0B,WAAW,EAAE;EAE/C,MAAM,cAAc,SAAS;IAC1B,kBAA8B,CAAC;IAC/B,oCAA4D;GAC9D,CAAC;EAEF,MAAM,uBAAuB,SAAS;IACnC,4CAAkD;IAClD,qDACC;GACH,CAAC;AAEF,SAAO,IAAI,gBAAgB,YAAY;;uBAEb,kBAAA,MAA+B,kBAAA,MAA+B,mBAAA,MAAgC;;4BAE/F;8BACE;gCACE;;gBAEjB,qBACE,IAAI;;gDAE0B,MAAM;yCACZ;0BAChB,MAAM;;;sBAId,IAAI;uCACkB;wBAChB,MAAM;;oBAEV;;;;4BAIQ,iBAAiB;;;wBAGrB,qBAAqB;;;;;;;;;gBAS3BA;;;YA3Ff,UAAU,CAAA,EAAA,qBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,OAAO,CAAA,EAAA,qBAAA,WAAA,uBAAA,KAAA,EAAA;YAOP,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC,CAAA,EAAA,qBAAA,WAAA,cAAA,KAAA,EAAA;YAGrD,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,WAAA,KAAA,EAAA;mCAzC1DC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AAuH/C,IAAA,8BAAe"}
+{"version":3,"file":"page-header-content.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\nimport { unsafeStatic, html as staticHtml } from 'lit/static-html.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport '@carbon/web-components/es/components/tooltip/index.js';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { pageHeaderContext } from './context';\n\n/**\n * Page header content.\n * @element c4p-page-header-content\n */\n@customElement(`${prefix}-page-header-content`)\nclass CDSPageHeaderContent extends LitElement {\n  /**\n   * Set to `true` if there are contextual actions\n   */\n  private _hasContextualActions = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    this._hasContextualActions = Boolean(\n      (target as HTMLSlotElement).assignedNodes()\n    );\n    if (this._hasContextualActions) {\n      this.setAttribute('contextual-actions', 'true');\n    } else {\n      this.removeAttribute('contextual-actions');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Title text of the page-header-content\n   */\n  @property()\n  title = '';\n\n  /**\n   * Heading level for the title (h1-h6).\n   */\n  @property({ type: String, attribute: 'title-level' })\n  titleLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';\n\n  /**\n   * Set to `true` if the tag text has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  /**\n   * Set to `true` if the breadcrumb bar is sitting within a grid\n   * (ie. when used in tandem with page-header-hero-image)\n   */\n  @property({ attribute: 'within-grid', type: Boolean })\n  withinGrid = false;\n\n  @consume({ context: pageHeaderContext, subscribe: true })\n  context;\n\n  updated() {\n    const textContainer = this.shadowRoot?.querySelector(\n      `.${prefix}--page-header__content__title`\n    );\n\n    if (!textContainer || this._hasEllipsisApplied === true) {\n      return;\n    }\n\n    this._hasEllipsisApplied =\n      textContainer.scrollHeight > textContainer.clientHeight;\n  }\n\n  render() {\n    const {\n      title,\n      withinGrid,\n      _hasEllipsisApplied: hasEllipsisApplied,\n      _handleSlotChange: handleSlotChange,\n      context,\n    } = this;\n\n    const { contentActionsClipped } = context ?? {};\n\n    const gridClasses = classMap({\n      [`${carbonPrefix}--css-grid`]: !withinGrid,\n      [`${carbonPrefix}--subgrid ${carbonPrefix}--subgrid--wide`]: withinGrid,\n    });\n\n    const contentActionClasses = classMap({\n      [`${prefix}--page-header__content__page-actions`]: true,\n      [`${prefix}--page-header__content__page-actions--clipped`]:\n        contentActionsClipped,\n    });\n\n    const titleTag = unsafeStatic(this.titleLevel);\n\n    return html` <div class=\"${gridClasses}\">\n      <div\n        class=\"${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column\"\n      >\n        <div class=\"${prefix}--page-header__content__title-wrapper\">\n          <div class=\"${prefix}--page-header__content__start\">\n            <div class=\"${prefix}--page-header__content__title-container\">\n              <slot name=\"icon\"></slot>\n              ${hasEllipsisApplied\n                ? html`\n                    <cds-definition-tooltip>\n                      <span slot=\"definition\">${title}</span>\n                      ${staticHtml`<${titleTag} class=\"${prefix}--page-header__content__title\">\n                        ${title}\n                      </${titleTag}>`}\n                    </cds-definition-tooltip>\n                  `\n                : staticHtml`\n                    <${titleTag} class=\"${prefix}--page-header__content__title\">\n                      ${title}\n                    </${titleTag}>\n                  `}\n            </div>\n            <slot\n              name=\"contextual-actions\"\n              @slotchange=${handleSlotChange}\n            ></slot>\n          </div>\n          <div class=\"${contentActionClasses}\">\n            <slot name=\"page-actions\"></slot>\n          </div>\n        </div>\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeaderContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;+BAIZ;eAqBxB;oBAM8C;6BAMhC;oBAOT;;;;;CAnCb,kBAA4B,EAAE,UAAiB;AAC7C,OAAK,wBAAwB,QAC1B,OAA2B,eAAe,CAC5C;AACD,MAAI,KAAK,sBACP,MAAK,aAAa,sBAAsB,OAAO;MAE/C,MAAK,gBAAgB,qBAAqB;AAE5C,OAAK,eAAe;;CA+BtB,UAAU;EACR,MAAM,gBAAgB,KAAK,YAAY,cACrC,oCACD;AAED,MAAI,CAAC,iBAAiB,KAAK,wBAAwB,KACjD;AAGF,OAAK,sBACH,cAAc,eAAe,cAAc;;CAG/C,SAAS;EACP,MAAM,EACJ,OACA,YACA,qBAAqB,oBACrB,mBAAmB,kBACnB,YACE;EAEJ,MAAM,EAAE,0BAA0B,WAAW,EAAE;EAE/C,MAAM,cAAc,SAAS;IAC1B,kBAA8B,CAAC;IAC/B,oCAA4D;GAC9D,CAAC;EAEF,MAAM,uBAAuB,SAAS;IACnC,4CAAkD;IAClD,qDACC;GACH,CAAC;EAEF,MAAM,WAAW,aAAa,KAAK,WAAW;AAE9C,SAAO,IAAI,gBAAgB,YAAY;;uBAEb,kBAAA,MAA+B,kBAAA,MAA+B,mBAAA,MAAgC;;4BAE/F;8BACE;gCACE;;gBAEjB,qBACE,IAAI;;gDAE0B,MAAM;wBAC9B,MAAU,IAAI,SAAS,UAAA,MAAiB;0BACtC,MAAM;0BACN,SAAS,GAAG;;sBAGpB,MAAU;uBACL,SAAS,UAAA,MAAiB;wBACzB,MAAM;wBACN,SAAS;oBACb;;;;4BAIQ,iBAAiB;;;wBAGrB,qBAAqB;;;;;;;;;gBAS3BA;;;YAnGf,UAAU,CAAA,EAAA,qBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC,CAAA,EAAA,qBAAA,WAAA,cAAA,KAAA,EAAA;YAMpD,OAAO,CAAA,EAAA,qBAAA,WAAA,uBAAA,KAAA,EAAA;YAOP,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC,CAAA,EAAA,qBAAA,WAAA,cAAA,KAAA,EAAA;YAGrD,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,WAAA,KAAA,EAAA;mCA/C1DC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AA+H/C,IAAA,8BAAe"}

package/es/components/page-header/page-header-scroller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-scroller.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-scroller.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,sDAAsD,CAAC;AAG9D,OAAO,SAAS,MAAM,oDAAoD,CAAC;AAI3E;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,SAAS;IAC/C;;OAEG;IAEH,KAAK,SAAS;IAEd;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,iBAAiB,UAAQ;IAEzB;;OAEG;IAEH,YAAY,SAAc;IAE1B;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,UAAU,SAAY;IAEtB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,IAAI,SAAQ;IAGZ,OAAO,MAAC;IAER,SAAS,CAAC,qBAAqB;IAQ/B,OAAO,CAAC,eAAe,CAqBrB;IAEF,MAAM;CAwCP"}
+{"version":3,"file":"page-header-scroller.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-scroller.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,sDAAsD,CAAC;AAG9D,OAAO,SAAS,MAAM,oDAAoD,CAAC;AAI3E;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,SAAS;IAC/C;;OAEG;IAEH,KAAK,SAAS;IAEd;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,iBAAiB,UAAQ;IAEzB;;OAEG;IAEH,YAAY,SAAc;IAE1B;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,UAAU,SAAY;IAEtB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,IAAI,SAAQ;IAGZ,OAAO,MAAC;IAER,SAAS,CAAC,qBAAqB;IAQ/B,OAAO,CAAC,eAAe,CAqBrB;IAEF,MAAM;CA2CP"}

package/es/components/page-header/page-header-scroller.js

@@ -81,6 +81,7 @@ let PageHeaderScroller = class PageHeaderScroller extends CDSButton {
 			[`c4p--page-header-scroller-collapsed`]: !!context?.fullyCollapsed,
 			[`c4p--page-header-scroller-icon`]: true
 		})}
+      aria-label=${context?.fullyCollapsed ? this.expandText : this.collapseText}
       @click=${this._handleScroller}
     >
       ${context?.fullyCollapsed ? html`${iconLoader(ChevronDown20, { slot: "icon" })}` : html`${iconLoader(Chevron20, { slot: "icon" })}`}

package/es/components/page-header/page-header-scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-scroller.js","names":["customElement"],"sources":["../../../src/components/page-header/page-header-scroller.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport Chevron20 from '@carbon/icons/es/chevron--up/20';\nimport ChevronDown20 from '@carbon/icons/es/chevron--down/20';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport '@carbon/web-components/es/components/button/index.js';\nimport { pageHeaderContext } from './context';\nimport { consume } from '@lit/context';\nimport CDSButton from '@carbon/web-components/es/components/button/button';\nimport { prefix } from '../../globals/settings';\nimport { scrollableAncestorInner } from './utils';\n\n/**\n * Page header Scroller button\n * @element c4p-page-header-scroller\n */\n@customElement(`${prefix}-page-header-scroller`)\nexport class PageHeaderScroller extends CDSButton {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = true;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the collapse text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  collapseText = 'Collapse';\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the expand text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  expandText = 'Expand';\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  @consume({ context: pageHeaderContext, subscribe: true })\n  context;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  private _handleScroller = () => {\n    const { root, fullyCollapsed } = this.context;\n    const contentElement = root.querySelector(`${prefix}-page-header-content`);\n    if (!contentElement) {\n      return;\n    }\n    const scrollableTarget = scrollableAncestorInner(\n      contentElement\n    ) as HTMLElement;\n\n    // Page header content is not fully collapsed\n    if (!fullyCollapsed) {\n      const pageHeaderContentHeight = contentElement.offsetHeight;\n      scrollableTarget?.scrollTo({\n        top: pageHeaderContentHeight, // headerTopValue, check if breadcrumb bar is included\n        behavior: 'smooth',\n      });\n    } else {\n      // Page header content is fully collapsed\n      scrollableTarget?.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  };\n\n  render() {\n    const {\n      align,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n      disabled,\n      isSelected,\n      size,\n      context,\n      autoalign,\n    } = this;\n\n    const iconClasses = classMap({\n      [`${prefix}--page-header-scroller-collapsed`]: !!context?.fullyCollapsed,\n      [`${prefix}--page-header-scroller-icon`]: true,\n    });\n    return html`<cds-icon-button\n      align=${align}\n      ?close-on-activation=${closeOnActivation}\n      ?defaultOpen=${defaultOpen}\n      ?disabled=${disabled}\n      enter-delay-ms=${enterDelayMs}\n      ?isSelected=${isSelected}\n      kind=\"ghost\"\n      leave-delay-ms=${leaveDelayMs}\n      size=${size}\n      ?autoalign=${autoalign}\n      class=${iconClasses}\n      @click=${this._handleScroller}\n    >\n      ${context?.fullyCollapsed\n        ? html`${iconLoader(ChevronDown20, { slot: 'icon' })}`\n        : html`${iconLoader(Chevron20, { slot: 'icon' })}`}\n      <span slot=\"tooltip-content\">\n        ${context?.fullyCollapsed ? this.expandText : this.collapseText}\n      </span>\n    </cds-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,IAAA,qBAAA,MAAM,2BAA2B,UAAU;;;eAKxC;mBAMI;2BAMQ;sBAML;qBAMD;sBAMC;oBAMF;sBAME;cAMR;+BAayB;GAC9B,MAAM,EAAE,MAAM,mBAAmB,KAAK;GACtC,MAAM,iBAAiB,KAAK,cAAc,0BAAgC;AAC1E,OAAI,CAAC,eACH;GAEF,MAAM,mBAAmB,wBACvB,eACD;AAGD,OAAI,CAAC,gBAAgB;IACnB,MAAM,0BAA0B,eAAe;AAC/C,sBAAkB,SAAS;KACzB,KAAK;KACL,UAAU;KACX,CAAC;SAGF,mBAAkB,SAAS;IAAE,KAAK;IAAG,UAAU;IAAU,CAAC;;;CA3B9D,wBAAkC;AAChC,SAAO,IAAI;;;;;;CA8Bb,SAAS;EACP,MAAM,EACJ,OACA,mBACA,aACA,cACA,cACA,UACA,YACA,MACA,SACA,cACE;AAMJ,SAAO,IAAI;cACD,MAAM;6BACS,kBAAkB;qBAC1B,YAAY;kBACf,SAAS;uBACJ,aAAa;oBAChB,WAAW;;uBAER,aAAa;aACvB,KAAK;mBACC,UAAU;cAdL,SAAS;IAC1B,wCAA8C,CAAC,CAAC,SAAS;IACzD,mCAAyC;GAC3C,CAYoB,CAAC;eACX,KAAK,gBAAgB;;QAE5B,SAAS,iBACP,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,QAAQ,CAAC,KAClD,IAAI,GAAG,WAAW,WAAW,EAAE,MAAM,QAAQ,CAAC,GAAG;;UAEjD,SAAS,iBAAiB,KAAK,aAAa,KAAK,aAAa;;;;;YAzHrE,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,SAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,mBAAA,WAAA,qBAAA,KAAA,EAAA;YAM5E,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,gBAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,mBAAA,WAAA,eAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,cAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,QAAA,KAAA,EAAA;YAG3B,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,WAAA,KAAA,EAAA;iCAxD1DA,cAAc,2BAAiC,CAAA,EAAA,mBAAA"}
+{"version":3,"file":"page-header-scroller.js","names":["customElement"],"sources":["../../../src/components/page-header/page-header-scroller.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport Chevron20 from '@carbon/icons/es/chevron--up/20';\nimport ChevronDown20 from '@carbon/icons/es/chevron--down/20';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport '@carbon/web-components/es/components/button/index.js';\nimport { pageHeaderContext } from './context';\nimport { consume } from '@lit/context';\nimport CDSButton from '@carbon/web-components/es/components/button/button';\nimport { prefix } from '../../globals/settings';\nimport { scrollableAncestorInner } from './utils';\n\n/**\n * Page header Scroller button\n * @element c4p-page-header-scroller\n */\n@customElement(`${prefix}-page-header-scroller`)\nexport class PageHeaderScroller extends CDSButton {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = true;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the collapse text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  collapseText = 'Collapse';\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the expand text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  expandText = 'Expand';\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  @consume({ context: pageHeaderContext, subscribe: true })\n  context;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  private _handleScroller = () => {\n    const { root, fullyCollapsed } = this.context;\n    const contentElement = root.querySelector(`${prefix}-page-header-content`);\n    if (!contentElement) {\n      return;\n    }\n    const scrollableTarget = scrollableAncestorInner(\n      contentElement\n    ) as HTMLElement;\n\n    // Page header content is not fully collapsed\n    if (!fullyCollapsed) {\n      const pageHeaderContentHeight = contentElement.offsetHeight;\n      scrollableTarget?.scrollTo({\n        top: pageHeaderContentHeight, // headerTopValue, check if breadcrumb bar is included\n        behavior: 'smooth',\n      });\n    } else {\n      // Page header content is fully collapsed\n      scrollableTarget?.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  };\n\n  render() {\n    const {\n      align,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n      disabled,\n      isSelected,\n      size,\n      context,\n      autoalign,\n    } = this;\n\n    const iconClasses = classMap({\n      [`${prefix}--page-header-scroller-collapsed`]: !!context?.fullyCollapsed,\n      [`${prefix}--page-header-scroller-icon`]: true,\n    });\n    return html`<cds-icon-button\n      align=${align}\n      ?close-on-activation=${closeOnActivation}\n      ?defaultOpen=${defaultOpen}\n      ?disabled=${disabled}\n      enter-delay-ms=${enterDelayMs}\n      ?isSelected=${isSelected}\n      kind=\"ghost\"\n      leave-delay-ms=${leaveDelayMs}\n      size=${size}\n      ?autoalign=${autoalign}\n      class=${iconClasses}\n      aria-label=${context?.fullyCollapsed\n        ? this.expandText\n        : this.collapseText}\n      @click=${this._handleScroller}\n    >\n      ${context?.fullyCollapsed\n        ? html`${iconLoader(ChevronDown20, { slot: 'icon' })}`\n        : html`${iconLoader(Chevron20, { slot: 'icon' })}`}\n      <span slot=\"tooltip-content\">\n        ${context?.fullyCollapsed ? this.expandText : this.collapseText}\n      </span>\n    </cds-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,IAAA,qBAAA,MAAM,2BAA2B,UAAU;;;eAKxC;mBAMI;2BAMQ;sBAML;qBAMD;sBAMC;oBAMF;sBAME;cAMR;+BAayB;GAC9B,MAAM,EAAE,MAAM,mBAAmB,KAAK;GACtC,MAAM,iBAAiB,KAAK,cAAc,0BAAgC;AAC1E,OAAI,CAAC,eACH;GAEF,MAAM,mBAAmB,wBACvB,eACD;AAGD,OAAI,CAAC,gBAAgB;IACnB,MAAM,0BAA0B,eAAe;AAC/C,sBAAkB,SAAS;KACzB,KAAK;KACL,UAAU;KACX,CAAC;SAGF,mBAAkB,SAAS;IAAE,KAAK;IAAG,UAAU;IAAU,CAAC;;;CA3B9D,wBAAkC;AAChC,SAAO,IAAI;;;;;;CA8Bb,SAAS;EACP,MAAM,EACJ,OACA,mBACA,aACA,cACA,cACA,UACA,YACA,MACA,SACA,cACE;AAMJ,SAAO,IAAI;cACD,MAAM;6BACS,kBAAkB;qBAC1B,YAAY;kBACf,SAAS;uBACJ,aAAa;oBAChB,WAAW;;uBAER,aAAa;aACvB,KAAK;mBACC,UAAU;cAdL,SAAS;IAC1B,wCAA8C,CAAC,CAAC,SAAS;IACzD,mCAAyC;GAC3C,CAYoB,CAAC;mBACP,SAAS,iBAClB,KAAK,aACL,KAAK,aAAa;eACb,KAAK,gBAAgB;;QAE5B,SAAS,iBACP,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,QAAQ,CAAC,KAClD,IAAI,GAAG,WAAW,WAAW,EAAE,MAAM,QAAQ,CAAC,GAAG;;UAEjD,SAAS,iBAAiB,KAAK,aAAa,KAAK,aAAa;;;;;YA5HrE,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,SAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,mBAAA,WAAA,qBAAA,KAAA,EAAA;YAM5E,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,gBAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,mBAAA,WAAA,eAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,cAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,QAAA,KAAA,EAAA;YAG3B,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,WAAA,KAAA,EAAA;iCAxD1DA,cAAc,2BAAiC,CAAA,EAAA,mBAAA"}