@carbon/ibmdotcom-web-components 2.49.0 → 2.50.0

package/dist/{megamenu-overlay-daeba46c.js → megamenu-overlay-c4637474.js}

@@ -41,9 +41,9 @@
  * @carbon/motion:
  * 
  * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
  * 
  * @carbon/layout:
  * 
@@ -80,11 +80,11 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
-import{g as e,n as r,x as t,s as i,c as n,a as o}from"./index-adfddc06.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};
+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};

package/dist/{megamenu-tab-656e4007.js → megamenu-tab-b48fbb7c.js}

@@ -41,9 +41,9 @@
  * @carbon/motion:
  * 
  * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
  * 
  * @carbon/layout:
  * 
@@ -80,14 +80,14 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
-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-adfddc06.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`
+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`
       <cds-tooltip-content>
         <slot name="tooltip-content"></slot>
       </cds-tooltip-content>

package/dist/{megamenu-tab-90a388cf.js → megamenu-tab-c2772b72.js}

@@ -41,9 +41,9 @@
  * @carbon/motion:
  * 
  * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
  * 
  * @carbon/layout:
  * 
@@ -80,15 +80,15 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
 let process = { env: {} };
-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-b426f051.js';
+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';
 
 let _$2 = t => t,
   _t$2,

package/es/components/background-media/background-media.d.ts

@@ -8,7 +8,7 @@
  */
 import { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';
 import C4DImage from '../image/image';
-import C4DVideoPlayerContainer from '../video-player/video-player-container';
+import C4DVideoPlayerContainer from '../video-player-v7/video-player-container';
 /**
  * Background media.
  *

package/es/components/background-media/background-media.js.map

@@ -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":[]}
+{"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":[]}

package/es/components/lightbox-media-viewer/lightbox-media-viewer.js

@@ -20,7 +20,7 @@ import { html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import C4DLightboxMediaViewerBody from "./lightbox-media-viewer-body.js";
-import C4DVideoPlayerContainer from "../video-player/video-player-container.js";
+import C4DVideoPlayerContainer from "../video-player-v7/video-player-container.js";
 import C4DExpressiveModal from "../expressive-modal/expressive-modal.js";
 import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
 const {
@@ -185,14 +185,14 @@ let C4DLightboxMediaViewer = _decorate([customElement(`${c4dPrefix}-lightbox-med
             thumbnail
           } = this;
           this.innerHTML = `
-        <c4d-video-player-container
+        <c4d-video-player-container-v7
           playing-mode="inline"
           video-id="${videoId}"
           caption="${caption}"
           ?hide-caption="${hideCaption}"
           thumbnail="${thumbnail}"
           slot="media"
-        ></c4d-video-player-container>
+        ></c4d-video-player-container-v7>
       `;
         } else {
           const {

package/es/components/lightbox-media-viewer/lightbox-media-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox-media-viewer.js","names":["html","property","query","settings","C4DLightboxMediaViewerBody","C4DVideoPlayerContainer","C4DExpressiveModal","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxMediaViewer","_decorate","_initialize","_C4DLightboxMediaView","constructor","args","F","d","kind","key","value","_renderDescription","description","_t","_","_renderMedia","_t2","_handleSlotChange","_renderTitle","title","_t3","_renderCTAs","_t4","decorators","event","_containingModal","containingModal","media","target","assignedNodes","_mediaItem","_intersectionObserver","IntersectionObserver","disconnect","undefined","_boundModalClosedHandler","removeEventListener","eventBeforeClose","_mediaWindow","mediaWindow","_containingCarousel","containingCarousel","callback","_handleOutOfCarouselView","bind","root","rootMargin","threshold","observe","_handleModalClosed","addEventListener","entries","forEach","entry","intersectionRatio","_pauseVideo","mediaItem","pauseAllVideos","connectedCallback","_superPropGet","closest","update","changedProperties","videoId","caption","hideCaption","thumbnail","innerHTML","alt","defaultSrc","attribute","static"],"sources":["components/lightbox-media-viewer/lightbox-media-viewer.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, query } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DLightboxMediaViewerBody from './lightbox-media-viewer-body';\nimport C4DVideoPlayerContainer from '../video-player/video-player-container';\nimport C4DCarousel from '../carousel/carousel';\nimport C4DExpressiveModal from '../expressive-modal/expressive-modal';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * The image content of lightbox media viewer.\n *\n * @element c4d-lightbox-media-viewer\n * @slot title - The title content.\n * @slot description - The description content.\n * @slot cta - The CTA 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 h2 - The h2 element that holds the title. Usage: `c4d-lightbox-video-player::part(h2)`\n */\n@customElement(`${c4dPrefix}-lightbox-media-viewer`)\nclass C4DLightboxMediaViewer extends C4DLightboxMediaViewerBody {\n  _renderDescription() {\n    const { description } = this;\n    return html` <slot name=\"description\">${description}</slot> `;\n  }\n\n  _renderMedia() {\n    return html`\n      <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n    `;\n  }\n\n  _renderTitle() {\n    const { title } = this;\n    return html`\n      <slot name=\"title\"\n        ><h2 part=\"h2\" style=\"all: inherit;\">${title}</h2></slot\n      >\n    `;\n  }\n\n  _renderCTAs() {\n    return html` <slot name=\"cta\"></slot> `;\n  }\n\n  private _mediaItem?: HTMLElement;\n\n  @query(`.${c4dPrefix}--lightbox-media-viewer__media`)\n  private _mediaWindow!: HTMLDivElement;\n\n  private _containingCarousel?: C4DCarousel;\n\n  private _containingModal?: C4DExpressiveModal;\n\n  private _handleSlotChange(event: Event) {\n    const { _containingModal: containingModal } = this;\n    const [media] = (event.target as HTMLSlotElement).assignedNodes();\n    this._mediaItem = media as HTMLImageElement | C4DVideoPlayerContainer;\n\n    // Disconnect & delete intersection observer\n    if (this._intersectionObserver instanceof IntersectionObserver) {\n      this._intersectionObserver.disconnect();\n      this._intersectionObserver = undefined;\n    }\n\n    // Remove modal closed listeners from the containing modal\n    if (containingModal && this._boundModalClosedHandler) {\n      containingModal.removeEventListener(\n        C4DExpressiveModal.eventBeforeClose,\n        this._boundModalClosedHandler\n      );\n      this._boundModalClosedHandler = undefined;\n    }\n\n    if (media instanceof C4DVideoPlayerContainer) {\n      const {\n        _mediaWindow: mediaWindow,\n        _containingCarousel: containingCarousel,\n      } = this;\n\n      // Watch for out-of-view if we're in a carousel\n      if (mediaWindow && containingCarousel) {\n        const callback = this._handleOutOfCarouselView.bind(this);\n        this._intersectionObserver = new IntersectionObserver(callback, {\n          root: containingCarousel,\n          rootMargin: '999px 0px 999px 0px',\n          threshold: 1,\n        });\n\n        this._intersectionObserver.observe(mediaWindow);\n      }\n\n      // Watch for modal close\n      if (containingModal) {\n        this._boundModalClosedHandler = this._handleModalClosed.bind(this);\n\n        containingModal.addEventListener(\n          C4DExpressiveModal.eventBeforeClose,\n          this._boundModalClosedHandler\n        );\n      }\n    }\n  }\n\n  private _intersectionObserver?: IntersectionObserver;\n\n  private _handleOutOfCarouselView(entries) {\n    entries.forEach((entry) => {\n      if (entry.intersectionRatio < 1) {\n        this._pauseVideo();\n      }\n    });\n  }\n\n  private _handleModalClosed() {\n    this._pauseVideo();\n  }\n\n  private _pauseVideo() {\n    const { _mediaItem: mediaItem } = this;\n\n    if (mediaItem instanceof C4DVideoPlayerContainer) {\n      mediaItem.pauseAllVideos();\n    }\n  }\n\n  _boundModalClosedHandler?: EventListenerOrEventListenerObject;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this._containingCarousel =\n      (this.closest(`${c4dPrefix}-carousel`) as C4DCarousel) || undefined;\n    this._containingModal =\n      (this.closest(`${c4dPrefix}-expressive-modal`) as C4DExpressiveModal) ||\n      undefined;\n  }\n\n  update(changedProperties) {\n    if (this.videoId) {\n      const { videoId, caption, hideCaption, thumbnail } = this;\n      this.innerHTML = `\n        <c4d-video-player-container\n          playing-mode=\"inline\"\n          video-id=\"${videoId}\"\n          caption=\"${caption}\"\n          ?hide-caption=\"${hideCaption}\"\n          thumbnail=\"${thumbnail}\"\n          slot=\"media\"\n        ></c4d-video-player-container>\n      `;\n    } else {\n      const { alt, defaultSrc } = this;\n      this.innerHTML = `\n        <img\n          class=\"${c4dPrefix}--image__img\"\n          alt=\"${alt}\"\n          src=\"${defaultSrc}\"\n          loading=\"lazy\"\n          slot=\"media\"\n          style=\"max-width:100%;max-height:100%\"\n        />\n      `;\n    }\n    super.update(changedProperties);\n  }\n\n  /**\n   * The alternate text.\n   */\n  @property()\n  alt = '';\n\n  /**\n   * The image source.\n   */\n  @property({ attribute: 'default-src' })\n  defaultSrc = '';\n\n  /**\n   * The media description.\n   */\n  @property()\n  description = '';\n\n  /**\n   * The media title.\n   */\n  @property()\n  title = '';\n\n  @property({ attribute: 'video-id' })\n  videoId = '';\n\n  @property()\n  caption = '';\n\n  @property()\n  hideCaption = false;\n\n  @property()\n  thumbnail = '';\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeModalClose() {\n    return `${c4dPrefix}-expressive-modal-beingclosed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DLightboxMediaViewer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"lightbox-media-viewer.js","names":["html","property","query","settings","C4DLightboxMediaViewerBody","C4DVideoPlayerContainer","C4DExpressiveModal","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxMediaViewer","_decorate","_initialize","_C4DLightboxMediaView","constructor","args","F","d","kind","key","value","_renderDescription","description","_t","_","_renderMedia","_t2","_handleSlotChange","_renderTitle","title","_t3","_renderCTAs","_t4","decorators","event","_containingModal","containingModal","media","target","assignedNodes","_mediaItem","_intersectionObserver","IntersectionObserver","disconnect","undefined","_boundModalClosedHandler","removeEventListener","eventBeforeClose","_mediaWindow","mediaWindow","_containingCarousel","containingCarousel","callback","_handleOutOfCarouselView","bind","root","rootMargin","threshold","observe","_handleModalClosed","addEventListener","entries","forEach","entry","intersectionRatio","_pauseVideo","mediaItem","pauseAllVideos","connectedCallback","_superPropGet","closest","update","changedProperties","videoId","caption","hideCaption","thumbnail","innerHTML","alt","defaultSrc","attribute","static"],"sources":["components/lightbox-media-viewer/lightbox-media-viewer.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, query } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DLightboxMediaViewerBody from './lightbox-media-viewer-body';\nimport C4DVideoPlayerContainer from '../video-player-v7/video-player-container';\nimport C4DCarousel from '../carousel/carousel';\nimport C4DExpressiveModal from '../expressive-modal/expressive-modal';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * The image content of lightbox media viewer.\n *\n * @element c4d-lightbox-media-viewer\n * @slot title - The title content.\n * @slot description - The description content.\n * @slot cta - The CTA 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 h2 - The h2 element that holds the title. Usage: `c4d-lightbox-video-player::part(h2)`\n */\n@customElement(`${c4dPrefix}-lightbox-media-viewer`)\nclass C4DLightboxMediaViewer extends C4DLightboxMediaViewerBody {\n  _renderDescription() {\n    const { description } = this;\n    return html` <slot name=\"description\">${description}</slot> `;\n  }\n\n  _renderMedia() {\n    return html`\n      <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n    `;\n  }\n\n  _renderTitle() {\n    const { title } = this;\n    return html`\n      <slot name=\"title\"\n        ><h2 part=\"h2\" style=\"all: inherit;\">${title}</h2></slot\n      >\n    `;\n  }\n\n  _renderCTAs() {\n    return html` <slot name=\"cta\"></slot> `;\n  }\n\n  private _mediaItem?: HTMLElement;\n\n  @query(`.${c4dPrefix}--lightbox-media-viewer__media`)\n  private _mediaWindow!: HTMLDivElement;\n\n  private _containingCarousel?: C4DCarousel;\n\n  private _containingModal?: C4DExpressiveModal;\n\n  private _handleSlotChange(event: Event) {\n    const { _containingModal: containingModal } = this;\n    const [media] = (event.target as HTMLSlotElement).assignedNodes();\n    this._mediaItem = media as HTMLImageElement | C4DVideoPlayerContainer;\n\n    // Disconnect & delete intersection observer\n    if (this._intersectionObserver instanceof IntersectionObserver) {\n      this._intersectionObserver.disconnect();\n      this._intersectionObserver = undefined;\n    }\n\n    // Remove modal closed listeners from the containing modal\n    if (containingModal && this._boundModalClosedHandler) {\n      containingModal.removeEventListener(\n        C4DExpressiveModal.eventBeforeClose,\n        this._boundModalClosedHandler\n      );\n      this._boundModalClosedHandler = undefined;\n    }\n\n    if (media instanceof C4DVideoPlayerContainer) {\n      const {\n        _mediaWindow: mediaWindow,\n        _containingCarousel: containingCarousel,\n      } = this;\n\n      // Watch for out-of-view if we're in a carousel\n      if (mediaWindow && containingCarousel) {\n        const callback = this._handleOutOfCarouselView.bind(this);\n        this._intersectionObserver = new IntersectionObserver(callback, {\n          root: containingCarousel,\n          rootMargin: '999px 0px 999px 0px',\n          threshold: 1,\n        });\n\n        this._intersectionObserver.observe(mediaWindow);\n      }\n\n      // Watch for modal close\n      if (containingModal) {\n        this._boundModalClosedHandler = this._handleModalClosed.bind(this);\n\n        containingModal.addEventListener(\n          C4DExpressiveModal.eventBeforeClose,\n          this._boundModalClosedHandler\n        );\n      }\n    }\n  }\n\n  private _intersectionObserver?: IntersectionObserver;\n\n  private _handleOutOfCarouselView(entries) {\n    entries.forEach((entry) => {\n      if (entry.intersectionRatio < 1) {\n        this._pauseVideo();\n      }\n    });\n  }\n\n  private _handleModalClosed() {\n    this._pauseVideo();\n  }\n\n  private _pauseVideo() {\n    const { _mediaItem: mediaItem } = this;\n\n    if (mediaItem instanceof C4DVideoPlayerContainer) {\n      mediaItem.pauseAllVideos();\n    }\n  }\n\n  _boundModalClosedHandler?: EventListenerOrEventListenerObject;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this._containingCarousel =\n      (this.closest(`${c4dPrefix}-carousel`) as C4DCarousel) || undefined;\n    this._containingModal =\n      (this.closest(`${c4dPrefix}-expressive-modal`) as C4DExpressiveModal) ||\n      undefined;\n  }\n\n  update(changedProperties) {\n    if (this.videoId) {\n      const { videoId, caption, hideCaption, thumbnail } = this;\n      this.innerHTML = `\n        <c4d-video-player-container-v7\n          playing-mode=\"inline\"\n          video-id=\"${videoId}\"\n          caption=\"${caption}\"\n          ?hide-caption=\"${hideCaption}\"\n          thumbnail=\"${thumbnail}\"\n          slot=\"media\"\n        ></c4d-video-player-container-v7>\n      `;\n    } else {\n      const { alt, defaultSrc } = this;\n      this.innerHTML = `\n        <img\n          class=\"${c4dPrefix}--image__img\"\n          alt=\"${alt}\"\n          src=\"${defaultSrc}\"\n          loading=\"lazy\"\n          slot=\"media\"\n          style=\"max-width:100%;max-height:100%\"\n        />\n      `;\n    }\n    super.update(changedProperties);\n  }\n\n  /**\n   * The alternate text.\n   */\n  @property()\n  alt = '';\n\n  /**\n   * The image source.\n   */\n  @property({ attribute: 'default-src' })\n  defaultSrc = '';\n\n  /**\n   * The media description.\n   */\n  @property()\n  description = '';\n\n  /**\n   * The media title.\n   */\n  @property()\n  title = '';\n\n  @property({ attribute: 'video-id' })\n  videoId = '';\n\n  @property()\n  caption = '';\n\n  @property()\n  hideCaption = false;\n\n  @property()\n  thumbnail = '';\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeModalClose() {\n    return `${c4dPrefix}-expressive-modal-beingclosed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DLightboxMediaViewer;\n"],"mappings":"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","ignoreList":[]}

package/es/components/lightbox-media-viewer/lightbox-video-player-composite.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import C4DVideoPlayerComposite from '../video-player/video-player-composite';
+import C4DVideoPlayerComposite from '../video-player-v7/video-player-composite';
 import '../expressive-modal/expressive-modal';
 import '../expressive-modal/expressive-modal-close-button';
 import './lightbox-video-player';

package/es/components/lightbox-media-viewer/lightbox-video-player-composite.js

@@ -21,10 +21,10 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import ModalRenderMixin from "../../globals/mixins/modal-render.js";
-import C4DVideoPlayerComposite from "../video-player/video-player-composite.js";
+import C4DVideoPlayerComposite from "../video-player-v7/video-player-composite.js";
 import "../expressive-modal/expressive-modal.js";
 import "../expressive-modal/expressive-modal-close-button.js";
-import { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from "../video-player/video-player.js";
+import { VIDEO_PLAYER_CONTENT_STATE, VIDEO_PLAYER_PLAYING_MODE } from "../video-player-v7/video-player.js";
 import "./lightbox-video-player.js";
 import styles from "././lightbox-media-viewer.css.js";
 import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';

package/es/components/lightbox-media-viewer/lightbox-video-player-composite.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox-video-player-composite.js","names":["html","property","on","ifDefined","HostListener","settings","ModalRenderMixin","C4DVideoPlayerComposite","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxVideoPlayerComposite","_decorate","_initialize","_ModalRenderMixin","constructor","args","F","d","kind","key","value","_videoPlayer","videoPlayer","iFrame","querySelector","open","_iFrame$contentWindow","contentWindow","document","removeAttribute","_iFrame$contentWindow2","setAttribute","error","console","log","selectorEmbeddedVideoContainer","elems","Array","prototype","slice","call","querySelectorAll","forEach","element","toggleAttribute","dataset","videoId","embeddedVideos","currentEmbeddedVideo","sendNotification","_handleAriaAndHiddenState","_handleContentStateChange","_","decorators","event","contentState","playingMode","requestedVideoId","name","customVideoDescription","detail","videoCtaLightBox","VIDEO","LIGHTBOX","customVideoName","_this$modalRenderRoot","_this$modalRenderRoot2","selectorVideoPlayer","modalRenderRoot","type","Boolean","reflect","attribute","connectedCallback","_superPropGet","createModalRenderRoot","_hCloseModal","eventCloseModal","_handleCloseModal","disconnectedCallback","release","updated","changedProperties","has","_activateEmbeddedVideo","_this$_loadVideoData","_loadVideoData","_this$_embedMedia","_embedMedia","renderLightDOM","_t","_2","renderModal","formatCaption","formatDuration","hideCaption","mediaData","currentVideoData","description","duration","videoName","videoDescription","_t2","static"],"sources":["components/lightbox-media-viewer/lightbox-video-player-composite.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport on from '@carbon/web-components/es/globals/mixins/on.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport C4DVideoPlayerComposite from '../video-player/video-player-composite';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport {\n  VIDEO_PLAYER_CONTENT_STATE,\n  VIDEO_PLAYER_PLAYING_MODE,\n} from '../video-player/video-player';\nimport './lightbox-video-player';\nimport styles from './lightbox-media-viewer.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Component that renders lightbox media viewer for video from its metadata, etc.\n *\n * @element c4d-lightbox-video-player-composite\n */\n@customElement(`${c4dPrefix}-lightbox-video-player-composite`)\nclass C4DLightboxVideoPlayerComposite extends ModalRenderMixin(\n  C4DVideoPlayerComposite\n) {\n  /**\n   * The handle for the listener of `${c4dPrefix}-expressive-modal-closed` event.\n   */\n  private _hCloseModal: Handle | null = null;\n\n  /**\n   * Handles aria state depending on the modal's state.\n   */\n  private _handleAriaAndHiddenState = () => {\n    const { _videoPlayer: videoPlayer } = this;\n    const iFrame = videoPlayer?.querySelector('iframe');\n\n    // Handles edge case where screen reader still reads video title within iFrame\n    try {\n      if (this.open) {\n        iFrame?.contentWindow?.document\n          .querySelector('.topBarContainer')\n          ?.removeAttribute('aria-hidden');\n      } else {\n        iFrame?.contentWindow?.document\n          .querySelector('.topBarContainer')\n          ?.setAttribute('aria-hidden', 'true');\n      }\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.log('Failed to access element in iframe');\n      throw error;\n    }\n\n    const { selectorEmbeddedVideoContainer } = this\n      .constructor as typeof C4DLightboxVideoPlayerComposite;\n\n    const elems = Array.prototype.slice.call(\n      videoPlayer?.querySelectorAll(selectorEmbeddedVideoContainer)\n    );\n\n    elems.forEach((element) => {\n      element.toggleAttribute(\n        'hidden',\n        (element as HTMLElement).dataset.videoId !== this.videoId\n      );\n    });\n  };\n\n  /**\n   * The handler of `${c4dPrefix}-expressive-modal-closed` event from `<c4d-expressive-modal>`.\n   */\n  private _handleCloseModal = () => {\n    const { embeddedVideos = {}, videoId } = this;\n    const { [videoId]: currentEmbeddedVideo } = embeddedVideos;\n    if (currentEmbeddedVideo) {\n      currentEmbeddedVideo.sendNotification('doStop');\n    }\n    this.open = false;\n    this._handleAriaAndHiddenState();\n  };\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleContentStateChange(_: CustomEvent) {}\n\n  @HostListener('document:eventContentStateChange')\n  protected _handleContentStateChangeDocument = (event: CustomEvent) => {\n    const {\n      contentState,\n      playingMode,\n      videoId: requestedVideoId,\n      name,\n      customVideoDescription,\n    } = event.detail;\n    if (this.videoCtaLightBox === false) {\n      this.videoId = requestedVideoId;\n      const { videoId } = this;\n      if (\n        contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n        videoId === requestedVideoId &&\n        playingMode === VIDEO_PLAYER_PLAYING_MODE.LIGHTBOX\n      ) {\n        this.customVideoName = name;\n        this.open = true;\n        this.customVideoDescription = customVideoDescription;\n      }\n    }\n  };\n\n  /**\n   * The video player.\n   */\n  protected get _videoPlayer() {\n    const { selectorVideoPlayer } = this\n      .constructor as typeof C4DLightboxVideoPlayerComposite;\n    return (this.modalRenderRoot as Element)?.querySelector?.(\n      selectorVideoPlayer\n    );\n  }\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   *\n   */\n  @property({ attribute: 'custom-video-name' })\n  customVideoName?: string;\n\n  /**\n   *\n   */\n  @property({ attribute: 'custom-video-description' })\n  customVideoDescription?: string;\n\n  /**\n   * `true` if the modal is rendered for video cta component.\n   */\n  @property({ type: Boolean, attribute: 'video-cta-lightbox' })\n  videoCtaLightBox = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n    // Manually hooks the event listeners on the modal render root to make the event names configurable\n    this._hCloseModal = on(\n      this.modalRenderRoot,\n      (this.constructor as typeof C4DLightboxVideoPlayerComposite)\n        .eventCloseModal,\n      this._handleCloseModal as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    if (this._hCloseModal) {\n      this._hCloseModal = this._hCloseModal.release();\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open') || changedProperties.has('videoId')) {\n      const { open, videoId } = this;\n      this._activateEmbeddedVideo(!open ? '' : videoId);\n      if (videoId) {\n        this._loadVideoData?.(videoId);\n        if (open) {\n          this._embedMedia?.(videoId);\n          this._handleAriaAndHiddenState();\n        }\n      }\n    }\n  }\n\n  renderLightDOM() {\n    // In this class we render that in modal instead of in light DOM.\n    // Overriding `.renderLightDOM()` here\n    // to prevent the parent `<c4d-video-player-composite>` from rendering `<c4d-video-player>` in light DOM.\n    return html``;\n  }\n\n  renderModal() {\n    const {\n      formatCaption,\n      formatDuration,\n      customVideoName,\n      hideCaption,\n      open,\n      mediaData = {},\n      videoId,\n      customVideoDescription,\n    } = this;\n    const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n    const { description, duration, name } = currentVideoData;\n    const videoName = customVideoName || name;\n    const videoDescription = customVideoDescription || description;\n    return html`\n      <c4d-expressive-modal\n        ?open=\"${open}\"\n        expressive-size=\"full-width\"\n        mode=\"lightbox\"\n        part=\"modal\">\n        <c4d-expressive-modal-close-button\n          part=\"close-button\"></c4d-expressive-modal-close-button>\n        <c4d-lightbox-video-player\n          description=\"${ifDefined(videoDescription)}\"\n          duration=\"${ifDefined(duration)}\"\n          name=\"${ifDefined(videoName)}\"\n          ?hide-caption=\"${hideCaption}\"\n          .formatCaption=\"${ifDefined(formatCaption)}\"\n          .formatDuration=\"${ifDefined(formatDuration)}\"\n          part=\"lightbox-video-player\">\n        </c4d-lightbox-video-player>\n      </c4d-expressive-modal>\n    `;\n  }\n\n  /**\n   * A selector selecting the video player component.\n   */\n  static get selectorVideoPlayer() {\n    return `${c4dPrefix}-lightbox-video-player`;\n  }\n\n  /**\n   * The name of the custom event fired after the modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${c4dPrefix}-expressive-modal-closed`;\n  }\n\n  /**\n   * A selector selecting the container DOM elements for embedding video.\n   */\n  static get selectorEmbeddedVideoContainer() {\n    return '[data-video-id]';\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 C4DLightboxVideoPlayerComposite;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"lightbox-video-player-composite.js","names":["html","property","on","ifDefined","HostListener","settings","ModalRenderMixin","C4DVideoPlayerComposite","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxVideoPlayerComposite","_decorate","_initialize","_ModalRenderMixin","constructor","args","F","d","kind","key","value","_videoPlayer","videoPlayer","iFrame","querySelector","open","_iFrame$contentWindow","contentWindow","document","removeAttribute","_iFrame$contentWindow2","setAttribute","error","console","log","selectorEmbeddedVideoContainer","elems","Array","prototype","slice","call","querySelectorAll","forEach","element","toggleAttribute","dataset","videoId","embeddedVideos","currentEmbeddedVideo","sendNotification","_handleAriaAndHiddenState","_handleContentStateChange","_","decorators","event","contentState","playingMode","requestedVideoId","name","customVideoDescription","detail","videoCtaLightBox","VIDEO","LIGHTBOX","customVideoName","_this$modalRenderRoot","_this$modalRenderRoot2","selectorVideoPlayer","modalRenderRoot","type","Boolean","reflect","attribute","connectedCallback","_superPropGet","createModalRenderRoot","_hCloseModal","eventCloseModal","_handleCloseModal","disconnectedCallback","release","updated","changedProperties","has","_activateEmbeddedVideo","_this$_loadVideoData","_loadVideoData","_this$_embedMedia","_embedMedia","renderLightDOM","_t","_2","renderModal","formatCaption","formatDuration","hideCaption","mediaData","currentVideoData","description","duration","videoName","videoDescription","_t2","static"],"sources":["components/lightbox-media-viewer/lightbox-video-player-composite.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport on from '@carbon/web-components/es/globals/mixins/on.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport C4DVideoPlayerComposite from '../video-player-v7/video-player-composite';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport {\n  VIDEO_PLAYER_CONTENT_STATE,\n  VIDEO_PLAYER_PLAYING_MODE,\n} from '../video-player-v7/video-player';\nimport './lightbox-video-player';\nimport styles from './lightbox-media-viewer.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Component that renders lightbox media viewer for video from its metadata, etc.\n *\n * @element c4d-lightbox-video-player-composite\n */\n@customElement(`${c4dPrefix}-lightbox-video-player-composite`)\nclass C4DLightboxVideoPlayerComposite extends ModalRenderMixin(\n  C4DVideoPlayerComposite\n) {\n  /**\n   * The handle for the listener of `${c4dPrefix}-expressive-modal-closed` event.\n   */\n  private _hCloseModal: Handle | null = null;\n\n  /**\n   * Handles aria state depending on the modal's state.\n   */\n  private _handleAriaAndHiddenState = () => {\n    const { _videoPlayer: videoPlayer } = this;\n    const iFrame = videoPlayer?.querySelector('iframe');\n\n    // Handles edge case where screen reader still reads video title within iFrame\n    try {\n      if (this.open) {\n        iFrame?.contentWindow?.document\n          .querySelector('.topBarContainer')\n          ?.removeAttribute('aria-hidden');\n      } else {\n        iFrame?.contentWindow?.document\n          .querySelector('.topBarContainer')\n          ?.setAttribute('aria-hidden', 'true');\n      }\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.log('Failed to access element in iframe');\n      throw error;\n    }\n\n    const { selectorEmbeddedVideoContainer } = this\n      .constructor as typeof C4DLightboxVideoPlayerComposite;\n\n    const elems = Array.prototype.slice.call(\n      videoPlayer?.querySelectorAll(selectorEmbeddedVideoContainer)\n    );\n\n    elems.forEach((element) => {\n      element.toggleAttribute(\n        'hidden',\n        (element as HTMLElement).dataset.videoId !== this.videoId\n      );\n    });\n  };\n\n  /**\n   * The handler of `${c4dPrefix}-expressive-modal-closed` event from `<c4d-expressive-modal>`.\n   */\n  private _handleCloseModal = () => {\n    const { embeddedVideos = {}, videoId } = this;\n    const { [videoId]: currentEmbeddedVideo } = embeddedVideos;\n    if (currentEmbeddedVideo) {\n      currentEmbeddedVideo.sendNotification('doStop');\n    }\n    this.open = false;\n    this._handleAriaAndHiddenState();\n  };\n\n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  protected _handleContentStateChange(_: CustomEvent) {}\n\n  @HostListener('document:eventContentStateChange')\n  protected _handleContentStateChangeDocument = (event: CustomEvent) => {\n    const {\n      contentState,\n      playingMode,\n      videoId: requestedVideoId,\n      name,\n      customVideoDescription,\n    } = event.detail;\n    if (this.videoCtaLightBox === false) {\n      this.videoId = requestedVideoId;\n      const { videoId } = this;\n      if (\n        contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n        videoId === requestedVideoId &&\n        playingMode === VIDEO_PLAYER_PLAYING_MODE.LIGHTBOX\n      ) {\n        this.customVideoName = name;\n        this.open = true;\n        this.customVideoDescription = customVideoDescription;\n      }\n    }\n  };\n\n  /**\n   * The video player.\n   */\n  protected get _videoPlayer() {\n    const { selectorVideoPlayer } = this\n      .constructor as typeof C4DLightboxVideoPlayerComposite;\n    return (this.modalRenderRoot as Element)?.querySelector?.(\n      selectorVideoPlayer\n    );\n  }\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   *\n   */\n  @property({ attribute: 'custom-video-name' })\n  customVideoName?: string;\n\n  /**\n   *\n   */\n  @property({ attribute: 'custom-video-description' })\n  customVideoDescription?: string;\n\n  /**\n   * `true` if the modal is rendered for video cta component.\n   */\n  @property({ type: Boolean, attribute: 'video-cta-lightbox' })\n  videoCtaLightBox = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n    // Manually hooks the event listeners on the modal render root to make the event names configurable\n    this._hCloseModal = on(\n      this.modalRenderRoot,\n      (this.constructor as typeof C4DLightboxVideoPlayerComposite)\n        .eventCloseModal,\n      this._handleCloseModal as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    if (this._hCloseModal) {\n      this._hCloseModal = this._hCloseModal.release();\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open') || changedProperties.has('videoId')) {\n      const { open, videoId } = this;\n      this._activateEmbeddedVideo(!open ? '' : videoId);\n      if (videoId) {\n        this._loadVideoData?.(videoId);\n        if (open) {\n          this._embedMedia?.(videoId);\n          this._handleAriaAndHiddenState();\n        }\n      }\n    }\n  }\n\n  renderLightDOM() {\n    // In this class we render that in modal instead of in light DOM.\n    // Overriding `.renderLightDOM()` here\n    // to prevent the parent `<c4d-video-player-composite>` from rendering `<c4d-video-player>` in light DOM.\n    return html``;\n  }\n\n  renderModal() {\n    const {\n      formatCaption,\n      formatDuration,\n      customVideoName,\n      hideCaption,\n      open,\n      mediaData = {},\n      videoId,\n      customVideoDescription,\n    } = this;\n    const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n    const { description, duration, name } = currentVideoData;\n    const videoName = customVideoName || name;\n    const videoDescription = customVideoDescription || description;\n    return html`\n      <c4d-expressive-modal\n        ?open=\"${open}\"\n        expressive-size=\"full-width\"\n        mode=\"lightbox\"\n        part=\"modal\">\n        <c4d-expressive-modal-close-button\n          part=\"close-button\"></c4d-expressive-modal-close-button>\n        <c4d-lightbox-video-player\n          description=\"${ifDefined(videoDescription)}\"\n          duration=\"${ifDefined(duration)}\"\n          name=\"${ifDefined(videoName)}\"\n          ?hide-caption=\"${hideCaption}\"\n          .formatCaption=\"${ifDefined(formatCaption)}\"\n          .formatDuration=\"${ifDefined(formatDuration)}\"\n          part=\"lightbox-video-player\">\n        </c4d-lightbox-video-player>\n      </c4d-expressive-modal>\n    `;\n  }\n\n  /**\n   * A selector selecting the video player component.\n   */\n  static get selectorVideoPlayer() {\n    return `${c4dPrefix}-lightbox-video-player`;\n  }\n\n  /**\n   * The name of the custom event fired after the modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${c4dPrefix}-expressive-modal-closed`;\n  }\n\n  /**\n   * A selector selecting the container DOM elements for embedding video.\n   */\n  static get selectorEmbeddedVideoContainer() {\n    return '[data-video-id]';\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 C4DLightboxVideoPlayerComposite;\n"],"mappings":"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","ignoreList":[]}

package/es/components/lightbox-media-viewer/lightbox-video-player-container.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { VideoPlayerContainerState } from '../video-player/video-player-container';
+import { VideoPlayerContainerState } from '../video-player-v7/video-player-container';
 import C4DLightboxVideoPlayerComposite from './lightbox-video-player-composite';
 declare const C4DLightboxVideoPlayerContainer_base: {
     new (...args: any[]): {
@@ -354,10 +354,10 @@ declare const C4DLightboxVideoPlayerContainer_base: {
     lc: string;
     _setRequestEmbedVideoInProgress(videoId: string, request: Promise<any>): void;
     _setErrorRequestEmbedVideo(videoId: string, error: Error): void;
-    _setEmbeddedVideo(videoId: string, kWidget: any): void;
+    _setEmbeddedVideo(videoId: string, kalturaPlayer: any): void;
     _setAutoplayPreference(preference: boolean): void;
     _getAutoplayPreference(): boolean;
-    _getPlayerOptions(): {};
+    _getPlayerOptions(): any;
     _embedVideoImpl(videoId: string): Promise<any>;
     _embedMedia: (videoId: string) => Promise<any>;
     firstUpdated(): Promise<void>;

package/es/components/lightbox-media-viewer/lightbox-video-player-container.js

@@ -11,7 +11,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store.js';
 import ConnectMixin from "../../globals/mixins/connect.js";
-import { C4DVideoPlayerContainerMixin, mapStateToProps, mapDispatchToProps } from "../video-player/video-player-container.js";
+import { C4DVideoPlayerContainerMixin, mapStateToProps, mapDispatchToProps } from "../video-player-v7/video-player-container.js";
 import C4DLightboxVideoPlayerComposite from "./lightbox-video-player-composite.js";
 import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
 const {

package/es/components/lightbox-media-viewer/lightbox-video-player-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox-video-player-container.js","names":["settings","store","ConnectMixin","C4DVideoPlayerContainerMixin","mapStateToProps","mapDispatchToProps","C4DLightboxVideoPlayerComposite","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxVideoPlayerContainer","_decorate","_initialize","_ConnectMixin","constructor","args","F","d"],"sources":["components/lightbox-media-viewer/lightbox-video-player-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ActionCreatorsMapObject, Store } from 'redux';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store.js';\nimport { MediaPlayerAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport {\n  VideoPlayerContainerState,\n  VideoPlayerContainerStateProps,\n  VideoPlayerActions,\n  C4DVideoPlayerContainerMixin,\n  mapStateToProps,\n  mapDispatchToProps,\n} from '../video-player/video-player-container';\nimport C4DLightboxVideoPlayerComposite from './lightbox-video-player-composite';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Container component for lightbox media viewer, works with video data.\n *\n * @element c4d-lightbox-video-player-container\n */\n@customElement(`${c4dPrefix}-lightbox-video-player-container`)\nclass C4DLightboxVideoPlayerContainer extends ConnectMixin<\n  VideoPlayerContainerState,\n  MediaPlayerAPIActions,\n  VideoPlayerContainerStateProps,\n  ActionCreatorsMapObject<VideoPlayerActions>\n>(\n  store as Store<VideoPlayerContainerState, MediaPlayerAPIActions>,\n  mapStateToProps,\n  mapDispatchToProps\n)(C4DVideoPlayerContainerMixin(C4DLightboxVideoPlayerComposite)) {}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DLightboxVideoPlayerContainer;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,KAAK,MAAM,iEAAiE;AAEnF,OAAOC,YAAY,MAAM,iCAA8B;AACvD,SAIEC,4BAA4B,EAC5BC,eAAe,EACfC,kBAAkB,QACb,2CAAwC;AAC/C,OAAOC,+BAA+B,MAAM,sCAAmC;AAC/E,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAE/G,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGV,QAAQ;;AAE5C;AACA;AACA;AACA;AACA;AAJA,IAMMW,+BAA+B,GAAAC,SAAA,EADpCJ,aAAa,CAAC,GAAGE,SAAS,kCAAkC,CAAC,aAAAG,WAAA,EAAAC,aAAA;EAA9D,MACMH,+BAA+B,SAAAG,aAAA,CAS4B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAAC;EAAC;IAAAI,CAAA,EAT7DN,+BAA+B;IAAAO,CAAA;EAAA;AAAA,GAAShB,YAAY,CAMxDD,KAAK,EACLG,eAAe,EACfC,kBACF,CAAC,CAACF,4BAA4B,CAACG,+BAA+B,CAAC,CAAC;AAEhE;AACA,eAAeK,+BAA+B","ignoreList":[]}
+{"version":3,"file":"lightbox-video-player-container.js","names":["settings","store","ConnectMixin","C4DVideoPlayerContainerMixin","mapStateToProps","mapDispatchToProps","C4DLightboxVideoPlayerComposite","carbonElement","customElement","stablePrefix","c4dPrefix","C4DLightboxVideoPlayerContainer","_decorate","_initialize","_ConnectMixin","constructor","args","F","d"],"sources":["components/lightbox-media-viewer/lightbox-video-player-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ActionCreatorsMapObject, Store } from 'redux';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport store from '../../internal/vendor/@carbon/ibmdotcom-services-store/store.js';\nimport { MediaPlayerAPIActions } from '../../internal/vendor/@carbon/ibmdotcom-services-store/actions/kalturaPlayerAPI';\nimport ConnectMixin from '../../globals/mixins/connect';\nimport {\n  VideoPlayerContainerState,\n  VideoPlayerContainerStateProps,\n  VideoPlayerActions,\n  C4DVideoPlayerContainerMixin,\n  mapStateToProps,\n  mapDispatchToProps,\n} from '../video-player-v7/video-player-container';\nimport C4DLightboxVideoPlayerComposite from './lightbox-video-player-composite';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\n/**\n * Container component for lightbox media viewer, works with video data.\n *\n * @element c4d-lightbox-video-player-container\n */\n@customElement(`${c4dPrefix}-lightbox-video-player-container`)\nclass C4DLightboxVideoPlayerContainer extends ConnectMixin<\n  VideoPlayerContainerState,\n  MediaPlayerAPIActions,\n  VideoPlayerContainerStateProps,\n  ActionCreatorsMapObject<VideoPlayerActions>\n>(\n  store as Store<VideoPlayerContainerState, MediaPlayerAPIActions>,\n  mapStateToProps,\n  mapDispatchToProps\n)(C4DVideoPlayerContainerMixin(C4DLightboxVideoPlayerComposite)) {}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DLightboxVideoPlayerContainer;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,QAAQ,MAAM,+DAA+D;AACpF,OAAOC,KAAK,MAAM,iEAAiE;AAEnF,OAAOC,YAAY,MAAM,iCAA8B;AACvD,SAIEC,4BAA4B,EAC5BC,eAAe,EACfC,kBAAkB,QACb,8CAA2C;AAClD,OAAOC,+BAA+B,MAAM,sCAAmC;AAC/E,SAASC,aAAa,IAAIC,aAAa,QAAQ,gEAAgE;AAE/G,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGV,QAAQ;;AAE5C;AACA;AACA;AACA;AACA;AAJA,IAMMW,+BAA+B,GAAAC,SAAA,EADpCJ,aAAa,CAAC,GAAGE,SAAS,kCAAkC,CAAC,aAAAG,WAAA,EAAAC,aAAA;EAA9D,MACMH,+BAA+B,SAAAG,aAAA,CAS4B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAAC;EAAC;IAAAI,CAAA,EAT7DN,+BAA+B;IAAAO,CAAA;EAAA;AAAA,GAAShB,YAAY,CAMxDD,KAAK,EACLG,eAAe,EACfC,kBACF,CAAC,CAACF,4BAA4B,CAACG,+BAA+B,CAAC,CAAC;AAEhE;AACA,eAAeK,+BAA+B","ignoreList":[]}

package/es/components/notice-choice/notice-choice.d.ts

@@ -381,6 +381,7 @@ declare class NoticeChoice extends NoticeChoice_base {
     environment: string;
     showCustomNotice: string;
     customNoticeText: string;
+    prefType: string;
     /**
      * End properties for passed attributes.
      */

package/es/components/notice-choice/notice-choice.js

@@ -179,6 +179,16 @@ let NoticeChoice = _decorate([customElement(`c4d-notice-choice`)], function (_in
       value() {
         return '';
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: String,
+        attribute: 'pref-type'
+      })],
+      key: "prefType",
+      value() {
+        return '';
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -453,7 +463,7 @@ let NoticeChoice = _decorate([customElement(`c4d-notice-choice`)], function (_in
       kind: "field",
       key: "pwsFieldsMap",
       value() {
-        return new Map([['NC_HIDDEN_EMAIL', 'permission_email'], ['NC_HIDDEN_PHONE', 'permission_phone'], ['preventFormSubmission', 'preventFormSubmission'], ['Q_CHINA_PIPL', 'Q_CHINA_PIPL'], ['Q_COUNTRY_TRANSFER', 'Q_COUNTRY_TRANSFER'], ['NC_HIDDEN_EMAIL_VALUE', 'NC_HIDDEN_EMAIL'], ['NC_HIDDEN_PHONE_VALUE', 'NC_HIDDEN_PHONE'], ['EMAIL_CU', 'EMAIL_CU'], ['EMAIL_CC', 'EMAIL_CC'], ['EMAIL_UC', 'EMAIL_UC'], ['EMAIL_UU', 'EMAIL_UU'], ['PHONE_CU', 'PHONE_CU'], ['PHONE_CC', 'PHONE_CC'], ['PHONE_UC', 'PHONE_UC'], ['PHONE_UU', 'PHONE_UU'], ['EMAIL_NOTICE_ONLY', 'EMAIL_NOTICE_ONLY'], ['PHONE_NOTICE_ONLY', 'PHONE_NOTICE_ONLY'], ['NC_HIDDEN_PHONE_NONE', 'NC_HIDDEN_PHONE_NONE']]);
+        return new Map([['NC_HIDDEN_EMAIL', 'permission_email'], ['NC_HIDDEN_PHONE', 'permission_phone'], ['preventFormSubmission', 'preventFormSubmission'], ['Q_CHINA_PIPL', 'Q_CHINA_PIPL'], ['Q_COUNTRY_TRANSFER', 'Q_COUNTRY_TRANSFER'], ['NC_HIDDEN_EMAIL_VALUE', 'NC_HIDDEN_EMAIL'], ['NC_HIDDEN_PHONE_VALUE', 'NC_HIDDEN_PHONE'], ['EMAIL_CU', 'EMAIL_CU'], ['EMAIL_CC', 'EMAIL_CC'], ['EMAIL_UC', 'EMAIL_UC'], ['EMAIL_UU', 'EMAIL_UU'], ['PHONE_CU', 'PHONE_CU'], ['PHONE_CC', 'PHONE_CC'], ['PHONE_UC', 'PHONE_UC'], ['PHONE_UU', 'PHONE_UU'], ['EMAIL_NOTICE_ONLY', 'EMAIL_NOTICE_ONLY'], ['PHONE_NOTICE_ONLY', 'PHONE_NOTICE_ONLY'], ['NC_HIDDEN_PHONE_NONE', 'NC_HIDDEN_PHONE_NONE'], ['NC_PREF_TYPE', 'NC_PREF_TYPE']]);
       }
     }, {
       kind: "method",
@@ -550,10 +560,21 @@ let NoticeChoice = _decorate([customElement(`c4d-notice-choice`)], function (_in
               return;
             }
           case 'showCustomNotice':
-            if (oldValue !== value && typeof value === 'string') {
-              this.showCustomNotice = JSON.parse(value) || false;
+            {
+              if (oldValue !== value && typeof value === 'string') {
+                this.showCustomNotice = JSON.parse(value) || false;
+              }
+              return;
+            }
+          case 'prefType':
+            {
+              if (oldValue != value) {
+                const newValue = value !== '' ? value : 'IBM';
+                console.log('prefType changed', '==>', newValue);
+                this._onChange('NC_PREF_TYPE', newValue);
+              }
+              return;
             }
-            return;
           default:
             return;
         }
@@ -685,21 +706,21 @@ let NoticeChoice = _decorate([customElement(`c4d-notice-choice`)], function (_in
       kind: "method",
       key: "handleLanguageOrEnvironmentChange",
       value: function handleLanguageOrEnvironmentChange(value) {
-        var _this$language;
+        var _this$language, _this$language2;
         if (['stage', 'prod'].includes(value)) {
           this.environment = value;
         } else {
           this.language = value;
         }
-        const langPart = (_this$language = this.language) === null || _this$language === void 0 ? void 0 : _this$language.split(/[-_]/)[0];
+        const langPart = this.supportedLanguages[(_this$language = this.language) === null || _this$language === void 0 ? void 0 : _this$language.toLowerCase()] || ((_this$language2 = this.language) === null || _this$language2 === void 0 ? void 0 : _this$language2.split(/[-_]/).reduce((found, part) => found || this.supportedLanguages[part.toLowerCase()], undefined)) || 'en';
         this.isLoading = true;
         loadSettings(this.environment, settings => {
-          var _this$language2;
+          var _this$language3;
           this.countrySettings = settings.preferences;
           this.noticeOnly = settings.noticeOnly || ['us'];
           this.supportedLanguages = settings.supportedLanguages || {};
           this.isOriginalTextChanged = true;
-          const supportedLang = this.supportedLanguages[((_this$language2 = this.language) === null || _this$language2 === void 0 ? void 0 : _this$language2.toLowerCase()) || ''] || langPart && this.supportedLanguages[langPart.toLowerCase()] || 'en';
+          const supportedLang = this.supportedLanguages[((_this$language3 = this.language) === null || _this$language3 === void 0 ? void 0 : _this$language3.toLowerCase()) || ''] || langPart && this.supportedLanguages[langPart.toLowerCase()] || 'en';
           this.loadContentWithFallback(supportedLang);
         }, err => {
           console.error('Error loading settings', err);
@@ -778,8 +799,8 @@ let NoticeChoice = _decorate([customElement(`c4d-notice-choice`)], function (_in
       kind: "method",
       key: "_initSettingsAndContent",
       value: function _initSettingsAndContent(language) {
-        const [lang] = language.split(/[-_]/);
-        const defaultLang = this.supportedLanguages[language === null || language === void 0 ? void 0 : language.toLocaleLowerCase()] || this.supportedLanguages[lang === null || lang === void 0 ? void 0 : lang.toLocaleLowerCase()] || 'en';
+        const parts = language.toLowerCase().split(/[-_]/);
+        const defaultLang = this.supportedLanguages[language === null || language === void 0 ? void 0 : language.toLowerCase()] || parts.reduce((found, part) => found || this.supportedLanguages[part], undefined) || 'en';
         loadSettings(this.environment, settings => {
           this.countrySettings = settings.preferences;
           this.noticeOnly = settings.noticeOnly || ['us'];