@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es/components/checklist/checklist-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist-item.d.ts","sourceRoot":"","sources":["../../../src/components/checklist/checklist-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;;;;GAMG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,KAAK,MAAC;IAEN;;;OAGG;IAEH,MAAM,MAAC;IAEP,0DAA0D;IAE1D,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,iBAAiB;IAKzB,YAAY;IAIZ,MAAM;IAoCN;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/es/components/checklist/checklist-item.js

@@ -1,128 +1,111 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { prefix } from '../../globals/settings.js';
-import styles from './checklist.scss.js';
-import { Kinds, Statuses } from './checklist.types.js';
-import { classMap } from 'lit/directives/class-map.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import checklist_default from "./checklist.scss.js";
+import { Kinds, Statuses } from "./checklist.types.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 { classMap } from "lit/directives/class-map.js";
 
+//#region src/components/checklist/checklist-item.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * item in c4p-checklist-group
- * @element c4p-checklist-item
- * @slot icon - checklist item icon, usually a status indicator icon
- * @slot content - checklist item title/description
- * @fires c4p-checklist-item-clicked - The custom event which is fired when a user clicks on checklist item with clickable attribute.
- */
+* item in c4p-checklist-group
+* @element c4p-checklist-item
+* @slot icon - checklist item icon, usually a status indicator icon
+* @slot content - checklist item title/description
+* @fires c4p-checklist-item-clicked - The custom event which is fired when a user clicks on checklist item with clickable attribute.
+*/
 let CDSChecklistItem = class CDSChecklistItem extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** When true, makes the checklist item label clickable */
-        this.clickable = false;
-    }
-    _handleClick(event) {
-        const triggeredBy = event.target;
-        event.stopPropagation();
-        const init = {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            detail: {
-                triggeredBy,
-            },
-        };
-        this.dispatchEvent(new CustomEvent(this.constructor.checklistItemClicked, init));
-    }
-    _handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            this._handleClick(event);
-        }
-    }
-    _mapStatusToKind(status) {
-        switch (status) {
-            case Statuses.NotStarted:
-                return Kinds.unchecked;
-            case Statuses.InProgress:
-                return Kinds.indeterminate;
-            case Statuses.Completed:
-                return Kinds.checked;
-            case Statuses.Error:
-                return Kinds.error;
-            case Statuses.Disabled:
-                return Kinds.disabled;
-            default:
-                return Kinds.error;
-        }
-    }
-    _updateAttributes() {
-        this.setAttribute('role', 'listitem');
-        this.classList.add(`${prefix}--checklist__list-item`);
-    }
-    firstUpdated() {
-        this._updateAttributes();
-    }
-    render() {
-        const { clickable, label, status, _handleClick: handleClick, _handleKeyDown: handleKeyDown, } = this;
-        const iconKind = this._mapStatusToKind(status);
-        const classes = classMap({
-            [`${prefix}--checklist__label`]: true,
-            [`${prefix}--checklist__label--clickable`]: clickable,
-            [`${prefix}--checklist__label--disabled`]: status === Statuses.Disabled,
-        });
-        return html `
+	constructor(..._args) {
+		super(..._args);
+		this.clickable = false;
+	}
+	_handleClick(event) {
+		const triggeredBy = event.target;
+		event.stopPropagation();
+		const init = {
+			bubbles: true,
+			cancelable: true,
+			composed: true,
+			detail: { triggeredBy }
+		};
+		this.dispatchEvent(new CustomEvent(this.constructor.checklistItemClicked, init));
+	}
+	_handleKeyDown(event) {
+		if (event.key === "Enter" || event.key === " ") this._handleClick(event);
+	}
+	_mapStatusToKind(status) {
+		switch (status) {
+			case Statuses.NotStarted: return Kinds.unchecked;
+			case Statuses.InProgress: return Kinds.indeterminate;
+			case Statuses.Completed: return Kinds.checked;
+			case Statuses.Error: return Kinds.error;
+			case Statuses.Disabled: return Kinds.disabled;
+			default: return Kinds.error;
+		}
+	}
+	_updateAttributes() {
+		this.setAttribute("role", "listitem");
+		this.classList.add(`${prefix}--checklist__list-item`);
+	}
+	firstUpdated() {
+		this._updateAttributes();
+	}
+	render() {
+		const { clickable, label, status, _handleClick: handleClick, _handleKeyDown: handleKeyDown } = this;
+		return html`
       <slot name="icon">
-        <c4p-checklist-icon kind="${iconKind}"></c4p-checklist-icon>
+        <c4p-checklist-icon kind="${this._mapStatusToKind(status)}"></c4p-checklist-icon>
       </slot>
       <slot name="content">
         <div
-          class="${classes}"
+          class="${classMap({
+			[`${prefix}--checklist__label`]: true,
+			[`${prefix}--checklist__label--clickable`]: clickable,
+			[`${prefix}--checklist__label--disabled`]: status === Statuses.Disabled
+		})}"
           title=${label}
-          role=${clickable ? 'link' : undefined}
-          @click=${clickable ? handleClick : undefined}
-          @keydown=${clickable ? handleKeyDown : undefined}
+          role=${clickable ? "link" : void 0}
+          @click=${clickable ? handleClick : void 0}
+          @keydown=${clickable ? handleKeyDown : void 0}
           tabindex=${clickable ? 0 : -1}
         >
           ${label}
         </div>
       </slot>
     `;
-    }
-    /**
-     * The custom event which is fired when the checklist item is clicked.
-     */
-    static get checklistItemClicked() {
-        return `${prefix}-checklist-item-clicked`;
-    }
+	}
+	/**
+	* The custom event which is fired when the checklist item is clicked.
+	*/
+	static get checklistItemClicked() {
+		return `${prefix}-checklist-item-clicked`;
+	}
+	static {
+		this.styles = checklist_default;
+	}
 };
-CDSChecklistItem.styles = styles;
-__decorate([
-    property()
-], CDSChecklistItem.prototype, "label", void 0);
-__decorate([
-    property()
-], CDSChecklistItem.prototype, "status", void 0);
-__decorate([
-    property({ type: Boolean })
-], CDSChecklistItem.prototype, "clickable", void 0);
-CDSChecklistItem = __decorate([
-    carbonElement(`${prefix}-checklist-item`)
-], CDSChecklistItem);
-var CDSChecklistItem$1 = CDSChecklistItem;
+__decorate([property()], CDSChecklistItem.prototype, "label", void 0);
+__decorate([property()], CDSChecklistItem.prototype, "status", void 0);
+__decorate([property({ type: Boolean })], CDSChecklistItem.prototype, "clickable", void 0);
+CDSChecklistItem = __decorate([carbonElement(`${prefix}-checklist-item`)], CDSChecklistItem);
+var checklist_item_default = CDSChecklistItem;
 
-export { CDSChecklistItem$1 as default };
-//# sourceMappingURL=checklist-item.js.map
+//#endregion
+export { checklist_item_default as default };
+//# sourceMappingURL=checklist-item.js.map

package/es/components/checklist/checklist-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-item.js","sources":["../../../src/components/checklist/checklist-item.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"checklist-item.js","names":["styles","customElement"],"sources":["../../../src/components/checklist/checklist-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nimport { prefix } from '../../globals/settings';\nimport styles from './checklist.scss?lit';\nimport { Statuses, Kinds } from './checklist.types';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * item in c4p-checklist-group\n * @element c4p-checklist-item\n * @slot icon - checklist item icon, usually a status indicator icon\n * @slot content - checklist item title/description\n * @fires c4p-checklist-item-clicked - The custom event which is fired when a user clicks on checklist item with clickable attribute.\n */\n@customElement(`${prefix}-checklist-item`)\nclass CDSChecklistItem extends LitElement {\n  /**\n   * label of the c4p-checklist-item\n   */\n  @property()\n  label;\n\n  /**\n   * status of the c4p-checklist-item\n   * Values can be 'not started', 'in progress', 'completed', 'error', 'disabled'\n   */\n  @property()\n  status;\n\n  /** When true, makes the checklist item label clickable */\n  @property({ type: Boolean })\n  clickable = false;\n\n  private _handleClick(event: Event) {\n    const triggeredBy = event.target;\n    event.stopPropagation();\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy,\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSChecklistItem).checklistItemClicked,\n        init\n      )\n    );\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this._handleClick(event);\n    }\n  }\n\n  private _mapStatusToKind(status): Kinds {\n    switch (status) {\n      case Statuses.NotStarted:\n        return Kinds.unchecked;\n      case Statuses.InProgress:\n        return Kinds.indeterminate;\n      case Statuses.Completed:\n        return Kinds.checked;\n      case Statuses.Error:\n        return Kinds.error;\n      case Statuses.Disabled:\n        return Kinds.disabled;\n      default:\n        return Kinds.error;\n    }\n  }\n\n  private _updateAttributes() {\n    this.setAttribute('role', 'listitem');\n    this.classList.add(`${prefix}--checklist__list-item`);\n  }\n\n  firstUpdated() {\n    this._updateAttributes();\n  }\n\n  render() {\n    const {\n      clickable,\n      label,\n      status,\n      _handleClick: handleClick,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n\n    const iconKind: string = this._mapStatusToKind(status);\n\n    const classes = classMap({\n      [`${prefix}--checklist__label`]: true,\n      [`${prefix}--checklist__label--clickable`]: clickable,\n      [`${prefix}--checklist__label--disabled`]: status === Statuses.Disabled,\n    });\n\n    return html`\n      <slot name=\"icon\">\n        <c4p-checklist-icon kind=\"${iconKind}\"></c4p-checklist-icon>\n      </slot>\n      <slot name=\"content\">\n        <div\n          class=\"${classes}\"\n          title=${label}\n          role=${clickable ? 'link' : undefined}\n          @click=${clickable ? handleClick : undefined}\n          @keydown=${clickable ? handleKeyDown : undefined}\n          tabindex=${clickable ? 0 : -1}\n        >\n          ${label}\n        </div>\n      </slot>\n    `;\n  }\n\n  /**\n   * The custom event which is fired when the checklist item is clicked.\n   */\n  static get checklistItemClicked() {\n    return `${prefix}-checklist-item-clicked`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSChecklistItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,6BACM,yBAAyB,WAAW;;;mBAgB5B;;CAEZ,AAAQ,aAAa,OAAc;EACjC,MAAM,cAAc,MAAM;AAC1B,QAAM,iBAAiB;EACvB,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,aACD;GACF;AACD,OAAK,cACH,IAAI,YACD,KAAK,YAAwC,sBAC9C,KACD,CACF;;CAGH,AAAQ,eAAe,OAAsB;AAC3C,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,MAAK,aAAa,MAAM;;CAI5B,AAAQ,iBAAiB,QAAe;AACtC,UAAQ,QAAR;GACE,KAAK,SAAS,WACZ,QAAO,MAAM;GACf,KAAK,SAAS,WACZ,QAAO,MAAM;GACf,KAAK,SAAS,UACZ,QAAO,MAAM;GACf,KAAK,SAAS,MACZ,QAAO,MAAM;GACf,KAAK,SAAS,SACZ,QAAO,MAAM;GACf,QACE,QAAO,MAAM;;;CAInB,AAAQ,oBAAoB;AAC1B,OAAK,aAAa,QAAQ,WAAW;AACrC,OAAK,UAAU,IAAI,GAAG,OAAO,wBAAwB;;CAGvD,eAAe;AACb,OAAK,mBAAmB;;CAG1B,SAAS;EACP,MAAM,EACJ,WACA,OACA,QACA,cAAc,aACd,gBAAgB,kBACd;AAUJ,SAAO,IAAI;;oCARc,KAAK,iBAAiB,OAAO,CAUb;;;;mBARzB,SAAS;IACtB,GAAG,OAAO,sBAAsB;IAChC,GAAG,OAAO,iCAAiC;IAC3C,GAAG,OAAO,gCAAgC,WAAW,SAAS;GAChE,CAAC,CAQqB;kBACT,MAAM;iBACP,YAAY,SAAS,OAAU;mBAC7B,YAAY,cAAc,OAAU;qBAClC,YAAY,gBAAgB,OAAU;qBACtC,YAAY,IAAI,GAAG;;YAE5B,MAAM;;;;;;;;CAShB,WAAW,uBAAuB;AAChC,SAAO,GAAG,OAAO;;;gBAGHA;;;YA5Gf,UAAU;YAOV,UAAU;YAIV,SAAS,EAAE,MAAM,SAAS,CAAC;+BAhB7BC,cAAc,GAAG,OAAO,iBAAiB;AAoH1C,6BAAe"}

package/es/components/checklist/checklist.d.ts

@@ -71,3 +71,4 @@ declare class CDSChecklist extends LitElement {
     static styles: any;
 }
 export default CDSChecklist;
+//# sourceMappingURL=checklist.d.ts.map

package/es/components/checklist/checklist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.d.ts","sourceRoot":"","sources":["../../../src/components/checklist/checklist.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,2DAA2D,CAAC;AACnE,OAAO,oDAAoD,CAAC;AAI5D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAI1B;;;;;;;GAOG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,MAAC;IAEN;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,gBAAgB,MAAC;IAEjB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,YAAY,MAAC;IAEb,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,SAAS;IAqBjB,MAAM;IAmFN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/es/components/checklist/checklist.js

@@ -1,94 +1,81 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import ChevronIcon16 from '@carbon/icons/es/chevron--up/16';
-import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
-import '@carbon/web-components/es/components/icon-button/index.js';
-import '@carbon/web-components/es/components/link/index.js';
-import { prefix } from '../../globals/settings.js';
-import styles from './checklist.scss.js';
-import './checklist-chart.js';
-import './checklist-icon.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import checklist_default$1 from "./checklist.scss.js";
+import "./checklist-chart.js";
+import "./checklist-icon.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 { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
+import "@carbon/web-components/es/components/icon-button/index.js";
+import { classMap } from "lit/directives/class-map.js";
+import "@carbon/web-components/es/components/link/index.js";
+import ChevronIcon16 from "@carbon/icons/es/chevron--up/16";
 
+//#region src/components/checklist/checklist.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--checklist`;
 /**
- * @element c4p-checklist
- * @slot checklist-header - Header area which includes the title and the progress indicator.
- * @slot default - Contains one or more `c4p-checklist-group` components to organize tasks into logical groups.
- * @slot checklist-footer - Optional footer area for actions like buttons, links, or additional notes.
- * @fires c4p-checklist-view-all - The custom event which is fired when a user clicks on View All button in checklist footer.
- * @fires c4p-checklist-toggle - The custom event which is fired when user clicks on toggle button in checklist header.
- */
+* @element c4p-checklist
+* @slot checklist-header - Header area which includes the title and the progress indicator.
+* @slot default - Contains one or more `c4p-checklist-group` components to organize tasks into logical groups.
+* @slot checklist-footer - Optional footer area for actions like buttons, links, or additional notes.
+* @fires c4p-checklist-view-all - The custom event which is fired when a user clicks on View All button in checklist footer.
+* @fires c4p-checklist-toggle - The custom event which is fired when user clicks on toggle button in checklist header.
+*/
 let CDSChecklist = class CDSChecklist extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Specifies whether the component is opened or closed.
-         */
-        this.open = false;
-        /**
-         * Whether or not to show the open/close toggle.
-         */
-        this.disableToggle = false;
-    }
-    _viewAll(event) {
-        const triggeredBy = event.target;
-        event.stopPropagation();
-        const init = {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            detail: {
-                triggeredBy,
-            },
-        };
-        this.dispatchEvent(new CustomEvent(this.constructor.checklistViewAll, init));
-    }
-    _handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            this._viewAll(event);
-        }
-    }
-    _onToggle(event) {
-        this.open = !this.open;
-        // Fire custom event
-        const triggeredBy = event.target;
-        event.stopPropagation();
-        const init = {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            detail: {
-                triggeredBy,
-            },
-        };
-        this.dispatchEvent(new CustomEvent(this.constructor.checklistToggle, init));
-    }
-    render() {
-        const { open, chartLabel, chartValue, title, disableToggle, toggleLabel, toggleLabelAlign, toggleAriaLabel, viewAllLabel, _viewAll: viewAll, _onToggle: onToggle, _handleKeyDown: handleKeyDown, } = this;
-        const classes = classMap({
-            [`${blockClass}`]: true,
-            [`${blockClass}__closed`]: !open,
-        });
-        return html `
-      <aside class=${classes} aria-label="Checklist">
+	constructor(..._args) {
+		super(..._args);
+		this.open = false;
+		this.disableToggle = false;
+	}
+	_viewAll(event) {
+		const triggeredBy = event.target;
+		event.stopPropagation();
+		const init = {
+			bubbles: true,
+			cancelable: true,
+			composed: true,
+			detail: { triggeredBy }
+		};
+		this.dispatchEvent(new CustomEvent(this.constructor.checklistViewAll, init));
+	}
+	_handleKeyDown(event) {
+		if (event.key === "Enter" || event.key === " ") this._viewAll(event);
+	}
+	_onToggle(event) {
+		this.open = !this.open;
+		const triggeredBy = event.target;
+		event.stopPropagation();
+		const init = {
+			bubbles: true,
+			cancelable: true,
+			composed: true,
+			detail: { triggeredBy }
+		};
+		this.dispatchEvent(new CustomEvent(this.constructor.checklistToggle, init));
+	}
+	render() {
+		const { open, chartLabel, chartValue, title, disableToggle, toggleLabel, toggleLabelAlign, toggleAriaLabel, viewAllLabel, _viewAll: viewAll, _onToggle: onToggle, _handleKeyDown: handleKeyDown } = this;
+		return html`
+      <aside class=${classMap({
+			[`${blockClass}`]: true,
+			[`${blockClass}__closed`]: !open
+		})} aria-label="Checklist">
         <!-- Header -->
         <header class="${blockClass}__header">
           <slot name="checklist-header">
@@ -98,18 +85,16 @@ let CDSChecklist = class CDSChecklist extends LitElement {
             <div class="${blockClass}__titles">
               <!-- checklist title -->
               <slot name="header-title">
-                ${title && html `<h2 class="${blockClass}__title">${title}</h2>`}
+                ${title && html`<h2 class="${blockClass}__title">${title}</h2>`}
               </slot>
               <!-- chart label -->
               <slot name="header-chartLabel">
-                ${chartLabel &&
-            html `<p class="${blockClass}__chart-label">${chartLabel}</p>`}
+                ${chartLabel && html`<p class="${blockClass}__chart-label">${chartLabel}</p>`}
               </slot>
             </div>
           </slot>
           <!-- Checklist toggle button -->
-          ${!disableToggle &&
-            html `<cds-icon-button
+          ${!disableToggle && html`<cds-icon-button
             kind="ghost"
             size="sm"
             align=${toggleLabelAlign}
@@ -118,9 +103,9 @@ let CDSChecklist = class CDSChecklist extends LitElement {
             @click=${onToggle}
           >
             ${iconLoader(ChevronIcon16, {
-                slot: 'icon',
-                class: `${blockClass}__chevron`,
-            })}
+			slot: "icon",
+			class: `${blockClass}__chevron`
+		})}
             <span slot="tooltip-content">${toggleLabel}</span>
           </cds-icon-button>`}
         </header>
@@ -133,8 +118,7 @@ let CDSChecklist = class CDSChecklist extends LitElement {
             <!-- Checklist footer -->
             <div class="${blockClass}__footer">
               <slot name="checklist-footer">
-                ${viewAllLabel &&
-            html `<cds-link
+                ${viewAllLabel && html`<cds-link
                   role="link"
                   @click=${viewAll}
                   @keydown=${handleKeyDown}
@@ -147,52 +131,59 @@ let CDSChecklist = class CDSChecklist extends LitElement {
         </div>
       </aside>
     `;
-    }
-    /**
-     * The custom event which is fired when the  view all button in checklist footer is clicked or when the Enter key is pressed on it.
-     */
-    static get checklistViewAll() {
-        return `${prefix}-checklist-view-all`;
-    }
-    /**
-     * The custom event which is fired when the checklist toggle button is clicked or when the Enter key is pressed on it.
-     */
-    static get checklistToggle() {
-        return `${prefix}-checklist-toggle`;
-    }
+	}
+	/**
+	* The custom event which is fired when the  view all button in checklist footer is clicked or when the Enter key is pressed on it.
+	*/
+	static get checklistViewAll() {
+		return `${prefix}-checklist-view-all`;
+	}
+	/**
+	* The custom event which is fired when the checklist toggle button is clicked or when the Enter key is pressed on it.
+	*/
+	static get checklistToggle() {
+		return `${prefix}-checklist-toggle`;
+	}
+	static {
+		this.styles = checklist_default$1;
+	}
 };
-CDSChecklist.styles = styles;
-__decorate([
-    property({ type: Boolean, reflect: true })
-], CDSChecklist.prototype, "open", void 0);
-__decorate([
-    property({ type: String })
-], CDSChecklist.prototype, "title", void 0);
-__decorate([
-    property({ type: String, attribute: 'chart-label' })
-], CDSChecklist.prototype, "chartLabel", void 0);
-__decorate([
-    property({ type: Number, attribute: 'chart-value' })
-], CDSChecklist.prototype, "chartValue", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'disable-toggle' })
-], CDSChecklist.prototype, "disableToggle", void 0);
-__decorate([
-    property({ type: String, attribute: 'toggle-label' })
-], CDSChecklist.prototype, "toggleLabel", void 0);
-__decorate([
-    property({ type: String, attribute: 'toggle-label-align' })
-], CDSChecklist.prototype, "toggleLabelAlign", void 0);
-__decorate([
-    property({ type: String, attribute: 'toggle-aria-label' })
-], CDSChecklist.prototype, "toggleAriaLabel", void 0);
-__decorate([
-    property({ type: String, attribute: 'view-all-label' })
-], CDSChecklist.prototype, "viewAllLabel", void 0);
-CDSChecklist = __decorate([
-    carbonElement(`${prefix}-checklist`)
-], CDSChecklist);
-var CDSChecklist$1 = CDSChecklist;
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSChecklist.prototype, "open", void 0);
+__decorate([property({ type: String })], CDSChecklist.prototype, "title", void 0);
+__decorate([property({
+	type: String,
+	attribute: "chart-label"
+})], CDSChecklist.prototype, "chartLabel", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "chart-value"
+})], CDSChecklist.prototype, "chartValue", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: "disable-toggle"
+})], CDSChecklist.prototype, "disableToggle", void 0);
+__decorate([property({
+	type: String,
+	attribute: "toggle-label"
+})], CDSChecklist.prototype, "toggleLabel", void 0);
+__decorate([property({
+	type: String,
+	attribute: "toggle-label-align"
+})], CDSChecklist.prototype, "toggleLabelAlign", void 0);
+__decorate([property({
+	type: String,
+	attribute: "toggle-aria-label"
+})], CDSChecklist.prototype, "toggleAriaLabel", void 0);
+__decorate([property({
+	type: String,
+	attribute: "view-all-label"
+})], CDSChecklist.prototype, "viewAllLabel", void 0);
+CDSChecklist = __decorate([carbonElement(`${prefix}-checklist`)], CDSChecklist);
+var checklist_default = CDSChecklist;
 
-export { CDSChecklist$1 as default };
-//# sourceMappingURL=checklist.js.map
+//#endregion
+export { checklist_default as default };
+//# sourceMappingURL=checklist.js.map

package/es/components/checklist/checklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist.js","sources":["../../../src/components/checklist/checklist.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAgBH,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM,aAAa;AAEzC;;;;;;;AAOG;AAEH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,KAAK;AAoBZ;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,KAAK;IA0KvB;AAhJU,IAAA,QAAQ,CAAC,KAAY,EAAA;AAC3B,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;QAChC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAmC,CAAC,gBAAgB,EAC1D,IAAI,CACL,CACF;IACH;AAEQ,IAAA,cAAc,CAAC,KAAoB,EAAA;AACzC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACtB;IACF;AAEQ,IAAA,SAAS,CAAC,KAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;;AAEtB,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM;QAChC,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAmC,CAAC,eAAe,EACzD,IAAI,CACL,CACF;IACH;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,QAAQ,EACnB,cAAc,EAAE,aAAa,GAC9B,GAAG,IAAI;QAER,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,CAAE,GAAG,IAAI;AACvB,YAAA,CAAC,GAAG,UAAU,CAAA,QAAA,CAAU,GAAG,CAAC,IAAI;AACjC,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;qBACM,OAAO,CAAA;;yBAEH,UAAU,CAAA;;;2CAGQ,UAAU,CAAA;;0BAE3B,UAAU,CAAA;;;AAGlB,gBAAA,EAAA,KAAK,IAAI,IAAI,CAAA,cAAc,UAAU,CAAA,SAAA,EAAY,KAAK,CAAA,KAAA,CAAO;;;;kBAI7D,UAAU;AACZ,YAAA,IAAI,CAAA,CAAA,UAAA,EAAa,UAAU,CAAA,eAAA,EAAkB,UAAU,CAAA,IAAA,CAAM;;;;;AAKjE,UAAA,EAAA,CAAC,aAAa;AAChB,YAAA,IAAI,CAAA,CAAA;;;oBAGM,gBAAgB;yBACX,eAAe;qBACnB,UAAU,CAAA;qBACV,QAAQ;;cAEf,UAAU,CAAC,aAAa,EAAE;AAC1B,gBAAA,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,CAAA,EAAG,UAAU,CAAA,SAAA,CAAW;aAChC,CAAC;2CAC6B,WAAW,CAAA;AACzB,4BAAA,CAAA;;sBAEP,UAAU,CAAA;wBACR,UAAU,CAAA;;;;;;0BAMR,UAAU,CAAA;;kBAElB,YAAY;AACd,YAAA,IAAI,CAAA,CAAA;;2BAEO,OAAO;6BACL,aAAa;;oBAEtB,YAAY;AACJ,2BAAA,CAAA;;;;;;KAMvB;IACH;AAEA;;AAEG;AACH,IAAA,WAAW,gBAAgB,GAAA;QACzB,OAAO,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;IACvC;AAEA;;AAEG;AACH,IAAA,WAAW,eAAe,GAAA;QACxB,OAAO,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB;IACrC;;AAEO,YAAA,CAAA,MAAM,GAAG,MAAH;AAjMb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC7B,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACpB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMN,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE;AACzC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMX,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE;AACzC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMX,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE;AAClC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAMtB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE;AACzC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMZ,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE;AAC1C,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE;AAC1C,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAMhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE;AAC1C,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AArDT,YAAY,GAAA,UAAA,CAAA;AADjB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY;AAC9B,CAAA,EAAA,YAAY,CAuMjB;AAED,qBAAe,YAAY;;;;"}
+{"version":3,"file":"checklist.js","names":["styles","customElement"],"sources":["../../../src/components/checklist/checklist.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport ChevronIcon16 from '@carbon/icons/es/chevron--up/16';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport '@carbon/web-components/es/components/icon-button/index.js';\nimport '@carbon/web-components/es/components/link/index.js';\n\nimport { prefix } from '../../globals/settings';\nimport styles from './checklist.scss?lit';\nimport './checklist-chart';\nimport './checklist-icon';\n\nconst blockClass = `${prefix}--checklist`;\n\n/**\n * @element c4p-checklist\n * @slot checklist-header - Header area which includes the title and the progress indicator.\n * @slot default - Contains one or more `c4p-checklist-group` components to organize tasks into logical groups.\n * @slot checklist-footer - Optional footer area for actions like buttons, links, or additional notes.\n * @fires c4p-checklist-view-all - The custom event which is fired when a user clicks on View All button in checklist footer.\n * @fires c4p-checklist-toggle - The custom event which is fired when user clicks on toggle button in checklist header.\n */\n@customElement(`${prefix}-checklist`)\nclass CDSChecklist extends LitElement {\n  /**\n   * Specifies whether the component is opened or closed.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title of the component.\n   */\n  @property({ type: String })\n  title;\n\n  /**\n   * The label for progress indicator chart\n   */\n  @property({ type: String, attribute: 'chart-label' })\n  chartLabel;\n\n  /**\n   * A number between 0 and 1 which indicates the progress of checklist\n   */\n  @property({ type: Number, attribute: 'chart-value' })\n  chartValue;\n\n  /**\n   * Whether or not to show the open/close toggle.\n   */\n  @property({ type: Boolean, attribute: 'disable-toggle' })\n  disableToggle = false;\n\n  /**\n   * The label for the toggle's tooltip.\n   */\n  @property({ type: String, attribute: 'toggle-label' })\n  toggleLabel;\n\n  /**\n   * The alignment of the toggle's tooltip.\n   */\n  @property({ type: String, attribute: 'toggle-label-align' })\n  toggleLabelAlign;\n\n  /**\n   * Aria-label for the Checklist's toggle component.\n   */\n  @property({ type: String, attribute: 'toggle-aria-label' })\n  toggleAriaLabel;\n\n  /**\n   * If defined, will show and enable the \"View all (#)\" button in the checklist footer.\n   */\n  @property({ type: String, attribute: 'view-all-label' })\n  viewAllLabel;\n\n  private _viewAll(event: Event) {\n    const triggeredBy = event.target;\n    event.stopPropagation();\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy,\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSChecklist).checklistViewAll,\n        init\n      )\n    );\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this._viewAll(event);\n    }\n  }\n\n  private _onToggle(event: Event) {\n    this.open = !this.open;\n    // Fire custom event\n    const triggeredBy = event.target;\n    event.stopPropagation();\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy,\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSChecklist).checklistToggle,\n        init\n      )\n    );\n  }\n\n  render() {\n    const {\n      open,\n      chartLabel,\n      chartValue,\n      title,\n      disableToggle,\n      toggleLabel,\n      toggleLabelAlign,\n      toggleAriaLabel,\n      viewAllLabel,\n      _viewAll: viewAll,\n      _onToggle: onToggle,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n\n    const classes = classMap({\n      [`${blockClass}`]: true,\n      [`${blockClass}__closed`]: !open,\n    });\n\n    return html`\n      <aside class=${classes} aria-label=\"Checklist\">\n        <!-- Header -->\n        <header class=\"${blockClass}__header\">\n          <slot name=\"checklist-header\">\n            <slot name=\"header-chart\">\n              <c4p-checklist-chart value=${chartValue}></c4p-checklist-chart>\n            </slot>\n            <div class=\"${blockClass}__titles\">\n              <!-- checklist title -->\n              <slot name=\"header-title\">\n                ${title && html`<h2 class=\"${blockClass}__title\">${title}</h2>`}\n              </slot>\n              <!-- chart label -->\n              <slot name=\"header-chartLabel\">\n                ${chartLabel &&\n                html`<p class=\"${blockClass}__chart-label\">${chartLabel}</p>`}\n              </slot>\n            </div>\n          </slot>\n          <!-- Checklist toggle button -->\n          ${!disableToggle &&\n          html`<cds-icon-button\n            kind=\"ghost\"\n            size=\"sm\"\n            align=${toggleLabelAlign}\n            aria-label=${toggleAriaLabel}\n            class=\"${blockClass}__toggle\"\n            @click=${onToggle}\n          >\n            ${iconLoader(ChevronIcon16, {\n              slot: 'icon',\n              class: `${blockClass}__chevron`,\n            })}\n            <span slot=\"tooltip-content\">${toggleLabel}</span>\n          </cds-icon-button>`}\n        </header>\n        <div class=\"${blockClass}__content-outer\">\n          <div class=\"${blockClass}__content-inner\">\n            <!-- Checklist body -->\n            <!-- This is where you add c4p-checklist-group elements-->\n            <slot></slot>\n\n            <!-- Checklist footer -->\n            <div class=\"${blockClass}__footer\">\n              <slot name=\"checklist-footer\">\n                ${viewAllLabel &&\n                html`<cds-link\n                  role=\"link\"\n                  @click=${viewAll}\n                  @keydown=${handleKeyDown}\n                >\n                  ${viewAllLabel}\n                </cds-link>`}\n              </slot>\n            </div>\n          </div>\n        </div>\n      </aside>\n    `;\n  }\n\n  /**\n   * The custom event which is fired when the  view all button in checklist footer is clicked or when the Enter key is pressed on it.\n   */\n  static get checklistViewAll() {\n    return `${prefix}-checklist-view-all`;\n  }\n\n  /**\n   * The custom event which is fired when the checklist toggle button is clicked or when the Enter key is pressed on it.\n   */\n  static get checklistToggle() {\n    return `${prefix}-checklist-toggle`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSChecklist;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,aAAa,GAAG,OAAO;;;;;;;;;AAU7B,yBACM,qBAAqB,WAAW;;;cAK7B;uBAwBS;;CA0BhB,AAAQ,SAAS,OAAc;EAC7B,MAAM,cAAc,MAAM;AAC1B,QAAM,iBAAiB;EACvB,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,aACD;GACF;AACD,OAAK,cACH,IAAI,YACD,KAAK,YAAoC,kBAC1C,KACD,CACF;;CAGH,AAAQ,eAAe,OAAsB;AAC3C,MAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,MAAK,SAAS,MAAM;;CAIxB,AAAQ,UAAU,OAAc;AAC9B,OAAK,OAAO,CAAC,KAAK;EAElB,MAAM,cAAc,MAAM;AAC1B,QAAM,iBAAiB;EACvB,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,aACD;GACF;AACD,OAAK,cACH,IAAI,YACD,KAAK,YAAoC,iBAC1C,KACD,CACF;;CAGH,SAAS;EACP,MAAM,EACJ,MACA,YACA,YACA,OACA,eACA,aACA,kBACA,iBACA,cACA,UAAU,SACV,WAAW,UACX,gBAAgB,kBACd;AAOJ,SAAO,IAAI;qBALK,SAAS;IACtB,GAAG,eAAe;IAClB,GAAG,WAAW,YAAY,CAAC;GAC7B,CAAC,CAGuB;;yBAEJ,WAAW;;;2CAGO,WAAW;;0BAE5B,WAAW;;;kBAGnB,SAAS,IAAI,cAAc,WAAW,WAAW,MAAM,OAAO;;;;kBAI9D,cACF,IAAI,aAAa,WAAW,iBAAiB,WAAW,MAAM;;;;;YAKlE,CAAC,iBACH,IAAI;;;oBAGM,iBAAiB;yBACZ,gBAAgB;qBACpB,WAAW;qBACX,SAAS;;cAEhB,WAAW,eAAe;GAC1B,MAAM;GACN,OAAO,GAAG,WAAW;GACtB,CAAC,CAAC;2CAC4B,YAAY;8BACzB;;sBAER,WAAW;wBACT,WAAW;;;;;;0BAMT,WAAW;;kBAEnB,gBACF,IAAI;;2BAEO,QAAQ;6BACN,cAAc;;oBAEvB,aAAa;6BACJ;;;;;;;;;;;CAY3B,WAAW,mBAAmB;AAC5B,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,kBAAkB;AAC3B,SAAO,GAAG,OAAO;;;gBAGHA;;;YAlMf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC;YAMpD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC;YAMpD,SAAS;CAAE,MAAM;CAAS,WAAW;CAAkB,CAAC;YAMxD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC;YAMrD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAsB,CAAC;YAM3D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAqB,CAAC;YAM1D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAkB,CAAC;2BArDzDC,cAAc,GAAG,OAAO,YAAY;AA0MrC,wBAAe"}