@carbon/ibmdotcom-web-components 2.21.0 → 2.22.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/dist/dotcom-shell.js +2 -2
- package/dist/dotcom-shell.min.js +2 -2
- package/dist/ibmdotcom-web-components-dotcom-shell.js +2 -2
- package/dist/ibmdotcom-web-components-dotcom-shell.min.js +2 -2
- package/dist/{index-e3ec2724.js → index-d1d84c2f.js} +5 -5
- package/dist/{index-e8791a02.js → index-fe85c5e6.js} +4 -4
- package/dist/{left-nav-menu-6d7ef1ea.js → left-nav-menu-497c9169.js} +2 -2
- package/dist/{left-nav-menu-category-heading-e7b9a1d5.js → left-nav-menu-category-heading-14bacdd1.js} +2 -2
- package/dist/{left-nav-menu-category-heading-d849afd1.js → left-nav-menu-category-heading-8ccb4ce7.js} +2 -2
- package/dist/{left-nav-menu-56460567.js → left-nav-menu-cd889d8d.js} +2 -2
- package/dist/{left-nav-menu-item-038f4f32.js → left-nav-menu-item-2a3c9eb0.js} +2 -2
- package/dist/{left-nav-menu-item-d5d61f65.js → left-nav-menu-item-803e8924.js} +2 -2
- package/dist/{left-nav-menu-section-29f09097.js → left-nav-menu-section-024ec574.js} +2 -2
- package/dist/{left-nav-menu-section-a702419f.js → left-nav-menu-section-462064ef.js} +2 -2
- package/dist/{left-nav-overlay-eaec1924.js → left-nav-overlay-38b81f2f.js} +2 -2
- package/dist/{left-nav-overlay-da72cb49.js → left-nav-overlay-9ec9772c.js} +2 -2
- package/dist/{megamenu-category-group-8d5b8a00.js → megamenu-category-group-4229cc92.js} +2 -2
- package/dist/{megamenu-category-group-copy-3f8b8d92.js → megamenu-category-group-copy-18d5977c.js} +2 -2
- package/dist/{megamenu-category-group-copy-40334ef1.js → megamenu-category-group-copy-7525e13d.js} +2 -2
- package/dist/{megamenu-category-group-2ce1cfcd.js → megamenu-category-group-f874016c.js} +2 -2
- package/dist/{megamenu-category-heading-d9040ec4.js → megamenu-category-heading-05c91ceb.js} +2 -2
- package/dist/{megamenu-category-heading-eb10286a.js → megamenu-category-heading-6c437eed.js} +2 -2
- package/dist/{megamenu-category-link-a40351df.js → megamenu-category-link-09ed50a1.js} +6 -6
- package/dist/{megamenu-category-link-128e49f1.js → megamenu-category-link-8d5476f0.js} +2 -2
- package/dist/{megamenu-category-link-group-6becb24d.js → megamenu-category-link-group-a1418c5c.js} +2 -2
- package/dist/{megamenu-category-link-group-868a6a66.js → megamenu-category-link-group-fc4af18d.js} +2 -2
- package/dist/{megamenu-left-navigation-5a26ce55.js → megamenu-left-navigation-cb55e7c7.js} +2 -2
- package/dist/{megamenu-left-navigation-b38cd235.js → megamenu-left-navigation-f972fc38.js} +2 -2
- package/dist/{megamenu-overlay-291e4fd4.js → megamenu-overlay-6e2c8d97.js} +2 -2
- package/dist/{megamenu-overlay-16b7ccd4.js → megamenu-overlay-720be39f.js} +2 -2
- package/dist/{megamenu-tab-0d8bdef8.js → megamenu-tab-d96128cd.js} +2 -2
- package/dist/{megamenu-tab-788452a2.js → megamenu-tab-de78d556.js} +2 -2
- package/es/components/carousel/carousel.js +3 -2
- package/es/components/carousel/carousel.js.map +1 -1
- package/es/components/content-item-row/content-item-row-media.css.js +1 -1
- package/es/components/content-item-row/content-item-row-media.d.ts +5 -1
- package/es/components/content-item-row/content-item-row-media.js +26 -15
- package/es/components/content-item-row/content-item-row-media.js.map +1 -1
- package/es/components/pricing-table/pricing-table.css.js +1 -1
- package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/package.json +5 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2020,
|
|
4
|
+
* Copyright IBM Corp. 2020, 2025
|
|
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.
|
|
@@ -373,6 +373,10 @@ declare class C4DContentItemRowMedia extends C4DContentItemRowMedia_base {
|
|
|
373
373
|
* @returns The text column content.
|
|
374
374
|
*/
|
|
375
375
|
protected _renderTextCol(): TemplateResult | string | void;
|
|
376
|
+
/**
|
|
377
|
+
* @returns The media column content.
|
|
378
|
+
*/
|
|
379
|
+
protected _renderMediaCol(): TemplateResult | string | void;
|
|
376
380
|
/**
|
|
377
381
|
* @returns The component content in the appropriate tabbing order.
|
|
378
382
|
*/
|
|
@@ -3,11 +3,13 @@ let _ = t => t,
|
|
|
3
3
|
_t,
|
|
4
4
|
_t2,
|
|
5
5
|
_t3,
|
|
6
|
-
_t4
|
|
6
|
+
_t4,
|
|
7
|
+
_t5,
|
|
8
|
+
_t6;
|
|
7
9
|
/**
|
|
8
10
|
* @license
|
|
9
11
|
*
|
|
10
|
-
* Copyright IBM Corp. 2020,
|
|
12
|
+
* Copyright IBM Corp. 2020, 2025
|
|
11
13
|
*
|
|
12
14
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
13
15
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -97,6 +99,20 @@ let C4DContentItemRowMedia = _decorate([customElement(`${c4dPrefix}-content-item
|
|
|
97
99
|
`), prefix, this._handleSlotChange, this._renderBody(), this._renderFooter());
|
|
98
100
|
}
|
|
99
101
|
|
|
102
|
+
/**
|
|
103
|
+
* @returns The media column content.
|
|
104
|
+
*/
|
|
105
|
+
}, {
|
|
106
|
+
kind: "method",
|
|
107
|
+
key: "_renderMediaCol",
|
|
108
|
+
value: function _renderMediaCol() {
|
|
109
|
+
return html(_t2 || (_t2 = _`
|
|
110
|
+
<div class="${0}--content-item-row__col" part="col col--media">
|
|
111
|
+
<slot name="media" @slotchange="${0}"></slot>
|
|
112
|
+
</div>
|
|
113
|
+
`), prefix, this._handleSlotChange);
|
|
114
|
+
}
|
|
115
|
+
|
|
100
116
|
/**
|
|
101
117
|
* @returns The component content in the appropriate tabbing order.
|
|
102
118
|
*/
|
|
@@ -104,24 +120,19 @@ let C4DContentItemRowMedia = _decorate([customElement(`${c4dPrefix}-content-item
|
|
|
104
120
|
kind: "method",
|
|
105
121
|
key: "_renderContent",
|
|
106
122
|
value: function _renderContent() {
|
|
107
|
-
const alignedRight = this.
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
`), this._renderTextCol(),
|
|
114
|
-
<div class="${0}--content-item-row__col" part="col col--media">
|
|
115
|
-
<slot name="media" @slotchange="${0}"></slot>
|
|
116
|
-
</div>
|
|
117
|
-
${0}
|
|
118
|
-
`), prefix, this._handleSlotChange, this._renderTextCol());
|
|
123
|
+
const alignedRight = this.align === MEDIA_ALIGN.RIGHT;
|
|
124
|
+
|
|
125
|
+
// Always return image first when stacked on mobile
|
|
126
|
+
if (this._isOneColumn) {
|
|
127
|
+
return html(_t3 || (_t3 = _` ${0} ${0} `), this._renderMediaCol(), this._renderTextCol());
|
|
128
|
+
}
|
|
129
|
+
return alignedRight ? html(_t4 || (_t4 = _` ${0} ${0} `), this._renderTextCol(), this._renderMediaCol()) : html(_t5 || (_t5 = _` ${0} ${0} `), this._renderMediaCol(), this._renderTextCol());
|
|
119
130
|
}
|
|
120
131
|
}, {
|
|
121
132
|
kind: "method",
|
|
122
133
|
key: "render",
|
|
123
134
|
value: function render() {
|
|
124
|
-
return html(
|
|
135
|
+
return html(_t6 || (_t6 = _`
|
|
125
136
|
<div
|
|
126
137
|
class="${0}--content-item-row__row ${0}--content-item-row-media__align-${0}"
|
|
127
138
|
part="row row--media">
|
|
@@ -1 +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","
|
|
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","_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":[]}
|