@carbon/ibmdotcom-web-components 2.21.0 → 2.23.0

package/es/components/content-item-row/content-item-row-media.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.
@@ -373,6 +373,10 @@ declare class C4DContentItemRowMedia extends C4DContentItemRowMedia_base {
      * @returns The text column content.
      */
     protected _renderTextCol(): TemplateResult | string | void;
+    /**
+     * @returns The media column content.
+     */
+    protected _renderMediaCol(): TemplateResult | string | void;
     /**
      * @returns The component content in the appropriate tabbing order.
      */

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

@@ -3,11 +3,13 @@ let _ = t => t,
   _t,
   _t2,
   _t3,
-  _t4;
+  _t4,
+  _t5,
+  _t6;
 /**
  * @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.
@@ -97,6 +99,20 @@ let C4DContentItemRowMedia = _decorate([customElement(`${c4dPrefix}-content-item
     `), prefix, this._handleSlotChange, this._renderBody(), this._renderFooter());
       }
 
+      /**
+       * @returns The media column content.
+       */
+    }, {
+      kind: "method",
+      key: "_renderMediaCol",
+      value: function _renderMediaCol() {
+        return html(_t2 || (_t2 = _`
+      <div class="${0}--content-item-row__col" part="col col--media">
+        <slot name="media" @slotchange="${0}"></slot>
+      </div>
+    `), prefix, this._handleSlotChange);
+      }
+
       /**
        * @returns The component content in the appropriate tabbing order.
        */
@@ -104,24 +120,19 @@ let C4DContentItemRowMedia = _decorate([customElement(`${c4dPrefix}-content-item
       kind: "method",
       key: "_renderContent",
       value: function _renderContent() {
-        const alignedRight = this._isOneColumn || this.align === MEDIA_ALIGN.RIGHT;
-        return alignedRight ? html(_t2 || (_t2 = _`
-          ${0}
-          <div class="${0}--content-item-row__col" part="col col--media">
-            <slot name="media" @slotchange="${0}"></slot>
-          </div>
-        `), this._renderTextCol(), prefix, this._handleSlotChange) : html(_t3 || (_t3 = _`
-          <div class="${0}--content-item-row__col" part="col col--media">
-            <slot name="media" @slotchange="${0}"></slot>
-          </div>
-          ${0}
-        `), prefix, this._handleSlotChange, this._renderTextCol());
+        const alignedRight = this.align === MEDIA_ALIGN.RIGHT;
+
+        // Always return image first when stacked on mobile
+        if (this._isOneColumn) {
+          return html(_t3 || (_t3 = _` ${0} ${0} `), this._renderMediaCol(), this._renderTextCol());
+        }
+        return alignedRight ? html(_t4 || (_t4 = _` ${0} ${0} `), this._renderTextCol(), this._renderMediaCol()) : html(_t5 || (_t5 = _` ${0} ${0} `), this._renderMediaCol(), this._renderTextCol());
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t4 || (_t4 = _`
+        return html(_t6 || (_t6 = _`
       <div
         class="${0}--content-item-row__row ${0}--content-item-row-media__align-${0}"
         part="row row--media">

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

@@ -1 +1 @@
-{"version":3,"file":"content-item-row-media.js","names":["html","property","state","baseFontSize","breakpoints","HostListener","HostListenerMixin","settings","C4DContentItem","styles","MEDIA_ALIGN","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","breakpoint","parseFloat","lg","width","C4DContentItemRowMedia","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","reflect","key","value","RIGHT","window","innerWidth","_isOneColumn","_renderTextCol","_t","_","_handleSlotChange","_renderBody","_renderFooter","_renderContent","alignedRight","align","_t2","_t3","render","_t4","static"],"sources":["components/content-item-row/content-item-row-media.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 { TemplateResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DContentItem from '../content-item/content-item';\nimport styles from './content-item-row-media.scss';\n\nimport { MEDIA_ALIGN } from './defs';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\n/**\n * A component to present content in a row orientation with media.\n *\n * @element c4d-content-item-row-media\n * @csspart col--eyebrow - the column eyebrow. Usage. `c4d-content-item-row-media::part(col--eyebrow)`\n * @csspart col--media - thecontent column media. Usage. `c4d-content-item-row-media::part(col--media)`\n * @csspart row--media - the content row media. Usage. `c4d-content-item-row-media::part(row--media)`\n * @csspart\n */\n@customElement(`${c4dPrefix}-content-item-row-media`)\nclass C4DContentItemRowMedia extends HostListenerMixin(C4DContentItem) {\n  /**\n   * Defines the alignment of the media: `left` or `right`\n   */\n  @property({ reflect: true })\n  align = MEDIA_ALIGN.RIGHT;\n\n  /**\n   * Identifies whether the window width is below the breakpoint or not.\n   */\n  @state()\n  _isOneColumn: boolean = window.innerWidth < breakpoint;\n\n  @HostListener('window:resize')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleWindowResize = (): void => {\n    this._isOneColumn = window.innerWidth < breakpoint;\n  };\n\n  /**\n   * @returns The text column content.\n   */\n  protected _renderTextCol(): TemplateResult | string | void {\n    return html`\n      <div class=\"${prefix}--content-item-row__col\" part=\"col col--eyebrow\">\n        <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        <slot name=\"heading\"></slot>\n        ${this._renderBody()} ${this._renderFooter()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The component content in the appropriate tabbing order.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const alignedRight = this._isOneColumn || this.align === MEDIA_ALIGN.RIGHT;\n\n    return alignedRight\n      ? html`\n          ${this._renderTextCol()}\n          <div class=\"${prefix}--content-item-row__col\" part=\"col col--media\">\n            <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--content-item-row__col\" part=\"col col--media\">\n            <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          </div>\n          ${this._renderTextCol()}\n        `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--content-item-row__row ${prefix}--content-item-row-media__align-${this\n          .align}\"\n        part=\"row row--media\">\n        ${this._renderContent()}\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-item-row-media`;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentItemRowMedia;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"content-item-row-media.js","names":["html","property","state","baseFontSize","breakpoints","HostListener","HostListenerMixin","settings","C4DContentItem","styles","MEDIA_ALIGN","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","breakpoint","parseFloat","lg","width","C4DContentItemRowMedia","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","reflect","key","value","RIGHT","window","innerWidth","_isOneColumn","_renderTextCol","_t","_","_handleSlotChange","_renderBody","_renderFooter","_renderMediaCol","_t2","_renderContent","alignedRight","align","_t3","_t4","_t5","render","_t6","static"],"sources":["components/content-item-row/content-item-row-media.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 { TemplateResult, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DContentItem from '../content-item/content-item';\nimport styles from './content-item-row-media.scss';\n\nimport { MEDIA_ALIGN } from './defs';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\n/**\n * A component to present content in a row orientation with media.\n *\n * @element c4d-content-item-row-media\n * @csspart col--eyebrow - the column eyebrow. Usage. `c4d-content-item-row-media::part(col--eyebrow)`\n * @csspart col--media - thecontent column media. Usage. `c4d-content-item-row-media::part(col--media)`\n * @csspart row--media - the content row media. Usage. `c4d-content-item-row-media::part(row--media)`\n * @csspart\n */\n@customElement(`${c4dPrefix}-content-item-row-media`)\nclass C4DContentItemRowMedia extends HostListenerMixin(C4DContentItem) {\n  /**\n   * Defines the alignment of the media: `left` or `right`\n   */\n  @property({ reflect: true })\n  align = MEDIA_ALIGN.RIGHT;\n\n  /**\n   * Identifies whether the window width is below the breakpoint or not.\n   */\n  @state()\n  _isOneColumn: boolean = window.innerWidth < breakpoint;\n\n  @HostListener('window:resize')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleWindowResize = (): void => {\n    this._isOneColumn = window.innerWidth < breakpoint;\n  };\n\n  /**\n   * @returns The text column content.\n   */\n  protected _renderTextCol(): TemplateResult | string | void {\n    return html`\n      <div class=\"${prefix}--content-item-row__col\" part=\"col col--eyebrow\">\n        <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        <slot name=\"heading\"></slot>\n        ${this._renderBody()} ${this._renderFooter()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media column content.\n   */\n  protected _renderMediaCol(): TemplateResult | string | void {\n    return html`\n      <div class=\"${prefix}--content-item-row__col\" part=\"col col--media\">\n        <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The component content in the appropriate tabbing order.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const alignedRight = this.align === MEDIA_ALIGN.RIGHT;\n\n    // Always return image first when stacked on mobile\n    if (this._isOneColumn) {\n      return html` ${this._renderMediaCol()} ${this._renderTextCol()} `;\n    }\n    return alignedRight\n      ? html` ${this._renderTextCol()} ${this._renderMediaCol()} `\n      : html` ${this._renderMediaCol()} ${this._renderTextCol()} `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--content-item-row__row ${prefix}--content-item-row-media__align-${this\n          .align}\"\n        part=\"row row--media\">\n        ${this._renderContent()}\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--content-item-row-media`;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DContentItemRowMedia;\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":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,GAAG,EAAEC,IAAI,QAAwB,KAAK;AAC/C,SAASC,KAAK,QAAQ,mBAAmB;AACzC,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,cAAc,MAAM,iCAA8B;AAEzD,OAAOC,MAAM,MAAM,sBAAkB;AACrC,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAE/G,MAAM;EAAEC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGR,QAAQ;;AAEpD;AACA;AACA;AACA,MAAMS,0BAA0B,GAAG;EACjCC,KAAK,EAAE,WAAW;EAClBC,SAAS,EAAE,eAAe;EAC1BC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,IAaMC,eAAe,GAAAC,SAAA,EADpBT,aAAa,CAAC,GAAGG,SAAS,iBAAiB,CAAC,aAAAO,WAAA,EAAAC,oBAAA;EAA7C,MACMH,eAAe,SAAAG,oBAAA,CAA6C;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA+ElE;EAAC;IAAAI,CAAA,EA/EKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBvB,KAAK,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACc,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAK1BvB,KAAK,CAAC,CAAC;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACkB,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAV/B;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;AACA;MACE,SAAUC,iBAAiBA,CAAC;QAAEC;MAAc,CAAC,EAAE;QAC7C,MAAM;UAAEC;QAAK,CAAC,GAAGD,MAAyB;QAC1C,MAAME,UAAU,GAAIF,MAAM,CACvBG,aAAa,CAAC,CAAC,CACfC,IAAI,CACFC,IAAI,IAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,CAAC,CACxE,CAAC;QACH,IAAI,CAAC3B,0BAA0B,CAACkB,IAAI,CAAC,IAAI,eAAe,CAAC,GAAGC,UAAU;MACxE;;MAEA;AACF;AACA;IAFE;MAAAP,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAGA,SAAUa,gBAAgBA,CAAA,EAAmC;QAC3D,MAAM;UAAEC,aAAa,EAAEC,YAAY;UAAEd,iBAAiB,EAAEe;QAAiB,CAAC,GACxE,IAAI;QACN,OAAO1C,IAAI,CAAA2C,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA,mBAFe;AACf,iBADe;AACf;AACA,+CAFe;AACf;AACA,KAFe,GAEI,CAACH,YAAY,EACfjC,MAAM,EAEwBkC,gBAAgB;MAG7D;;MAEA;AACF;AACA;IAFE;MAAAnB,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAGA,SAAUmB,YAAYA,CAAA,EAAmC;QACvD,MAAM;UAAEC,SAAS,EAAEC,QAAQ;UAAEpB,iBAAiB,EAAEe;QAAiB,CAAC,GAAG,IAAI;QAEzE,OAAO1C,IAAI,CAAAgD,GAAA,KAAAA,GAAA,GAAAJ,CAAA;AACf;AACA,mBAFe;AACf,iBADe;AACf;AACA,0CAFe;AACf;AACA,KAFe,GAEI,CAACG,QAAQ,EACXvC,MAAM,EAEmBkC,gBAAgB;MAGxD;IAAC;MAAAnB,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAuB,MAAMA,CAAA,EAAG;QACP,OAAOjD,IAAI,CAAAkD,GAAA,KAAAA,GAAA,GAAAN,CAAA;AACf,QADe;AACf;AACA,QAFe;AACf,KADe,GACP,IAAI,CAACL,gBAAgB,CAAC,CAAC,EAAI,IAAI,CAACM,YAAY,CAAC,CAAC,EAAAM,aAAA,CA/DhDpC,eAAe,+BAAAoC,aAAA,CAAfpC,eAAe;MAmEnB;IAAC;MAAAQ,IAAA;MAAA6B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EAED,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGhB,SAAS,kBAAkB;MACvC;;MAEA;IAAA;MAAAa,IAAA;MAAA6B,MAAA;MAAA3B,GAAA;MAAAC,KAAA,EACA,SAAAA,CAAA,EAAoB;QAClB,OAAO3B,GAAG,CAAAsD,GAAA,KAAAA,GAAA,GAAAT,CAAA;AACd,QADc;AACd,KADc,GAAAO,aAAA,CA3ERpC,eAAe,mBA4EEV,MAAM;MAE3B;IAAC;EAAA;AAAA,GA9E2BF,mBAAmB,CAACC,cAAc,CAAC;AAiFjEkD,OAAO,CAACC,IAAI,CACV,sHAAsH,GACpH,iFACJ,CAAC;;AAED;AACA,eAAexC,eAAe","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":[]}