@carbon/ibmdotcom-web-components 2.51.0-rc.0 → 2.51.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +7 -2
- package/dist/dotcom-shell.js +1 -1
- package/dist/dotcom-shell.min.js +1 -1
- package/dist/ibmdotcom-web-components-dotcom-shell.js +1 -1
- package/dist/ibmdotcom-web-components-dotcom-shell.min.js +1 -1
- package/dist/{index-514478b8.js → index-378e695a.js} +220 -94
- package/dist/{index-9732faeb.js → index-e8da1f64.js} +330 -324
- package/dist/{left-nav-menu-2f5322ac.js → left-nav-menu-7afd3489.js} +1 -1
- package/dist/{left-nav-menu-746ad81a.js → left-nav-menu-a30b7586.js} +1 -1
- package/dist/{left-nav-menu-category-heading-22762753.js → left-nav-menu-category-heading-1cc6f53b.js} +1 -1
- package/dist/{left-nav-menu-category-heading-0e98a8c6.js → left-nav-menu-category-heading-86f9b8b1.js} +1 -1
- package/dist/{left-nav-menu-item-a08c2ca0.js → left-nav-menu-item-58ba2f40.js} +1 -1
- package/dist/{left-nav-menu-item-252b6d0e.js → left-nav-menu-item-bba9ffad.js} +1 -1
- package/dist/{left-nav-menu-section-a6f52f70.js → left-nav-menu-section-311eab0b.js} +1 -1
- package/dist/{left-nav-menu-section-40ae6c75.js → left-nav-menu-section-75d1d952.js} +1 -1
- package/dist/{left-nav-overlay-6f936f5f.js → left-nav-overlay-83e00d5c.js} +1 -1
- package/dist/{left-nav-overlay-dfce57ab.js → left-nav-overlay-da8a776f.js} +1 -1
- package/dist/{megamenu-category-group-fe150fbc.js → megamenu-category-group-369b0922.js} +1 -1
- package/dist/{megamenu-category-group-copy-1e261d94.js → megamenu-category-group-copy-33e70c67.js} +1 -1
- package/dist/{megamenu-category-group-copy-419d6ebe.js → megamenu-category-group-copy-97d6b9b7.js} +1 -1
- package/dist/{megamenu-category-group-b63f1f2d.js → megamenu-category-group-fcf8d5ab.js} +1 -1
- package/dist/{megamenu-category-heading-46c39931.js → megamenu-category-heading-093efb47.js} +1 -1
- package/dist/{megamenu-category-heading-9c2eccbf.js → megamenu-category-heading-39694e3f.js} +1 -1
- package/dist/{megamenu-category-link-986b3de3.js → megamenu-category-link-c0931241.js} +1 -1
- package/dist/{megamenu-category-link-7fa288d5.js → megamenu-category-link-c71dbc10.js} +1 -1
- package/dist/{megamenu-category-link-group-1392a46f.js → megamenu-category-link-group-fb586779.js} +1 -1
- package/dist/{megamenu-category-link-group-f76ba2ac.js → megamenu-category-link-group-fce4b6b1.js} +1 -1
- package/dist/{megamenu-left-navigation-55ebdf48.js → megamenu-left-navigation-bb4c3166.js} +1 -1
- package/dist/{megamenu-left-navigation-eb44aef8.js → megamenu-left-navigation-e01bb2d1.js} +1 -1
- package/dist/{megamenu-overlay-c4637474.js → megamenu-overlay-41b74260.js} +1 -1
- package/dist/{megamenu-overlay-5c4848c7.js → megamenu-overlay-c81a5cce.js} +1 -1
- package/dist/{megamenu-tab-c2772b72.js → megamenu-tab-7b45e4b8.js} +1 -1
- package/dist/{megamenu-tab-b48fbb7c.js → megamenu-tab-d3445c0a.js} +1 -1
- package/es/components/back-to-top/__stories__/back-to-top.stories.css.js +1 -1
- package/es/components/card/card.css.js +1 -1
- package/es/components/card/card.d.ts +1 -1
- package/es/components/card/card.js +8 -2
- package/es/components/card/card.js.map +1 -1
- package/es/components/card-group/card-group-item.d.ts +3 -1
- package/es/components/card-group/card-group-item.js +21 -1
- package/es/components/card-group/card-group-item.js.map +1 -1
- package/es/components/card-group/card-group.css.js +1 -1
- package/es/components/card-section-offset/card-section-offset.css.js +1 -1
- package/es/components/card-section-simple/card-section-simple.css.js +1 -1
- package/es/components/content-block/content-block.css.js +1 -1
- package/es/components/content-block-cards/content-block-cards.css.js +1 -1
- package/es/components/content-block-media/content-block-media.css.js +1 -1
- package/es/components/content-section/content-section.css.js +1 -1
- package/es/components/cta-block/cta-block.css.js +1 -1
- package/es/components/cta-section/cta-section.css.js +1 -1
- package/es/components/dotcom-shell/dotcom-shell.css.js +1 -1
- package/es/components/footer/footer.css.js +1 -1
- package/es/components/global-banner/global-banner.css.js +1 -1
- package/es/components/leadspace/leadspace.css.js +1 -1
- package/es/components/leadspace-with-search/leadspace-with-search.css.js +1 -1
- package/es/components/link-list-section/link-list-section.css.js +1 -1
- package/es/components/locale-modal/locale-modal.css.js +1 -1
- package/es/components/masthead/masthead-cart.js +4 -1
- package/es/components/masthead/masthead-cart.js.map +1 -1
- package/es/components/masthead/masthead-l1.css.js +1 -1
- package/es/components/masthead/masthead.css.js +1 -1
- package/es/components/notice-choice/notice-choice.d.ts +1 -0
- package/es/components/notice-choice/notice-choice.js +20 -5
- package/es/components/notice-choice/notice-choice.js.map +1 -1
- package/es/components/notice-choice/services.d.ts +1 -1
- package/es/components/notice-choice/services.js +3 -2
- package/es/components/notice-choice/services.js.map +1 -1
- package/es/components/table-of-contents/table-of-contents-cdn.css.js +1 -1
- package/es/components/table-of-contents/table-of-contents.css.js +1 -1
- package/es/globals/scss/themes.css.js +1 -1
- package/package.json +6 -6
- package/scss/components/card/card.scss +17 -1
- package/scss/components/card-group/card-group.scss +17 -1
|
@@ -21,7 +21,7 @@ function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prot
|
|
|
21
21
|
/**
|
|
22
22
|
* @license
|
|
23
23
|
*
|
|
24
|
-
* Copyright IBM Corp. 2019,
|
|
24
|
+
* Copyright IBM Corp. 2019, 2026
|
|
25
25
|
*
|
|
26
26
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
27
27
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -576,8 +576,14 @@ let C4DCard = _decorate([customElement(`${c4dPrefix}-card`)], function (_initial
|
|
|
576
576
|
return this._hasPictogram ? html(_t1 || (_t1 = _`
|
|
577
577
|
<div part="container">
|
|
578
578
|
${0} ${0}
|
|
579
|
+
<div part="after"></div>
|
|
579
580
|
</div>
|
|
580
|
-
`), this._renderInner(), this._renderArrow()) : html(_t10 || (_t10 = _`
|
|
581
|
+
`), this._renderInner(), this._renderArrow()) : html(_t10 || (_t10 = _`
|
|
582
|
+
<div part="container">
|
|
583
|
+
${0}
|
|
584
|
+
<div part="after"></div>
|
|
585
|
+
</div>
|
|
586
|
+
`), this._renderInner());
|
|
581
587
|
}
|
|
582
588
|
}, {
|
|
583
589
|
kind: "get",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","names":["html","LitElement","property","query","state","ifDefined","ArrowRight20","ArrowLeft20","CDSLink","markdownToHtml","carbonElement","customElement","settings","BASIC_COLOR_SCHEME","StableSelectorMixin","styles","PICTOGRAM_PLACEMENT","CTA_TYPE","CTAMixin","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","image","pictogram","eyebrow","C4DCard","_decorate","_initialize","_CTAMixin","constructor","args","F","d","kind","decorators","attribute","key","value","type","Boolean","_handleSlotChange","target","name","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_handleCopySlotChange","_hasCopy","_renderHeading","ctaType","videoName","formatVideoCaption","formatVideoCaptionInEffect","VIDEO","_t","_","formattedVideoName","dispatchEvent","CustomEvent","eventVideoTitleUpdated","bubbles","composed","_t2","_renderCopy","hasCopy","_t3","_renderImage","videoThumbnailUrl","_hasImage","hasImage","noPoster","undefined","_t4","href","_t5","_renderDisabledLink","_classes","classes","_t6","_renderInner","_renderPictogramSlot","placement","handleSlotChange","_hasPictogram","hasPictogram","_t7","_renderEyebrowSlot","_hasEyebrow","hasEyebrow","_t8","_t9","pictogramPlacement","TOP","BOTTOM","_renderArrow","_this$querySelector","isLTR","window","getComputedStyle","direction","toUpperCase","_t0","querySelector","reflect","updated","changedProperties","_superPropGet","colorScheme","disabled","_linkNode","linkNode","has","_this$querySelector2","videoDuration","videoDescription","formatVideoDuration","formatVideoDurationInEffect","footer","selectorFooter","headingText","copyText","ariaTitle","ariaDuration","altAriaLabel","_this$querySelector3","parentHref","classList","add","toggle","INVERSE","setAttribute","removeAttribute","copyElement","innerText","_copyElement$firstEle","innerHTML","bold","firstElementChild","event","videoId","detail","_heading$textContent","_footer$textContent","formattedVideoDuration","duration","videoTitle","heading","title","document","createTextNode","appendChild","connectedCallback","eventRequestAdditionalVideoData","addEventListener","_handleVideoTitleUpdate","disconnectedCallback","removeEventListener","render","_t1","_t10","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/card/card.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';\nimport CDSLink from '@carbon/web-components/es/components/link/link.js';\nimport markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { BASIC_COLOR_SCHEME } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DCardFooter from './card-footer';\nimport styles from './card.scss';\nimport { PICTOGRAM_PLACEMENT } from './defs';\n\nimport { CTA_TYPE } from '../cta/defs';\n\nimport CTAMixin from '../../component-mixins/cta/cta';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The table mapping slot name with the private property name that indicates the\n * existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n image: '_hasImage',\n pictogram: '_hasPictogram',\n eyebrow: '_hasEyebrow',\n};\n\n/**\n * Card.\n *\n * @element c4d-card\n * @slot eyebrow - The eyebrow content.\n * @slot heading - The heading content.\n * @slot image - The image content.\n * @slot footer - The footer content.\n * @csspart caption - The Caption (default heading). Usage: `c4d-card::part(caption)`\n * @csspart copy - The Copy. Usage: `c4d-card::part(copy)`\n * @csspart container - The Inner content container. Usage: `c4d-card::part(container)`\n * @csspart video-thumbnail - The video thumbnail. Usage: `c4d-card::part(video-thumbnail)`\n * @csspart disabled-link - . Disabled link. Usage: `c4d-card::part(disabled-link)`\n * @csspart wrapper - The component wrapper. Usage: `c4d-card::part(wrapper)`\n * @csspart content - The content container. Usage: `c4d-card::part(content)`\n * @csspart link - Active link. Usage: `c4d-card::part(link)`\n */\n@customElement(`${c4dPrefix}-card`)\nclass C4DCard extends CTAMixin(StableSelectorMixin(CDSLink)) {\n /**\n * `true` if there is copy content.\n */\n @property({ attribute: 'cta-type' })\n ctaType;\n\n /**\n * `true` if there is image content.\n */\n @state()\n protected _hasImage = false;\n\n /**\n * `true` if there is copy content.\n */\n @state()\n protected _hasCopy = false;\n\n /**\n * `true` if there is a pictogram.\n */\n @state()\n protected _hasPictogram = false;\n\n /**\n * `true` if there is eyebrow content.\n */\n @state()\n protected _hasEyebrow = false;\n\n @property({ attribute: 'no-poster', type: Boolean })\n noPoster;\n\n /**\n * Handles `slotchange` event for slots other than the copy slot.\n */\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n this[slotExistencePropertyNames[name]] = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n }\n\n /**\n * Handles `slotchange` event for the copy slot.\n */\n protected _handleCopySlotChange({ target }: Event) {\n this._hasCopy = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n }\n\n /**\n * @returns The heading content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderHeading(): TemplateResult | string | void {\n const {\n ctaType,\n videoName,\n formatVideoCaption: formatVideoCaptionInEffect,\n } = this;\n if (ctaType !== CTA_TYPE.VIDEO) {\n return html`<div part=\"heading-wrapper\">\n <slot name=\"heading\"></slot>\n </div>`;\n }\n const formattedVideoName = formatVideoCaptionInEffect({ name: videoName });\n\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof C4DCard).eventVideoTitleUpdated,\n {\n bubbles: true,\n composed: true,\n }\n )\n );\n return html`\n <div part=\"heading-wrapper\">\n <slot name=\"heading\">\n <c4d-card-heading>${formattedVideoName}</c4d-card-heading>\n </slot>\n </div>\n `;\n }\n\n /**\n * @returns The copy content.\n */\n protected _renderCopy(): TemplateResult | string | void {\n const { _hasCopy: hasCopy } = this;\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(): TemplateResult | string | void {\n const {\n ctaType,\n videoName,\n videoThumbnailUrl,\n _hasImage: hasImage,\n noPoster,\n } = this;\n\n const image =\n hasImage || ctaType !== CTA_TYPE.VIDEO || noPoster\n ? undefined\n : html`\n <c4d-image\n class=\"${prefix}--card__video-thumbnail\"\n part=\"video-thumbnail\"\n alt=\"${videoName}\"\n default-src=\"${videoThumbnailUrl\n ? videoThumbnailUrl\n : `https://cdnsecakmi.kaltura.com/p/1773841/thumbnail/entry_id/${this.href}/width/333`}\">\n </c4d-image>\n `;\n return 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 * @returns The disabled link content.\n */\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <div id=\"link\" class=\"${classes}\" part=\"disabled-link\">\n ${this._renderInner()}\n </div>\n `;\n }\n\n protected _renderPictogramSlot(placement: PICTOGRAM_PLACEMENT) {\n const { _handleSlotChange: handleSlotChange, _hasPictogram: hasPictogram } =\n this;\n return html`\n <div\n part=\"pictogram-wrapper\"\n class=\"${prefix}--card__pictogram-wrapper ${!hasPictogram\n ? `${prefix}--card__pictogram-wrapper--empty`\n : ''}\">\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${placement}\"\n @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n protected _renderEyebrowSlot() {\n const { _hasEyebrow: hasEyebrow } = this;\n return html`<div\n part=\"eyebrow-wrapper\"\n class=\"${prefix}--card__eyebrow-wrapper ${!hasEyebrow\n ? `${prefix}--card__eyebrow-wrapper--empty`\n : ''}\">\n <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>`;\n }\n\n /**\n * @returns The inner content.\n */\n protected _renderInner() {\n const { _hasPictogram: hasPictogram, _hasCopy: hasCopy } = this;\n return html`\n ${this._renderImage()}\n <div\n class=\"${prefix}--card__wrapper ${hasPictogram\n ? `${prefix}--card__pictogram`\n : ''} ${hasPictogram && hasCopy ? `${prefix}--card__motion` : ''}\"\n part=\"wrapper\">\n <div class=\"${prefix}--card__content\" part=\"content\">\n ${this._renderEyebrowSlot()}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderPictogramSlot(PICTOGRAM_PLACEMENT.TOP)\n : ''}\n ${this.pictogramPlacement !== PICTOGRAM_PLACEMENT.TOP || !hasPictogram\n ? this._renderHeading()\n : null}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM ||\n !hasPictogram\n ? this._renderCopy()\n : ''}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM\n ? this._renderPictogramSlot(PICTOGRAM_PLACEMENT.BOTTOM)\n : ''}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderHeading()\n : null}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderCopy()\n : ''}\n <div part=\"footer-wrapper\" class=\"${prefix}--card__footer-wrapper\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n /**\n * @returns The CTA arrow.\n *\n */\n protected _renderArrow() {\n const isLTR =\n window.getComputedStyle(this).direction.toUpperCase() === 'LTR';\n return html`\n <a\n class=\"${`${prefix}--card__link`}\"\n part=\"link\"\n href=\"${ifDefined(this.href)}\"\n aria-label=\"${this.querySelector(`${c4dPrefix}-card-heading`)\n ?.textContent || ''}\"\n >${isLTR ? ArrowRight20() : ArrowLeft20()}</a\n >\n `;\n }\n /**\n * The color scheme.\n * A typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n *\n * Color scheme options are: \"inverse\" and \"regular\"\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = '';\n\n /**\n * Link `href`.\n */\n @property()\n href = '';\n\n /**\n * Pictogram placement\n */\n @property({ attribute: 'pictogram-placement', reflect: true })\n pictogramPlacement = PICTOGRAM_PLACEMENT.BOTTOM;\n\n /**\n * Whether or not to apply the link style.\n */\n @property({ type: Boolean, reflect: true })\n link = false;\n\n /**\n * Whether or not to apply the logo style.\n */\n @property({ type: Boolean, reflect: true })\n logo = false;\n\n @query('div')\n _linkNode;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { colorScheme, disabled, href, _linkNode: linkNode, ctaType } = this;\n\n if (\n changedProperties.has('ctaType') ||\n changedProperties.has('disabled') ||\n changedProperties.has('formatCaption') ||\n changedProperties.has('formatDuration') ||\n changedProperties.has('videoDuration') ||\n changedProperties.has('videoName')\n ) {\n const {\n ctaType,\n videoDuration,\n videoName,\n videoDescription,\n formatVideoCaption: formatVideoCaptionInEffect,\n formatVideoDuration: formatVideoDurationInEffect,\n } = this;\n const footer = this.querySelector(\n (this.constructor as typeof C4DCard).selectorFooter\n );\n\n const headingText = this.querySelector(\n `${c4dPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n if (footer) {\n const ariaTitle = videoName || headingText || copyText;\n let ariaDuration = '';\n if (videoDuration !== undefined) {\n ariaDuration = `, DURATION ${videoDuration}`;\n }\n (footer as C4DCardFooter).disabled = disabled;\n (footer as C4DCardFooter).altAriaLabel = `${ariaTitle}${ariaDuration}`;\n (footer as C4DCardFooter).ctaType = ctaType;\n (footer as C4DCardFooter).videoDuration = videoDuration;\n (footer as C4DCardFooter).videoName = videoName;\n (footer as C4DCardFooter).videoDescription = videoDescription;\n if (formatVideoCaptionInEffect) {\n (footer as C4DCardFooter).formatVideoCaption =\n formatVideoCaptionInEffect;\n }\n if (formatVideoDurationInEffect) {\n (footer as C4DCardFooter).formatVideoDuration =\n formatVideoDurationInEffect;\n }\n }\n }\n\n if (changedProperties.has('colorScheme') || changedProperties.has('href')) {\n const headingText = this.querySelector(\n `${c4dPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n const footer = this.querySelector(\n (this.constructor as typeof C4DCard).selectorFooter\n );\n if (footer && href) {\n (footer as C4DCardFooter).colorScheme = colorScheme;\n (footer as C4DCardFooter).parentHref = href;\n (footer as C4DCardFooter).ctaType = ctaType;\n (footer as C4DCardFooter).href = href;\n (footer as C4DCardFooter).altAriaLabel = headingText || copyText;\n }\n }\n if (linkNode) {\n linkNode.classList.add(`${prefix}--tile`);\n linkNode.classList.add(`${prefix}--card`);\n linkNode.classList.toggle(`${prefix}--tile--clickable`, Boolean(href));\n linkNode.classList.toggle(`${prefix}--card--link`, Boolean(href));\n linkNode.classList.toggle(\n `${prefix}--card--inverse`,\n colorScheme === BASIC_COLOR_SCHEME.INVERSE\n );\n linkNode.classList.toggle(\n `${prefix}--link--disabled`,\n Boolean(this.disabled)\n );\n }\n\n if (this._hasPictogram) {\n this.setAttribute('pictogram', '');\n } else {\n this.removeAttribute('pictogram');\n }\n\n const copyElement = this.querySelector('p');\n if (this._hasCopy && copyElement?.innerText) {\n copyElement.innerHTML = `${markdownToHtml(copyElement?.innerText, {\n bold: false,\n })}`;\n copyElement.firstElementChild?.setAttribute('style', 'all:unset;');\n }\n }\n\n /**\n * Handles card with video heading and applies the set same height function.\n *\n * @param event The event.\n */\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleVideoTitleUpdate = async (event) => {\n const { videoId } = event.detail || {};\n\n if (event && this.ctaType === CTA_TYPE.VIDEO && this.href === videoId) {\n const { videoDuration, videoName } = event.detail as any;\n const { formatVideoDuration, formatVideoCaption } = this;\n const formattedVideoDuration = formatVideoDuration({\n duration: !videoDuration ? videoDuration : videoDuration * 1000,\n });\n this.videoDuration ? null : (this.videoDuration = formattedVideoDuration);\n\n this.videoTitle = formatVideoCaption({\n name: videoName,\n });\n\n const heading = this.querySelector(`${c4dPrefix}-card-heading`);\n const footer = this.querySelector(`${c4dPrefix}-card-footer`);\n\n if (heading?.textContent?.trim() === '') {\n const title = document.createTextNode(this.videoTitle);\n heading?.appendChild(title);\n }\n\n if (footer?.textContent?.trim() === '') {\n const title = document.createTextNode(formattedVideoDuration);\n footer?.appendChild(title);\n }\n }\n };\n\n connectedCallback() {\n super.connectedCallback();\n const { eventRequestAdditionalVideoData } = this\n .constructor as typeof C4DCard;\n document.addEventListener(\n eventRequestAdditionalVideoData,\n this._handleVideoTitleUpdate\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n const { eventRequestAdditionalVideoData } = this\n .constructor as typeof C4DCard;\n document.removeEventListener(\n eventRequestAdditionalVideoData,\n this._handleVideoTitleUpdate\n );\n }\n\n render() {\n return this._hasPictogram\n ? html`\n <div part=\"container\">\n ${this._renderInner()} ${this._renderArrow()}\n </div>\n `\n : html` <div part=\"container\">${this._renderInner()}</div> `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--card`;\n }\n\n /**\n * A selector that will return the child footer.\n */\n static get selectorFooter() {\n return `${c4dPrefix}-card-footer`;\n }\n\n /**\n * The name of the custom event fired when there is a user gesture to run the action.\n */\n static get eventRequestAdditionalVideoData() {\n return `${c4dPrefix}-cta-request-additional-video-data`;\n }\n\n /**\n * The name of the custom event fired when the video title is updated\n */\n static get eventVideoTitleUpdated() {\n return `${c4dPrefix}-card-video-title-updated`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCard;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"card.js","names":["html","LitElement","property","query","state","ifDefined","ArrowRight20","ArrowLeft20","CDSLink","markdownToHtml","carbonElement","customElement","settings","BASIC_COLOR_SCHEME","StableSelectorMixin","styles","PICTOGRAM_PLACEMENT","CTA_TYPE","CTAMixin","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","image","pictogram","eyebrow","C4DCard","_decorate","_initialize","_CTAMixin","constructor","args","F","d","kind","decorators","attribute","key","value","type","Boolean","_handleSlotChange","target","name","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_handleCopySlotChange","_hasCopy","_renderHeading","ctaType","videoName","formatVideoCaption","formatVideoCaptionInEffect","VIDEO","_t","_","formattedVideoName","dispatchEvent","CustomEvent","eventVideoTitleUpdated","bubbles","composed","_t2","_renderCopy","hasCopy","_t3","_renderImage","videoThumbnailUrl","_hasImage","hasImage","noPoster","undefined","_t4","href","_t5","_renderDisabledLink","_classes","classes","_t6","_renderInner","_renderPictogramSlot","placement","handleSlotChange","_hasPictogram","hasPictogram","_t7","_renderEyebrowSlot","_hasEyebrow","hasEyebrow","_t8","_t9","pictogramPlacement","TOP","BOTTOM","_renderArrow","_this$querySelector","isLTR","window","getComputedStyle","direction","toUpperCase","_t0","querySelector","reflect","updated","changedProperties","_superPropGet","colorScheme","disabled","_linkNode","linkNode","has","_this$querySelector2","videoDuration","videoDescription","formatVideoDuration","formatVideoDurationInEffect","footer","selectorFooter","headingText","copyText","ariaTitle","ariaDuration","altAriaLabel","_this$querySelector3","parentHref","classList","add","toggle","INVERSE","setAttribute","removeAttribute","copyElement","innerText","_copyElement$firstEle","innerHTML","bold","firstElementChild","event","videoId","detail","_heading$textContent","_footer$textContent","formattedVideoDuration","duration","videoTitle","heading","title","document","createTextNode","appendChild","connectedCallback","eventRequestAdditionalVideoData","addEventListener","_handleVideoTitleUpdate","disconnectedCallback","removeEventListener","render","_t1","_t10","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/card/card.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TemplateResult, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';\nimport CDSLink from '@carbon/web-components/es/components/link/link.js';\nimport markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { BASIC_COLOR_SCHEME } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport C4DCardFooter from './card-footer';\nimport styles from './card.scss';\nimport { PICTOGRAM_PLACEMENT } from './defs';\n\nimport { CTA_TYPE } from '../cta/defs';\n\nimport CTAMixin from '../../component-mixins/cta/cta';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The table mapping slot name with the private property name that indicates the\n * existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n image: '_hasImage',\n pictogram: '_hasPictogram',\n eyebrow: '_hasEyebrow',\n};\n\n/**\n * Card.\n *\n * @element c4d-card\n * @slot eyebrow - The eyebrow content.\n * @slot heading - The heading content.\n * @slot image - The image content.\n * @slot footer - The footer content.\n * @csspart caption - The Caption (default heading). Usage: `c4d-card::part(caption)`\n * @csspart copy - The Copy. Usage: `c4d-card::part(copy)`\n * @csspart container - The Inner content container. Usage: `c4d-card::part(container)`\n * @csspart video-thumbnail - The video thumbnail. Usage: `c4d-card::part(video-thumbnail)`\n * @csspart disabled-link - . Disabled link. Usage: `c4d-card::part(disabled-link)`\n * @csspart wrapper - The component wrapper. Usage: `c4d-card::part(wrapper)`\n * @csspart content - The content container. Usage: `c4d-card::part(content)`\n * @csspart link - Active link. Usage: `c4d-card::part(link)`\n */\n@customElement(`${c4dPrefix}-card`)\nclass C4DCard extends CTAMixin(StableSelectorMixin(CDSLink)) {\n /**\n * `true` if there is copy content.\n */\n @property({ attribute: 'cta-type' })\n ctaType;\n\n /**\n * `true` if there is image content.\n */\n @state()\n protected _hasImage = false;\n\n /**\n * `true` if there is copy content.\n */\n @state()\n protected _hasCopy = false;\n\n /**\n * `true` if there is a pictogram.\n */\n @state()\n protected _hasPictogram = false;\n\n /**\n * `true` if there is eyebrow content.\n */\n @state()\n protected _hasEyebrow = false;\n\n @property({ attribute: 'no-poster', type: Boolean })\n noPoster;\n\n /**\n * Handles `slotchange` event for slots other than the copy slot.\n */\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n this[slotExistencePropertyNames[name]] = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n }\n\n /**\n * Handles `slotchange` event for the copy slot.\n */\n protected _handleCopySlotChange({ target }: Event) {\n this._hasCopy = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n }\n\n /**\n * @returns The heading content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderHeading(): TemplateResult | string | void {\n const {\n ctaType,\n videoName,\n formatVideoCaption: formatVideoCaptionInEffect,\n } = this;\n if (ctaType !== CTA_TYPE.VIDEO) {\n return html`<div part=\"heading-wrapper\">\n <slot name=\"heading\"></slot>\n </div>`;\n }\n const formattedVideoName = formatVideoCaptionInEffect({ name: videoName });\n\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof C4DCard).eventVideoTitleUpdated,\n {\n bubbles: true,\n composed: true,\n }\n )\n );\n return html`\n <div part=\"heading-wrapper\">\n <slot name=\"heading\">\n <c4d-card-heading>${formattedVideoName}</c4d-card-heading>\n </slot>\n </div>\n `;\n }\n\n /**\n * @returns The copy content.\n */\n protected _renderCopy(): TemplateResult | string | void {\n const { _hasCopy: hasCopy } = this;\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(): TemplateResult | string | void {\n const {\n ctaType,\n videoName,\n videoThumbnailUrl,\n _hasImage: hasImage,\n noPoster,\n } = this;\n\n const image =\n hasImage || ctaType !== CTA_TYPE.VIDEO || noPoster\n ? undefined\n : html`\n <c4d-image\n class=\"${prefix}--card__video-thumbnail\"\n part=\"video-thumbnail\"\n alt=\"${videoName}\"\n default-src=\"${videoThumbnailUrl\n ? videoThumbnailUrl\n : `https://cdnsecakmi.kaltura.com/p/1773841/thumbnail/entry_id/${this.href}/width/333`}\">\n </c4d-image>\n `;\n return 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 * @returns The disabled link content.\n */\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <div id=\"link\" class=\"${classes}\" part=\"disabled-link\">\n ${this._renderInner()}\n </div>\n `;\n }\n\n protected _renderPictogramSlot(placement: PICTOGRAM_PLACEMENT) {\n const { _handleSlotChange: handleSlotChange, _hasPictogram: hasPictogram } =\n this;\n return html`\n <div\n part=\"pictogram-wrapper\"\n class=\"${prefix}--card__pictogram-wrapper ${!hasPictogram\n ? `${prefix}--card__pictogram-wrapper--empty`\n : ''}\">\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${placement}\"\n @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n protected _renderEyebrowSlot() {\n const { _hasEyebrow: hasEyebrow } = this;\n return html`<div\n part=\"eyebrow-wrapper\"\n class=\"${prefix}--card__eyebrow-wrapper ${!hasEyebrow\n ? `${prefix}--card__eyebrow-wrapper--empty`\n : ''}\">\n <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>`;\n }\n\n /**\n * @returns The inner content.\n */\n protected _renderInner() {\n const { _hasPictogram: hasPictogram, _hasCopy: hasCopy } = this;\n return html`\n ${this._renderImage()}\n <div\n class=\"${prefix}--card__wrapper ${hasPictogram\n ? `${prefix}--card__pictogram`\n : ''} ${hasPictogram && hasCopy ? `${prefix}--card__motion` : ''}\"\n part=\"wrapper\">\n <div class=\"${prefix}--card__content\" part=\"content\">\n ${this._renderEyebrowSlot()}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderPictogramSlot(PICTOGRAM_PLACEMENT.TOP)\n : ''}\n ${this.pictogramPlacement !== PICTOGRAM_PLACEMENT.TOP || !hasPictogram\n ? this._renderHeading()\n : null}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM ||\n !hasPictogram\n ? this._renderCopy()\n : ''}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM\n ? this._renderPictogramSlot(PICTOGRAM_PLACEMENT.BOTTOM)\n : ''}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderHeading()\n : null}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderCopy()\n : ''}\n <div part=\"footer-wrapper\" class=\"${prefix}--card__footer-wrapper\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n /**\n * @returns The CTA arrow.\n *\n */\n protected _renderArrow() {\n const isLTR =\n window.getComputedStyle(this).direction.toUpperCase() === 'LTR';\n return html`\n <a\n class=\"${`${prefix}--card__link`}\"\n part=\"link\"\n href=\"${ifDefined(this.href)}\"\n aria-label=\"${this.querySelector(`${c4dPrefix}-card-heading`)\n ?.textContent || ''}\"\n >${isLTR ? ArrowRight20() : ArrowLeft20()}</a\n >\n `;\n }\n /**\n * The color scheme.\n * A typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n *\n * Color scheme options are: \"inverse\" and \"regular\"\n */\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = '';\n\n /**\n * Link `href`.\n */\n @property()\n href = '';\n\n /**\n * Pictogram placement\n */\n @property({ attribute: 'pictogram-placement', reflect: true })\n pictogramPlacement = PICTOGRAM_PLACEMENT.BOTTOM;\n\n /**\n * Whether or not to apply the link style.\n */\n @property({ type: Boolean, reflect: true })\n link = false;\n\n /**\n * Whether or not to apply the logo style.\n */\n @property({ type: Boolean, reflect: true })\n logo = false;\n\n @query('div')\n _linkNode;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { colorScheme, disabled, href, _linkNode: linkNode, ctaType } = this;\n\n if (\n changedProperties.has('ctaType') ||\n changedProperties.has('disabled') ||\n changedProperties.has('formatCaption') ||\n changedProperties.has('formatDuration') ||\n changedProperties.has('videoDuration') ||\n changedProperties.has('videoName')\n ) {\n const {\n ctaType,\n videoDuration,\n videoName,\n videoDescription,\n formatVideoCaption: formatVideoCaptionInEffect,\n formatVideoDuration: formatVideoDurationInEffect,\n } = this;\n const footer = this.querySelector(\n (this.constructor as typeof C4DCard).selectorFooter\n );\n\n const headingText = this.querySelector(\n `${c4dPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n if (footer) {\n const ariaTitle = videoName || headingText || copyText;\n let ariaDuration = '';\n if (videoDuration !== undefined) {\n ariaDuration = `, DURATION ${videoDuration}`;\n }\n (footer as C4DCardFooter).disabled = disabled;\n (footer as C4DCardFooter).altAriaLabel = `${ariaTitle}${ariaDuration}`;\n (footer as C4DCardFooter).ctaType = ctaType;\n (footer as C4DCardFooter).videoDuration = videoDuration;\n (footer as C4DCardFooter).videoName = videoName;\n (footer as C4DCardFooter).videoDescription = videoDescription;\n if (formatVideoCaptionInEffect) {\n (footer as C4DCardFooter).formatVideoCaption =\n formatVideoCaptionInEffect;\n }\n if (formatVideoDurationInEffect) {\n (footer as C4DCardFooter).formatVideoDuration =\n formatVideoDurationInEffect;\n }\n }\n }\n\n if (changedProperties.has('colorScheme') || changedProperties.has('href')) {\n const headingText = this.querySelector(\n `${c4dPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n const footer = this.querySelector(\n (this.constructor as typeof C4DCard).selectorFooter\n );\n if (footer && href) {\n (footer as C4DCardFooter).colorScheme = colorScheme;\n (footer as C4DCardFooter).parentHref = href;\n (footer as C4DCardFooter).ctaType = ctaType;\n (footer as C4DCardFooter).href = href;\n (footer as C4DCardFooter).altAriaLabel = headingText || copyText;\n }\n }\n if (linkNode) {\n linkNode.classList.add(`${prefix}--tile`);\n linkNode.classList.add(`${prefix}--card`);\n linkNode.classList.toggle(`${prefix}--tile--clickable`, Boolean(href));\n linkNode.classList.toggle(`${prefix}--card--link`, Boolean(href));\n linkNode.classList.toggle(\n `${prefix}--card--inverse`,\n colorScheme === BASIC_COLOR_SCHEME.INVERSE\n );\n linkNode.classList.toggle(\n `${prefix}--link--disabled`,\n Boolean(this.disabled)\n );\n }\n\n if (this._hasPictogram) {\n this.setAttribute('pictogram', '');\n } else {\n this.removeAttribute('pictogram');\n }\n\n const copyElement = this.querySelector('p');\n if (this._hasCopy && copyElement?.innerText) {\n copyElement.innerHTML = `${markdownToHtml(copyElement?.innerText, {\n bold: false,\n })}`;\n copyElement.firstElementChild?.setAttribute('style', 'all:unset;');\n }\n }\n\n /**\n * Handles card with video heading and applies the set same height function.\n *\n * @param event The event.\n */\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleVideoTitleUpdate = async (event) => {\n const { videoId } = event.detail || {};\n\n if (event && this.ctaType === CTA_TYPE.VIDEO && this.href === videoId) {\n const { videoDuration, videoName } = event.detail as any;\n const { formatVideoDuration, formatVideoCaption } = this;\n const formattedVideoDuration = formatVideoDuration({\n duration: !videoDuration ? videoDuration : videoDuration * 1000,\n });\n this.videoDuration ? null : (this.videoDuration = formattedVideoDuration);\n\n this.videoTitle = formatVideoCaption({\n name: videoName,\n });\n\n const heading = this.querySelector(`${c4dPrefix}-card-heading`);\n const footer = this.querySelector(`${c4dPrefix}-card-footer`);\n\n if (heading?.textContent?.trim() === '') {\n const title = document.createTextNode(this.videoTitle);\n heading?.appendChild(title);\n }\n\n if (footer?.textContent?.trim() === '') {\n const title = document.createTextNode(formattedVideoDuration);\n footer?.appendChild(title);\n }\n }\n };\n\n connectedCallback() {\n super.connectedCallback();\n const { eventRequestAdditionalVideoData } = this\n .constructor as typeof C4DCard;\n document.addEventListener(\n eventRequestAdditionalVideoData,\n this._handleVideoTitleUpdate\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n const { eventRequestAdditionalVideoData } = this\n .constructor as typeof C4DCard;\n document.removeEventListener(\n eventRequestAdditionalVideoData,\n this._handleVideoTitleUpdate\n );\n }\n\n render() {\n return this._hasPictogram\n ? html`\n <div part=\"container\">\n ${this._renderInner()} ${this._renderArrow()}\n <div part=\"after\"></div>\n </div>\n `\n : html`\n <div part=\"container\">\n ${this._renderInner()}\n <div part=\"after\"></div>\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--card`;\n }\n\n /**\n * A selector that will return the child footer.\n */\n static get selectorFooter() {\n return `${c4dPrefix}-card-footer`;\n }\n\n /**\n * The name of the custom event fired when there is a user gesture to run the action.\n */\n static get eventRequestAdditionalVideoData() {\n return `${c4dPrefix}-cta-request-additional-video-data`;\n }\n\n /**\n * The name of the custom event fired when the video title is updated\n */\n static get eventVideoTitleUpdated() {\n return `${c4dPrefix}-card-video-title-updated`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCard;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2020,
|
|
4
|
+
* Copyright IBM Corp. 2020, 2026
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
+
import { TemplateResult } from 'lit';
|
|
9
10
|
import C4DCard from '../card/card';
|
|
10
11
|
import { GRID_MODE } from './defs';
|
|
11
12
|
/**
|
|
@@ -29,6 +30,7 @@ declare class C4DCardGroupItem extends C4DCard {
|
|
|
29
30
|
* A selector that will return the child footer.
|
|
30
31
|
*/
|
|
31
32
|
static get selectorFooter(): string;
|
|
33
|
+
render(): TemplateResult<1>;
|
|
32
34
|
static styles: any;
|
|
33
35
|
}
|
|
34
36
|
export default C4DCardGroupItem;
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import _decorate from "@babel/runtime/helpers/esm/decorate";
|
|
2
2
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
3
3
|
import _get from "@babel/runtime/helpers/esm/get";
|
|
4
|
+
let _ = t => t,
|
|
5
|
+
_t,
|
|
6
|
+
_t2;
|
|
4
7
|
function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
5
8
|
/**
|
|
6
9
|
* @license
|
|
7
10
|
*
|
|
8
|
-
* Copyright IBM Corp. 2020,
|
|
11
|
+
* Copyright IBM Corp. 2020, 2026
|
|
9
12
|
*
|
|
10
13
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
11
14
|
* LICENSE file in the root directory of this source tree.
|
|
12
15
|
*/
|
|
13
16
|
|
|
17
|
+
import { html } from 'lit';
|
|
14
18
|
import { property } from 'lit/decorators.js';
|
|
15
19
|
import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
|
|
16
20
|
import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
|
@@ -93,6 +97,22 @@ let C4DCardGroupItem = _decorate([customElement(`${c4dPrefix}-card-group-item`)]
|
|
|
93
97
|
value: function () {
|
|
94
98
|
return `${c4dPrefix}-card-footer`;
|
|
95
99
|
}
|
|
100
|
+
}, {
|
|
101
|
+
kind: "method",
|
|
102
|
+
key: "render",
|
|
103
|
+
value: function render() {
|
|
104
|
+
return this._hasPictogram ? html(_t || (_t = _`
|
|
105
|
+
<div part="container">
|
|
106
|
+
${0} ${0}
|
|
107
|
+
<div part="after"></div>
|
|
108
|
+
</div>
|
|
109
|
+
`), this._renderInner(), this._renderArrow()) : html(_t2 || (_t2 = _`
|
|
110
|
+
<div part="container">
|
|
111
|
+
${0}
|
|
112
|
+
<div part="after"></div>
|
|
113
|
+
</div>
|
|
114
|
+
`), this._renderInner());
|
|
115
|
+
}
|
|
96
116
|
}, {
|
|
97
117
|
kind: "field",
|
|
98
118
|
static: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-group-item.js","names":["property","settings","carbonElement","customElement","C4DCard","styles","GRID_MODE","stablePrefix","c4dPrefix","C4DCardGroupItem","_decorate","_initialize","_C4DCard","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","DEFAULT","static","updated","changedProperties","_superPropGet","has","_this$shadowRoot","shadowRoot","querySelector","setAttribute"],"sources":["components/card-group/card-group-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020,
|
|
1
|
+
{"version":3,"file":"card-group-item.js","names":["html","property","settings","carbonElement","customElement","C4DCard","styles","GRID_MODE","stablePrefix","c4dPrefix","C4DCardGroupItem","_decorate","_initialize","_C4DCard","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","DEFAULT","static","updated","changedProperties","_superPropGet","has","_this$shadowRoot","shadowRoot","querySelector","setAttribute","render","_hasPictogram","_t","_","_renderInner","_renderArrow","_t2"],"sources":["components/card-group/card-group-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TemplateResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport C4DCard from '../card/card';\nimport styles from './card-group.scss';\nimport { GRID_MODE } from './defs';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Card Group item.\n *\n * @element c4d-card-group-item\n */\n@customElement(`${c4dPrefix}-card-group-item`)\nclass C4DCardGroupItem extends C4DCard {\n /**\n * `true` if the card group item is empty.\n */\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n /**\n * The inherited grid mode the card group item lives within.\n * Condensed (1px) | Narrow (16px) | Default(32px).\n */\n @property({ attribute: 'grid-mode', reflect: true })\n gridMode = GRID_MODE.DEFAULT;\n\n static get stableSelector() {\n return `${c4dPrefix}--card-group-item`;\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n\n if (changedProperties.has('ctaType')) {\n this.shadowRoot\n ?.querySelector('c4d-image')\n ?.setAttribute('card-group-item', '');\n }\n }\n\n /**\n * A selector that will return the child footer.\n */\n static get selectorFooter() {\n return `${c4dPrefix}-card-footer`;\n }\n\n render(): TemplateResult<1> {\n return this._hasPictogram\n ? html`\n <div part=\"container\">\n ${this._renderInner()} ${this._renderArrow()}\n <div part=\"after\"></div>\n </div>\n `\n : html`\n <div part=\"container\">\n ${this._renderInner()}\n <div part=\"after\"></div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DCardGroupItem;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAyBA,IAAI,QAAQ,KAAK;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAC/G,OAAOC,OAAO,MAAM,iBAAc;AAClC,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,SAAS,QAAQ,WAAQ;AAElC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGP,QAAQ;;AAE5C;AACA;AACA;AACA;AACA;AAJA,IAMMQ,gBAAgB,GAAAC,SAAA,EADrBP,aAAa,CAAC,GAAGK,SAAS,kBAAkB,CAAC,aAAAG,WAAA,EAAAC,QAAA;EAA9C,MACMH,gBAAgB,SAAAG,QAAA,CAAiB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDvC;EAAC;IAAAI,CAAA,EApDKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInBlB,QAAQ,CAAC;QAAEmB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACnC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAMZlB,QAAQ,CAAC;QAAEwB,SAAS,EAAE,WAAW;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzCjB,SAAS,CAACmB,OAAO;MAAA;IAAA;MAAAR,IAAA;MAAAS,MAAA;MAAAJ,GAAA;MAAAC,KAAA;MAX5B;AACF;AACA;;MAIE;AACF;AACA;AACA;;MAIE,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGf,SAAS,mBAAmB;MACxC;IAAC;MAAAS,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAI,OAAOA,CAACC,iBAAiB,EAAE;QACzBC,aAAA,CAnBEpB,gBAAgB,uBAmBJmB,iBAAiB;QAE/B,IAAIA,iBAAiB,CAACE,GAAG,CAAC,SAAS,CAAC,EAAE;UAAA,IAAAC,gBAAA;UACpC,CAAAA,gBAAA,OAAI,CAACC,UAAU,cAAAD,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CACIE,aAAa,CAAC,WAAW,CAAC,cAAAF,gBAAA,eAD9BA,gBAAA,CAEIG,YAAY,CAAC,iBAAiB,EAAE,EAAE,CAAC;QACzC;MACF;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAS,MAAA;MAAAJ,GAAA;MAAAC,KAAA,EAGA,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGf,SAAS,cAAc;MACnC;IAAC;MAAAS,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAY,MAAMA,CAAA,EAAsB;QAC1B,OAAO,IAAI,CAACC,aAAa,GACrBrC,IAAI,CAAAsC,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACZ;AACA,cAFY;AACZ;AACA;AACA,SAHY,GAEE,IAAI,CAACC,YAAY,CAAC,CAAC,EAAI,IAAI,CAACC,YAAY,CAAC,CAAC,IAIhDzC,IAAI,CAAA0C,GAAA,KAAAA,GAAA,GAAAH,CAAA;AACZ;AACA,cAFY;AACZ;AACA;AACA,SAHY,GAEE,IAAI,CAACC,YAAY,CAAC,CAAC,CAGxB;MACP;IAAC;MAAAtB,IAAA;MAAAS,MAAA;MAAAJ,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAnDOD,OAAO;AAsDtC;AACA,eAAeK,gBAAgB","ignoreList":[]}
|