@carbon/ibmdotcom-web-components 2.14.0-rc.2 → 2.14.0

package/es/components/cta/feature-cta.js

@@ -20,7 +20,7 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import PlayVideo from "../../icons/play-video.js";
+import PlayFilled from '@carbon/web-components/es/icons/play--filled/32.js';
 import { formatVideoCaption, formatVideoDuration } from '@carbon/ibmdotcom-utilities/es/utilities/formatVideoCaption/formatVideoCaption.js';
 import C4DFeatureCard from "../feature-card/feature-card.js";
 import CTAMixin from "../../component-mixins/cta/cta-v1.js";
@@ -62,7 +62,8 @@ let C4DFeatureCTA = _decorate([customElement(`${c4dPrefix}-feature-cta`)], funct
           videoDuration,
           videoName,
           formatVideoCaption: formatCaptionInEffect,
-          formatVideoDuration: formatDurationInEffect
+          formatVideoDuration: formatDurationInEffect,
+          _hasCopy: hasCopy
         } = this;
         if (ctaType !== CTA_TYPE.VIDEO) {
           return _superPropGet(C4DFeatureCTA, "_renderCopy", this, 3)([]);
@@ -75,10 +76,10 @@ let C4DFeatureCTA = _decorate([customElement(`${c4dPrefix}-feature-cta`)], funct
         });
         this.captionHeading = caption;
         return html(_t || (_t = _`
-      <div class="${0}--card__copy" part="copy">
+      <div ?hidden="${0}" class="${0}--card__copy" part="copy">
         <slot @slotchange="${0}"></slot>
       </div>
-    `), prefix, this._handleSlotChange);
+    `), !hasCopy, prefix, this._handleCopySlotChange);
       }
     }, {
       kind: "method",
@@ -98,14 +99,16 @@ let C4DFeatureCTA = _decorate([customElement(`${c4dPrefix}-feature-cta`)], funct
               slot="image">
               ${0}
             </c4d-image>
-          `), ifDefined(videoName), ifDefined(thumbnail || videoThumbnailUrl), PlayVideo({
+          `), ifDefined(videoName), ifDefined(thumbnail || videoThumbnailUrl), PlayFilled({
           slot: 'icon'
         }));
         return noPoster ? undefined : html(_t3 || (_t3 = _`
-          <slot name="image" @slotchange="${0}"
-            >${0}</slot
-          >
-        `), this._handleSlotChange, image);
+          <div part="image-wrapper" class="${0}--card__image-wrapper">
+            <slot name="image" @slotchange="${0}">
+              ${0}
+            </slot>
+          </div>
+        `), prefix, this._handleSlotChange, image);
       }
 
       /**

package/es/components/cta/feature-cta.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-cta.js","names":["html","property","settings","ifDefined","PlayVideo","formatVideoCaption","formatVideoDuration","C4DFeatureCard","CTAMixin","VideoCTAMixin","CTA_TYPE","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DFeatureCTA","_decorate","_initialize","_VideoCTAMixin","constructor","args","F","d","kind","key","value","_renderCopy","ctaType","videoDuration","videoName","formatCaptionInEffect","formatDurationInEffect","VIDEO","_superPropGet","caption","duration","name","captionHeading","_t","_","_handleSlotChange","_renderImage","noPoster","thumbnail","videoThumbnailUrl","image","undefined","_t2","slot","_t3","decorators","attribute","reflect","REGULAR","type","Boolean","Number","updated","changedProperties","selectorFooter","has","videoDescription","footer","querySelector","altAriaLabel","heading","selectorHeading","innerText","static","console","warn"],"sources":["components/cta/feature-cta.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// @ts-nocheck\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '@carbon/ibmdotcom-utilities/es/utilities/formatVideoCaption/formatVideoCaption.js';\nimport C4DFeatureCard from '../feature-card/feature-card';\nimport CTAMixin from '../../component-mixins/cta/cta-v1';\nimport VideoCTAMixin from '../../component-mixins/cta/video';\nimport C4DFeatureCTAFooter from './feature-cta-footer';\nimport './feature-cta-footer';\nimport { CTA_TYPE } from './defs';\nimport styles from './cta.scss';\n\nimport '../card/card-eyebrow';\nimport '../card/card-heading';\nimport '../image/image';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nexport { CTA_TYPE };\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Feature CTA.\n *\n * @element c4d-feature-cta\n * @csspart copy - The copy content. Usage: `c4d-feature-cta::part(copy)`\n */\n@customElement(`${c4dPrefix}-feature-cta`)\nclass C4DFeatureCTA extends VideoCTAMixin(CTAMixin(C4DFeatureCard)) {\n  protected _renderCopy() {\n    const {\n      ctaType,\n      videoDuration,\n      videoName,\n      formatVideoCaption: formatCaptionInEffect,\n      formatVideoDuration: formatDurationInEffect,\n    } = this;\n    if (ctaType !== CTA_TYPE.VIDEO) {\n      return super._renderCopy();\n    }\n    const caption = formatCaptionInEffect({\n      duration: formatDurationInEffect({\n        duration: !videoDuration ? videoDuration : videoDuration * 1000,\n      }),\n      name: videoName,\n    });\n\n    this.captionHeading = caption;\n\n    return html`\n      <div class=\"${prefix}--card__copy\" part=\"copy\">\n        <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderImage() {\n    const { ctaType, noPoster, thumbnail, videoName, videoThumbnailUrl } = this;\n    const image =\n      ctaType !== CTA_TYPE.VIDEO || noPoster\n        ? undefined\n        : html`\n            <c4d-image\n              alt=\"${ifDefined(videoName)}\"\n              default-src=\"${ifDefined(thumbnail || videoThumbnailUrl)}\"\n              slot=\"image\">\n              ${PlayVideo({ slot: 'icon' })}\n            </c4d-image>\n          `;\n    return noPoster\n      ? undefined\n      : html`\n          <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"\n            >${image}</slot\n          >\n        `;\n  }\n\n  /**\n   * The video caption to replace the heading with.\n   */\n  @property({ attribute: false })\n  captionHeading;\n\n  /**\n   * The CTA type.\n   */\n  @property({ reflect: true, attribute: 'cta-type' })\n  ctaType = CTA_TYPE.REGULAR;\n\n  /**\n   * The formatter for the video caption, composed with the video name and the video duration.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatVideoCaption = formatVideoCaption;\n\n  /**\n   * The formatter for the video duration.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatVideoDuration = formatVideoDuration;\n\n  /**\n   * Set `true` if Poster Video Image should not be shown.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-poster' })\n  noPoster = false;\n\n  /**\n   * Optional custom video thumbnail\n   */\n  @property({ reflect: true, attribute: 'thumbnail' })\n  thumbnail?: '';\n\n  /**\n   * The video duration.\n   */\n  @property({ type: Number, attribute: 'video-duration' })\n  videoDuration?: number;\n\n  /**\n   * The video name.\n   */\n  @property({ attribute: 'video-name' })\n  videoName?: string;\n\n  /**\n   * The custom video description.\n   */\n  @property({ attribute: 'video-description' })\n  videoDescription?: string;\n\n  /**\n   * The video thumbnail URL.\n   */\n  videoThumbnailUrl?: string;\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const { selectorFooter } = this.constructor as typeof C4DFeatureCTA;\n    if (\n      changedProperties.has('ctaType') ||\n      changedProperties.has('videoName') ||\n      changedProperties.has('captionHeading')\n    ) {\n      const { ctaType, videoName, videoDescription } = this;\n      const footer = this.querySelector(selectorFooter);\n      if (footer) {\n        (footer as C4DFeatureCTAFooter).ctaType = ctaType;\n        (footer as C4DFeatureCTAFooter).altAriaLabel =\n          this.videoName || this.captionHeading;\n        (footer as C4DFeatureCTAFooter).videoName = videoName;\n        (footer as C4DFeatureCTAFooter).videoDescription = videoDescription;\n      }\n    }\n    if (changedProperties.has('captionHeading')) {\n      const heading = this.querySelector(\n        (this.constructor as typeof C4DFeatureCTA).selectorHeading\n      ) as HTMLElement;\n\n      if (heading) {\n        heading!.innerText = this.captionHeading;\n      }\n    }\n  }\n\n  /**\n   * A selector that will return the child heading.\n   */\n  static get selectorHeading() {\n    return `${c4dPrefix}-card-heading`;\n  }\n\n  /**\n   * A selector that will return the child footer.\n   */\n  static get selectorFooter() {\n    return `${c4dPrefix}-feature-cta-footer`;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--feature-cta`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nconsole.warn(\n  `The c4d-feature-cta component has been deprecated. All its features have been absorbed into\n  the base c4d-feature-card component. See migration guide for more information.`\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DFeatureCTA;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"feature-cta.js","names":["html","property","settings","ifDefined","PlayFilled","formatVideoCaption","formatVideoDuration","C4DFeatureCard","CTAMixin","VideoCTAMixin","CTA_TYPE","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DFeatureCTA","_decorate","_initialize","_VideoCTAMixin","constructor","args","F","d","kind","key","value","_renderCopy","ctaType","videoDuration","videoName","formatCaptionInEffect","formatDurationInEffect","_hasCopy","hasCopy","VIDEO","_superPropGet","caption","duration","name","captionHeading","_t","_","_handleCopySlotChange","_renderImage","noPoster","thumbnail","videoThumbnailUrl","image","undefined","_t2","slot","_t3","_handleSlotChange","decorators","attribute","reflect","REGULAR","type","Boolean","Number","updated","changedProperties","selectorFooter","has","videoDescription","footer","querySelector","altAriaLabel","heading","selectorHeading","innerText","static","console","warn"],"sources":["components/cta/feature-cta.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// @ts-nocheck\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport PlayFilled from '@carbon/web-components/es/icons/play--filled/32.js';\nimport {\n  formatVideoCaption,\n  formatVideoDuration,\n} from '@carbon/ibmdotcom-utilities/es/utilities/formatVideoCaption/formatVideoCaption.js';\nimport C4DFeatureCard from '../feature-card/feature-card';\nimport CTAMixin from '../../component-mixins/cta/cta-v1';\nimport VideoCTAMixin from '../../component-mixins/cta/video';\nimport C4DFeatureCTAFooter from './feature-cta-footer';\nimport './feature-cta-footer';\nimport { CTA_TYPE } from './defs';\nimport styles from './cta.scss';\n\nimport '../card/card-eyebrow';\nimport '../card/card-heading';\nimport '../image/image';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nexport { CTA_TYPE };\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Feature CTA.\n *\n * @element c4d-feature-cta\n * @csspart copy - The copy content. Usage: `c4d-feature-cta::part(copy)`\n */\n@customElement(`${c4dPrefix}-feature-cta`)\nclass C4DFeatureCTA extends VideoCTAMixin(CTAMixin(C4DFeatureCard)) {\n  protected _renderCopy() {\n    const {\n      ctaType,\n      videoDuration,\n      videoName,\n      formatVideoCaption: formatCaptionInEffect,\n      formatVideoDuration: formatDurationInEffect,\n      _hasCopy: hasCopy,\n    } = this;\n    if (ctaType !== CTA_TYPE.VIDEO) {\n      return super._renderCopy();\n    }\n    const caption = formatCaptionInEffect({\n      duration: formatDurationInEffect({\n        duration: !videoDuration ? videoDuration : videoDuration * 1000,\n      }),\n      name: videoName,\n    });\n\n    this.captionHeading = caption;\n\n    return html`\n      <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--card__copy\" part=\"copy\">\n        <slot @slotchange=\"${this._handleCopySlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderImage() {\n    const { ctaType, noPoster, thumbnail, videoName, videoThumbnailUrl } = this;\n    const image =\n      ctaType !== CTA_TYPE.VIDEO || noPoster\n        ? undefined\n        : html`\n            <c4d-image\n              alt=\"${ifDefined(videoName)}\"\n              default-src=\"${ifDefined(thumbnail || videoThumbnailUrl)}\"\n              slot=\"image\">\n              ${PlayFilled({ slot: 'icon' })}\n            </c4d-image>\n          `;\n    return noPoster\n      ? undefined\n      : html`\n          <div part=\"image-wrapper\" class=\"${prefix}--card__image-wrapper\">\n            <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\">\n              ${image}\n            </slot>\n          </div>\n        `;\n  }\n\n  /**\n   * The video caption to replace the heading with.\n   */\n  @property({ attribute: false })\n  captionHeading;\n\n  /**\n   * The CTA type.\n   */\n  @property({ reflect: true, attribute: 'cta-type' })\n  ctaType = CTA_TYPE.REGULAR;\n\n  /**\n   * The formatter for the video caption, composed with the video name and the video duration.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatVideoCaption = formatVideoCaption;\n\n  /**\n   * The formatter for the video duration.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatVideoDuration = formatVideoDuration;\n\n  /**\n   * Set `true` if Poster Video Image should not be shown.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-poster' })\n  noPoster = false;\n\n  /**\n   * Optional custom video thumbnail\n   */\n  @property({ reflect: true, attribute: 'thumbnail' })\n  thumbnail?: '';\n\n  /**\n   * The video duration.\n   */\n  @property({ type: Number, attribute: 'video-duration' })\n  videoDuration?: number;\n\n  /**\n   * The video name.\n   */\n  @property({ attribute: 'video-name' })\n  videoName?: string;\n\n  /**\n   * The custom video description.\n   */\n  @property({ attribute: 'video-description' })\n  videoDescription?: string;\n\n  /**\n   * The video thumbnail URL.\n   */\n  videoThumbnailUrl?: string;\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const { selectorFooter } = this.constructor as typeof C4DFeatureCTA;\n    if (\n      changedProperties.has('ctaType') ||\n      changedProperties.has('videoName') ||\n      changedProperties.has('captionHeading')\n    ) {\n      const { ctaType, videoName, videoDescription } = this;\n      const footer = this.querySelector(selectorFooter);\n      if (footer) {\n        (footer as C4DFeatureCTAFooter).ctaType = ctaType;\n        (footer as C4DFeatureCTAFooter).altAriaLabel =\n          this.videoName || this.captionHeading;\n        (footer as C4DFeatureCTAFooter).videoName = videoName;\n        (footer as C4DFeatureCTAFooter).videoDescription = videoDescription;\n      }\n    }\n    if (changedProperties.has('captionHeading')) {\n      const heading = this.querySelector(\n        (this.constructor as typeof C4DFeatureCTA).selectorHeading\n      ) as HTMLElement;\n\n      if (heading) {\n        heading!.innerText = this.captionHeading;\n      }\n    }\n  }\n\n  /**\n   * A selector that will return the child heading.\n   */\n  static get selectorHeading() {\n    return `${c4dPrefix}-card-heading`;\n  }\n\n  /**\n   * A selector that will return the child footer.\n   */\n  static get selectorFooter() {\n    return `${c4dPrefix}-feature-cta-footer`;\n  }\n\n  static get stableSelector() {\n    return `${c4dPrefix}--feature-cta`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nconsole.warn(\n  `The c4d-feature-cta component has been deprecated. All its features have been absorbed into\n  the base c4d-feature-card component. See migration guide for more information.`\n);\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DFeatureCTA;\n"],"mappings":"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","ignoreList":[]}