@carbon/web-components 2.59.0 → 2.60.0

package/es-custom/components/accordion/accordion-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss?lit';\n\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Set number of items to render\n   */\n  @property({ type: Number, attribute: 'count' })\n  count = 4;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  /**\n   * `true` if the first accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  updated(changedProperties) {\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          if (this.isFlush && this.alignment !== 'start') {\n            elem.setAttribute('isFlush', '');\n          } else {\n            elem.removeAttribute('isFlush');\n          }\n        }\n      );\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--accordion__item`]: true,\n      [`${prefix}--accordion__item--active`]: true,\n      [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n      [`${prefix}--accordion--flush`]:\n        this.isFlush && this.alignment !== 'start',\n    });\n    const numSkeletonItems = this.open ? this.count - 1 : this.count;\n    return html`\n      ${this.open\n        ? html`\n            <li class=\"${classes}\">\n              <span class=\"${prefix}--accordion__heading\">\n                ${iconLoader(ChevronRight16, {\n                  class: `${prefix}--accordion__arrow`,\n                  part: 'expando-icon',\n                })}\n                <cds-custom-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-custom-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-custom-skeleton-text width=\"90%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"80%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"95%\"></cds-custom-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from({ length: numSkeletonItems }).map(\n        (_, i, arr) =>\n          html`<cds-custom-accordion-item-skeleton\n            key=${i}\n            ?data-last-item=${i ===\n            arr.length - 1}></cds-custom-accordion-item-skeleton>`\n      )}\n    `;\n  }\n\n  static get selectorAccordionItemSkeletons() {\n    return `${prefix}-accordion-item-skeleton`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;;eAWpC;iBAME;cAMH;;CAEP,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,WAAW,GAEnC,QAEE,KAAK,WAAY,iBACd,KAAK,YACH,8BACL,IACC,SAAS;GACR,KAAK,aAAa,aAAa,KAAK,SAAS;EAC/C,CACF;EAEF,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,WAAW,GAGjC,QAEE,KAAK,WAAY,iBACd,KAAK,YACH,8BACL,IACC,SAAS;GACR,IAAI,KAAK,WAAW,KAAK,cAAc,SACrC,KAAK,aAAa,WAAW,EAAE;QAE/B,KAAK,gBAAgB,SAAS;EAElC,CACF;CAEJ;CAEA,SAAS;EACP,MAAM,UAAU,SAAS;IACtB,yBAA+B;IAC/B,iCAAuC;IACvC,mBAAyB,KAAK,cAAc,KAAK;IACjD,0BACC,KAAK,WAAW,KAAK,cAAc;EACvC,CAAC;EACD,MAAM,mBAAmB,KAAK,OAAO,KAAK,QAAQ,IAAI,KAAK;EAC3D,OAAO,IAAI;QACP,KAAK,OACH,IAAI;yBACW,QAAQ;mCACG;kBAClB,WAAW,gBAAgB;GAC3B,OAAO;GACP,MAAM;EACR,CAAC,EAAE;;iCAEe;;kCAEC;;;;;;cAOzB,GAAG;QACL,MAAM,KAAK,EAAE,QAAQ,iBAAiB,CAAC,CAAC,CAAC,KACxC,GAAG,GAAG,QACL,IAAI;kBACI,EAAE;8BACU,MAClB,IAAI,SAAS,EAAE,gCACrB,EAAE;;CAEN;CAEA,WAAW,iCAAiC;EAC1C,OAAO;CACT;;gBAEgBA;;AAClB;YArGG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,aAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAQ,CAAC,CAAA,GAAA,qBAAA,WAAA,SAAA,KAAA,CAAA;YAM7C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,WAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,QAAA,KAAA,CAAA;mCAvB3CC,cAAc,wBAA8B,CAAA,GAAA,oBAAA;AA4G7C,IAAA,6BAAe"}
+{"version":3,"file":"accordion-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss?lit';\n\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Set number of items to render\n   */\n  @property({ type: Number, attribute: 'count' })\n  count = 4;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  /**\n   * `true` if the first accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The accordion item skeleton elements.\n   */\n  @queryAll(`${prefix}-accordion-item-skeleton`)\n  private _accordionItemSkeletons!: NodeListOf<HTMLElement>;\n\n  updated(changedProperties) {\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this._accordionItemSkeletons, (elem) => {\n        elem.setAttribute('alignment', this.alignment);\n      });\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this._accordionItemSkeletons, (elem) => {\n        if (this.isFlush && this.alignment !== 'start') {\n          elem.setAttribute('isFlush', '');\n        } else {\n          elem.removeAttribute('isFlush');\n        }\n      });\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--accordion__item`]: true,\n      [`${prefix}--accordion__item--active`]: true,\n      [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n      [`${prefix}--accordion--flush`]:\n        this.isFlush && this.alignment !== 'start',\n    });\n    const numSkeletonItems = this.open ? this.count - 1 : this.count;\n    return html`\n      ${this.open\n        ? html`\n            <li class=\"${classes}\">\n              <span class=\"${prefix}--accordion__heading\">\n                ${iconLoader(ChevronRight16, {\n                  class: `${prefix}--accordion__arrow`,\n                  part: 'expando-icon',\n                })}\n                <cds-custom-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-custom-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-custom-skeleton-text width=\"90%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"80%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"95%\"></cds-custom-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from({ length: numSkeletonItems }).map(\n        (_, i, arr) =>\n          html`<cds-custom-accordion-item-skeleton\n            key=${i}\n            ?data-last-item=${i ===\n            arr.length - 1}></cds-custom-accordion-item-skeleton>`\n      )}\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;;eAWpC;iBAME;cAMH;;CAQP,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,WAAW,GAEnC,QAAQ,KAAK,0BAA0B,SAAS;GAC9C,KAAK,aAAa,aAAa,KAAK,SAAS;EAC/C,CAAC;EAEH,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,WAAW,GAGjC,QAAQ,KAAK,0BAA0B,SAAS;GAC9C,IAAI,KAAK,WAAW,KAAK,cAAc,SACrC,KAAK,aAAa,WAAW,EAAE;QAE/B,KAAK,gBAAgB,SAAS;EAElC,CAAC;CAEL;CAEA,SAAS;EACP,MAAM,UAAU,SAAS;IACtB,yBAA+B;IAC/B,iCAAuC;IACvC,mBAAyB,KAAK,cAAc,KAAK;IACjD,0BACC,KAAK,WAAW,KAAK,cAAc;EACvC,CAAC;EACD,MAAM,mBAAmB,KAAK,OAAO,KAAK,QAAQ,IAAI,KAAK;EAC3D,OAAO,IAAI;QACP,KAAK,OACH,IAAI;yBACW,QAAQ;mCACG;kBAClB,WAAW,gBAAgB;GAC3B,OAAO;GACP,MAAM;EACR,CAAC,EAAE;;iCAEe;;kCAEC;;;;;;cAOzB,GAAG;QACL,MAAM,KAAK,EAAE,QAAQ,iBAAiB,CAAC,CAAC,CAAC,KACxC,GAAG,GAAG,QACL,IAAI;kBACI,EAAE;8BACU,MAClB,IAAI,SAAS,EAAE,gCACrB,EAAE;;CAEN;;gBAEgBA;;AAClB;YAzFG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,aAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAQ,CAAC,CAAA,GAAA,qBAAA,WAAA,SAAA,KAAA,CAAA;YAM7C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,WAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS,6BAAmC,CAAA,GAAA,qBAAA,WAAA,2BAAA,KAAA,CAAA;mCA7B9CC,cAAc,wBAA8B,CAAA,GAAA,oBAAA;AAgG7C,IAAA,6BAAe"}

package/es-custom/components/accordion/accordion.js

@@ -10,7 +10,7 @@ import { forEach } from "../../globals/internal/collection-helpers.js";
 import { ACCORDION_ALIGNMENT, ACCORDION_SIZE } from "./defs.js";
 import accordion_default$1 from "./accordion.scss.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/accordion/accordion.ts

package/es-custom/components/ai-label/ai-label-action-button.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import ai_label_default from "./ai-label.scss.js";
 import button_default from "../button/button.js";
 import { property } from "lit/decorators.js";

package/es-custom/components/ai-label/ai-label.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import toggletip_default from "../toggle-tip/toggletip.scss.js";
 import popover_default from "../popover/popover.scss.js";