@carbon/ibmdotcom-web-components 2.48.0 → 2.50.0-rc.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 +19 -10
- package/dist/dotcom-shell.js +7 -7
- package/dist/dotcom-shell.min.js +7 -7
- package/dist/ibmdotcom-web-components-dotcom-shell.js +7 -7
- package/dist/ibmdotcom-web-components-dotcom-shell.min.js +7 -7
- package/dist/{index-b819eefc.js → index-514478b8.js} +25 -87
- package/dist/{index-7073ec78.js → index-9732faeb.js} +10 -10
- package/dist/{left-nav-menu-0ddb90d7.js → left-nav-menu-2f5322ac.js} +7 -7
- package/dist/{left-nav-menu-e9108438.js → left-nav-menu-746ad81a.js} +7 -7
- package/dist/{left-nav-menu-category-heading-08d18557.js → left-nav-menu-category-heading-0e98a8c6.js} +7 -7
- package/dist/{left-nav-menu-category-heading-e2592d0d.js → left-nav-menu-category-heading-22762753.js} +7 -7
- package/dist/{left-nav-menu-item-a604b8db.js → left-nav-menu-item-252b6d0e.js} +7 -7
- package/dist/{left-nav-menu-item-dcdac62f.js → left-nav-menu-item-a08c2ca0.js} +7 -7
- package/dist/{left-nav-menu-section-3a22d6a2.js → left-nav-menu-section-40ae6c75.js} +7 -7
- package/dist/{left-nav-menu-section-763d7ada.js → left-nav-menu-section-a6f52f70.js} +7 -7
- package/dist/{left-nav-overlay-53202cdc.js → left-nav-overlay-6f936f5f.js} +7 -7
- package/dist/{left-nav-overlay-f079f5bd.js → left-nav-overlay-dfce57ab.js} +7 -7
- package/dist/{megamenu-category-group-916e8a0d.js → megamenu-category-group-b63f1f2d.js} +7 -7
- package/dist/{megamenu-category-group-copy-ee79d5dc.js → megamenu-category-group-copy-1e261d94.js} +7 -7
- package/dist/{megamenu-category-group-copy-af2a7de6.js → megamenu-category-group-copy-419d6ebe.js} +7 -7
- package/dist/{megamenu-category-group-7334a77c.js → megamenu-category-group-fe150fbc.js} +7 -7
- package/dist/{megamenu-category-heading-53b9be81.js → megamenu-category-heading-46c39931.js} +7 -7
- package/dist/{megamenu-category-heading-c102de05.js → megamenu-category-heading-9c2eccbf.js} +7 -7
- package/dist/{megamenu-category-link-800dad5a.js → megamenu-category-link-7fa288d5.js} +7 -7
- package/dist/{megamenu-category-link-defb1bd6.js → megamenu-category-link-986b3de3.js} +7 -7
- package/dist/{megamenu-category-link-group-1cce18e8.js → megamenu-category-link-group-1392a46f.js} +7 -7
- package/dist/{megamenu-category-link-group-d67bfe11.js → megamenu-category-link-group-f76ba2ac.js} +7 -7
- package/dist/{megamenu-left-navigation-a328f9e5.js → megamenu-left-navigation-55ebdf48.js} +7 -7
- package/dist/{megamenu-left-navigation-e98850ab.js → megamenu-left-navigation-eb44aef8.js} +7 -7
- package/dist/{megamenu-overlay-406f9d65.js → megamenu-overlay-5c4848c7.js} +7 -7
- package/dist/{megamenu-overlay-613423d7.js → megamenu-overlay-c4637474.js} +7 -7
- package/dist/{megamenu-tab-e2c7e080.js → megamenu-tab-b48fbb7c.js} +7 -7
- package/dist/{megamenu-tab-0b6918ac.js → megamenu-tab-c2772b72.js} +7 -7
- package/es/components/background-media/background-media.d.ts +1 -1
- package/es/components/background-media/background-media.js.map +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 +13 -5
- package/es/components/lightbox-media-viewer/lightbox-media-viewer.js.map +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player-composite.d.ts +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player-composite.js +2 -2
- package/es/components/lightbox-media-viewer/lightbox-video-player-composite.js.map +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player-container.d.ts +3 -3
- package/es/components/lightbox-media-viewer/lightbox-video-player-container.js +1 -1
- package/es/components/lightbox-media-viewer/lightbox-video-player-container.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/notice-choice/notice-choice.d.ts +1 -0
- package/es/components/notice-choice/notice-choice.js +31 -10
- package/es/components/notice-choice/notice-choice.js.map +1 -1
- package/es/components/notice-choice/utils.js +2 -1
- package/es/components/notice-choice/utils.js.map +1 -1
- package/es/components-react/lightbox-media-viewer/lightbox-media-viewer.d.ts +1 -0
- package/package.json +8 -8
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*
|
|
23
|
-
* lit-
|
|
23
|
+
* lit-html:
|
|
24
24
|
*
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*
|
|
29
|
-
* lit-
|
|
29
|
+
* lit-element:
|
|
30
30
|
*
|
|
31
31
|
* @license
|
|
32
|
-
* Copyright
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
34
|
*
|
|
35
35
|
* @lit/reactive-element:
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
* @carbon/motion:
|
|
42
42
|
*
|
|
43
43
|
* Copyright IBM Corp. 2018, 2023
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
*
|
|
45
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
46
|
+
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*
|
|
48
48
|
* @carbon/layout:
|
|
49
49
|
*
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
*/
|
|
89
89
|
|
|
90
90
|
let process = { env: {} };
|
|
91
|
-
import { C as C4DMegaMenuRightNavigation, s as styles, c as carbonElement, a as settings } from './index-
|
|
91
|
+
import { C as C4DMegaMenuRightNavigation, s as styles, c as carbonElement, a as settings } from './index-514478b8.js';
|
|
92
92
|
|
|
93
93
|
function _decorate(e, r, t, i) { var o = _getDecoratorsApi(); if (i) for (var n = 0; n < i.length; n++) o = i[n](o); var s = r(function (e) { o.initializeInstanceElements(e, a.elements); }, t), a = o.decorateClass(_coalesceClassElements(s.d.map(_createElementDescriptor)), e); return o.initializeClassElements(s.F, a.elements), o.runClassFinishers(s.F, a.finishers); }
|
|
94
94
|
function _getDecoratorsApi() { _getDecoratorsApi = function () { return e; }; var e = { elementsDefinitionOrder: [["method"], ["field"]], initializeInstanceElements: function (e, r) { ["method", "field"].forEach(function (t) { r.forEach(function (r) { r.kind === t && "own" === r.placement && this.defineClassElement(e, r); }, this); }, this); }, initializeClassElements: function (e, r) { var t = e.prototype; ["method", "field"].forEach(function (i) { r.forEach(function (r) { var o = r.placement; if (r.kind === i && ("static" === o || "prototype" === o)) { var n = "static" === o ? e : t; this.defineClassElement(n, r); } }, this); }, this); }, defineClassElement: function (e, r) { var t = r.descriptor; if ("field" === r.kind) { var i = r.initializer; t = { enumerable: t.enumerable, writable: t.writable, configurable: t.configurable, value: void 0 === i ? void 0 : i.call(e) }; } Object.defineProperty(e, r.key, t); }, decorateClass: function (e, r) { var t = [], i = [], o = { static: [], prototype: [], own: [] }; if (e.forEach(function (e) { this.addElementPlacement(e, o); }, this), e.forEach(function (e) { if (!_hasDecorators(e)) return t.push(e); var r = this.decorateElement(e, o); t.push(r.element), t.push.apply(t, r.extras), i.push.apply(i, r.finishers); }, this), !r) return { elements: t, finishers: i }; var n = this.decorateConstructor(t, r); return i.push.apply(i, n.finishers), n.finishers = i, n; }, addElementPlacement: function (e, r, t) { var i = r[e.placement]; if (!t && -1 !== i.indexOf(e.key)) throw new TypeError("Duplicated element (" + e.key + ")"); i.push(e.key); }, decorateElement: function (e, r) { for (var t = [], i = [], o = e.decorators, n = o.length - 1; n >= 0; n--) { var s = r[e.placement]; s.splice(s.indexOf(e.key), 1); var a = this.fromElementDescriptor(e), l = this.toElementFinisherExtras((0, o[n])(a) || a); e = l.element, this.addElementPlacement(e, r), l.finisher && i.push(l.finisher); var c = l.extras; if (c) { for (var p = 0; p < c.length; p++) this.addElementPlacement(c[p], r); t.push.apply(t, c); } } return { element: e, finishers: i, extras: t }; }, decorateConstructor: function (e, r) { for (var t = [], i = r.length - 1; i >= 0; i--) { var o = this.fromClassDescriptor(e), n = this.toClassDescriptor((0, r[i])(o) || o); if (void 0 !== n.finisher && t.push(n.finisher), void 0 !== n.elements) { e = n.elements; for (var s = 0; s < e.length - 1; s++) for (var a = s + 1; a < e.length; a++) if (e[s].key === e[a].key && e[s].placement === e[a].placement) throw new TypeError("Duplicated element (" + e[s].key + ")"); } } return { elements: e, finishers: t }; }, fromElementDescriptor: function (e) { var r = { kind: e.kind, key: e.key, placement: e.placement, descriptor: e.descriptor }; return Object.defineProperty(r, Symbol.toStringTag, { value: "Descriptor", configurable: !0 }), "field" === e.kind && (r.initializer = e.initializer), r; }, toElementDescriptors: function (e) { if (void 0 !== e) return _toArray(e).map(function (e) { var r = this.toElementDescriptor(e); return this.disallowProperty(e, "finisher", "An element descriptor"), this.disallowProperty(e, "extras", "An element descriptor"), r; }, this); }, toElementDescriptor: function (e) { var r = e.kind + ""; if ("method" !== r && "field" !== r) throw new TypeError('An element descriptor\'s .kind property must be either "method" or "field", but a decorator created an element descriptor with .kind "' + r + '"'); var t = _toPropertyKey(e.key), i = e.placement + ""; if ("static" !== i && "prototype" !== i && "own" !== i) throw new TypeError('An element descriptor\'s .placement property must be one of "static", "prototype" or "own", but a decorator created an element descriptor with .placement "' + i + '"'); var o = e.descriptor; this.disallowProperty(e, "elements", "An element descriptor"); var n = { kind: r, key: t, placement: i, descriptor: Object.assign({}, o) }; return "field" !== r ? this.disallowProperty(e, "initializer", "A method descriptor") : (this.disallowProperty(o, "get", "The property descriptor of a field descriptor"), this.disallowProperty(o, "set", "The property descriptor of a field descriptor"), this.disallowProperty(o, "value", "The property descriptor of a field descriptor"), n.initializer = e.initializer), n; }, toElementFinisherExtras: function (e) { return { element: this.toElementDescriptor(e), finisher: _optionalCallableProperty(e, "finisher"), extras: this.toElementDescriptors(e.extras) }; }, fromClassDescriptor: function (e) { var r = { kind: "class", elements: e.map(this.fromElementDescriptor, this) }; return Object.defineProperty(r, Symbol.toStringTag, { value: "Descriptor", configurable: !0 }), r; }, toClassDescriptor: function (e) { var r = e.kind + ""; if ("class" !== r) throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator created a class descriptor with .kind "' + r + '"'); this.disallowProperty(e, "key", "A class descriptor"), this.disallowProperty(e, "placement", "A class descriptor"), this.disallowProperty(e, "descriptor", "A class descriptor"), this.disallowProperty(e, "initializer", "A class descriptor"), this.disallowProperty(e, "extras", "A class descriptor"); var t = _optionalCallableProperty(e, "finisher"); return { elements: this.toElementDescriptors(e.elements), finisher: t }; }, runClassFinishers: function (e, r) { for (var t = 0; t < r.length; t++) { var i = (0, r[t])(e); if (void 0 !== i) { if ("function" != typeof i) throw new TypeError("Finishers must return a constructor."); e = i; } } return e; }, disallowProperty: function (e, r, t) { if (void 0 !== e[r]) throw new TypeError(t + " can't have a ." + r + " property."); } }; return e; }
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*
|
|
23
|
-
* lit-
|
|
23
|
+
* lit-html:
|
|
24
24
|
*
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*
|
|
29
|
-
* lit-
|
|
29
|
+
* lit-element:
|
|
30
30
|
*
|
|
31
31
|
* @license
|
|
32
|
-
* Copyright
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
34
|
*
|
|
35
35
|
* @lit/reactive-element:
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
* @carbon/motion:
|
|
42
42
|
*
|
|
43
43
|
* Copyright IBM Corp. 2018, 2023
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
*
|
|
45
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
46
|
+
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*
|
|
48
48
|
* @carbon/layout:
|
|
49
49
|
*
|
|
@@ -87,4 +87,4 @@
|
|
|
87
87
|
* https://www.npmjs.com/package/striptags
|
|
88
88
|
*/
|
|
89
89
|
|
|
90
|
-
import{C as e,s as t,c as r,a as i}from"./index-
|
|
90
|
+
import{C as e,s as t,c as r,a as i}from"./index-9732faeb.js";function n(){n=function(){return e};var e={elementsDefinitionOrder:[["method"],["field"]],initializeInstanceElements:function(e,t){["method","field"].forEach((function(r){t.forEach((function(t){t.kind===r&&"own"===t.placement&&this.defineClassElement(e,t)}),this)}),this)},initializeClassElements:function(e,t){var r=e.prototype;["method","field"].forEach((function(i){t.forEach((function(t){var n=t.placement;if(t.kind===i&&("static"===n||"prototype"===n)){var o="static"===n?e:r;this.defineClassElement(o,t)}}),this)}),this)},defineClassElement:function(e,t){var r=t.descriptor;if("field"===t.kind){var i=t.initializer;r={enumerable:r.enumerable,writable:r.writable,configurable:r.configurable,value:void 0===i?void 0:i.call(e)}}Object.defineProperty(e,t.key,r)},decorateClass:function(e,t){var r=[],i=[],n={static:[],prototype:[],own:[]};if(e.forEach((function(e){this.addElementPlacement(e,n)}),this),e.forEach((function(e){if(!a(e))return r.push(e);var t=this.decorateElement(e,n);r.push(t.element),r.push.apply(r,t.extras),i.push.apply(i,t.finishers)}),this),!t)return{elements:r,finishers:i};var o=this.decorateConstructor(r,t);return i.push.apply(i,o.finishers),o.finishers=i,o},addElementPlacement:function(e,t,r){var i=t[e.placement];if(!r&&-1!==i.indexOf(e.key))throw new TypeError("Duplicated element ("+e.key+")");i.push(e.key)},decorateElement:function(e,t){for(var r=[],i=[],n=e.decorators,o=n.length-1;o>=0;o--){var s=t[e.placement];s.splice(s.indexOf(e.key),1);var a=this.fromElementDescriptor(e),l=this.toElementFinisherExtras((0,n[o])(a)||a);e=l.element,this.addElementPlacement(e,t),l.finisher&&i.push(l.finisher);var c=l.extras;if(c){for(var d=0;d<c.length;d++)this.addElementPlacement(c[d],t);r.push.apply(r,c)}}return{element:e,finishers:i,extras:r}},decorateConstructor:function(e,t){for(var r=[],i=t.length-1;i>=0;i--){var n=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[i])(n)||n);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var s=0;s<e.length-1;s++)for(var a=s+1;a<e.length;a++)if(e[s].key===e[a].key&&e[s].placement===e[a].placement)throw new TypeError("Duplicated element ("+e[s].key+")")}}return{elements:e,finishers:r}},fromElementDescriptor:function(e){var t={kind:e.kind,key:e.key,placement:e.placement,descriptor:e.descriptor};return Object.defineProperty(t,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),"field"===e.kind&&(t.initializer=e.initializer),t},toElementDescriptors:function(e){if(void 0!==e)return(t=e,function(e){if(Array.isArray(e))return e}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(e){var t=this.toElementDescriptor(e);return this.disallowProperty(e,"finisher","An element descriptor"),this.disallowProperty(e,"extras","An element descriptor"),t}),this);var t},toElementDescriptor:function(e){var t=e.kind+"";if("method"!==t&&"field"!==t)throw new TypeError('An element descriptor\'s .kind property must be either "method" or "field", but a decorator created an element descriptor with .kind "'+t+'"');var r=d(e.key),i=e.placement+"";if("static"!==i&&"prototype"!==i&&"own"!==i)throw new TypeError('An element descriptor\'s .placement property must be one of "static", "prototype" or "own", but a decorator created an element descriptor with .placement "'+i+'"');var n=e.descriptor;this.disallowProperty(e,"elements","An element descriptor");var o={kind:t,key:r,placement:i,descriptor:Object.assign({},n)};return"field"!==t?this.disallowProperty(e,"initializer","A method descriptor"):(this.disallowProperty(n,"get","The property descriptor of a field descriptor"),this.disallowProperty(n,"set","The property descriptor of a field descriptor"),this.disallowProperty(n,"value","The property descriptor of a field descriptor"),o.initializer=e.initializer),o},toElementFinisherExtras:function(e){return{element:this.toElementDescriptor(e),finisher:c(e,"finisher"),extras:this.toElementDescriptors(e.extras)}},fromClassDescriptor:function(e){var t={kind:"class",elements:e.map(this.fromElementDescriptor,this)};return Object.defineProperty(t,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),t},toClassDescriptor:function(e){var t=e.kind+"";if("class"!==t)throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator created a class descriptor with .kind "'+t+'"');this.disallowProperty(e,"key","A class descriptor"),this.disallowProperty(e,"placement","A class descriptor"),this.disallowProperty(e,"descriptor","A class descriptor"),this.disallowProperty(e,"initializer","A class descriptor"),this.disallowProperty(e,"extras","A class descriptor");var r=c(e,"finisher");return{elements:this.toElementDescriptors(e.elements),finisher:r}},runClassFinishers:function(e,t){for(var r=0;r<t.length;r++){var i=(0,t[r])(e);if(void 0!==i){if("function"!=typeof i)throw new TypeError("Finishers must return a constructor.");e=i}}return e},disallowProperty:function(e,t,r){if(void 0!==e[t])throw new TypeError(r+" can't have a ."+t+" property.")}};return e}function o(e){var t,r=d(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var i={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(i.decorators=e.decorators),"field"===e.kind&&(i.initializer=e.value),i}function s(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function a(e){return e.decorators&&e.decorators.length}function l(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function c(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function d(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}const{stablePrefix:p}=i;let u=function(e,t,r,i){var c=n();if(i)for(var d=0;d<i.length;d++)c=i[d](c);var f=t((function(e){c.initializeInstanceElements(e,p.elements)}),r),p=c.decorateClass(function(e){for(var t=[],r=function(e){return"method"===e.kind&&e.key===o.key&&e.placement===o.placement},i=0;i<e.length;i++){var n,o=e[i];if("method"===o.kind&&(n=t.find(r)))if(l(o.descriptor)||l(n.descriptor)){if(a(o)||a(n))throw new ReferenceError("Duplicated methods ("+o.key+") can't be decorated.");n.descriptor=o.descriptor}else{if(a(o)){if(a(n))throw new ReferenceError("Decorators can't be placed on different accessors with for the same property ("+o.key+").");n.decorators=o.decorators}s(o,n)}else t.push(o)}return t}(f.d.map(o)),e);return c.initializeClassElements(f.F,p.elements),c.runClassFinishers(f.F,p.finishers)}([r(`${p}-megamenu-left-navigation`)],(function(e,r){return{F:class extends r{constructor(...t){super(...t),e(this)}},d:[{kind:"field",static:!0,key:"styles",value:()=>t},{kind:"get",static:!0,key:"onlyChildClassName",value:function(){return""}},{kind:"get",static:!0,key:"stableSelector",value:function(){return`${p}--masthead__megamenu-left-navigation`}}]}}),e);export{u as default};
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*
|
|
23
|
-
* lit-
|
|
23
|
+
* lit-html:
|
|
24
24
|
*
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*
|
|
29
|
-
* lit-
|
|
29
|
+
* lit-element:
|
|
30
30
|
*
|
|
31
31
|
* @license
|
|
32
|
-
* Copyright
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
34
|
*
|
|
35
35
|
* @lit/reactive-element:
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
* @carbon/motion:
|
|
42
42
|
*
|
|
43
43
|
* Copyright IBM Corp. 2018, 2023
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
*
|
|
45
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
46
|
+
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*
|
|
48
48
|
* @carbon/layout:
|
|
49
49
|
*
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
*/
|
|
89
89
|
|
|
90
90
|
let process = { env: {} };
|
|
91
|
-
import { g as s, n, x, s as styles, c as carbonElement, a as settings } from './index-
|
|
91
|
+
import { g as s, n, x, s as styles, c as carbonElement, a as settings } from './index-514478b8.js';
|
|
92
92
|
|
|
93
93
|
let _ = t => t,
|
|
94
94
|
_t;
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*
|
|
23
|
-
* lit-
|
|
23
|
+
* lit-html:
|
|
24
24
|
*
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*
|
|
29
|
-
* lit-
|
|
29
|
+
* lit-element:
|
|
30
30
|
*
|
|
31
31
|
* @license
|
|
32
|
-
* Copyright
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
34
|
*
|
|
35
35
|
* @lit/reactive-element:
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
* @carbon/motion:
|
|
42
42
|
*
|
|
43
43
|
* Copyright IBM Corp. 2018, 2023
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
*
|
|
45
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
46
|
+
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*
|
|
48
48
|
* @carbon/layout:
|
|
49
49
|
*
|
|
@@ -87,4 +87,4 @@
|
|
|
87
87
|
* https://www.npmjs.com/package/striptags
|
|
88
88
|
*/
|
|
89
89
|
|
|
90
|
-
import{g as e,n as r,x as t,s as i,c as n,a as o}from"./index-
|
|
90
|
+
import{g as e,n as r,x as t,s as i,c as n,a as o}from"./index-9732faeb.js";let s,a=e=>e;function l(){l=function(){return e};var e={elementsDefinitionOrder:[["method"],["field"]],initializeInstanceElements:function(e,r){["method","field"].forEach((function(t){r.forEach((function(r){r.kind===t&&"own"===r.placement&&this.defineClassElement(e,r)}),this)}),this)},initializeClassElements:function(e,r){var t=e.prototype;["method","field"].forEach((function(i){r.forEach((function(r){var n=r.placement;if(r.kind===i&&("static"===n||"prototype"===n)){var o="static"===n?e:t;this.defineClassElement(o,r)}}),this)}),this)},defineClassElement:function(e,r){var t=r.descriptor;if("field"===r.kind){var i=r.initializer;t={enumerable:t.enumerable,writable:t.writable,configurable:t.configurable,value:void 0===i?void 0:i.call(e)}}Object.defineProperty(e,r.key,t)},decorateClass:function(e,r){var t=[],i=[],n={static:[],prototype:[],own:[]};if(e.forEach((function(e){this.addElementPlacement(e,n)}),this),e.forEach((function(e){if(!f(e))return t.push(e);var r=this.decorateElement(e,n);t.push(r.element),t.push.apply(t,r.extras),i.push.apply(i,r.finishers)}),this),!r)return{elements:t,finishers:i};var o=this.decorateConstructor(t,r);return i.push.apply(i,o.finishers),o.finishers=i,o},addElementPlacement:function(e,r,t){var i=r[e.placement];if(!t&&-1!==i.indexOf(e.key))throw new TypeError("Duplicated element ("+e.key+")");i.push(e.key)},decorateElement:function(e,r){for(var t=[],i=[],n=e.decorators,o=n.length-1;o>=0;o--){var s=r[e.placement];s.splice(s.indexOf(e.key),1);var a=this.fromElementDescriptor(e),l=this.toElementFinisherExtras((0,n[o])(a)||a);e=l.element,this.addElementPlacement(e,r),l.finisher&&i.push(l.finisher);var c=l.extras;if(c){for(var d=0;d<c.length;d++)this.addElementPlacement(c[d],r);t.push.apply(t,c)}}return{element:e,finishers:i,extras:t}},decorateConstructor:function(e,r){for(var t=[],i=r.length-1;i>=0;i--){var n=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,r[i])(n)||n);if(void 0!==o.finisher&&t.push(o.finisher),void 0!==o.elements){e=o.elements;for(var s=0;s<e.length-1;s++)for(var a=s+1;a<e.length;a++)if(e[s].key===e[a].key&&e[s].placement===e[a].placement)throw new TypeError("Duplicated element ("+e[s].key+")")}}return{elements:e,finishers:t}},fromElementDescriptor:function(e){var r={kind:e.kind,key:e.key,placement:e.placement,descriptor:e.descriptor};return Object.defineProperty(r,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),"field"===e.kind&&(r.initializer=e.initializer),r},toElementDescriptors:function(e){if(void 0!==e)return(r=e,function(e){if(Array.isArray(e))return e}(r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,r){if(e){if("string"==typeof e)return h(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,r):void 0}}(r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(e){var r=this.toElementDescriptor(e);return this.disallowProperty(e,"finisher","An element descriptor"),this.disallowProperty(e,"extras","An element descriptor"),r}),this);var r},toElementDescriptor:function(e){var r=e.kind+"";if("method"!==r&&"field"!==r)throw new TypeError('An element descriptor\'s .kind property must be either "method" or "field", but a decorator created an element descriptor with .kind "'+r+'"');var t=m(e.key),i=e.placement+"";if("static"!==i&&"prototype"!==i&&"own"!==i)throw new TypeError('An element descriptor\'s .placement property must be one of "static", "prototype" or "own", but a decorator created an element descriptor with .placement "'+i+'"');var n=e.descriptor;this.disallowProperty(e,"elements","An element descriptor");var o={kind:r,key:t,placement:i,descriptor:Object.assign({},n)};return"field"!==r?this.disallowProperty(e,"initializer","A method descriptor"):(this.disallowProperty(n,"get","The property descriptor of a field descriptor"),this.disallowProperty(n,"set","The property descriptor of a field descriptor"),this.disallowProperty(n,"value","The property descriptor of a field descriptor"),o.initializer=e.initializer),o},toElementFinisherExtras:function(e){return{element:this.toElementDescriptor(e),finisher:u(e,"finisher"),extras:this.toElementDescriptors(e.extras)}},fromClassDescriptor:function(e){var r={kind:"class",elements:e.map(this.fromElementDescriptor,this)};return Object.defineProperty(r,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),r},toClassDescriptor:function(e){var r=e.kind+"";if("class"!==r)throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator created a class descriptor with .kind "'+r+'"');this.disallowProperty(e,"key","A class descriptor"),this.disallowProperty(e,"placement","A class descriptor"),this.disallowProperty(e,"descriptor","A class descriptor"),this.disallowProperty(e,"initializer","A class descriptor"),this.disallowProperty(e,"extras","A class descriptor");var t=u(e,"finisher");return{elements:this.toElementDescriptors(e.elements),finisher:t}},runClassFinishers:function(e,r){for(var t=0;t<r.length;t++){var i=(0,r[t])(e);if(void 0!==i){if("function"!=typeof i)throw new TypeError("Finishers must return a constructor.");e=i}}return e},disallowProperty:function(e,r,t){if(void 0!==e[r])throw new TypeError(t+" can't have a ."+r+" property.")}};return e}function c(e){var r,t=m(e.key);"method"===e.kind?r={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?r={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?r={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(r={configurable:!0,writable:!0,enumerable:!0});var i={kind:"field"===e.kind?"field":"method",key:t,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:r};return e.decorators&&(i.decorators=e.decorators),"field"===e.kind&&(i.initializer=e.value),i}function d(e,r){void 0!==e.descriptor.get?r.descriptor.get=e.descriptor.get:r.descriptor.set=e.descriptor.set}function f(e){return e.decorators&&e.decorators.length}function p(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function u(e,r){var t=e[r];if(void 0!==t&&"function"!=typeof t)throw new TypeError("Expected '"+r+"' to be a function");return t}function m(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:r+""}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,i=Array(r);t<r;t++)i[t]=e[t];return i}const{stablePrefix:y}=o;let v=function(e,r,t,i){var n=l();if(i)for(var o=0;o<i.length;o++)n=i[o](n);var s=r((function(e){n.initializeInstanceElements(e,a.elements)}),t),a=n.decorateClass(function(e){for(var r=[],t=function(e){return"method"===e.kind&&e.key===o.key&&e.placement===o.placement},i=0;i<e.length;i++){var n,o=e[i];if("method"===o.kind&&(n=r.find(t)))if(p(o.descriptor)||p(n.descriptor)){if(f(o)||f(n))throw new ReferenceError("Duplicated methods ("+o.key+") can't be decorated.");n.descriptor=o.descriptor}else{if(f(o)){if(f(n))throw new ReferenceError("Decorators can't be placed on different accessors with for the same property ("+o.key+").");n.decorators=o.decorators}d(o,n)}else r.push(o)}return r}(s.d.map(c)),e);return n.initializeClassElements(s.F,a.elements),n.runClassFinishers(s.F,a.finishers)}([n(`${y}-megamenu-overlay`)],(function(e,n){return{F:class extends n{constructor(...r){super(...r),e(this)}},d:[{kind:"field",decorators:[r({type:Boolean,reflect:!0})],key:"active",value:()=>!1},{kind:"method",key:"render",value:function(){return t(s||(s=a` <slot></slot> `))}},{kind:"field",static:!0,key:"styles",value:()=>i}]}}),e);export{v as default};
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*
|
|
23
|
-
* lit-
|
|
23
|
+
* lit-html:
|
|
24
24
|
*
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*
|
|
29
|
-
* lit-
|
|
29
|
+
* lit-element:
|
|
30
30
|
*
|
|
31
31
|
* @license
|
|
32
|
-
* Copyright
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
34
|
*
|
|
35
35
|
* @lit/reactive-element:
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
* @carbon/motion:
|
|
42
42
|
*
|
|
43
43
|
* Copyright IBM Corp. 2018, 2023
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
*
|
|
45
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
46
|
+
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*
|
|
48
48
|
* @carbon/layout:
|
|
49
49
|
*
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
* https://www.npmjs.com/package/striptags
|
|
88
88
|
*/
|
|
89
89
|
|
|
90
|
-
import{_ as e,F as t,g as r,n as i,p as n,x as o,l as a,m as s,c as l,o as c,q as d,T as u,r as f,t as p,u as h,s as y,a as m}from"./index-
|
|
90
|
+
import{_ as e,F as t,g as r,n as i,p as n,x as o,l as a,m as s,c as l,o as c,q as d,T as u,r as f,t as p,u as h,s as y,a as m}from"./index-9732faeb.js";let v,k,b,g,w=e=>e,E=e([l(`${n}-content-switcher-item`)],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[i({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[i({type:Boolean,reflect:!0,attribute:"hide-divider"})],key:"hideDivider",value:()=>!1},{kind:"field",decorators:[i({type:Boolean,reflect:!0})],key:"selected",value:()=>!1},{kind:"field",decorators:[i()],key:"target",value:void 0},{kind:"field",decorators:[i()],key:"value",value:()=>""},{kind:"field",decorators:[i({type:Boolean,reflect:!0})],key:"icon",value:()=>!1},{kind:"field",decorators:[i({reflect:!0,type:String})],key:"align",value:()=>"top"},{kind:"field",decorators:[i({attribute:"close-on-activation",reflect:!0,type:Boolean})],key:"closeOnActivation",value:()=>!0},{kind:"field",key:"enterDelayMs",value:()=>100},{kind:"field",key:"leaveDelayMs",value:()=>100},{kind:"method",key:"updated",value:function(e){var t;e&&(null===(t=this.shadowRoot)||void 0===t||null===(t=t.querySelector(`${n}-tooltip`))||void 0===t||null===(t=t.shadowRoot)||void 0===t||null===(t=t.querySelector(`.${n}--tooltip`))||void 0===t||t.classList.add(`${n}--icon-tooltip`))}},{kind:"method",key:"_renderTooltipContent",value:function(){return o(v||(v=w`
|
|
91
91
|
<cds-tooltip-content>
|
|
92
92
|
<slot name="tooltip-content"></slot>
|
|
93
93
|
</cds-tooltip-content>
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*
|
|
23
|
-
* lit-
|
|
23
|
+
* lit-html:
|
|
24
24
|
*
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
28
|
*
|
|
29
|
-
* lit-
|
|
29
|
+
* lit-element:
|
|
30
30
|
*
|
|
31
31
|
* @license
|
|
32
|
-
* Copyright
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
34
|
*
|
|
35
35
|
* @lit/reactive-element:
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
* @carbon/motion:
|
|
42
42
|
*
|
|
43
43
|
* Copyright IBM Corp. 2018, 2023
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
*
|
|
45
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
46
|
+
* LICENSE file in the root directory of this source tree.
|
|
47
47
|
*
|
|
48
48
|
* @carbon/layout:
|
|
49
49
|
*
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
*/
|
|
89
89
|
|
|
90
90
|
let process = { env: {} };
|
|
91
|
-
import { _ as _decorate$1, F as FocusMixin, g as s, n, p as prefix$1, x, l as _objectSpread2, m as styles, c as carbonElement, o as l, q as o, T as TABS_TYPE, r as styles$1, t as _get$1, u as _getPrototypeOf$1, s as styles$2, a as settings } from './index-
|
|
91
|
+
import { _ as _decorate$1, F as FocusMixin, g as s, n, p as prefix$1, x, l as _objectSpread2, m as styles, c as carbonElement, o as l, q as o, T as TABS_TYPE, r as styles$1, t as _get$1, u as _getPrototypeOf$1, s as styles$2, a as settings } from './index-514478b8.js';
|
|
92
92
|
|
|
93
93
|
let _$2 = t => t,
|
|
94
94
|
_t$2,
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';
|
|
10
10
|
import C4DImage from '../image/image';
|
|
11
|
-
import C4DVideoPlayerContainer from '../video-player/video-player-container';
|
|
11
|
+
import C4DVideoPlayerContainer from '../video-player-v7/video-player-container';
|
|
12
12
|
/**
|
|
13
13
|
* Background media.
|
|
14
14
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"background-media.js","names":["html","property","classMap","pauseIcon","playIcon","settings","styles","GRADIENT_DIRECTION","MOBILE_POSITION","C4DImage","C4DLeadSpace","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DBackgroundMedia","_decorate","_initialize","_C4DImage","constructor","args","F","d","kind","key","value","_getGradientClass","gradientDirection","_getMobilePositionClass","videoPlayerContainer","video","mobilePosition","decorators","attribute","reflect","LEFT_TO_RIGHT","type","Boolean","BOTTOM","querySelector","_handleBackgroundMedia","event","_event$target","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","length","containsOnlyImages","toggleVideoState","isPlaying","pauseAllVideos","playAllVideos","requestUpdate","renderVideoControls","_t","_","renderGradient","_t2","_getMediaOpacity","backgroundOpacity","_handleIsRTL","isRTL","dir","getComputedStyle","direction","RIGHT_TO_LEFT","console","log","updated","TOP","_this$parentElement","parentElement","shadowRoot","prepend","gradientHidden","hasAttribute","firstUpdated","render","_t3","_superPropGet","static"],"sources":["components/background-media/background-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/web-components/es/icons/play--filled/32.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport C4DImage from '../image/image';\nimport C4DVideoPlayerContainer from '../video-player/video-player-container';\nimport C4DLeadSpace from '../leadspace/leadspace';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Background media.\n *\n * @element c4d-background-media\n * @csspart controls - The video player controls. Usage: `c4d-background-media::part(controls)`\n * @csspart gradient - The gradient covering the image. Usage: `c4d-background-media::part(gradient)`\n * @csspart container - The component's container. Usage: `c4d-background-media::part(container)`\n * @csspart item - The image container. Usage: `c4d-background-media::part(item)`\n */\n\n@customElement(`${c4dPrefix}-background-media`)\nclass C4DBackgroundMedia extends C4DImage {\n /**\n * Returns a class-name based on the Gradient Direction type\n */\n protected _getGradientClass() {\n return classMap({\n [`${prefix}--background-media--gradient`]: true,\n [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n this.gradientDirection,\n });\n }\n\n /**\n * Returns a class-name based on the Mobile Position type\n */\n protected _getMobilePositionClass() {\n const { videoPlayerContainer: video } = this;\n return classMap({\n [`${prefix}--background-media--container`]: true,\n [`${prefix}--background-media--mobile-position`]: true,\n [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n this.mobilePosition,\n [`${prefix}--background-media--image`]: video === null,\n [`${prefix}--background-media--video`]: video !== null,\n });\n }\n\n /**\n * The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n */\n @property({ attribute: 'opacity', reflect: true })\n backgroundOpacity = 100;\n\n /**\n * Set to true in _handleBackgroundMedia if all children are `c4d-image-item`\n */\n @property()\n containsOnlyImages = false;\n\n /**\n * Gradient Direction (left-to-right (default) | top-to-bottom)\n */\n @property({ attribute: 'gradient-direction', reflect: true })\n gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n /**\n * Option to hide gradient. Automatically set to yes if parent is c4d-leadspace\n */\n @property()\n gradientHidden = false;\n\n /**\n * Determines if the direction is right-to-left\n */\n @property({ type: Boolean })\n isRTL = false;\n\n /**\n * @deprecated\n *\n * Mobile Position (bottom (default) | top)\n */\n @property({ attribute: 'mobile-position', reflect: true })\n mobilePosition = MOBILE_POSITION.BOTTOM;\n\n /**\n * Query selector to get the child video player container\n */\n protected get videoPlayerContainer() {\n return this.querySelector(\n `${c4dPrefix}-video-player-container`\n ) as C4DVideoPlayerContainer | null;\n }\n\n /**\n * Conditionally runs super.render() if all children are `c4d-image-item`\n */\n private _handleBackgroundMedia(event: Event) {\n const assignedElements = (\n event.target as HTMLSlotElement\n )?.assignedElements();\n const assignedImages = assignedElements.filter(\n (el) => el.tagName === `${c4dPrefix}-image-item`.toUpperCase()\n );\n const assignedVideos = assignedElements.filter(\n (el) => el.tagName === `${c4dPrefix}-video-player-container`.toUpperCase()\n ) as C4DVideoPlayerContainer[];\n\n if (assignedImages.length && !assignedVideos.length) {\n this.containsOnlyImages = true;\n }\n }\n\n toggleVideoState() {\n const { videoPlayerContainer: video } = this;\n\n if (video?.isPlaying) {\n video.pauseAllVideos();\n } else {\n video?.playAllVideos();\n }\n\n this.requestUpdate();\n }\n\n renderVideoControls() {\n const { toggleVideoState, videoPlayerContainer } = this;\n const { isPlaying } = videoPlayerContainer ?? {};\n\n return html`\n <button\n part=\"controls\"\n @click=${toggleVideoState}\n class=\"${prefix}--video-player__controls\"\n aria-pressed=\"${!isPlaying}\"\n aria-label=\"${isPlaying ? 'Pause the video' : 'Play the video'}\"\n hasTooltip>\n ${isPlaying ? pauseIcon() : playIcon()}\n </button>\n `;\n }\n\n renderGradient() {\n return html`\n <div part=\"gradient\" class=\"${this._getGradientClass()}\"></div>\n `;\n }\n\n _getMediaOpacity() {\n if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n return `opacity:${this.backgroundOpacity / 100}`;\n }\n return '';\n }\n\n _handleIsRTL() {\n this.isRTL =\n this.dir === 'rtl' || getComputedStyle(this).direction === 'rtl';\n\n if (this.isRTL) {\n this.gradientDirection = GRADIENT_DIRECTION.RIGHT_TO_LEFT;\n }\n\n console.log(this.isRTL);\n }\n\n /**\n * Append the c4d-background-media to the parent element where this component is being used.\n */\n updated() {\n // mobilePosition attribute deprecated\n if (this.mobilePosition === MOBILE_POSITION.TOP) {\n this.parentElement?.shadowRoot?.prepend(this);\n }\n\n if (this.parentElement instanceof C4DLeadSpace) {\n this.gradientHidden = true;\n }\n\n if (this.hasAttribute('default-src') && !this.videoPlayerContainer) {\n this.containsOnlyImages = true;\n }\n }\n\n firstUpdated(): void {\n this._handleIsRTL();\n }\n\n render() {\n return html`\n <div part=\"container\" class=\"${this._getMobilePositionClass()}\">\n ${this.gradientHidden ? '' : this.renderGradient()}\n <div\n part=\"item\"\n class=\"${prefix}--background-media--item\"\n style=\"${this._getMediaOpacity()}\">\n ${this.containsOnlyImages ? super.render() : ''}\n <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n </div>\n </div>\n ${this.videoPlayerContainer ? this.renderVideoControls() : ''}\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--background-media`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DBackgroundMedia;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"background-media.js","names":["html","property","classMap","pauseIcon","playIcon","settings","styles","GRADIENT_DIRECTION","MOBILE_POSITION","C4DImage","C4DLeadSpace","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DBackgroundMedia","_decorate","_initialize","_C4DImage","constructor","args","F","d","kind","key","value","_getGradientClass","gradientDirection","_getMobilePositionClass","videoPlayerContainer","video","mobilePosition","decorators","attribute","reflect","LEFT_TO_RIGHT","type","Boolean","BOTTOM","querySelector","_handleBackgroundMedia","event","_event$target","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","length","containsOnlyImages","toggleVideoState","isPlaying","pauseAllVideos","playAllVideos","requestUpdate","renderVideoControls","_t","_","renderGradient","_t2","_getMediaOpacity","backgroundOpacity","_handleIsRTL","isRTL","dir","getComputedStyle","direction","RIGHT_TO_LEFT","console","log","updated","TOP","_this$parentElement","parentElement","shadowRoot","prepend","gradientHidden","hasAttribute","firstUpdated","render","_t3","_superPropGet","static"],"sources":["components/background-media/background-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/web-components/es/icons/play--filled/32.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport C4DImage from '../image/image';\nimport C4DVideoPlayerContainer from '../video-player-v7/video-player-container';\nimport C4DLeadSpace from '../leadspace/leadspace';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * Background media.\n *\n * @element c4d-background-media\n * @csspart controls - The video player controls. Usage: `c4d-background-media::part(controls)`\n * @csspart gradient - The gradient covering the image. Usage: `c4d-background-media::part(gradient)`\n * @csspart container - The component's container. Usage: `c4d-background-media::part(container)`\n * @csspart item - The image container. Usage: `c4d-background-media::part(item)`\n */\n\n@customElement(`${c4dPrefix}-background-media`)\nclass C4DBackgroundMedia extends C4DImage {\n /**\n * Returns a class-name based on the Gradient Direction type\n */\n protected _getGradientClass() {\n return classMap({\n [`${prefix}--background-media--gradient`]: true,\n [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n this.gradientDirection,\n });\n }\n\n /**\n * Returns a class-name based on the Mobile Position type\n */\n protected _getMobilePositionClass() {\n const { videoPlayerContainer: video } = this;\n return classMap({\n [`${prefix}--background-media--container`]: true,\n [`${prefix}--background-media--mobile-position`]: true,\n [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n this.mobilePosition,\n [`${prefix}--background-media--image`]: video === null,\n [`${prefix}--background-media--video`]: video !== null,\n });\n }\n\n /**\n * The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n */\n @property({ attribute: 'opacity', reflect: true })\n backgroundOpacity = 100;\n\n /**\n * Set to true in _handleBackgroundMedia if all children are `c4d-image-item`\n */\n @property()\n containsOnlyImages = false;\n\n /**\n * Gradient Direction (left-to-right (default) | top-to-bottom)\n */\n @property({ attribute: 'gradient-direction', reflect: true })\n gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n /**\n * Option to hide gradient. Automatically set to yes if parent is c4d-leadspace\n */\n @property()\n gradientHidden = false;\n\n /**\n * Determines if the direction is right-to-left\n */\n @property({ type: Boolean })\n isRTL = false;\n\n /**\n * @deprecated\n *\n * Mobile Position (bottom (default) | top)\n */\n @property({ attribute: 'mobile-position', reflect: true })\n mobilePosition = MOBILE_POSITION.BOTTOM;\n\n /**\n * Query selector to get the child video player container\n */\n protected get videoPlayerContainer() {\n return this.querySelector(\n `${c4dPrefix}-video-player-container`\n ) as C4DVideoPlayerContainer | null;\n }\n\n /**\n * Conditionally runs super.render() if all children are `c4d-image-item`\n */\n private _handleBackgroundMedia(event: Event) {\n const assignedElements = (\n event.target as HTMLSlotElement\n )?.assignedElements();\n const assignedImages = assignedElements.filter(\n (el) => el.tagName === `${c4dPrefix}-image-item`.toUpperCase()\n );\n const assignedVideos = assignedElements.filter(\n (el) => el.tagName === `${c4dPrefix}-video-player-container`.toUpperCase()\n ) as C4DVideoPlayerContainer[];\n\n if (assignedImages.length && !assignedVideos.length) {\n this.containsOnlyImages = true;\n }\n }\n\n toggleVideoState() {\n const { videoPlayerContainer: video } = this;\n\n if (video?.isPlaying) {\n video.pauseAllVideos();\n } else {\n video?.playAllVideos();\n }\n\n this.requestUpdate();\n }\n\n renderVideoControls() {\n const { toggleVideoState, videoPlayerContainer } = this;\n const { isPlaying } = videoPlayerContainer ?? {};\n\n return html`\n <button\n part=\"controls\"\n @click=${toggleVideoState}\n class=\"${prefix}--video-player__controls\"\n aria-pressed=\"${!isPlaying}\"\n aria-label=\"${isPlaying ? 'Pause the video' : 'Play the video'}\"\n hasTooltip>\n ${isPlaying ? pauseIcon() : playIcon()}\n </button>\n `;\n }\n\n renderGradient() {\n return html`\n <div part=\"gradient\" class=\"${this._getGradientClass()}\"></div>\n `;\n }\n\n _getMediaOpacity() {\n if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n return `opacity:${this.backgroundOpacity / 100}`;\n }\n return '';\n }\n\n _handleIsRTL() {\n this.isRTL =\n this.dir === 'rtl' || getComputedStyle(this).direction === 'rtl';\n\n if (this.isRTL) {\n this.gradientDirection = GRADIENT_DIRECTION.RIGHT_TO_LEFT;\n }\n\n console.log(this.isRTL);\n }\n\n /**\n * Append the c4d-background-media to the parent element where this component is being used.\n */\n updated() {\n // mobilePosition attribute deprecated\n if (this.mobilePosition === MOBILE_POSITION.TOP) {\n this.parentElement?.shadowRoot?.prepend(this);\n }\n\n if (this.parentElement instanceof C4DLeadSpace) {\n this.gradientHidden = true;\n }\n\n if (this.hasAttribute('default-src') && !this.videoPlayerContainer) {\n this.containsOnlyImages = true;\n }\n }\n\n firstUpdated(): void {\n this._handleIsRTL();\n }\n\n render() {\n return html`\n <div part=\"container\" class=\"${this._getMobilePositionClass()}\">\n ${this.gradientHidden ? '' : this.renderGradient()}\n <div\n part=\"item\"\n class=\"${prefix}--background-media--item\"\n style=\"${this._getMediaOpacity()}\">\n ${this.containsOnlyImages ? super.render() : ''}\n <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n </div>\n </div>\n ${this.videoPlayerContainer ? this.renderVideoControls() : ''}\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--background-media`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DBackgroundMedia;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
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.
|
|
@@ -352,6 +352,10 @@ declare abstract class C4DLightboxMediaViewerBody extends C4DLightboxMediaViewer
|
|
|
352
352
|
* @returns The title content.
|
|
353
353
|
*/
|
|
354
354
|
abstract _renderTitle(): TemplateResult | string | void;
|
|
355
|
+
/**
|
|
356
|
+
* @returns The CTA content.
|
|
357
|
+
*/
|
|
358
|
+
_renderCTAs(): TemplateResult | string | void;
|
|
355
359
|
render(): TemplateResult<1>;
|
|
356
360
|
static styles: any;
|
|
357
361
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
let _ = t => t,
|
|
3
|
-
_t
|
|
3
|
+
_t,
|
|
4
|
+
_t2;
|
|
4
5
|
/**
|
|
5
6
|
* @license
|
|
6
7
|
*
|
|
7
|
-
* Copyright IBM Corp. 2020,
|
|
8
|
+
* Copyright IBM Corp. 2020, 2026
|
|
8
9
|
*
|
|
9
10
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
10
11
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -34,8 +35,14 @@ class C4DLightboxMediaViewerBody extends FocusMixin(LitElement) {
|
|
|
34
35
|
* @returns The title content.
|
|
35
36
|
*/
|
|
36
37
|
|
|
38
|
+
/**
|
|
39
|
+
* @returns The CTA content.
|
|
40
|
+
*/
|
|
41
|
+
_renderCTAs() {
|
|
42
|
+
return html(_t || (_t = _`<slot name="cta"></slot>`));
|
|
43
|
+
}
|
|
37
44
|
render() {
|
|
38
|
-
return html(
|
|
45
|
+
return html(_t2 || (_t2 = _`
|
|
39
46
|
<div
|
|
40
47
|
class="${0}--lightbox-media-viewer__container"
|
|
41
48
|
part="container">
|
|
@@ -61,11 +68,17 @@ class C4DLightboxMediaViewerBody extends FocusMixin(LitElement) {
|
|
|
61
68
|
data-autoid="${0}--lightbox-media-viewer__content__desc">
|
|
62
69
|
${0}
|
|
63
70
|
</div>
|
|
71
|
+
<div
|
|
72
|
+
part="cta"
|
|
73
|
+
class="${0}--lightbox-media-viewer__content__cta"
|
|
74
|
+
data-autoid="${0}--lightbox-media-viewer__content__cta">
|
|
75
|
+
${0}
|
|
76
|
+
</div>
|
|
64
77
|
</div>
|
|
65
78
|
</div>
|
|
66
79
|
</div>
|
|
67
80
|
</div>
|
|
68
|
-
`), c4dPrefix, c4dPrefix, c4dPrefix, this._renderMedia(), c4dPrefix, c4dPrefix, c4dPrefix, c4dPrefix, this._renderTitle(), c4dPrefix, c4dPrefix, this._renderDescription());
|
|
81
|
+
`), c4dPrefix, c4dPrefix, c4dPrefix, this._renderMedia(), c4dPrefix, c4dPrefix, c4dPrefix, c4dPrefix, this._renderTitle(), c4dPrefix, c4dPrefix, this._renderDescription(), c4dPrefix, c4dPrefix, this._renderCTAs());
|
|
69
82
|
}
|
|
70
83
|
|
|
71
84
|
// `styles` here is a `CSSResult` generated by custom WebPack loader
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightbox-media-viewer-body.js","names":["html","LitElement","FocusMixin","settings","styles","stablePrefix","c4dPrefix","C4DLightboxMediaViewerBody","
|
|
1
|
+
{"version":3,"file":"lightbox-media-viewer-body.js","names":["html","LitElement","FocusMixin","settings","styles","stablePrefix","c4dPrefix","C4DLightboxMediaViewerBody","_renderCTAs","_t","_","render","_t2","_renderMedia","_renderTitle","_renderDescription","_defineProperty"],"sources":["components/lightbox-media-viewer/lightbox-media-viewer-body.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, LitElement, TemplateResult } from 'lit';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './lightbox-media-viewer.scss';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Media viewer modal body.\n */\nabstract class C4DLightboxMediaViewerBody extends FocusMixin(LitElement) {\n /**\n * @returns The description content.\n */\n abstract _renderDescription(): TemplateResult | string | void;\n\n /**\n * @returns The media content.\n */\n abstract _renderMedia(): TemplateResult | string | void;\n\n /**\n * @returns The title content.\n */\n abstract _renderTitle(): TemplateResult | string | void;\n\n /**\n * @returns The CTA content.\n */\n _renderCTAs(): TemplateResult | string | void {\n return html`<slot name=\"cta\"></slot>`;\n }\n\n render() {\n return html`\n <div\n class=\"${c4dPrefix}--lightbox-media-viewer__container\"\n part=\"container\">\n <div class=\"${c4dPrefix}--lightbox-media-viewer__row\" part=\"row\">\n <div class=\"${c4dPrefix}--lightbox-media-viewer__media\" part=\"media\">\n ${this._renderMedia()}\n </div>\n <div\n class=\"${c4dPrefix}--lightbox-media-viewer__media-description\"\n part=\"content-wrapper\">\n <div\n class=\"${c4dPrefix}--lightbox-media-viewer__content\"\n part=\"content\">\n <div\n part=\"title\"\n class=\"${c4dPrefix}--lightbox-media-viewer__content__title\"\n data-autoid=\"${c4dPrefix}--lightbox-media-viewer__content__title\">\n ${this._renderTitle()}\n </div>\n <div\n part=\"description\"\n class=\"${c4dPrefix}--lightbox-media-viewer__content__desc\"\n data-autoid=\"${c4dPrefix}--lightbox-media-viewer__content__desc\">\n ${this._renderDescription()}\n </div>\n <div\n part=\"cta\"\n class=\"${c4dPrefix}--lightbox-media-viewer__content__cta\"\n data-autoid=\"${c4dPrefix}--lightbox-media-viewer__content__cta\">\n ${this._renderCTAs()}\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DLightboxMediaViewerBody;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAwB,KAAK;AACtD,OAAOC,UAAU,MAAM,mDAAmD;AAC1E,OAAOC,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,MAAM,MAAM,kCAA8B;AAEjD,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,QAAQ;;AAE5C;AACA;AACA;AACA,MAAeI,0BAA0B,SAASL,UAAU,CAACD,UAAU,CAAC,CAAC;EACvE;AACF;AACA;;EAGE;AACF;AACA;;EAGE;AACF;AACA;;EAGE;AACF;AACA;EACEO,WAAWA,CAAA,EAAmC;IAC5C,OAAOR,IAAI,CAAAS,EAAA,KAAAA,EAAA,GAAAC,CAAA;EACb;EAEAC,MAAMA,CAAA,EAAG;IACP,OAAOX,IAAI,CAAAY,GAAA,KAAAA,GAAA,GAAAF,CAAA;AACf;AACA,iBAFe;AACf;AACA,sBAFe;AACf,wBADe;AACf,cADe;AACf;AACA;AACA,qBAHe;AACf;AACA;AACA,uBAHe;AACf;AACA;AACA;AACA,yBAJe;AACf,+BADe;AACf,kBADe;AACf;AACA;AACA;AACA,yBAJe;AACf,+BADe;AACf,kBADe;AACf;AACA;AACA;AACA,yBAJe;AACf,+BADe;AACf,kBADe;AACf;AACA;AACA;AACA;AACA;AACA,KANe,GAEEJ,SAAS,EAEJA,SAAS,EACPA,SAAS,EACnB,IAAI,CAACO,YAAY,CAAC,CAAC,EAGZP,SAAS,EAGPA,SAAS,EAIPA,SAAS,EACHA,SAAS,EACtB,IAAI,CAACQ,YAAY,CAAC,CAAC,EAIZR,SAAS,EACHA,SAAS,EACtB,IAAI,CAACS,kBAAkB,CAAC,CAAC,EAIlBT,SAAS,EACHA,SAAS,EACtB,IAAI,CAACE,WAAW,CAAC,CAAC;EAOlC;;EAEwB;AAC1B;;AAEA;AAAAQ,eAAA,CAlEeT,0BAA0B,YA+DvBH,MAAM;AAIxB,eAAeG,0BAA0B","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
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.
|
|
@@ -13,6 +13,7 @@ import C4DLightboxMediaViewerBody from './lightbox-media-viewer-body';
|
|
|
13
13
|
* @element c4d-lightbox-media-viewer
|
|
14
14
|
* @slot title - The title content.
|
|
15
15
|
* @slot description - The description content.
|
|
16
|
+
* @slot cta - The CTA content.
|
|
16
17
|
* @csspart container - The wrapper around the lightbox media. Usage: `c4d-lightbox-video-player::part(container)`
|
|
17
18
|
* @csspart row - The wrapper around the row. Usage: `c4d-lightbox-video-player::part(row)`
|
|
18
19
|
* @csspart media - The wrapper around media. Usage: `c4d-lightbox-video-player::part(media)`
|
|
@@ -26,6 +27,7 @@ declare class C4DLightboxMediaViewer extends C4DLightboxMediaViewerBody {
|
|
|
26
27
|
_renderDescription(): import("lit-html").TemplateResult<1>;
|
|
27
28
|
_renderMedia(): import("lit-html").TemplateResult<1>;
|
|
28
29
|
_renderTitle(): import("lit-html").TemplateResult<1>;
|
|
30
|
+
_renderCTAs(): import("lit-html").TemplateResult<1>;
|
|
29
31
|
private _mediaItem?;
|
|
30
32
|
private _mediaWindow;
|
|
31
33
|
private _containingCarousel?;
|
|
@@ -4,12 +4,13 @@ import _get from "@babel/runtime/helpers/esm/get";
|
|
|
4
4
|
let _ = t => t,
|
|
5
5
|
_t,
|
|
6
6
|
_t2,
|
|
7
|
-
_t3
|
|
7
|
+
_t3,
|
|
8
|
+
_t4;
|
|
8
9
|
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; }
|
|
9
10
|
/**
|
|
10
11
|
* @license
|
|
11
12
|
*
|
|
12
|
-
* Copyright IBM Corp. 2020,
|
|
13
|
+
* Copyright IBM Corp. 2020, 2026
|
|
13
14
|
*
|
|
14
15
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
15
16
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -19,7 +20,7 @@ import { html } from 'lit';
|
|
|
19
20
|
import { property, query } from 'lit/decorators.js';
|
|
20
21
|
import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
|
|
21
22
|
import C4DLightboxMediaViewerBody from "./lightbox-media-viewer-body.js";
|
|
22
|
-
import C4DVideoPlayerContainer from "../video-player/video-player-container.js";
|
|
23
|
+
import C4DVideoPlayerContainer from "../video-player-v7/video-player-container.js";
|
|
23
24
|
import C4DExpressiveModal from "../expressive-modal/expressive-modal.js";
|
|
24
25
|
import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
|
25
26
|
const {
|
|
@@ -32,6 +33,7 @@ const {
|
|
|
32
33
|
* @element c4d-lightbox-media-viewer
|
|
33
34
|
* @slot title - The title content.
|
|
34
35
|
* @slot description - The description content.
|
|
36
|
+
* @slot cta - The CTA content.
|
|
35
37
|
* @csspart container - The wrapper around the lightbox media. Usage: `c4d-lightbox-video-player::part(container)`
|
|
36
38
|
* @csspart row - The wrapper around the row. Usage: `c4d-lightbox-video-player::part(row)`
|
|
37
39
|
* @csspart media - The wrapper around media. Usage: `c4d-lightbox-video-player::part(media)`
|
|
@@ -80,6 +82,12 @@ let C4DLightboxMediaViewer = _decorate([customElement(`${c4dPrefix}-lightbox-med
|
|
|
80
82
|
>
|
|
81
83
|
`), title);
|
|
82
84
|
}
|
|
85
|
+
}, {
|
|
86
|
+
kind: "method",
|
|
87
|
+
key: "_renderCTAs",
|
|
88
|
+
value: function _renderCTAs() {
|
|
89
|
+
return html(_t4 || (_t4 = _` <slot name="cta"></slot> `));
|
|
90
|
+
}
|
|
83
91
|
}, {
|
|
84
92
|
kind: "field",
|
|
85
93
|
decorators: [query(`.${c4dPrefix}--lightbox-media-viewer__media`)],
|
|
@@ -177,14 +185,14 @@ let C4DLightboxMediaViewer = _decorate([customElement(`${c4dPrefix}-lightbox-med
|
|
|
177
185
|
thumbnail
|
|
178
186
|
} = this;
|
|
179
187
|
this.innerHTML = `
|
|
180
|
-
<c4d-video-player-container
|
|
188
|
+
<c4d-video-player-container-v7
|
|
181
189
|
playing-mode="inline"
|
|
182
190
|
video-id="${videoId}"
|
|
183
191
|
caption="${caption}"
|
|
184
192
|
?hide-caption="${hideCaption}"
|
|
185
193
|
thumbnail="${thumbnail}"
|
|
186
194
|
slot="media"
|
|
187
|
-
></c4d-video-player-container>
|
|
195
|
+
></c4d-video-player-container-v7>
|
|
188
196
|
`;
|
|
189
197
|
} else {
|
|
190
198
|
const {
|