@carbon/ibmdotcom-web-components 2.48.0 → 2.49.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 +4 -6
- 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-7073ec78.js → index-adfddc06.js} +4 -4
- package/dist/{index-b819eefc.js → index-b426f051.js} +17 -74
- package/dist/{left-nav-menu-e9108438.js → left-nav-menu-285b2d09.js} +1 -1
- package/dist/{left-nav-menu-0ddb90d7.js → left-nav-menu-5e27b743.js} +1 -1
- package/dist/{left-nav-menu-category-heading-08d18557.js → left-nav-menu-category-heading-30bfb070.js} +1 -1
- package/dist/{left-nav-menu-category-heading-e2592d0d.js → left-nav-menu-category-heading-ec5617ac.js} +1 -1
- package/dist/{left-nav-menu-item-dcdac62f.js → left-nav-menu-item-d1f39a4f.js} +1 -1
- package/dist/{left-nav-menu-item-a604b8db.js → left-nav-menu-item-eaaeb2a2.js} +1 -1
- package/dist/{left-nav-menu-section-763d7ada.js → left-nav-menu-section-40165248.js} +1 -1
- package/dist/{left-nav-menu-section-3a22d6a2.js → left-nav-menu-section-6343cf51.js} +1 -1
- package/dist/{left-nav-overlay-53202cdc.js → left-nav-overlay-2ceeed16.js} +1 -1
- package/dist/{left-nav-overlay-f079f5bd.js → left-nav-overlay-c58ce474.js} +1 -1
- package/dist/{megamenu-category-group-7334a77c.js → megamenu-category-group-acc5b32b.js} +1 -1
- package/dist/{megamenu-category-group-copy-af2a7de6.js → megamenu-category-group-copy-0d9fac6a.js} +1 -1
- package/dist/{megamenu-category-group-copy-ee79d5dc.js → megamenu-category-group-copy-ac5247f8.js} +1 -1
- package/dist/{megamenu-category-group-916e8a0d.js → megamenu-category-group-f388d208.js} +1 -1
- package/dist/{megamenu-category-heading-53b9be81.js → megamenu-category-heading-8f657c8d.js} +1 -1
- package/dist/{megamenu-category-heading-c102de05.js → megamenu-category-heading-cd3d3fe7.js} +1 -1
- package/dist/{megamenu-category-link-defb1bd6.js → megamenu-category-link-592c66f0.js} +1 -1
- package/dist/{megamenu-category-link-800dad5a.js → megamenu-category-link-b29c1a6a.js} +1 -1
- package/dist/{megamenu-category-link-group-d67bfe11.js → megamenu-category-link-group-2448afd6.js} +1 -1
- package/dist/{megamenu-category-link-group-1cce18e8.js → megamenu-category-link-group-50b30323.js} +1 -1
- package/dist/{megamenu-left-navigation-e98850ab.js → megamenu-left-navigation-93122184.js} +1 -1
- package/dist/{megamenu-left-navigation-a328f9e5.js → megamenu-left-navigation-fd6e97cc.js} +1 -1
- package/dist/{megamenu-overlay-406f9d65.js → megamenu-overlay-bdf43cd6.js} +1 -1
- package/dist/{megamenu-overlay-613423d7.js → megamenu-overlay-daeba46c.js} +1 -1
- package/dist/{megamenu-tab-e2c7e080.js → megamenu-tab-656e4007.js} +1 -1
- package/dist/{megamenu-tab-0b6918ac.js → megamenu-tab-90a388cf.js} +1 -1
- package/es/components/lightbox-media-viewer/lightbox-media-viewer-body.d.ts +5 -1
- package/es/components/lightbox-media-viewer/lightbox-media-viewer-body.js +17 -4
- package/es/components/lightbox-media-viewer/lightbox-media-viewer-body.js.map +1 -1
- package/es/components/lightbox-media-viewer/lightbox-media-viewer.d.ts +3 -1
- package/es/components/lightbox-media-viewer/lightbox-media-viewer.js +10 -2
- package/es/components/lightbox-media-viewer/lightbox-media-viewer.js.map +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player.d.ts +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player.js +16 -5
- package/es/components/lightbox-media-viewer/lightbox-video-player.js.map +1 -1
- package/es/components/masthead/masthead-cart.d.ts +0 -13
- package/es/components/masthead/masthead-cart.js +15 -72
- package/es/components/masthead/masthead-cart.js.map +1 -1
- package/es/components-react/lightbox-media-viewer/lightbox-media-viewer.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightbox-video-player.js","names":["html","property","removeHtmlTagEntities","settings","formatVideoCaption","formatVideoDuration","C4DLightboxMediaViewerBody","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxVideoPlayer","_decorate","_initialize","_C4DLightboxMediaView","constructor","args","F","d","kind","key","value","_renderDescription","description","_t","_","_renderMedia","_t2","_renderTitle","duration","formatCaption","
|
|
1
|
+
{"version":3,"file":"lightbox-video-player.js","names":["html","property","removeHtmlTagEntities","settings","formatVideoCaption","formatVideoDuration","C4DLightboxMediaViewerBody","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxVideoPlayer","_decorate","_initialize","_C4DLightboxMediaView","constructor","args","F","d","kind","key","value","_renderDescription","description","_t","_","_renderMedia","_t2","_renderTitle","duration","formatCaption","name","formattedDuration","totalSeconds","Math","floor","hours","minutes","seconds","String","padStart","_t3","updated","changedProperties","has","setAttribute","connectedCallback","_superPropGet","decorators","type","Number","attribute"],"sources":["components/lightbox-media-viewer/lightbox-video-player.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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport removeHtmlTagEntities from '@carbon/ibmdotcom-utilities/es/utilities/removeHtmlTagEntities/removeHtmlTagEntities.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport {\n formatVideoCaption,\n formatVideoDuration,\n} from '@carbon/ibmdotcom-utilities/es/utilities/formatVideoCaption/formatVideoCaption.js';\nimport C4DLightboxMediaViewerBody from './lightbox-media-viewer-body';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * The video content of lightbox media viewer.\n *\n * @element c4d-lightbox-video-player\n * @slot title - The title content.\n * @slot description - The description content.\n * @csspart container - The wrapper around the lightbox media. Usage: `c4d-lightbox-video-player::part(container)`\n * @csspart row - The wrapper around the row. Usage: `c4d-lightbox-video-player::part(row)`\n * @csspart media - The wrapper around media. Usage: `c4d-lightbox-video-player::part(media)`\n * @csspart content-wrapper - The wrapper around content. Usage: `c4d-lightbox-video-player::part(content-wrapper)`\n * @csspart content - The inner wrapper around content. Usage: `c4d-lightbox-video-player::part(content)`\n * @csspart title - The title of the media. Usage: `c4d-lightbox-video-player::part(title)`\n * @csspart description - The description of the media. Usage: `c4d-lightbox-video-player::part(description)`\n * @csspart video-player - The wrapper around the video player. Usage: `c4d-lightbox-video-player::part(video-player)`\n * @csspart video-container - The inner wrapper around the slotted video player. Usage: `c4d-lightbox-video-player::part(video-container)`\n * @csspart h2 - The h2 element that holds the title. Usage: `c4d-lightbox-video-player::part(h2)`\n */\n@customElement(`${c4dPrefix}-lightbox-video-player`)\nclass C4DLightboxVideoPlayer extends C4DLightboxMediaViewerBody {\n _renderDescription() {\n const { description } = this;\n return html`\n <slot name=\"description\">${removeHtmlTagEntities(description)}</slot>\n `;\n }\n\n // eslint-disable-next-line class-methods-use-this\n _renderMedia() {\n return html`\n <div class=\"${c4dPrefix}--video-player\" part=\"video-player\">\n <div\n class=\"${c4dPrefix}--video-player__video-container\"\n part=\"video-container\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n _renderTitle() {\n const { duration, formatCaption, name } = this;\n\n let formattedDuration = '';\n\n if (duration != null) {\n const totalSeconds = Math.floor(duration);\n\n const hours = Math.floor(totalSeconds / 3600);\n const minutes = Math.floor((totalSeconds % 3600) / 60);\n const seconds = totalSeconds % 60;\n\n if (hours > 0) {\n // format as HH:MM:SS\n formattedDuration = `${hours}:${String(minutes).padStart(\n 2,\n '0'\n )}:${String(seconds).padStart(2, '0')}`;\n } else {\n // formatt as MM:SS\n formattedDuration = `${minutes}:${String(seconds).padStart(2, '0')}`;\n }\n }\n\n return html`\n <slot name=\"title\">\n <h2 style=\"all: inherit;\" part=\"h2\">\n ${formatCaption({\n duration: formattedDuration,\n name,\n })}\n </h2>\n </slot>\n `;\n }\n\n updated(changedProperties) {\n if (changedProperties.has('name')) {\n this.setAttribute('aria-label', this.name);\n }\n }\n\n connectedCallback() {\n this.setAttribute('role', 'dialog');\n super.connectedCallback();\n }\n\n /**\n * The media description.\n */\n @property()\n description = '';\n\n /**\n * The video duration.\n */\n @property({ type: Number })\n duration?: number;\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 formatCaption = 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 formatDuration = formatVideoDuration;\n\n /**\n * The video name.\n */\n @property()\n name = '';\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DLightboxVideoPlayer;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -371,19 +371,6 @@ declare class C4DMastheadCart extends C4DMastheadCart_base {
|
|
|
371
371
|
cc: string;
|
|
372
372
|
};
|
|
373
373
|
connectedCallback(): void;
|
|
374
|
-
disconnectedCallback(): void;
|
|
375
|
-
/**
|
|
376
|
-
* Updates cart state
|
|
377
|
-
*/
|
|
378
|
-
updateCart: () => void;
|
|
379
|
-
/**
|
|
380
|
-
* Checks if the user has an active cart and retries a few times if the cart cookie is not available yet.
|
|
381
|
-
*/
|
|
382
|
-
checkCartWithRetry(retries?: number, delay?: number): void;
|
|
383
|
-
/**
|
|
384
|
-
* Filter the correct checkout URL based on locale and country code.
|
|
385
|
-
*/
|
|
386
|
-
handleURL(cc: string, lc: string): string;
|
|
387
374
|
updated(changedProperties: any): void;
|
|
388
375
|
render(): import("lit-html").TemplateResult<1>;
|
|
389
376
|
static get stableSelector(): string;
|
|
@@ -93,82 +93,14 @@ let C4DMastheadCart = _decorate([customElement(`${c4dPrefix}-masthead-cart`)], f
|
|
|
93
93
|
|
|
94
94
|
function connectedCallback() {
|
|
95
95
|
_superPropGet(C4DMastheadCart, "connectedCallback", this, 3)([]);
|
|
96
|
+
// Check the relevant cookie for whether the user has an active cart.
|
|
97
|
+
this.hasActiveCart = SAPCommerceAPI.hasActiveCart();
|
|
96
98
|
|
|
97
|
-
//
|
|
98
|
-
this.updateCart();
|
|
99
|
-
|
|
100
|
-
// Fallback retry
|
|
101
|
-
this.checkCartWithRetry();
|
|
102
|
-
|
|
103
|
-
// Listen for cross-tab updates
|
|
104
|
-
window.addEventListener('storage', this.updateCart);
|
|
105
|
-
|
|
106
|
-
// Fetch locale
|
|
99
|
+
// Fetch the locale for the page.
|
|
107
100
|
LocaleAPI.getLocale().then(locale => {
|
|
108
101
|
this.locale = locale;
|
|
109
102
|
});
|
|
110
103
|
}
|
|
111
|
-
}, {
|
|
112
|
-
kind: "method",
|
|
113
|
-
key: "disconnectedCallback",
|
|
114
|
-
value: function disconnectedCallback() {
|
|
115
|
-
_superPropGet(C4DMastheadCart, "disconnectedCallback", this, 3)([]);
|
|
116
|
-
window.removeEventListener('storage', this.updateCart);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* Updates cart state
|
|
121
|
-
*/
|
|
122
|
-
}, {
|
|
123
|
-
kind: "field",
|
|
124
|
-
key: "updateCart",
|
|
125
|
-
value() {
|
|
126
|
-
return () => {
|
|
127
|
-
console.log('Checking for activeCartId...');
|
|
128
|
-
const hasCart = SAPCommerceAPI.hasActiveCart();
|
|
129
|
-
this.hasActiveCart = hasCart;
|
|
130
|
-
};
|
|
131
|
-
}
|
|
132
|
-
}, {
|
|
133
|
-
kind: "method",
|
|
134
|
-
key: "checkCartWithRetry",
|
|
135
|
-
value:
|
|
136
|
-
/**
|
|
137
|
-
* Checks if the user has an active cart and retries a few times if the cart cookie is not available yet.
|
|
138
|
-
*/
|
|
139
|
-
function checkCartWithRetry(retries = 5, delay = 200) {
|
|
140
|
-
const check = () => {
|
|
141
|
-
const hasCart = SAPCommerceAPI.hasActiveCart();
|
|
142
|
-
if (hasCart) {
|
|
143
|
-
this.hasActiveCart = true;
|
|
144
|
-
return;
|
|
145
|
-
}
|
|
146
|
-
if (retries > 0) {
|
|
147
|
-
retries--;
|
|
148
|
-
setTimeout(check, delay);
|
|
149
|
-
}
|
|
150
|
-
};
|
|
151
|
-
check();
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* Filter the correct checkout URL based on locale and country code.
|
|
156
|
-
*/
|
|
157
|
-
}, {
|
|
158
|
-
kind: "method",
|
|
159
|
-
key: "handleURL",
|
|
160
|
-
value: function handleURL(cc, lc) {
|
|
161
|
-
switch (cc) {
|
|
162
|
-
case 'uk':
|
|
163
|
-
return `/store/en/gb/checkout`;
|
|
164
|
-
case 'ae':
|
|
165
|
-
return `/store/en/ae/checkout`;
|
|
166
|
-
case 'sa':
|
|
167
|
-
return `/store/en/sa/checkout`;
|
|
168
|
-
default:
|
|
169
|
-
return `/store/${lc}/${cc}/checkout`;
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
104
|
}, {
|
|
173
105
|
kind: "method",
|
|
174
106
|
key: "updated",
|
|
@@ -192,6 +124,17 @@ let C4DMastheadCart = _decorate([customElement(`${c4dPrefix}-masthead-cart`)], f
|
|
|
192
124
|
lc
|
|
193
125
|
}
|
|
194
126
|
} = this;
|
|
127
|
+
let href;
|
|
128
|
+
if (cc === 'uk') {
|
|
129
|
+
href = '/store/en/gb/checkout';
|
|
130
|
+
} else if (cc === 'ae') {
|
|
131
|
+
href = '/store/en/ae/checkout';
|
|
132
|
+
} else if (cc === 'sa') {
|
|
133
|
+
href = '/store/en/sa/checkout';
|
|
134
|
+
} else {
|
|
135
|
+
href = `/store/${lc}/${cc}/checkout`;
|
|
136
|
+
}
|
|
137
|
+
console.log(href);
|
|
195
138
|
return html(_t || (_t = _`
|
|
196
139
|
<a
|
|
197
140
|
part="cart-link"
|
|
@@ -200,7 +143,7 @@ let C4DMastheadCart = _decorate([customElement(`${c4dPrefix}-masthead-cart`)], f
|
|
|
200
143
|
aria-label="${0}"
|
|
201
144
|
>${0}</a
|
|
202
145
|
>
|
|
203
|
-
`),
|
|
146
|
+
`), href, prefix, prefix, linkLabel, ShoppingCart20());
|
|
204
147
|
}
|
|
205
148
|
}, {
|
|
206
149
|
kind: "get",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masthead-cart.js","names":["StableSelectorMixin","html","LitElement","property","state","settings","carbonElement","customElement","ShoppingCart20","styles","LocaleAPI","SAPCommerceAPI","prefix","stablePrefix","c4dPrefix","C4DMastheadCart","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","attribute","key","value","lc","cc","connectedCallback","_superPropGet","
|
|
1
|
+
{"version":3,"file":"masthead-cart.js","names":["StableSelectorMixin","html","LitElement","property","state","settings","carbonElement","customElement","ShoppingCart20","styles","LocaleAPI","SAPCommerceAPI","prefix","stablePrefix","c4dPrefix","C4DMastheadCart","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","attribute","key","value","lc","cc","connectedCallback","_superPropGet","hasActiveCart","getLocale","then","locale","updated","changedProperties","has","hidden","render","linkLabel","href","console","log","_t","_","static"],"sources":["components/masthead/masthead-cart.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024, 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 StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { html, LitElement } from 'lit';\nimport { property, state } 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 ShoppingCart20 from '@carbon/web-components/es/icons/shopping--cart/20.js';\nimport styles from './masthead.scss';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport SAPCommerceAPI from '@carbon/ibmdotcom-services/es/services/SAPCommerce/SAPCommerce.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * The Cart icon in the masthead.\n *\n * @element c4d-masthead-cart\n * @csspart cart-link - The masthead cart link. Usage: `c4d-masthead-cart::part(cart-link)`\n */\n@customElement(`${c4dPrefix}-masthead-cart`)\nclass C4DMastheadCart extends StableSelectorMixin(LitElement) {\n /**\n * The `aria-label` attribute for the link.\n */\n @property({ attribute: 'link-label' })\n linkLabel = 'Cart';\n\n /**\n * Tracks whether the user has an active cart to control the display.\n */\n @state()\n hasActiveCart = false;\n\n /**\n * Store the locale. Defaults to en-us.\n */\n @state()\n locale = { lc: 'en', cc: 'us' };\n\n connectedCallback() {\n super.connectedCallback();\n // Check the relevant cookie for whether the user has an active cart.\n this.hasActiveCart = SAPCommerceAPI.hasActiveCart();\n\n // Fetch the locale for the page.\n LocaleAPI.getLocale().then((locale) => {\n this.locale = locale;\n });\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { hasActiveCart } = this;\n if (changedProperties.has('hasActiveCart')) {\n this.hidden = !hasActiveCart;\n }\n }\n\n render() {\n const {\n linkLabel,\n locale: { cc, lc },\n } = this;\n\n let href;\n\n if (cc === 'uk') {\n href = '/store/en/gb/checkout';\n } else if (cc === 'ae') {\n href = '/store/en/ae/checkout';\n } else if (cc === 'sa') {\n href = '/store/en/sa/checkout';\n } else {\n href = `/store/${lc}/${cc}/checkout`;\n }\n\n console.log(href);\n\n return html`\n <a\n part=\"cart-link\"\n href=\"${href}\"\n class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n aria-label=\"${linkLabel}\"\n >${ShoppingCart20()}</a\n >\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--masthead-cart`;\n }\n\n static styles = styles;\n}\n\nexport default C4DMastheadCart;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,mBAAmB,MAAM,yCAAsC;AACtE,SAASC,IAAI,EAAEC,UAAU,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,KAAK,QAAQ,mBAAmB;AACnD,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAC/G,OAAOC,cAAc,MAAM,sDAAsD;AACjF,OAAOC,MAAM,MAAM,qBAAiB;AACpC,OAAOC,SAAS,MAAM,yDAAyD;AAC/E,OAAOC,cAAc,MAAM,mEAAmE;AAE9F,MAAM;EAAEC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGT,QAAQ;;AAEpD;AACA;AACA;AACA;AACA;AACA;AALA,IAOMU,eAAe,GAAAC,SAAA,EADpBT,aAAa,CAAC,GAAGO,SAAS,gBAAgB,CAAC,aAAAG,WAAA,EAAAC,oBAAA;EAA5C,MACMH,eAAe,SAAAG,oBAAA,CAAyC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0E9D;EAAC;IAAAI,CAAA,EA1EKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBrB,QAAQ,CAAC;QAAEsB,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,MAAM;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKjBpB,KAAK,CAAC,CAAC;MAAAsB,GAAA;MAAAC,MAAA;QAAA,OACQ,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKpBpB,KAAK,CAAC,CAAC;MAAAsB,GAAA;MAAAC,MAAA;QAAA,OACC;UAAEC,EAAE,EAAE,IAAI;UAAEC,EAAE,EAAE;QAAK,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhB/B;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAG,iBAAiBA,CAAA,EAAG;QAClBC,aAAA,CApBEhB,eAAe;QAqBjB;QACA,IAAI,CAACiB,aAAa,GAAGrB,cAAc,CAACqB,aAAa,CAAC,CAAC;;QAEnD;QACAtB,SAAS,CAACuB,SAAS,CAAC,CAAC,CAACC,IAAI,CAAEC,MAAM,IAAK;UACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;QACtB,CAAC,CAAC;MACJ;IAAC;MAAAZ,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAS,OAAOA,CAACC,iBAAiB,EAAE;QACzBN,aAAA,CA/BEhB,eAAe,uBA+BHsB,iBAAiB;QAC/B,MAAM;UAAEL;QAAc,CAAC,GAAG,IAAI;QAC9B,IAAIK,iBAAiB,CAACC,GAAG,CAAC,eAAe,CAAC,EAAE;UAC1C,IAAI,CAACC,MAAM,GAAG,CAACP,aAAa;QAC9B;MACF;IAAC;MAAAT,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAa,MAAMA,CAAA,EAAG;QACP,MAAM;UACJC,SAAS;UACTN,MAAM,EAAE;YAAEN,EAAE;YAAED;UAAG;QACnB,CAAC,GAAG,IAAI;QAER,IAAIc,IAAI;QAER,IAAIb,EAAE,KAAK,IAAI,EAAE;UACfa,IAAI,GAAG,uBAAuB;QAChC,CAAC,MAAM,IAAIb,EAAE,KAAK,IAAI,EAAE;UACtBa,IAAI,GAAG,uBAAuB;QAChC,CAAC,MAAM,IAAIb,EAAE,KAAK,IAAI,EAAE;UACtBa,IAAI,GAAG,uBAAuB;QAChC,CAAC,MAAM;UACLA,IAAI,GAAG,UAAUd,EAAE,IAAIC,EAAE,WAAW;QACtC;QAEAc,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC;QAEjB,OAAOzC,IAAI,CAAA4C,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA;AACA,gBAHe;AACf,iBADe;AACf,sBADe;AACf,WADe;AACf;AACA,KAFe,GAGCJ,IAAI,EACH9B,MAAM,EAAuBA,MAAM,EAC9B6B,SAAS,EACpBjC,cAAc,CAAC,CAAC;MAGzB;IAAC;MAAAe,IAAA;MAAAwB,MAAA;MAAArB,GAAA;MAAAC,KAAA,EAED,SAAAA,CAAA,EAA4B;QAC1B,OAAO,GAAGb,SAAS,iBAAiB;MACtC;IAAC;MAAAS,IAAA;MAAAwB,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAzEMT,mBAAmB,CAACE,UAAU,CAAC;AA4E7D,eAAea,eAAe","ignoreList":[]}
|
|
@@ -21,6 +21,7 @@ export interface ComponentProps {
|
|
|
21
21
|
* @element c4d-lightbox-media-viewer
|
|
22
22
|
* @slot title - The title content.
|
|
23
23
|
* @slot description - The description content.
|
|
24
|
+
* @slot cta - The CTA content.
|
|
24
25
|
* @csspart container - The wrapper around the lightbox media. Usage: `c4d-lightbox-video-player::part(container)`
|
|
25
26
|
* @csspart row - The wrapper around the row. Usage: `c4d-lightbox-video-player::part(row)`
|
|
26
27
|
* @csspart media - The wrapper around media. Usage: `c4d-lightbox-video-player::part(media)`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/ibmdotcom-web-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.49.0",
|
|
4
4
|
"description": "Carbon for IBM.com Web Components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"exports": {
|
|
@@ -244,5 +244,5 @@
|
|
|
244
244
|
"web-component-analyzer": "1.2.0-next.0",
|
|
245
245
|
"webpack": "^4.46.0"
|
|
246
246
|
},
|
|
247
|
-
"gitHead": "
|
|
247
|
+
"gitHead": "dc4b43dc70d648df2cd7fb4a2e8b7b2d3af251b2"
|
|
248
248
|
}
|