@carbon/ibmdotcom-web-components 2.22.0 → 2.24.0

package/es/components/content-block-cards/content-block-cards.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -360,6 +360,7 @@ declare class C4DContentBlockCards extends C4DContentBlockCards_base {
      */
     protected _getContainerClasses(): string | ((part: Part) => void);
     static get stableSelector(): string;
+    connectedCallback(): void;
     static get styles(): import("lit").CSSResult;
 }
 export default C4DContentBlockCards;

package/es/components/content-block-cards/content-block-cards.js

@@ -7,7 +7,7 @@ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prot
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -56,6 +56,22 @@ let C4DContentBlockCards = _decorate([customElement(`${c4dPrefix}-content-block-
       value: function () {
         return `${c4dPrefix}--content-block-cards`;
       }
+    }, {
+      kind: "method",
+      key: "connectedCallback",
+      value: function connectedCallback() {
+        _superPropGet(C4DContentBlockCards, "connectedCallback", this, 3)([]);
+        window.onload = () => {
+          var _this$shadowRoot;
+          const hasLogoClass = this.classList.contains('media-type__logo');
+          const slot = (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.querySelector('slot:not([name])');
+          if (slot && hasLogoClass) {
+            slot === null || slot === void 0 || slot.assignedElements().forEach(element => {
+              element.classList.add('media-type-block-cards__logo');
+            });
+          }
+        };
+      }
 
       // `styles` here is a `CSSResult` generated by custom WebPack loader
     }, {

package/es/components/content-block-cards/content-block-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-block-cards.js","names":["css","settings","StableSelectorMixin","C4DContentBlock","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DContentBlockCards","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","key","value","_getContainerClasses","static","_t","_","_superPropGet","console","warn"],"sources":["components/content-block-cards/content-block-cards.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\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 { css, Part } from 'lit';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DContentBlock from '../content-block/content-block';\nimport styles from './content-block-cards.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Content block cards.\n *\n * @element c4d-content-block-cards\n */\n@customElement(`${c4dPrefix}-content-block-cards`)\nclass C4DContentBlockCards extends StableSelectorMixin(C4DContentBlock) {\n  /**\n   * The CSS class list for the container (grid) node.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _getContainerClasses(): string | ((part: Part) => void) {\n    return `${prefix}--content-layout ${prefix}--content-layout--card-group`;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-block-cards`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\nconsole.warn(\n  'The content-block-cards component has been deprecated in favor of the content-section/block and card-group component. ' +\n    'See content-section/block and card-group documentation for more information.'\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentBlockCards;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,GAAG,QAAc,KAAK;AAC/B,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,eAAe,MAAM,mCAAgC;AAC5D,OAAOC,MAAM,MAAM,gCAA4B;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAE/G,MAAM;EAAEC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGR,QAAQ;;AAEpD;AACA;AACA;AACA;AACA;AAJA,IAMMS,oBAAoB,GAAAC,SAAA,EADzBL,aAAa,CAAC,GAAGG,SAAS,sBAAsB,CAAC,aAAAG,WAAA,EAAAC,oBAAA;EAAlD,MACMH,oBAAoB,SAAAG,oBAAA,CAA8C;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAmBxE;EAAC;IAAAI,CAAA,EAnBKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACxB;AACF;AACA;MACE;MACA,SAAUC,oBAAoBA,CAAA,EAAoC;QAChE,OAAO,GAAGd,MAAM,oBAAoBA,MAAM,8BAA8B;MAC1E;IAAC;MAAAW,IAAA;MAAAI,MAAA;MAAAH,GAAA;MAAAC,KAAA,EAED,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGX,SAAS,uBAAuB;MAC5C;;MAEA;IAAA;MAAAS,IAAA;MAAAI,MAAA;MAAAH,GAAA;MAAAC,KAAA,EACA,SAAAA,CAAA,EAAoB;QAClB,OAAOpB,GAAG,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACd,QADc;AACd,KADc,GAAAC,aAAA,CAfRf,oBAAoB,mBAgBHN,MAAM;MAE3B;IAAC;EAAA;AAAA,GAlBgCF,mBAAmB,CAACC,eAAe,CAAC;AAqBvEuB,OAAO,CAACC,IAAI,CACV,wHAAwH,GACtH,8EACJ,CAAC;;AAED;AACA,eAAejB,oBAAoB","ignoreList":[]}
+{"version":3,"file":"content-block-cards.js","names":["css","settings","StableSelectorMixin","C4DContentBlock","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DContentBlockCards","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","key","value","_getContainerClasses","static","connectedCallback","_superPropGet","window","onload","_this$shadowRoot","hasLogoClass","classList","contains","slot","shadowRoot","querySelector","assignedElements","forEach","element","add","_t","_","console","warn"],"sources":["components/content-block-cards/content-block-cards.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { css, Part } from 'lit';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DContentBlock from '../content-block/content-block';\nimport styles from './content-block-cards.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Content block cards.\n *\n * @element c4d-content-block-cards\n */\n@customElement(`${c4dPrefix}-content-block-cards`)\nclass C4DContentBlockCards extends StableSelectorMixin(C4DContentBlock) {\n  /**\n   * The CSS class list for the container (grid) node.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _getContainerClasses(): string | ((part: Part) => void) {\n    return `${prefix}--content-layout ${prefix}--content-layout--card-group`;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-block-cards`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    window.onload = () => {\n      const hasLogoClass = this.classList.contains('media-type__logo');\n      const slot = this.shadowRoot?.querySelector('slot:not([name])');\n\n      if (slot && hasLogoClass) {\n        (slot as HTMLSlotElement)?.assignedElements().forEach((element) => {\n          element.classList.add('media-type-block-cards__logo');\n        });\n      }\n    };\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\nconsole.warn(\n  'The content-block-cards component has been deprecated in favor of the content-section/block and card-group component. ' +\n    'See content-section/block and card-group documentation for more information.'\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentBlockCards;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,GAAG,QAAc,KAAK;AAC/B,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,eAAe,MAAM,mCAAgC;AAC5D,OAAOC,MAAM,MAAM,gCAA4B;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAE/G,MAAM;EAAEC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGR,QAAQ;;AAEpD;AACA;AACA;AACA;AACA;AAJA,IAMMS,oBAAoB,GAAAC,SAAA,EADzBL,aAAa,CAAC,GAAGG,SAAS,sBAAsB,CAAC,aAAAG,WAAA,EAAAC,oBAAA;EAAlD,MACMH,oBAAoB,SAAAG,oBAAA,CAA8C;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkCxE;EAAC;IAAAI,CAAA,EAlCKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACxB;AACF;AACA;MACE;MACA,SAAUC,oBAAoBA,CAAA,EAAoC;QAChE,OAAO,GAAGd,MAAM,oBAAoBA,MAAM,8BAA8B;MAC1E;IAAC;MAAAW,IAAA;MAAAI,MAAA;MAAAH,GAAA;MAAAC,KAAA,EAED,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGX,SAAS,uBAAuB;MAC5C;IAAC;MAAAS,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAG,iBAAiBA,CAAA,EAAG;QAClBC,aAAA,CAdEd,oBAAoB;QAgBtBe,MAAM,CAACC,MAAM,GAAG,MAAM;UAAA,IAAAC,gBAAA;UACpB,MAAMC,YAAY,GAAG,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,kBAAkB,CAAC;UAChE,MAAMC,IAAI,IAAAJ,gBAAA,GAAG,IAAI,CAACK,UAAU,cAAAL,gBAAA,uBAAfA,gBAAA,CAAiBM,aAAa,CAAC,kBAAkB,CAAC;UAE/D,IAAIF,IAAI,IAAIH,YAAY,EAAE;YACvBG,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAsBG,gBAAgB,CAAC,CAAC,CAACC,OAAO,CAAEC,OAAO,IAAK;cACjEA,OAAO,CAACP,SAAS,CAACQ,GAAG,CAAC,8BAA8B,CAAC;YACvD,CAAC,CAAC;UACJ;QACF,CAAC;MACH;;MAEA;IAAA;MAAAnB,IAAA;MAAAI,MAAA;MAAAH,GAAA;MAAAC,KAAA,EACA,SAAAA,CAAA,EAAoB;QAClB,OAAOpB,GAAG,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACd,QADc;AACd,KADc,GAAAf,aAAA,CA9BRd,oBAAoB,mBA+BHN,MAAM;MAE3B;IAAC;EAAA;AAAA,GAjCgCF,mBAAmB,CAACC,eAAe,CAAC;AAoCvEqC,OAAO,CAACC,IAAI,CACV,wHAAwH,GACtH,8EACJ,CAAC;;AAED;AACA,eAAe/B,oBAAoB","ignoreList":[]}

package/es/components/content-item/content-item.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -369,7 +369,11 @@ declare class C4DContentItem extends C4DContentItem_base {
     /**
      * `true` if there are CTA media in the content item area.
      */
-    protected _hasMedia: boolean;
+    _hasMedia: boolean;
+    /**
+     * `true` if there is a pictogram in the content
+     */
+    _hasPictogram: boolean;
     /**
      * `true` if there are CTA statistic in the content item area.
      */

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

@@ -8,7 +8,7 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -71,6 +71,13 @@ let C4DContentItem = _decorate([customElement(`${c4dPrefix}-content-item`)], fun
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [state()],
+      key: "_hasPictogram",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [state()],
@@ -106,6 +113,10 @@ let C4DContentItem = _decorate([customElement(`${c4dPrefix}-content-item`)], fun
        * `true` if there are CTA media in the content item area.
        */
 
+      /**
+       * `true` if there is a pictogram in the content
+       */
+
       /**
        * `true` if there are CTA statistic in the content item area.
        */
@@ -134,6 +145,10 @@ let C4DContentItem = _decorate([customElement(`${c4dPrefix}-content-item`)], fun
         } else {
           this._hasLogo = false;
         }
+        if (target.getAttribute('name') == 'media') {
+          const hasPictogram = target.assignedNodes().some(node => node.tagName.toLowerCase() == 'svg');
+          this._hasPictogram = hasPictogram;
+        }
       }
 
       /**

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

@@ -1 +1 @@
-{"version":3,"file":"content-item.js","names":["html","LitElement","classMap","property","state","settings","StableSelectorMixin","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","media","statistic","footer","C4DContentItem","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","key","value","type","Boolean","_handleSlotChange","target","_assignedNodes$","_assignedNodes$$match","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","matches","call","selectorImageLogo","_hasLogo","_renderStatistic","_hasStatistic","hasStatistic","handleSlotChange","_t","_","_renderMedia","_hasMedia","hasMedia","_t2","_renderBody","_t3","_renderFooter","_hasFooter","hasFooter","_t4","updated","_this$querySelector","querySelector","setAttribute","_this$querySelector2","removeAttribute","render","horizontal","hasLogo","horizontalClass","_t5","static"],"sources":["components/content-item/content-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\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, LitElement, TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property, state } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './content-item.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * Content item.\n *\n * @element c4d-content-item\n * @slot media - The media content.\n * @slot heading - The heading content.\n * @slot footer - The footer (CTA) content.\n * @csspart statistics - The element. Usage: `c4d-content-item::part(statistics)`\n * @csspart media - The media content. Usage: `c4d-content-item::part(media)`\n * @csspart cta - The footer CTA. Usage: `c4d-content-item::part(cta)`\n * @csspart heading - The heading content. Usage: `c4d-content-item::part(heading)`\n * @csspart body - The body content. Usage: `c4d-content-item::part(body)`\n */\n@customElement(`${c4dPrefix}-content-item`)\nclass C4DContentItem extends StableSelectorMixin(LitElement) {\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasLogo = false;\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  protected _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * `true` if there is a footer content.\n   */\n  @state()\n  _hasFooter = false;\n\n  @property({ type: Boolean })\n  horizontal = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n    if (\n      (\n        (target as HTMLSlotElement).assignedNodes()[0] as HTMLElement\n      )?.matches?.(\n        (this.constructor as typeof C4DContentItem).selectorImageLogo\n      )\n    ) {\n      this._hasLogo = true;\n    } else {\n      this._hasLogo = false;\n    }\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${c4dPrefix}--content-item__statitics\"\n        part=\"statistics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div\n        ?hidden=\"${!hasMedia}\"\n        class=\"${c4dPrefix}--content-item__media\"\n        part=\"media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The body content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderBody(): TemplateResult | string | void {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * @returns The footer content.\n   */\n  protected _renderFooter(): TemplateResult | string | void {\n    const { _hasFooter: hasFooter } = this;\n    return html`\n      <div\n        ?hidden=\"${!hasFooter}\"\n        class=\"${prefix}--content-item__cta\"\n        part=\"cta\">\n        <slot name=\"footer\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  updated() {\n    if (this._hasFooter) {\n      this.querySelector(`${c4dPrefix}-content-item-copy`)?.setAttribute(\n        'has-cta',\n        ''\n      );\n    } else {\n      this.querySelector(`${c4dPrefix}-content-item-copy`)?.removeAttribute(\n        'has-cta'\n      );\n    }\n  }\n\n  render() {\n    const { horizontal, _hasStatistic: hasStatistic, _hasLogo: hasLogo } = this;\n    const horizontalClass = classMap({\n      [`${c4dPrefix}--content-item__horizontal`]:\n        horizontal && !hasStatistic && !hasLogo,\n    });\n\n    return html`\n      <div class=\"${horizontalClass}\" part=\"heading\">\n        ${this._renderStatistic()} ${this._renderMedia()}\n        <div part=\"body\">\n          <slot name=\"heading\"></slot>\n          ${this._renderBody()}${this._renderFooter()}\n        </div>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-item`;\n  }\n\n  static get selectorImageLogo() {\n    return `${c4dPrefix}-image-logo`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"content-item.js","names":["html","LitElement","classMap","property","state","settings","StableSelectorMixin","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","media","statistic","footer","C4DContentItem","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","key","value","type","Boolean","_handleSlotChange","target","_assignedNodes$","_assignedNodes$$match","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","matches","call","selectorImageLogo","_hasLogo","getAttribute","hasPictogram","tagName","toLowerCase","_hasPictogram","_renderStatistic","_hasStatistic","hasStatistic","handleSlotChange","_t","_","_renderMedia","_hasMedia","hasMedia","_t2","_renderBody","_t3","_renderFooter","_hasFooter","hasFooter","_t4","updated","_this$querySelector","querySelector","setAttribute","_this$querySelector2","removeAttribute","render","horizontal","hasLogo","horizontalClass","_t5","static"],"sources":["components/content-item/content-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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, LitElement, TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property, state } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './content-item.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * Content item.\n *\n * @element c4d-content-item\n * @slot media - The media content.\n * @slot heading - The heading content.\n * @slot footer - The footer (CTA) content.\n * @csspart statistics - The element. Usage: `c4d-content-item::part(statistics)`\n * @csspart media - The media content. Usage: `c4d-content-item::part(media)`\n * @csspart cta - The footer CTA. Usage: `c4d-content-item::part(cta)`\n * @csspart heading - The heading content. Usage: `c4d-content-item::part(heading)`\n * @csspart body - The body content. Usage: `c4d-content-item::part(body)`\n */\n@customElement(`${c4dPrefix}-content-item`)\nclass C4DContentItem extends StableSelectorMixin(LitElement) {\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasLogo = false;\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  _hasMedia = false;\n  /**\n   * `true` if there is a pictogram in the content\n   */\n  @state()\n  _hasPictogram = false;\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * `true` if there is a footer content.\n   */\n  @state()\n  _hasFooter = false;\n\n  @property({ type: Boolean })\n  horizontal = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n    if (\n      (\n        (target as HTMLSlotElement).assignedNodes()[0] as HTMLElement\n      )?.matches?.(\n        (this.constructor as typeof C4DContentItem).selectorImageLogo\n      )\n    ) {\n      this._hasLogo = true;\n    } else {\n      this._hasLogo = false;\n    }\n    if ((target as HTMLElement).getAttribute('name') == 'media') {\n      const hasPictogram = (target as HTMLSlotElement)\n        .assignedNodes()\n        .some((node) => (node as HTMLElement).tagName.toLowerCase() == 'svg');\n      this._hasPictogram = hasPictogram;\n    }\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${c4dPrefix}--content-item__statitics\"\n        part=\"statistics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div\n        ?hidden=\"${!hasMedia}\"\n        class=\"${c4dPrefix}--content-item__media\"\n        part=\"media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The body content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderBody(): TemplateResult | string | void {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * @returns The footer content.\n   */\n  protected _renderFooter(): TemplateResult | string | void {\n    const { _hasFooter: hasFooter } = this;\n    return html`\n      <div\n        ?hidden=\"${!hasFooter}\"\n        class=\"${prefix}--content-item__cta\"\n        part=\"cta\">\n        <slot name=\"footer\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  updated() {\n    if (this._hasFooter) {\n      this.querySelector(`${c4dPrefix}-content-item-copy`)?.setAttribute(\n        'has-cta',\n        ''\n      );\n    } else {\n      this.querySelector(`${c4dPrefix}-content-item-copy`)?.removeAttribute(\n        'has-cta'\n      );\n    }\n  }\n\n  render() {\n    const { horizontal, _hasStatistic: hasStatistic, _hasLogo: hasLogo } = this;\n    const horizontalClass = classMap({\n      [`${c4dPrefix}--content-item__horizontal`]:\n        horizontal && !hasStatistic && !hasLogo,\n    });\n\n    return html`\n      <div class=\"${horizontalClass}\" part=\"heading\">\n        ${this._renderStatistic()} ${this._renderMedia()}\n        <div part=\"body\">\n          <slot name=\"heading\"></slot>\n          ${this._renderBody()}${this._renderFooter()}\n        </div>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-item`;\n  }\n\n  static get selectorImageLogo() {\n    return `${c4dPrefix}-image-logo`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentItem;\n"],"mappings":"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","ignoreList":[]}

package/es/components/cta-block/cta-block-item-row.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -357,6 +357,8 @@ declare const C4DCTABlockItemRow_base: {
 declare class C4DCTABlockItemRow extends C4DCTABlockItemRow_base {
     /** Defines if the bottom border is rendered */
     _noBorder: boolean;
+    _hasChildWithMedia: boolean;
+    checkForMedia(): void;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * Checks if the no-border attribute has changed and applies the border class accordingly

package/es/components/cta-block/cta-block-item-row.js

@@ -1,21 +1,23 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
-  _t;
+  _t,
+  _t2;
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
  */
 
 import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
+import { property, state } from 'lit/decorators.js';
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././cta-block.css.js";
 import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import C4DContentItem from "../content-item/content-item.js";
 const {
   prefix,
   stablePrefix: c4dPrefix
@@ -47,13 +49,40 @@ let C4DCTABlockItemRow = _decorate([customElement(`${c4dPrefix}-cta-block-item-r
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [state()],
+      key: "_hasChildWithMedia",
+      value() {
+        return false;
+      }
     }, {
       kind: "method",
-      key: "render",
+      key: "checkForMedia",
       value: /** Defines if the bottom border is rendered */
 
-      function render() {
-        return html(_t || (_t = _`<slot></slot>`));
+      function checkForMedia() {
+        const childrenWithMedia = Array.from(this.children).filter(elem => {
+          if (elem instanceof C4DContentItem) {
+            return (elem === null || elem === void 0 ? void 0 : elem._hasMedia) && !(elem !== null && elem !== void 0 && elem._hasPictogram);
+          }
+          return false;
+        });
+        this._hasChildWithMedia = childrenWithMedia.length > 0;
+        this.render();
+      }
+    }, {
+      kind: "method",
+      key: "render",
+      value: function render() {
+        const {
+          _hasChildWithMedia: hasChildWithMedia
+        } = this;
+        if (hasChildWithMedia) {
+          return html(_t || (_t = _`<div class="scroll-container"><slot></slot></div>`));
+        } else {
+          return html(_t2 || (_t2 = _`<slot></slot>`));
+        }
       }
 
       /**
@@ -66,6 +95,9 @@ let C4DCTABlockItemRow = _decorate([customElement(`${c4dPrefix}-cta-block-item-r
         if (changedProperties.has('_noBorder')) {
           this.classList.toggle(`${prefix}--cta-block-item-row__border`, !this._noBorder);
         }
+        this.updateComplete.then(() => {
+          this.checkForMedia();
+        });
       }
     }, {
       kind: "get",

package/es/components/cta-block/cta-block-item-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-block-item-row.js","names":["LitElement","html","property","settings","StableSelectorMixin","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DCTABlockItemRow","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","_t","_","updated","changedProperties","has","classList","toggle","_noBorder","static","console","warn"],"sources":["components/cta-block/cta-block-item-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\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 settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-block.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The CTA BLOCK ITEM ROW component\n *\n * @element c4d-cta-block-item-row\n * @slot .\n */\n@customElement(`${c4dPrefix}-cta-block-item-row`)\nclass C4DCTABlockItemRow extends StableSelectorMixin(LitElement) {\n  /** Defines if the bottom border is rendered */\n  @property({ type: Boolean, reflect: true, attribute: 'no-border' })\n  _noBorder = false;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      this.classList.toggle(\n        `${prefix}--cta-block-item-row__border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--cta-block-item-row`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nconsole.warn(\n  'The cta-block-item-row component has been deprecated in favor of the content-section/block and content-item components. ' +\n    'See content-section/block and content-items documentation for more information.'\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCTABlockItemRow;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAE/G,MAAM;EAAEC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGP,QAAQ;;AAEpD;AACA;AACA;AACA;AACA;AACA;AALA,IAOMQ,kBAAkB,GAAAC,SAAA,EADvBL,aAAa,CAAC,GAAGG,SAAS,qBAAqB,CAAC,aAAAG,WAAA,EAAAC,oBAAA;EAAjD,MACMH,kBAAkB,SAAAG,oBAAA,CAAyC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0BjE;EAAC;IAAAI,CAAA,EA1BKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAErBlB,QAAQ,CAAC;QAAEmB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACvD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAFjB;;MAIA,SAAAC,MAAMA,CAAA,EAAG;QACP,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAV,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAGA,SAAAI,OAAOA,CAACC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,WAAW,CAAC,EAAE;UACtC,IAAI,CAACC,SAAS,CAACC,MAAM,CACnB,GAAG1B,MAAM,8BAA8B,EACvC,CAAC,IAAI,CAAC2B,SACR,CAAC;QACH;MACF;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAX,GAAA;MAAAC,KAAA,EAED,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGhB,SAAS,sBAAsB;MAC3C;IAAC;MAAAS,IAAA;MAAAiB,MAAA;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAEerB,MAAM;MAAA;IAAA;EAAA;AAAA,GAzBSD,mBAAmB,CAACJ,UAAU,CAAC;AA4BhEqC,OAAO,CAACC,IAAI,CACV,0HAA0H,GACxH,iFACJ,CAAC;;AAED;AACA,eAAe3B,kBAAkB","ignoreList":[]}
+{"version":3,"file":"cta-block-item-row.js","names":["LitElement","html","property","state","settings","StableSelectorMixin","styles","carbonElement","customElement","C4DContentItem","prefix","stablePrefix","c4dPrefix","C4DCTABlockItemRow","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","checkForMedia","childrenWithMedia","Array","from","children","filter","elem","_hasMedia","_hasPictogram","_hasChildWithMedia","length","render","hasChildWithMedia","_t","_","_t2","updated","changedProperties","has","classList","toggle","_noBorder","updateComplete","then","static","console","warn"],"sources":["components/cta-block/cta-block-item-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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, state } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-block.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport C4DContentItem from '../content-item/content-item';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The CTA BLOCK ITEM ROW component\n *\n * @element c4d-cta-block-item-row\n * @slot .\n */\n@customElement(`${c4dPrefix}-cta-block-item-row`)\nclass C4DCTABlockItemRow extends StableSelectorMixin(LitElement) {\n  /** Defines if the bottom border is rendered */\n  @property({ type: Boolean, reflect: true, attribute: 'no-border' })\n  _noBorder = false;\n  @state()\n  _hasChildWithMedia = false;\n  checkForMedia() {\n    const childrenWithMedia = Array.from(this.children).filter((elem) => {\n      if (elem instanceof C4DContentItem) {\n        return (\n          (elem as C4DContentItem)?._hasMedia &&\n          !(elem as C4DContentItem)?._hasPictogram\n        );\n      }\n      return false;\n    });\n    this._hasChildWithMedia = childrenWithMedia.length > 0;\n    this.render();\n  }\n\n  render() {\n    const { _hasChildWithMedia: hasChildWithMedia } = this;\n    if (hasChildWithMedia) {\n      return html`<div class=\"scroll-container\"><slot></slot></div>`;\n    } else {\n      return html`<slot></slot>`;\n    }\n  }\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      this.classList.toggle(\n        `${prefix}--cta-block-item-row__border`,\n        !this._noBorder\n      );\n    }\n    this.updateComplete.then(() => {\n      this.checkForMedia();\n    });\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--cta-block-item-row`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nconsole.warn(\n  'The cta-block-item-row component has been deprecated in favor of the content-section/block and content-item components. ' +\n    'See content-section/block and content-items documentation for more information.'\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCTABlockItemRow;\n"],"mappings":"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","ignoreList":[]}

package/es/components/cta-block/cta-block-item.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -365,7 +365,7 @@ declare class C4DCTABlockItem extends C4DCTABlockItem_base {
     /**
      * `true` if there are CTA media in the content item area.
      */
-    protected _hasMedia: boolean;
+    _hasMedia: boolean;
     /**
      * `true` if there are CTA statistic in the content item area.
      */

package/es/components/cta-block/cta-block-item.js

@@ -10,7 +10,7 @@ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prot
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 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.
@@ -98,6 +98,10 @@ let C4DCTABlockItem = _decorate([customElement(`${c4dPrefix}-cta-block-item`)],
         } = target;
         const hasContent = target.assignedNodes().some(node => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
         this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;
+        if (target.getAttribute('name') == 'media') {
+          const hasPictogram = target.assignedNodes().some(node => node.tagName.toLowerCase() == 'svg');
+          this._hasPictogram = hasPictogram;
+        }
       }
 
       /**

package/es/components/cta-block/cta-block-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-block-item.js","names":["css","html","state","settings","StableSelectorMixin","C4DContentItem","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","media","statistic","footer","C4DCTABlockItem","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderStatistic","_hasStatistic","hasStatistic","handleSlotChange","_t","_","_renderMedia","_hasMedia","hasMedia","_t2","render","_t3","_superPropGet","static","_t4","console","warn"],"sources":["components/cta-block/cta-block-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\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 { css, html, TemplateResult } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DContentItem from '../content-item/content-item';\n\nimport styles from './cta-block.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * The CTA BLOCK ITEM component\n *\n * @element c4d-cta-block-item\n * @slot statistics\n * @slot media\n * @slot heading\n * @slot .\n * @slot footer\n * @csspart statistics -  The statistics. Usage: `c4d-cta-block-item::part(statistics)`\n * @csspart media -  The media. Usage: `c4d-cta-block-item::part(media)`\n */\n@customElement(`${c4dPrefix}-cta-block-item`)\nclass C4DCTABlockItem extends StableSelectorMixin(C4DContentItem) {\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  protected _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${prefix}--cta-block-item__statitics\"\n        part=\"statistics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div\n        ?hidden=\"${!hasMedia}\"\n        class=\"${prefix}--cta-block-item__media\"\n        part=\"media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this._renderStatistic()} ${this._renderMedia()}\n      <slot name=\"heading\"></slot>\n      ${super._renderBody()}${super._renderFooter()}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--cta-block-item`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\nconsole.warn(\n  'The cta-block-item component has been deprecated in favor of the content-section/block and content-item components. ' +\n    'See content-section/block and content-items documentation for more information.'\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCTABlockItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"cta-block-item.js","names":["css","html","state","settings","StableSelectorMixin","C4DContentItem","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","media","statistic","footer","C4DCTABlockItem","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","getAttribute","hasPictogram","tagName","toLowerCase","_hasPictogram","_renderStatistic","_hasStatistic","hasStatistic","handleSlotChange","_t","_","_renderMedia","_hasMedia","hasMedia","_t2","render","_t3","_superPropGet","static","_t4","console","warn"],"sources":["components/cta-block/cta-block-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { css, html, TemplateResult } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DContentItem from '../content-item/content-item';\n\nimport styles from './cta-block.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * The CTA BLOCK ITEM component\n *\n * @element c4d-cta-block-item\n * @slot statistics\n * @slot media\n * @slot heading\n * @slot .\n * @slot footer\n * @csspart statistics -  The statistics. Usage: `c4d-cta-block-item::part(statistics)`\n * @csspart media -  The media. Usage: `c4d-cta-block-item::part(media)`\n */\n@customElement(`${c4dPrefix}-cta-block-item`)\nclass C4DCTABlockItem extends StableSelectorMixin(C4DContentItem) {\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n    if ((target as HTMLElement).getAttribute('name') == 'media') {\n      const hasPictogram = (target as HTMLSlotElement)\n        .assignedNodes()\n        .some((node) => (node as HTMLElement).tagName.toLowerCase() == 'svg');\n      this._hasPictogram = hasPictogram;\n    }\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${prefix}--cta-block-item__statitics\"\n        part=\"statistics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div\n        ?hidden=\"${!hasMedia}\"\n        class=\"${prefix}--cta-block-item__media\"\n        part=\"media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this._renderStatistic()} ${this._renderMedia()}\n      <slot name=\"heading\"></slot>\n      ${super._renderBody()}${super._renderFooter()}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--cta-block-item`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\nconsole.warn(\n  'The cta-block-item component has been deprecated in favor of the content-section/block and content-item components. ' +\n    'See content-section/block and content-items documentation for more information.'\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCTABlockItem;\n"],"mappings":"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","ignoreList":[]}