npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.30.0-rc.2 → 1.30.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.30.0-rc.2 → 1.30.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1645) hide show

package/es/components/universal-banner/universal-banner-copy.js CHANGED Viewed

@@ -18,6 +18,7 @@ var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ib
 var _universalBannerCss = _interopRequireDefault(require("././universal-banner.css.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _markdown = _interopRequireDefault(require("../markdown/markdown.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -28,7 +29,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-universal-banner-copy
  */
-var DDSUniversalBannerCopy = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-universal-banner-copy"))], function (_initialize, _StableSelectorMixin) {
+var DDSUniversalBannerCopy = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-universal-banner-copy"))], function (_initialize, _StableSelectorMixin) {
   var DDSUniversalBannerCopy = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSUniversalBannerCopy, _StableSelectorMixin2);
     var _super = _createSuper(DDSUniversalBannerCopy);

package/es/components/universal-banner/universal-banner-copy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"universal-banner-copy.js","names":["_litElement","require","_settings","_interopRequireDefault","_universalBannerCss","_stableSelector","_markdown","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSUniversalBannerCopy","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","render","html","_taggedTemplateLiteral2","firstUpdated","_this$querySelector","querySelector","setAttribute","stableSelector","styles","StableSelectorMixin","DDSMarkdown","_default","exports"],"sources":["components/universal-banner/universal-banner-copy.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\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 { ~~customElement,~~ property, html } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './universal-banner.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSMarkdown from '../markdown/markdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The paragraph content in the universal banner\n \n @element dds-universal-banner-copy\n /\n@customElement(`${ddsPrefix}-universal-banner-copy`)\nclass DDSUniversalBannerCopy extends StableSelectorMixin(DDSMarkdown) {\n @property({ reflect: true })\n slot = 'copy';\n\n render() {\n return html` <slot></slot> `;\n }\n\n firstUpdated() {\n this.querySelector('p')?.setAttribute('style', 'all:unset;');\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-copy`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSUniversalBannerCopy;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;~~AAA+C~~,IAAAM,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAE/C~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,OAAAC,UAAA,cAD3B,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,4BAAyB,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAC9CL,sBAAsB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,sBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,sBAAA;IAAA,SAAAA,uBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,sBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,sBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAtBlB,sBAAsB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GACzB,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAI,GAAA;MAAAC,KAAA,EAEb,SAAAC,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAArD,eAAA,KAAAA,eAAA,OAAAsD,uBAAA;MACb;IAAC;MAAAR,IAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAI,aAAA,EAAe;QAAA,IAAAC,mBAAA;QACb,CAAAA,mBAAA,OAAI,CAACC,aAAa,CAAC,GAAG,CAAC,cAAAD,mBAAA,uBAAvBA,mBAAA,CAAyBE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC;MAC9D;IAAC;MAAAZ,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAQ,eAAA,EAA4B;QAC1B,UAAA9B,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeS,8BAAM;MAAA;IAAA;EAAA;AAAA,GAhBa,IAAAC,0BAAmB,EAACC,oBAAW,CAAC;AAmBrE;AAAA,IAAAC,QAAA,GACerC,sBAAsB;AAAAsC,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"universal-banner-copy.js","names":["_litElement","require","_settings","_interopRequireDefault","_universalBannerCss","_stableSelector","_markdown","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSUniversalBannerCopy","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","render","html","_taggedTemplateLiteral2","firstUpdated","_this$querySelector","querySelector","setAttribute","stableSelector","styles","StableSelectorMixin","DDSMarkdown","_default","exports"],"sources":["components/universal-banner/universal-banner-copy.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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 { property, html } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './universal-banner.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSMarkdown from '../markdown/markdown';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The paragraph content in the universal banner\n \n @element dds-universal-banner-copy\n /\n@customElement(`${ddsPrefix}-universal-banner-copy`)\nclass DDSUniversalBannerCopy extends StableSelectorMixin(DDSMarkdown) {\n @property({ reflect: true })\n slot = 'copy';\n\n render() {\n return html` <slot></slot> `;\n }\n\n firstUpdated() {\n this.querySelector('p')?.setAttribute('style', 'all:unset;');\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-copy`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSUniversalBannerCopy;\n"],"mappings":"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"}

package/es/components/universal-banner/universal-banner-heading.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 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.
@@ -194,7 +194,7 @@ declare const DDSUniversalBannerHeading_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/universal-banner/universal-banner-heading.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/universal-banner/universal-banner-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,~~EAIL~~,UAAU,~~EAEX~~,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AASrB~~;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAA+B;IACrE;;OAEG;IAEH,IAAI,SAAa;IAGjB,OAAO,SAAM;IAEb,iBAAiB;IAUjB,YAAY;IAKZ,MAAM;IAIN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"universal-banner-heading.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\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 {\n html~~,\n~~ property~~,\n customElement,\n~~ LitElement~~,\n~~ internalProperty~~,\n~~} from 'lit-element';\nimport { stripHTML } from '@carbon/ibmdotcom-utilities/es/utilities/stripHTML/index.js';\nimport { render } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The heading content in universal banner\n \n @element dds-universal-banner-heading\n /\n@customElement(`${ddsPrefix}-universal-banner-heading`)\nclass DDSUniversalBannerHeading extends StableSelectorMixin(LitElement) {\n /\n The shadow slot this logo UI should be in.\n /\n @property({ reflect: true })\n slot = 'heading';\n\n @internalProperty()\n content = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n firstUpdated() {\n this.content = stripHTML(this.innerHTML);\n render(html` ${this.content} `, this);\n }\n\n render() {\n return html` ${this.content} `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-heading`;\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 DDSUniversalBannerHeading;\n"]}
1	+ {"version":3,"sources":["components/universal-banner/universal-banner-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAoB,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU3E;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAA+B;IACrE;;OAEG;IAEH,IAAI,SAAa;IAGjB,OAAO,SAAM;IAEb,iBAAiB;IAUjB,YAAY;IAKZ,MAAM;IAIN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"universal-banner-heading.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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, property, LitElement, internalProperty } from 'lit-element';\nimport { stripHTML } from '@carbon/ibmdotcom-utilities/es/utilities/stripHTML/index.js';\nimport { render } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The heading content in universal banner\n \n @element dds-universal-banner-heading\n /\n@customElement(`${ddsPrefix}-universal-banner-heading`)\nclass DDSUniversalBannerHeading extends StableSelectorMixin(LitElement) {\n /\n The shadow slot this logo UI should be in.\n /\n @property({ reflect: true })\n slot = 'heading';\n\n @internalProperty()\n content = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n firstUpdated() {\n this.content = stripHTML(this.innerHTML);\n render(html` ${this.content} `, this);\n }\n\n render() {\n return html` ${this.content} `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-heading`;\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 DDSUniversalBannerHeading;\n"]}

package/es/components/universal-banner/universal-banner-heading.js CHANGED Viewed

@@ -20,6 +20,7 @@ var _litHtml = require("lit-html");
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _universalBannerCss = _interopRequireDefault(require("././universal-banner.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -30,7 +31,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-universal-banner-heading
  */
-var DDSUniversalBannerHeading = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-universal-banner-heading"))], function (_initialize, _StableSelectorMixin) {
+var DDSUniversalBannerHeading = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-universal-banner-heading"))], function (_initialize, _StableSelectorMixin) {
   var DDSUniversalBannerHeading = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSUniversalBannerHeading, _StableSelectorMixin2);
     var _super = _createSuper(DDSUniversalBannerHeading);

package/es/components/universal-banner/universal-banner-heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"universal-banner-heading.js","names":["_litElement","require","_index","_litHtml","_settings","_interopRequireDefault","_stableSelector","_universalBannerCss","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSUniversalBannerHeading","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","internalProperty","connectedCallback","hasAttribute","setAttribute","_get2","firstUpdated","content","stripHTML","innerHTML","render","html","_taggedTemplateLiteral2","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/universal-banner/universal-banner-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\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 {\n html~~,\n~~ property~~,\n customElement,\n~~ LitElement~~,\n~~ internalProperty~~,\n~~} from 'lit-element';\nimport { stripHTML } from '@carbon/ibmdotcom-utilities/es/utilities/stripHTML/index.js';\nimport { render } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The heading content in universal banner\n \n @element dds-universal-banner-heading\n /\n@customElement(`${ddsPrefix}-universal-banner-heading`)\nclass DDSUniversalBannerHeading extends StableSelectorMixin(LitElement) {\n /\n The shadow slot this logo UI should be in.\n /\n @property({ reflect: true })\n slot = 'heading';\n\n @internalProperty()\n content = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n firstUpdated() {\n this.content = stripHTML(this.innerHTML);\n render(html` ${this.content} `, this);\n }\n\n render() {\n return html` ${this.content} `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-heading`;\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 DDSUniversalBannerHeading;\n"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;~~AAOA~~,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,mBAAA,GAAAF,sBAAA,CAAAJ,OAAA;~~AAA6C~~,IAAAO,eAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAE7C~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,yBAAyB,OAAAC,UAAA,cAD9B,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,+BAA4B,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACjDL,yBAAyB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,yBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,yBAAA;IAAA,SAAAA,0BAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,yBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,yBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAzBlB,yBAAyB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI5B,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,SAAS;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAEf,IAAAK,4BAAgB,GAAE;MAAAF,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACT,EAAE;MAAA;IAAA;MAAAL,IAAA;MAAAI,GAAA;MAAAC,KAAA;MAPZ;AACF;AACA;;MAOE,SAAAE,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,IAAI,CAAC,IAAI,CAACD,YAAY,CAAC,YAAY,CAAC,EAAE;UACpC,IAAI,CAACC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC;QACtC;QACA,IAAAC,KAAA,iBAAAjD,gBAAA,aAjBEmB,yBAAyB,CAAAP,SAAA,8BAAAE,IAAA;MAkB7B;IAAC;MAAAyB,IAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAM,aAAA,EAAe;QACb,IAAI,CAACC,OAAO,GAAG,IAAAC,gBAAS,EAAC,IAAI,CAACC,SAAS,CAAC;QACxC,IAAAC,eAAM,MAACC,gBAAI,EAAA/D,eAAA,KAAAA,eAAA,OAAAgE,uBAAA,2BAAI,IAAI,CAACL,OAAO,GAAK,IAAI,CAAC;MACvC;IAAC;MAAAZ,IAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAA9D,gBAAA,KAAAA,gBAAA,OAAA+D,uBAAA,2BAAI,IAAI,CAACL,OAAO;MAC7B;IAAC;MAAAZ,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAa,eAAA,EAA4B;QAC1B,UAAAnC,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEec,8BAAM;MAAA;IAAA;EAAA;AAAA,GAjCgB,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAoCvE;AAAA,IAAAC,QAAA,GACe1C,yBAAyB;AAAA2C,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"universal-banner-heading.js","names":["_litElement","require","_index","_litHtml","_settings","_interopRequireDefault","_stableSelector","_universalBannerCss","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSUniversalBannerHeading","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","internalProperty","connectedCallback","hasAttribute","setAttribute","_get2","firstUpdated","content","stripHTML","innerHTML","render","html","_taggedTemplateLiteral2","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/universal-banner/universal-banner-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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, property, LitElement, internalProperty } from 'lit-element';\nimport { stripHTML } from '@carbon/ibmdotcom-utilities/es/utilities/stripHTML/index.js';\nimport { render } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The heading content in universal banner\n \n @element dds-universal-banner-heading\n /\n@customElement(`${ddsPrefix}-universal-banner-heading`)\nclass DDSUniversalBannerHeading extends StableSelectorMixin(LitElement) {\n /\n The shadow slot this logo UI should be in.\n /\n @property({ reflect: true })\n slot = 'heading';\n\n @internalProperty()\n content = '';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n firstUpdated() {\n this.content = stripHTML(this.innerHTML);\n render(html` ${this.content} `, this);\n }\n\n render() {\n return html` ${this.content} `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-heading`;\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 DDSUniversalBannerHeading;\n"],"mappings":"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"}

package/es/components/universal-banner/universal-banner-image.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/universal-banner/universal-banner-image.ts"],"names":[],"mappings":"AAUA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;~~AAKtC~~;;;;GAIG;AAEH,cACM,uBAAwB,SAAQ,QAAQ;IAC5C,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,uBAAuB,CAAC","file":"universal-banner-image.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, ~~2022~~\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 /\nimport { ~~customElement,~~ css } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from './universal-banner.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Universal banner image.\n \n @element dds-universal-banner-image\n /\n\n@customElement(`${ddsPrefix}-universal-banner-image`)\nclass DDSUniversalBannerImage extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-image`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSUniversalBannerImage;\n"]}
1	+ {"version":3,"sources":["components/universal-banner/universal-banner-image.ts"],"names":[],"mappings":"AAUA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAMtC;;;;GAIG;AAEH,cACM,uBAAwB,SAAQ,QAAQ;IAC5C,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,uBAAuB,CAAC","file":"universal-banner-image.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2023\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 /\nimport { css } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from './universal-banner.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Universal banner image.\n \n @element dds-universal-banner-image\n /\n\n@customElement(`${ddsPrefix}-universal-banner-image`)\nclass DDSUniversalBannerImage extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-image`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSUniversalBannerImage;\n"]}

package/es/components/universal-banner/universal-banner-image.js CHANGED Viewed

@@ -18,6 +18,7 @@ var _litElement = require("lit-element");
 var _settings = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js"));
 var _image = _interopRequireDefault(require("../image/image.js"));
 var _universalBannerCss = _interopRequireDefault(require("././universal-banner.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -28,7 +29,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-universal-banner-image
  */
-var DDSUniversalBannerImage = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-universal-banner-image"))], function (_initialize, _DDSImage) {
+var DDSUniversalBannerImage = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-universal-banner-image"))], function (_initialize, _DDSImage) {
   var DDSUniversalBannerImage = /*#__PURE__*/function (_DDSImage2) {
     (0, _inherits2["default"])(DDSUniversalBannerImage, _DDSImage2);
     var _super = _createSuper(DDSUniversalBannerImage);

package/es/components/universal-banner/universal-banner-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"universal-banner-image.js","names":["_litElement","require","_settings","_interopRequireDefault","_image","_universalBannerCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSUniversalBannerImage","_decorate2","customElement","concat","_initialize","_DDSImage","_DDSImage2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","DDSImage","_default","exports"],"sources":["components/universal-banner/universal-banner-image.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, ~~2022~~\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 /\nimport { ~~customElement,~~ css } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from './universal-banner.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Universal banner image.\n \n @element dds-universal-banner-image\n /\n\n@customElement(`${ddsPrefix}-universal-banner-image`)\nclass DDSUniversalBannerImage extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-image`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSUniversalBannerImage;\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;~~AAA6C~~,IAAAK,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAE7C~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,uBAAuB,OAAAC,UAAA,cAD5B,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,6BAA0B,aAAAO,WAAA,EAAAC,SAAA;EAAA,IAC/CL,uBAAuB,0BAAAM,UAAA;IAAA,IAAAC,UAAA,aAAAP,uBAAA,EAAAM,UAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,uBAAA;IAAA,SAAAA,wBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,uBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,uBAAA;EAAA,EAAAK,SAAA;EAAA;IAAAa,CAAA,EAAvBlB,uBAAuB;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAC3B,SAAAC,eAAA,EAA4B;QAC1B,UAAApB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAE,OAAA,EAAoB;QAClB,WAAOC,eAAG,EAAAnD,eAAA,KAAAA,eAAA,OAAAoD,uBAAA,+CAAAC,KAAA,iBAAA9C,gBAAA,aANRmB,uBAAuB,oBAONwB,8BAAM;MAE3B;IAAC;EAAA;AAAA,GATmCI,iBAAQ;AAY9C;AAAA,IAAAC,QAAA,GACe7B,uBAAuB;AAAA8B,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"universal-banner-image.js","names":["_litElement","require","_settings","_interopRequireDefault","_image","_universalBannerCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSUniversalBannerImage","_decorate2","customElement","concat","_initialize","_DDSImage","_DDSImage2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","DDSImage","_default","exports"],"sources":["components/universal-banner/universal-banner-image.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2023\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 /\nimport { css } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from './universal-banner.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Universal banner image.\n \n @element dds-universal-banner-image\n /\n\n@customElement(`${ddsPrefix}-universal-banner-image`)\nclass DDSUniversalBannerImage extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-universal-banner-image`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSUniversalBannerImage;\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAgI,IAAAM,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEhI,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,uBAAuB,OAAAC,UAAA,cAD5B,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,6BAA0B,aAAAO,WAAA,EAAAC,SAAA;EAAA,IAC/CL,uBAAuB,0BAAAM,UAAA;IAAA,IAAAC,UAAA,aAAAP,uBAAA,EAAAM,UAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,uBAAA;IAAA,SAAAA,wBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,uBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,uBAAA;EAAA,EAAAK,SAAA;EAAA;IAAAa,CAAA,EAAvBlB,uBAAuB;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAC3B,SAAAC,eAAA,EAA4B;QAC1B,UAAApB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAE,OAAA,EAAoB;QAClB,WAAOC,eAAG,EAAAnD,eAAA,KAAAA,eAAA,OAAAoD,uBAAA,+CAAAC,KAAA,iBAAA9C,gBAAA,aANRmB,uBAAuB,oBAONwB,8BAAM;MAE3B;IAAC;EAAA;AAAA,GATmCI,iBAAQ;AAY9C;AAAA,IAAAC,QAAA,GACe7B,uBAAuB;AAAA8B,OAAA,cAAAD,QAAA"}

package/es/components/universal-banner/universal-banner.d.ts CHANGED Viewed

@@ -194,7 +194,7 @@ declare const DDSUniversalBanner_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/universal-banner/universal-banner.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/universal-banner/universal-banner.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,~~EAAiC~~,UAAU,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAe/E~~;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAA+B;IAC9D;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,UAAU,MAAC;IAEX,OAAO,CAAC,WAAW,CAAC,CAAiB;IAGrC,OAAO,CAAC,mBAAmB,CAAS;IAGpC,OAAO,CAAC,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAYlD;;OAEG;IACH,SAAS,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAanD,SAAS,CAAC,aAAa;IAKvB,YAAY;IAQZ,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAYzB;;OAEG;IACH,eAAe;IAQf,aAAa;IAUb,WAAW;IAIX,oBAAoB;IA2BpB,MAAM;IAQN;;OAEG;IACH,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"universal-banner.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\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, property, ~~customElement,~~ LitElement, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport DDSButtonCTA from '../cta/button-cta';\nimport { icons as ctaIcons } from '../../component-mixins/cta/cta';\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/*\n Universal banner\n \n @element dds-universal-banner\n /\n@customElement(`${ddsPrefix}-universal-banner`)\nclass DDSUniversalBanner extends StableSelectorMixin(LitElement) {\n /\n Saves the button CTA's href to use in link-with-icon for the small breakpoint\n /\n @property()\n buttonHref;\n\n /\n Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.\n /\n @property()\n ctaType;\n\n /\n `true` if there is an image.\n /\n @property({ attribute: 'has-image', reflect: true, type: Boolean })\n hasImage = false;\n\n /\n Grid media options to display image.\n * Available options are either '4-col' or '8-col'.\n /\n @property({ attribute: 'image-width', reflect: true, type: String })\n imageWidth;\n\n private _breakpoint?: MediaQueryList;\n\n @property({ type: Boolean })\n private _shouldRenderAsLink = false;\n\n @query(`.${prefix}--universal-banner-layout-container`)\n private _linkWrapper;\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleImageSlotChange({ target }: Event) {\n this.hasImage = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n\n if (this.hasImage && !this.imageWidth) {\n this.imageWidth = '4-col';\n }\n }\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleButtonSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSUniversalBanner).ctaButton\n )\n );\n\n this.buttonHref = (hasContent[0] as HTMLElement)?.getAttribute('href');\n this.ctaType = (hasContent[0] as DDSButtonCTA)?.ctaType;\n }\n\n protected _handleResize() {\n const { _breakpoint: breakpoint } = this;\n this._shouldRenderAsLink = !breakpoint!.matches;\n }\n\n firstUpdated() {\n StickyHeader.global.banner = this;\n\n this._breakpoint = window.matchMedia(`(min-width: ${gridLgBreakpoint}px)`);\n this._breakpoint.addEventListener('change', this._handleResize.bind(this));\n this._handleResize();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'banner');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_shouldRenderAsLink')) {\n const { _shouldRenderAsLink: shouldRenderAsLink, ctaType } = this;\n\n if (shouldRenderAsLink && ctaType === 'external') {\n setTimeout(() => {\n this._linkWrapper.setAttribute('target', '_blank');\n }, 0);\n }\n }\n }\n\n /\n Renders shadow dom within a static div\n /\n _renderAsStatic() {\n return html`\n <div class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </div>\n `;\n }\n\n _renderAsLink() {\n return html`\n <a\n href=\"${this.buttonHref}\"\n class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </a>\n `;\n }\n\n _renderIcon() {\n return html` ${ctaIcons[this.ctaType]()} `;\n }\n\n _renderInnerContents() {\n return html`\n <div class=\"${prefix}--universal-banner-content-wrapper\">\n <div\n ?hidden=\"${!this.hasImage}\"\n class=\"${prefix}--universal-banner-image-container\">\n <slot\n name=\"image\"\n @slotchange=\"${this._handleImageSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-text-container\">\n <slot name=\"heading\"></slot>\n <slot name=\"copy\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-cta-container\">\n <slot name=\"cta\" @slotchange=\"${this._handleButtonSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-icon\">\n ${this.ctaType ? this._renderIcon() : ''}\n </div>\n </div>\n `;\n }\n\n render() {\n return html`\n ${this._shouldRenderAsLink\n ? this._renderAsLink()\n : this._renderAsStatic()}\n `;\n }\n\n /\n A selector that will return the CTA button\n /\n static get ctaButton() {\n return `${ddsPrefix}-button-cta`;\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 DDSUniversalBanner;\n"]}
1	+ {"version":3,"sources":["components/universal-banner/universal-banner.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAS,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBhE;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAA+B;IAC9D;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,UAAU,MAAC;IAEX,OAAO,CAAC,WAAW,CAAC,CAAiB;IAGrC,OAAO,CAAC,mBAAmB,CAAS;IAGpC,OAAO,CAAC,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAYlD;;OAEG;IACH,SAAS,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAanD,SAAS,CAAC,aAAa;IAKvB,YAAY;IAQZ,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAYzB;;OAEG;IACH,eAAe;IAQf,aAAa;IAUb,WAAW;IAIX,oBAAoB;IA2BpB,MAAM;IAQN;;OAEG;IACH,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"universal-banner.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\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, property, LitElement, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport DDSButtonCTA from '../cta/button-cta';\nimport { icons as ctaIcons } from '../../component-mixins/cta/cta';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/*\n Universal banner\n \n @element dds-universal-banner\n /\n@customElement(`${ddsPrefix}-universal-banner`)\nclass DDSUniversalBanner extends StableSelectorMixin(LitElement) {\n /\n Saves the button CTA's href to use in link-with-icon for the small breakpoint\n /\n @property()\n buttonHref;\n\n /\n Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.\n /\n @property()\n ctaType;\n\n /\n `true` if there is an image.\n /\n @property({ attribute: 'has-image', reflect: true, type: Boolean })\n hasImage = false;\n\n /\n Grid media options to display image.\n * Available options are either '4-col' or '8-col'.\n /\n @property({ attribute: 'image-width', reflect: true, type: String })\n imageWidth;\n\n private _breakpoint?: MediaQueryList;\n\n @property({ type: Boolean })\n private _shouldRenderAsLink = false;\n\n @query(`.${prefix}--universal-banner-layout-container`)\n private _linkWrapper;\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleImageSlotChange({ target }: Event) {\n this.hasImage = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n\n if (this.hasImage && !this.imageWidth) {\n this.imageWidth = '4-col';\n }\n }\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleButtonSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSUniversalBanner).ctaButton\n )\n );\n\n this.buttonHref = (hasContent[0] as HTMLElement)?.getAttribute('href');\n this.ctaType = (hasContent[0] as DDSButtonCTA)?.ctaType;\n }\n\n protected _handleResize() {\n const { _breakpoint: breakpoint } = this;\n this._shouldRenderAsLink = !breakpoint!.matches;\n }\n\n firstUpdated() {\n StickyHeader.global.banner = this;\n\n this._breakpoint = window.matchMedia(`(min-width: ${gridLgBreakpoint}px)`);\n this._breakpoint.addEventListener('change', this._handleResize.bind(this));\n this._handleResize();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'banner');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_shouldRenderAsLink')) {\n const { _shouldRenderAsLink: shouldRenderAsLink, ctaType } = this;\n\n if (shouldRenderAsLink && ctaType === 'external') {\n setTimeout(() => {\n this._linkWrapper.setAttribute('target', '_blank');\n }, 0);\n }\n }\n }\n\n /\n Renders shadow dom within a static div\n /\n _renderAsStatic() {\n return html`\n <div class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </div>\n `;\n }\n\n _renderAsLink() {\n return html`\n <a\n href=\"${this.buttonHref}\"\n class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </a>\n `;\n }\n\n _renderIcon() {\n return html` ${ctaIcons[this.ctaType]()} `;\n }\n\n _renderInnerContents() {\n return html`\n <div class=\"${prefix}--universal-banner-content-wrapper\">\n <div\n ?hidden=\"${!this.hasImage}\"\n class=\"${prefix}--universal-banner-image-container\">\n <slot\n name=\"image\"\n @slotchange=\"${this._handleImageSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-text-container\">\n <slot name=\"heading\"></slot>\n <slot name=\"copy\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-cta-container\">\n <slot name=\"cta\" @slotchange=\"${this._handleButtonSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-icon\">\n ${this.ctaType ? this._renderIcon() : ''}\n </div>\n </div>\n `;\n }\n\n render() {\n return html`\n ${this._shouldRenderAsLink\n ? this._renderAsLink()\n : this._renderAsStatic()}\n `;\n }\n\n /\n A selector that will return the CTA button\n /\n static get ctaButton() {\n return `${ddsPrefix}-button-cta`;\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 DDSUniversalBanner;\n"]}

package/es/components/universal-banner/universal-banner.js CHANGED Viewed

@@ -22,6 +22,7 @@ var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stabl
 var _universalBannerCss = _interopRequireDefault(require("././universal-banner.css.js"));
 var _StickyHeader = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader.js"));
 var _cta = require("../../component-mixins/cta/cta.js");
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -34,7 +35,7 @@ var prefix = _settings["default"].prefix;
  *
  * @element dds-universal-banner
  */
-var DDSUniversalBanner = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-universal-banner"))], function (_initialize, _StableSelectorMixin) {
+var DDSUniversalBanner = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-universal-banner"))], function (_initialize, _StableSelectorMixin) {
   var DDSUniversalBanner = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSUniversalBanner, _StableSelectorMixin2);
     var _super = _createSuper(DDSUniversalBanner);

package/es/components/universal-banner/universal-banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"universal-banner.js","names":["_litElement","require","_settings","_interopRequireDefault","_layout","_settings2","_stableSelector","_universalBannerCss","_StickyHeader","_cta","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","gridLgBreakpoint","parseFloat","breakpoints","lg","width","baseFontSize","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSUniversalBanner","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","attribute","reflect","type","String","query","_handleImageSlotChange","_ref","target","hasImage","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","imageWidth","_handleButtonSlotChange","_ref2","_this2","_hasContent$","_hasContent$2","hasContent","filter","elem","_matches","_ref3","matches","ctaButton","buttonHref","getAttribute","ctaType","_handleResize","breakpoint","_breakpoint","_shouldRenderAsLink","firstUpdated","StickyHeader","global","banner","window","matchMedia","addEventListener","bind","connectedCallback","hasAttribute","setAttribute","_get2","updated","changedProperties","_this3","has","shouldRenderAsLink","setTimeout","_linkWrapper","_renderAsStatic","html","_taggedTemplateLiteral2","_renderInnerContents","_renderAsLink","_renderIcon","ctaIcons","render","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/universal-banner/universal-banner.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\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, property, customElement, LitElement, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport DDSButtonCTA from '../cta/button-cta';\nimport { icons as ctaIcons } from '../../component-mixins/cta/cta';\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/*\n Universal banner\n \n @element dds-universal-banner\n /\n@customElement(`${ddsPrefix}-universal-banner`)\nclass DDSUniversalBanner extends StableSelectorMixin(LitElement) {\n /\n Saves the button CTA's href to use in link-with-icon for the small breakpoint\n /\n @property()\n buttonHref;\n\n /\n Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.\n /\n @property()\n ctaType;\n\n /\n `true` if there is an image.\n /\n @property({ attribute: 'has-image', reflect: true, type: Boolean })\n hasImage = false;\n\n /\n Grid media options to display image.\n * Available options are either '4-col' or '8-col'.\n /\n @property({ attribute: 'image-width', reflect: true, type: String })\n imageWidth;\n\n private _breakpoint?: MediaQueryList;\n\n @property({ type: Boolean })\n private _shouldRenderAsLink = false;\n\n @query(`.${prefix}--universal-banner-layout-container`)\n private _linkWrapper;\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleImageSlotChange({ target }: Event) {\n this.hasImage = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n\n if (this.hasImage && !this.imageWidth) {\n this.imageWidth = '4-col';\n }\n }\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleButtonSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSUniversalBanner).ctaButton\n )\n );\n\n this.buttonHref = (hasContent[0] as HTMLElement)?.getAttribute('href');\n this.ctaType = (hasContent[0] as DDSButtonCTA)?.ctaType;\n }\n\n protected _handleResize() {\n const { _breakpoint: breakpoint } = this;\n this._shouldRenderAsLink = !breakpoint!.matches;\n }\n\n firstUpdated() {\n StickyHeader.global.banner = this;\n\n this._breakpoint = window.matchMedia(`(min-width: ${gridLgBreakpoint}px)`);\n this._breakpoint.addEventListener('change', this._handleResize.bind(this));\n this._handleResize();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'banner');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_shouldRenderAsLink')) {\n const { _shouldRenderAsLink: shouldRenderAsLink, ctaType } = this;\n\n if (shouldRenderAsLink && ctaType === 'external') {\n setTimeout(() => {\n this._linkWrapper.setAttribute('target', '_blank');\n }, 0);\n }\n }\n }\n\n /\n Renders shadow dom within a static div\n /\n _renderAsStatic() {\n return html`\n <div class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </div>\n `;\n }\n\n _renderAsLink() {\n return html`\n <a\n href=\"${this.buttonHref}\"\n class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </a>\n `;\n }\n\n _renderIcon() {\n return html` ${ctaIcons[this.ctaType]()} `;\n }\n\n _renderInnerContents() {\n return html`\n <div class=\"${prefix}--universal-banner-content-wrapper\">\n <div\n ?hidden=\"${!this.hasImage}\"\n class=\"${prefix}--universal-banner-image-container\">\n <slot\n name=\"image\"\n @slotchange=\"${this._handleImageSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-text-container\">\n <slot name=\"heading\"></slot>\n <slot name=\"copy\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-cta-container\">\n <slot name=\"cta\" @slotchange=\"${this._handleButtonSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-icon\">\n ${this.ctaType ? this._renderIcon() : ''}\n </div>\n </div>\n `;\n }\n\n render() {\n return html`\n ${this._shouldRenderAsLink\n ? this._renderAsLink()\n : this._renderAsStatic()}\n `;\n }\n\n /\n A selector that will return the CTA button\n /\n static get ctaButton() {\n return `${ddsPrefix}-button-cta`;\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 DDSUniversalBanner;\n"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,mBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,aAAA,GAAAL,sBAAA,CAAAF,OAAA;AAEA,IAAAQ,IAAA,GAAAR,OAAA;AAAmE,IAAAS,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEnE,IAAMC,gBAAgB,GAAGC,UAAU,CAACC,mBAAW,CAACC,EAAE,CAACC,KAAK,CAAC,GAAGC,oBAAY;AAExE,IAAsBC,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;AACpB,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;;AAEd;AACA;AACA;AACA;AACA;AAJA,IAMME,kBAAkB,OAAAC,UAAA,cADvB,IAAAC,yBAAa,KAAAC,MAAA,CAAIR,SAAS,uBAAoB,aAAAS,WAAA,EAAAC,oBAAA;EAAA,IACzCL,kBAAkB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,kBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAzC,YAAA,CAAAiC,kBAAA;IAAA,SAAAA,mBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,kBAAA;MAAA,SAAAW,IAAA,GAAAhC,SAAA,CAAAiC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAApC,SAAA,CAAAoC,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAArB,IAAA,CAAAP,KAAA,CAAA4B,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,kBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAlBlB,kBAAkB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrB,IAAAC,oBAAQ,GAAE;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAMV,IAAAC,oBAAQ,GAAE;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAMV,IAAAC,oBAAQ,EAAC;QAAEG,SAAS,EAAE,WAAW;QAAEC,OAAO,EAAE,IAAI;QAAEC,IAAI,EAAE3C;MAAQ,CAAC,CAAC;MAAAuC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAMf,IAAAC,oBAAQ,EAAC;QAAEG,SAAS,EAAE,aAAa;QAAEC,OAAO,EAAE,IAAI;QAAEC,IAAI,EAAEC;MAAO,CAAC,CAAC;MAAAL,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKnE,IAAAC,oBAAQ,EAAC;QAAEK,IAAI,EAAE3C;MAAQ,CAAC,CAAC;MAAAuC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACE,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAElC,IAAAQ,iBAAK,MAAA1B,MAAA,CAAKL,MAAM,yCAAsC;MAAAyB,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MA9BvD;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;;MAYE;AACF;AACA;MACE,SAAAM,uBAAAC,IAAA,EAAoD;QAAA,IAAjBC,MAAM,GAAAD,IAAA,CAANC,MAAM;QACvC,IAAI,CAACC,QAAQ,GAAID,MAAM,CACpBE,aAAa,EAAE,CACfC,IAAI,CACH,UAACC,IAAI;UAAA,OAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,EAAE;QAAA,EACxE;QAEH,IAAI,IAAI,CAACR,QAAQ,IAAI,CAAC,IAAI,CAACS,UAAU,EAAE;UACrC,IAAI,CAACA,UAAU,GAAG,OAAO;QAC3B;MACF;;MAEA;AACF;AACA;IAFE;MAAAtB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAAmB,wBAAAC,KAAA,EAAqD;QAAA,IAAAC,MAAA;UAAAC,YAAA;UAAAC,aAAA;QAAA,IAAjBf,MAAM,GAAAY,KAAA,CAANZ,MAAM;QACxC,IAAMgB,UAAU,GAAIhB,MAAM,CACvBE,aAAa,EAAE,CACfe,MAAM,CAAC,UAACC,IAAI;UAAA,IAAAC,QAAA,EAAAC,KAAA;UAAA,QAAAD,QAAA,GACX,CAAAC,KAAA,GAACF,IAAI,EAAiBG,OAAO,cAAAF,QAAA,uBAA7BA,QAAA,CAAAhE,IAAA,CAAAiE,KAAA,EACGP,MAAI,CAACrE,WAAW,CAA+B8E,SAAS,CAC1D;QAAA,EACF;QAEH,IAAI,CAACC,UAAU,IAAAT,YAAA,GAAIE,UAAU,CAAC,CAAC,CAAC,cAAAF,YAAA,uBAAdA,YAAA,CAAgCU,YAAY,CAAC,MAAM,CAAC;QACtE,IAAI,CAACC,OAAO,IAAAV,aAAA,GAAIC,UAAU,CAAC,CAAC,CAAC,cAAAD,aAAA,uBAAdA,aAAA,CAAiCU,OAAO;MACzD;IAAC;MAAArC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAkC,cAAA,EAA0B;QACxB,IAAqBC,UAAU,GAAK,IAAI,CAAhCC,WAAW;QACnB,IAAI,CAACC,mBAAmB,GAAG,CAACF,UAAU,CAAEN,OAAO;MACjD;IAAC;MAAAjC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAsC,aAAA,EAAe;QACbC,wBAAY,CAACC,MAAM,CAACC,MAAM,GAAG,IAAI;QAEjC,IAAI,CAACL,WAAW,GAAGM,MAAM,CAACC,UAAU,gBAAAhE,MAAA,CAAgBd,gBAAgB,SAAM;QAC1E,IAAI,CAACuE,WAAW,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACV,aAAa,CAACW,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1E,IAAI,CAACX,aAAa,EAAE;MACtB;IAAC;MAAAtC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAA8C,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACA,IAAAC,KAAA,iBAAApG,gBAAA,aAlFE2B,kBAAkB,CAAAf,SAAA,8BAAAE,IAAA;MAmFtB;IAAC;MAAAiC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAkD,QAAQC,iBAAiB,EAAE;QAAA,IAAAC,MAAA;QACzB,IAAID,iBAAiB,CAACE,GAAG,CAAC,qBAAqB,CAAC,EAAE;UAChD,IAA6BC,kBAAkB,GAAc,IAAI,CAAzDjB,mBAAmB;YAAsBJ,OAAO,GAAK,IAAI,CAAhBA,OAAO;UAExD,IAAIqB,kBAAkB,IAAIrB,OAAO,KAAK,UAAU,EAAE;YAChDsB,UAAU,CAAC,YAAM;cACfH,MAAI,CAACI,YAAY,CAACR,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACpD,CAAC,EAAE,CAAC,CAAC;UACP;QACF;MACF;;MAEA;AACF;AACA;IAFE;MAAApD,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAAyD,gBAAA,EAAkB;QAChB,WAAOC,gBAAI,EAAAxH,eAAA,KAAAA,eAAA,OAAAyH,uBAAA,sHACKrF,MAAM,EAChB,IAAI,CAACsF,oBAAoB,EAAE;MAGnC;IAAC;MAAAhE,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAA6D,cAAA,EAAgB;QACd,WAAOH,gBAAI,EAAAvH,gBAAA,KAAAA,gBAAA,OAAAwH,uBAAA,kJAEC,IAAI,CAAC5B,UAAU,EACdzD,MAAM,EACb,IAAI,CAACsF,oBAAoB,EAAE;MAGnC;IAAC;MAAAhE,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAA8D,YAAA,EAAc;QACZ,WAAOJ,gBAAI,EAAAtH,gBAAA,KAAAA,gBAAA,OAAAuH,uBAAA,2BAAII,UAAQ,CAAC,IAAI,CAAC9B,OAAO,CAAC,EAAE;MACzC;IAAC;MAAArC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAA4D,qBAAA,EAAuB;QACrB,WAAOF,gBAAI,EAAArH,gBAAA,KAAAA,gBAAA,OAAAsH,uBAAA,yrBACKrF,MAAM,EAEL,CAAC,IAAI,CAACmC,QAAQ,EAChBnC,MAAM,EAGE,IAAI,CAACgC,sBAAsB,EAGhChC,MAAM,EAKNA,MAAM,EACc,IAAI,CAAC6C,uBAAuB,EAGhD7C,MAAM,EAChB,IAAI,CAAC2D,OAAO,GAAG,IAAI,CAAC6B,WAAW,EAAE,GAAG,EAAE;MAIhD;IAAC;MAAAlE,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAgE,OAAA,EAAS;QACP,WAAON,gBAAI,EAAApH,gBAAA,KAAAA,gBAAA,OAAAqH,uBAAA,uCACP,IAAI,CAACtB,mBAAmB,GACtB,IAAI,CAACwB,aAAa,EAAE,GACpB,IAAI,CAACJ,eAAe,EAAE;MAE9B;;MAEA;AACF;AACA;IAFE;MAAA7D,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAA8B,UAAA,EAAuB;QACrB,UAAAnD,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeiE,8BAAM;MAAA;IAAA;EAAA;AAAA,GApKS,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAuKhE;AAAA,IAAAC,QAAA,GACe5F,kBAAkB;AAAA6F,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"universal-banner.js","names":["_litElement","require","_settings","_interopRequireDefault","_layout","_settings2","_stableSelector","_universalBannerCss","_StickyHeader","_cta","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","gridLgBreakpoint","parseFloat","breakpoints","lg","width","baseFontSize","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSUniversalBanner","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","attribute","reflect","type","String","query","_handleImageSlotChange","_ref","target","hasImage","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","imageWidth","_handleButtonSlotChange","_ref2","_this2","_hasContent$","_hasContent$2","hasContent","filter","elem","_matches","_ref3","matches","ctaButton","buttonHref","getAttribute","ctaType","_handleResize","breakpoint","_breakpoint","_shouldRenderAsLink","firstUpdated","StickyHeader","global","banner","window","matchMedia","addEventListener","bind","connectedCallback","hasAttribute","setAttribute","_get2","updated","changedProperties","_this3","has","shouldRenderAsLink","setTimeout","_linkWrapper","_renderAsStatic","html","_taggedTemplateLiteral2","_renderInnerContents","_renderAsLink","_renderIcon","ctaIcons","render","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/universal-banner/universal-banner.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\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, property, LitElement, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './universal-banner.scss';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport DDSButtonCTA from '../cta/button-cta';\nimport { icons as ctaIcons } from '../../component-mixins/cta/cta';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/*\n Universal banner\n \n @element dds-universal-banner\n /\n@customElement(`${ddsPrefix}-universal-banner`)\nclass DDSUniversalBanner extends StableSelectorMixin(LitElement) {\n /\n Saves the button CTA's href to use in link-with-icon for the small breakpoint\n /\n @property()\n buttonHref;\n\n /\n Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.\n /\n @property()\n ctaType;\n\n /\n `true` if there is an image.\n /\n @property({ attribute: 'has-image', reflect: true, type: Boolean })\n hasImage = false;\n\n /\n Grid media options to display image.\n * Available options are either '4-col' or '8-col'.\n /\n @property({ attribute: 'image-width', reflect: true, type: String })\n imageWidth;\n\n private _breakpoint?: MediaQueryList;\n\n @property({ type: Boolean })\n private _shouldRenderAsLink = false;\n\n @query(`.${prefix}--universal-banner-layout-container`)\n private _linkWrapper;\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleImageSlotChange({ target }: Event) {\n this.hasImage = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n\n if (this.hasImage && !this.imageWidth) {\n this.imageWidth = '4-col';\n }\n }\n\n /\n Handles `slotchange` event on the cta `<slot>`.\n /\n protected _handleButtonSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSUniversalBanner).ctaButton\n )\n );\n\n this.buttonHref = (hasContent[0] as HTMLElement)?.getAttribute('href');\n this.ctaType = (hasContent[0] as DDSButtonCTA)?.ctaType;\n }\n\n protected _handleResize() {\n const { _breakpoint: breakpoint } = this;\n this._shouldRenderAsLink = !breakpoint!.matches;\n }\n\n firstUpdated() {\n StickyHeader.global.banner = this;\n\n this._breakpoint = window.matchMedia(`(min-width: ${gridLgBreakpoint}px)`);\n this._breakpoint.addEventListener('change', this._handleResize.bind(this));\n this._handleResize();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'banner');\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_shouldRenderAsLink')) {\n const { _shouldRenderAsLink: shouldRenderAsLink, ctaType } = this;\n\n if (shouldRenderAsLink && ctaType === 'external') {\n setTimeout(() => {\n this._linkWrapper.setAttribute('target', '_blank');\n }, 0);\n }\n }\n }\n\n /\n Renders shadow dom within a static div\n /\n _renderAsStatic() {\n return html`\n <div class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </div>\n `;\n }\n\n _renderAsLink() {\n return html`\n <a\n href=\"${this.buttonHref}\"\n class=\"${prefix}--universal-banner-layout-container\">\n ${this._renderInnerContents()}\n </a>\n `;\n }\n\n _renderIcon() {\n return html` ${ctaIcons[this.ctaType]()} `;\n }\n\n _renderInnerContents() {\n return html`\n <div class=\"${prefix}--universal-banner-content-wrapper\">\n <div\n ?hidden=\"${!this.hasImage}\"\n class=\"${prefix}--universal-banner-image-container\">\n <slot\n name=\"image\"\n @slotchange=\"${this._handleImageSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-text-container\">\n <slot name=\"heading\"></slot>\n <slot name=\"copy\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-cta-container\">\n <slot name=\"cta\" @slotchange=\"${this._handleButtonSlotChange}\"></slot>\n </div>\n\n <div class=\"${prefix}--universal-banner-icon\">\n ${this.ctaType ? this._renderIcon() : ''}\n </div>\n </div>\n `;\n }\n\n render() {\n return html`\n ${this._shouldRenderAsLink\n ? this._renderAsLink()\n : this._renderAsStatic()}\n `;\n }\n\n /\n A selector that will return the CTA button\n /\n static get ctaButton() {\n return `${ddsPrefix}-button-cta`;\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 DDSUniversalBanner;\n"],"mappings":"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"}

package/es/components/video-player/video-player-composite.d.ts CHANGED Viewed

@@ -191,7 +191,7 @@ declare const DDSVideoPlayerComposite_base: (abstract new (...args: any[]) => {
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
     getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
     after(...nodes: (string | Node)[]): void;
     before(...nodes: (string | Node)[]): void;
@@ -498,7 +498,7 @@ declare const DDSVideoPlayerComposite_base: (abstract new (...args: any[]) => {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/video-player/video-player-composite.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/video-player/video-player-composite.ts"],"names":[],"mappings":"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","file":"video-player-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\">\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\n }\n\n /\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${ddsPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${ddsPrefix}-video-player-playback-state-changed`;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"]}
1	+ {"version":3,"sources":["components/video-player/video-player-composite.ts"],"names":[],"mappings":"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","file":"video-player-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\">\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\n }\n\n /\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${ddsPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${ddsPrefix}-video-player-playback-state-changed`;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"]}

package/es/components/video-player/video-player-composite.js CHANGED Viewed

@@ -22,6 +22,7 @@ var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ib
 var _KalturaPlayer = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer.js"));
 var _hybridRender = _interopRequireDefault(require("../../globals/mixins/hybrid-render.js"));
 var _videoPlayer2 = require("./video-player.js");
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -32,7 +33,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-video-player-composite
  */
-var DDSVideoPlayerComposite = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-video-player-composite"))], function (_initialize, _HybridRenderMixin) {
+var DDSVideoPlayerComposite = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-video-player-composite"))], function (_initialize, _HybridRenderMixin) {
   var DDSVideoPlayerComposite = /*#__PURE__*/function (_HybridRenderMixin2) {
     (0, _inherits2["default"])(DDSVideoPlayerComposite, _HybridRenderMixin2);
     var _super = _createSuper(DDSVideoPlayerComposite);

package/es/components/video-player/video-player-composite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video-player-composite.js","names":["_litElement","require","_ifNonNull","_interopRequireDefault","_hostListener","_hostListener2","_settings","_KalturaPlayer","_hybridRender","_videoPlayer2","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSVideoPlayerComposite","_decorate2","customElement","concat","_initialize","_HybridRenderMixin","_HybridRenderMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_activateEmbeddedVideo","videoId","_this$embeddedVideos","embeddedVideos","Object","keys","forEach","sendNotification","_videoPlayer","_ref","selectorVideoPlayer","querySelector","decorators","HostListener","_handleContentStateChange","event","_event$detail","detail","contentState","playingMode","VIDEO_PLAYER_CONTENT_STATE","VIDEO","VIDEO_PLAYER_PLAYING_MODE","INLINE","_this$_embedMedia","_embedMedia","backgroundMode","_handlePlaybackStateChange","_this$embeddedVideos2","isPlaying","_setAutoplayPreference","pauseAllVideos","_this$embeddedVideos3","playAllVideos","_this$embeddedVideos4","property","type","attribute","reflect","Number","connectedCallback","_get2","hideCaption","autoPlay","storedPreference","_getAutoplayPreference","window","matchMedia","matches","updated","changedProperties","has","_this$_loadVideoData","_loadVideoData","_this$_embedMedia2","renderLightDOM","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","_this$mediaData","mediaData","videoThumbnailWidth","thumbnail","_mediaData$videoId","currentVideoData","duration","name","thumbnailUrl","KalturaPlayerAPI","getThumbnailUrl","mediaId","width","String","html","_taggedTemplateLiteral2","ifNonNull","render","eventContentStateChange","eventPlaybackStateChange","HybridRenderMixin","HostListenerMixin","LitElement","_default","exports"],"sources":["components/video-player/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\">\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\n }\n\n /\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${ddsPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${ddsPrefix}-video-player-playback-state-changed`;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"],"mappings":"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"}
1	+ {"version":3,"file":"video-player-composite.js","names":["_litElement","require","_ifNonNull","_interopRequireDefault","_hostListener","_hostListener2","_settings","_KalturaPlayer","_hybridRender","_videoPlayer2","_carbonElement","_templateObject","_templateObject2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSVideoPlayerComposite","_decorate2","customElement","concat","_initialize","_HybridRenderMixin","_HybridRenderMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_activateEmbeddedVideo","videoId","_this$embeddedVideos","embeddedVideos","Object","keys","forEach","sendNotification","_videoPlayer","_ref","selectorVideoPlayer","querySelector","decorators","HostListener","_handleContentStateChange","event","_event$detail","detail","contentState","playingMode","VIDEO_PLAYER_CONTENT_STATE","VIDEO","VIDEO_PLAYER_PLAYING_MODE","INLINE","_this$_embedMedia","_embedMedia","backgroundMode","_handlePlaybackStateChange","_this$embeddedVideos2","isPlaying","_setAutoplayPreference","pauseAllVideos","_this$embeddedVideos3","playAllVideos","_this$embeddedVideos4","property","type","attribute","reflect","Number","connectedCallback","_get2","hideCaption","autoPlay","storedPreference","_getAutoplayPreference","window","matchMedia","matches","updated","changedProperties","has","_this$_loadVideoData","_loadVideoData","_this$_embedMedia2","renderLightDOM","aspectRatio","formatCaption","formatDuration","caption","customVideoDescription","_this$mediaData","mediaData","videoThumbnailWidth","thumbnail","_mediaData$videoId","currentVideoData","duration","name","thumbnailUrl","KalturaPlayerAPI","getThumbnailUrl","mediaId","width","String","html","_taggedTemplateLiteral2","ifNonNull","render","eventContentStateChange","eventPlaybackStateChange","HybridRenderMixin","HostListenerMixin","LitElement","_default","exports"],"sources":["components/video-player/video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\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, property, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport KalturaPlayerAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayer/KalturaPlayer';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from './video-player';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './video-player';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders video player from its metadata, etc.\n \n @element dds-video-player-composite\n /\n@customElement(`${ddsPrefix}-video-player-composite`)\nclass DDSVideoPlayerComposite extends HybridRenderMixin(\n HostListenerMixin(LitElement)\n) {\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _loadVideoData?: (videoId: string) => Promise<MediaData>;\n\n /\n The placeholder for `_loadVideoData()` Redux action that may be mixed in.\n \n @internal\n /\n _embedMedia?: (videoId: string, backgroundMode?: boolean) => Promise<any>;\n\n /\n The placeholder for `_setAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _setAutoplayPreference: (preference: boolean) => void;\n\n /\n The placeholder for `_getAutoplayPreference()` Redux action that may be mixed in.\n /\n // @ts-ignore\n _getAutoplayPreference: () => null \| boolean;\n\n /\n Activate the DOM nodes for the embedded video of the given video ID, and deactivates others.\n \n @param videoId The video ID to activate.\n /\n protected _activateEmbeddedVideo(videoId: string) {\n const { embeddedVideos = {} } = this;\n Object.keys(embeddedVideos).forEach((key) => {\n embeddedVideos[key].sendNotification(\n key === videoId ? 'doPlay' : 'doStop'\n );\n });\n }\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSVideoPlayerComposite;\n return this.querySelector(selectorVideoPlayer);\n }\n\n /\n Handles `dds-video-player-content-state-changed` event.\n * Such event is fired when user changes video content state, e.g. from thumbnail to video player.\n \n @param event The event.\n /\n @HostListener('eventContentStateChange')\n protected _handleContentStateChange(event: CustomEvent) {\n const { contentState, playingMode, videoId } = event.detail;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.INLINE &&\n videoId\n ) {\n this._embedMedia?.(videoId, this.backgroundMode);\n }\n }\n\n @HostListener('eventPlaybackStateChange')\n protected _handlePlaybackStateChange(event: CustomEvent) {\n const { videoId } = event.detail;\n const { embeddedVideos = {} } = this;\n\n if (this.isPlaying) {\n embeddedVideos[videoId].sendNotification('doPause');\n this.isPlaying = false;\n } else {\n embeddedVideos[videoId].sendNotification('doPlay');\n this.isPlaying = true;\n }\n\n this._setAutoplayPreference(this.isPlaying);\n }\n\n pauseAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPause');\n });\n this.isPlaying = false;\n }\n\n playAllVideos() {\n const { embeddedVideos = {} } = this;\n\n Object.keys(embeddedVideos).forEach((videoId) => {\n embeddedVideos[videoId].sendNotification('doPlay');\n });\n this.isPlaying = false;\n }\n\n /\n `true` to autoplay the videos.\n /\n @property({ type: Boolean, attribute: 'auto-play' })\n autoPlay = false;\n\n /\n The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.\n /\n @property({ attribute: false })\n embeddedVideos?: { [videoId: string]: any };\n\n /\n Optional custom video caption.\n /\n @property({ reflect: true, attribute: 'caption' })\n caption?: '';\n\n /\n Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.\n /\n @property({ reflect: true, attribute: 'video-description' })\n customVideoDescription?: string;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatCaption?: ({\n duration,\n name,\n }: {\n duration?: string;\n name?: string;\n }) => string;\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n @property({ attribute: false })\n formatDuration?: ({ duration }: { duration?: number }) => string;\n\n /\n `true` to hide the caption.\n /\n @property({ type: Boolean, attribute: 'hide-caption' })\n hideCaption = false;\n\n /\n `true` to autoplay, mute, and hide player UI.\n /\n @property({ type: Boolean, attribute: 'background-mode' })\n backgroundMode = false;\n\n /\n The video data, keyed by the video ID.\n /\n @property({ attribute: false })\n mediaData?: { [videoId: string]: MediaData };\n\n /\n The video ID.\n /\n @property({ attribute: 'video-id' })\n videoId = '';\n\n /\n The aspect ratio.\n /\n @property({ attribute: 'aspect-ratio' })\n aspectRatio?: '';\n\n /\n The current playback state\n /\n @property()\n isPlaying = false;\n\n /\n The video player's mode showing Inline or Lightbox.\n /\n @property({ reflect: true, attribute: 'playing-mode' })\n playingMode = VIDEO_PLAYER_PLAYING_MODE.INLINE;\n\n /\n Optional custom video thumbnail\n /\n @property({ reflect: true, attribute: 'thumbnail' })\n thumbnail?: '';\n\n /\n The video thumbnail width.\n /\n @property({ type: Number, attribute: 'video-thumbnail-width' })\n videoThumbnailWidth = 3;\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.backgroundMode) {\n this.hideCaption = true;\n }\n\n if (this.autoPlay \|\| this.backgroundMode) {\n const storedPreference = this._getAutoplayPreference();\n if (storedPreference === null) {\n this.isPlaying = !window.matchMedia('(prefers-reduced-motion: reduce)')\n .matches;\n } else {\n this.isPlaying = storedPreference;\n }\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('videoId')) {\n const { autoPlay, videoId, backgroundMode } = this;\n this._activateEmbeddedVideo(videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (autoPlay \|\| backgroundMode) {\n this._embedMedia?.(videoId, backgroundMode);\n }\n }\n }\n }\n\n renderLightDOM() {\n const {\n aspectRatio,\n formatCaption,\n formatDuration,\n hideCaption,\n caption,\n customVideoDescription,\n mediaData = {},\n videoId,\n videoThumbnailWidth,\n thumbnail,\n playingMode,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { duration, name } = currentVideoData;\n const thumbnailUrl =\n thumbnail \|\|\n KalturaPlayerAPI.getThumbnailUrl({\n mediaId: videoId,\n width: String(videoThumbnailWidth),\n });\n return html`\n <dds-video-player\n duration=\"${ifNonNull(duration)}\"\n ?hide-caption=${hideCaption}\n name=\"${ifNonNull(caption \|\| name)}\"\n video-description=\"${ifNonNull(customVideoDescription)}\"\n thumbnail-url=\"${ifNonNull(thumbnailUrl)}\"\n video-id=\"${ifNonNull(videoId)}\"\n aspect-ratio=\"${ifNonNull(aspectRatio)}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n playing-mode=\"${ifNonNull(playingMode)}\">\n </dds-video-player>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-video-player`;\n }\n\n /\n The name of the custom event fired after video content state is changed upon a user gesture.\n /\n static get eventContentStateChange() {\n return `${ddsPrefix}-video-player-content-state-changed`;\n }\n\n /\n The name of the custom event fired requesting playback state change.\n /\n static get eventPlaybackStateChange() {\n return `${ddsPrefix}-video-player-playback-state-changed`;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSVideoPlayerComposite;\n"],"mappings":"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"}