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

package/es/components/expressive-modal/expressive-modal-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"expressive-modal-footer.js","names":["_litElement","require","_modalFooter","_interopRequireDefault","_settings","_expressiveModalCss","_stableSelector","_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","DDSExpressiveModalFooter","_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","stableSelector","styles","StableSelectorMixin","BXModalFooter","_default","exports"],"sources":["components/expressive-modal/expressive-modal-footer.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, customElement } from 'lit-element';\nimport BXModalFooter from '../../internal/vendor/@carbon/web-components/components/modal/modal-footer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal footer.\n *\n * @element dds-expressive-modal-footer\n */\n@customElement(`${ddsPrefix}-expressive-modal-footer`)\nclass DDSExpressiveModalFooter extends StableSelectorMixin(BXModalFooter) {\n  /**\n   * The slot in parent `<dds-modal>`.\n   */\n  @property({ reflect: true })\n  slot = 'footer';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-footer`;\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 DDSExpressiveModalFooter;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAuE,SAAAM,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;AAEvE,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,OAAAC,UAAA,cAD7B,IAAAC,yBAAa,KAAAC,MAAA,CAAIN,SAAS,8BAA2B,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAChDL,wBAAwB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,wBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,wBAAA;IAAA,SAAAA,yBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,wBAAA;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,wBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAxBlB,wBAAwB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI3B,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAAL,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA;MAJf;AACF;AACA;;MAIE,SAAAC,eAAA,EAA4B;QAC1B,UAAAvB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeE,8BAAM;MAAA;IAAA;EAAA;AAAA,GAXe,IAAAC,0BAAmB,EAACC,uBAAa,CAAC;AAczE;AAAA,IAAAC,QAAA,GACe9B,wBAAwB;AAAA+B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"expressive-modal-footer.js","names":["_litElement","require","_modalFooter","_interopRequireDefault","_settings","_expressiveModalCss","_stableSelector","_carbonElement","_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","DDSExpressiveModalFooter","_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","stableSelector","styles","StableSelectorMixin","BXModalFooter","_default","exports"],"sources":["components/expressive-modal/expressive-modal-footer.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 } from 'lit-element';\nimport BXModalFooter from '../../internal/vendor/@carbon/web-components/components/modal/modal-footer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal footer.\n *\n * @element dds-expressive-modal-footer\n */\n@customElement(`${ddsPrefix}-expressive-modal-footer`)\nclass DDSExpressiveModalFooter extends StableSelectorMixin(BXModalFooter) {\n  /**\n   * The slot in parent `<dds-modal>`.\n   */\n  @property({ reflect: true })\n  slot = 'footer';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-footer`;\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 DDSExpressiveModalFooter;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAmI,SAAAO,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;AAEnI,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,OAAAC,UAAA,cAD7B,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,8BAA2B,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAChDL,wBAAwB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,wBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,wBAAA;IAAA,SAAAA,yBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,wBAAA;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,wBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAxBlB,wBAAwB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI3B,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAAL,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA;MAJf;AACF;AACA;;MAIE,SAAAC,eAAA,EAA4B;QAC1B,UAAAvB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeE,8BAAM;MAAA;IAAA;EAAA;AAAA,GAXe,IAAAC,0BAAmB,EAACC,uBAAa,CAAC;AAczE;AAAA,IAAAC,QAAA,GACe9B,wBAAwB;AAAA+B,OAAA,cAAAD,QAAA"}

package/es/components/expressive-modal/expressive-modal-header.d.ts

@@ -194,7 +194,7 @@ declare const DDSExpressiveModalHeader_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/expressive-modal/expressive-modal-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/expressive-modal/expressive-modal-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,+EAA+E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1G;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,6BAAkC;IAEvE,IAAI,SAAY;IAEhB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"expressive-modal-header.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 { property, customElement } from 'lit-element';\nimport BXModalHeader from '../../internal/vendor/@carbon/web-components/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal header.\n *\n * @element dds-expressive-modal-header\n */\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n  @property({ reflect: true })\n  slot = 'header';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"]}
+{"version":3,"sources":["components/expressive-modal/expressive-modal-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,+EAA+E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ1G;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,6BAAkC;IAEvE,IAAI,SAAY;IAEhB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"expressive-modal-header.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 { property } from 'lit-element';\nimport BXModalHeader from '../../internal/vendor/@carbon/web-components/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal header.\n *\n * @element dds-expressive-modal-header\n */\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n  @property({ reflect: true })\n  slot = 'header';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"]}

package/es/components/expressive-modal/expressive-modal-header.js

@@ -17,6 +17,7 @@ var _modalHeader = _interopRequireDefault(require("../../internal/vendor/@carbon
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _expressiveModalCss = _interopRequireDefault(require("././expressive-modal.css.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 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; } }
 var ddsPrefix = _settings["default"].stablePrefix;
@@ -26,7 +27,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-expressive-modal-header
  */
-var DDSExpressiveModalHeader = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-expressive-modal-header"))], function (_initialize, _StableSelectorMixin) {
+var DDSExpressiveModalHeader = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-expressive-modal-header"))], function (_initialize, _StableSelectorMixin) {
   var DDSExpressiveModalHeader = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSExpressiveModalHeader, _StableSelectorMixin2);
     var _super = _createSuper(DDSExpressiveModalHeader);

package/es/components/expressive-modal/expressive-modal-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"expressive-modal-header.js","names":["_litElement","require","_modalHeader","_interopRequireDefault","_settings","_expressiveModalCss","_stableSelector","_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","DDSExpressiveModalHeader","_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","stableSelector","styles","StableSelectorMixin","BXModalHeader","_default","exports"],"sources":["components/expressive-modal/expressive-modal-header.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, customElement } from 'lit-element';\nimport BXModalHeader from '../../internal/vendor/@carbon/web-components/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal header.\n *\n * @element dds-expressive-modal-header\n */\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n  @property({ reflect: true })\n  slot = 'header';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAuE,SAAAM,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;AAEvE,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,OAAAC,UAAA,cAD7B,IAAAC,yBAAa,KAAAC,MAAA,CAAIN,SAAS,8BAA2B,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAChDL,wBAAwB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,wBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,wBAAA;IAAA,SAAAA,yBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,wBAAA;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,wBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAxBlB,wBAAwB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAC3B,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAAL,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,EAEf,SAAAC,eAAA,EAA4B;QAC1B,UAAAvB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeE,8BAAM;MAAA;IAAA;EAAA;AAAA,GARe,IAAAC,0BAAmB,EAACC,uBAAa,CAAC;AAWzE;AAAA,IAAAC,QAAA,GACe9B,wBAAwB;AAAA+B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"expressive-modal-header.js","names":["_litElement","require","_modalHeader","_interopRequireDefault","_settings","_expressiveModalCss","_stableSelector","_carbonElement","_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","DDSExpressiveModalHeader","_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","stableSelector","styles","StableSelectorMixin","BXModalHeader","_default","exports"],"sources":["components/expressive-modal/expressive-modal-header.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 } from 'lit-element';\nimport BXModalHeader from '../../internal/vendor/@carbon/web-components/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal header.\n *\n * @element dds-expressive-modal-header\n */\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n  @property({ reflect: true })\n  slot = 'header';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAmI,SAAAO,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;AAEnI,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,OAAAC,UAAA,cAD7B,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,8BAA2B,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAChDL,wBAAwB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,wBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,wBAAA;IAAA,SAAAA,yBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,wBAAA;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,wBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAxBlB,wBAAwB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAC3B,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAAL,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,EAEf,SAAAC,eAAA,EAA4B;QAC1B,UAAAvB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeE,8BAAM;MAAA;IAAA;EAAA;AAAA,GARe,IAAAC,0BAAmB,EAACC,uBAAa,CAAC;AAWzE;AAAA,IAAAC,QAAA,GACe9B,wBAAwB;AAAA+B,OAAA,cAAAD,QAAA"}

package/es/components/expressive-modal/expressive-modal-heading.d.ts

@@ -11,6 +11,11 @@ declare const DDSExpressiveModalHeading_base: {
     new (...args: any[]): {
         linkNode: any;
         altAttributes: any;
+        /**
+         * Expressive modal heading.
+         *
+         * @element dds-expressive-modal-heading
+         */
         _mutationObserver: MutationObserver | null;
         connectedCallback(): void;
         disconnectedCallback(): void;
@@ -194,7 +199,7 @@ declare const DDSExpressiveModalHeading_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/expressive-modal/expressive-modal-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/expressive-modal/expressive-modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,cAAc,MAAM,gFAAgF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO5G;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAAmC;IACzE,iBAAiB;IAUjB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"expressive-modal-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 { customElement } from 'lit-element';\nimport BXModalHeading from '../../internal/vendor/@carbon/web-components/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal heading.\n *\n * @element dds-expressive-modal-heading\n */\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\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  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-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 DDSExpressiveModalHeading;\n"]}
+{"version":3,"sources":["components/expressive-modal/expressive-modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,cAAc,MAAM,gFAAgF,CAAC;;;;;QAQ5G;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAJH;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAAmC;IACzE,iBAAiB;IAUjB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"expressive-modal-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 BXModalHeading from '../../internal/vendor/@carbon/web-components/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal heading.\n *\n * @element dds-expressive-modal-heading\n */\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\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  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-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 DDSExpressiveModalHeading;\n"]}

package/es/components/expressive-modal/expressive-modal-heading.js

@@ -13,11 +13,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/get"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-var _litElement = require("lit-element");
 var _modalHeading = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/components/modal/modal-heading.js"));
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _expressiveModalCss = _interopRequireDefault(require("././expressive-modal.css.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 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; } }
 var ddsPrefix = _settings["default"].stablePrefix;
@@ -27,7 +27,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-expressive-modal-heading
  */
-var DDSExpressiveModalHeading = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-expressive-modal-heading"))], function (_initialize, _StableSelectorMixin) {
+var DDSExpressiveModalHeading = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-expressive-modal-heading"))], function (_initialize, _StableSelectorMixin) {
   var DDSExpressiveModalHeading = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSExpressiveModalHeading, _StableSelectorMixin2);
     var _super = _createSuper(DDSExpressiveModalHeading);

package/es/components/expressive-modal/expressive-modal-heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"expressive-modal-heading.js","names":["_litElement","require","_modalHeading","_interopRequireDefault","_settings","_expressiveModalCss","_stableSelector","_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","DDSExpressiveModalHeading","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get2","stableSelector","styles","StableSelectorMixin","BXModalHeading","_default","exports"],"sources":["components/expressive-modal/expressive-modal-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 { customElement } from 'lit-element';\nimport BXModalHeading from '../../internal/vendor/@carbon/web-components/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal heading.\n *\n * @element dds-expressive-modal-heading\n */\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\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  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-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 DDSExpressiveModalHeading;\n"],"mappings":"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"}
+{"version":3,"file":"expressive-modal-heading.js","names":["_modalHeading","_interopRequireDefault","require","_settings","_expressiveModalCss","_stableSelector","_carbonElement","_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","DDSExpressiveModalHeading","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get2","stableSelector","styles","StableSelectorMixin","BXModalHeading","_default","exports"],"sources":["components/expressive-modal/expressive-modal-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 BXModalHeading from '../../internal/vendor/@carbon/web-components/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive modal heading.\n *\n * @element dds-expressive-modal-heading\n */\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\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  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal-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 DDSExpressiveModalHeading;\n"],"mappings":"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"}

package/es/components/expressive-modal/expressive-modal.d.ts

@@ -196,7 +196,7 @@ declare const DDSExpressiveModal_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;
@@ -417,9 +417,7 @@ declare const DDSExpressiveModal_base: {
         scrollTo(x: number, y: number): void;
         setAttribute(qualifiedName: string, value: string): void;
         setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr | null; /**
-         * Node to track focus going outside of modal content.
-         */
+        setAttributeNode(attr: Attr): Attr | null;
         setAttributeNodeNS(attr: Attr): Attr | null;
         setPointerCapture(pointerId: number): void;
         toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
@@ -507,7 +505,7 @@ declare const DDSExpressiveModal_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/expressive-modal/expressive-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/expressive-modal/expressive-modal.ts"],"names":[],"mappings":"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","file":"expressive-modal.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 {\n  customElement,\n  html,\n  LitElement,\n  property,\n  query,\n  state,\n  SVGTemplateResult,\n  TemplateResult,\n} from 'lit-element';\nimport { EXPRESSIVE_MODAL_MODE, EXPRESSIVE_MODAL_SIZE } from './defs';\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport DDSCarousel from '../carousel/carousel';\nimport DDSExpressiveModalCloseButton from './expressive-modal-close-button';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\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 on from 'carbon-components/es/globals/js/misc/on.js';\nimport { selectorTabbable } from '../../internal/vendor/@carbon/web-components/globals/settings.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './expressive-modal.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/* eslint-disable no-bitwise */\nconst PRECEDING =\n  Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\nconst FOLLOWING =\n  Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\nconst WITHIN = Node.DOCUMENT_POSITION_CONTAINED_BY;\n/* eslint-enable no-bitwise */\n\n/**\n * Tries to focus on the given elements and bails out if one of the is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @param fallback element to focus on if none\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(\n  elems: NodeListOf<HTMLElement> | [HTMLElement],\n  reverse: boolean = false,\n  fallback: HTMLElement | null = null\n) {\n  if (!reverse) {\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n      if (\n        elem.offsetWidth ||\n        elem.offsetHeight ||\n        elem.getClientRects().length\n      ) {\n        elem.focus();\n        if ((elem.getRootNode() as Document).activeElement === elem) {\n          return true;\n        }\n      }\n    }\n  } else {\n    for (let i = elems.length - 1; i >= 0; --i) {\n      const elem = elems[i];\n      if (\n        elem.offsetWidth ||\n        elem.offsetHeight ||\n        elem.getClientRects().length\n      ) {\n        elem.focus();\n        if ((elem.getRootNode() as Document).activeElement === elem) {\n          return true;\n        }\n      }\n    }\n  }\n  fallback?.focus();\n  return false;\n}\n\n// TODO: Wait for `.d.ts` update to support `ResizeObserver`\n// @ts-ignore\nconst onResize: ResizeObserverCallback = ([entry]) => {\n  const { target, contentRect } = entry;\n  const { width, height } = contentRect;\n\n  const modalContent = target as HTMLDivElement;\n\n  modalContent.style.setProperty('--modal-vh', `${height}px`);\n  modalContent.style.setProperty('--modal-vw', `${width}px`);\n};\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  header: '_hasHeader',\n  footer: '_hasFooter',\n};\n\n/**\n * Expressive modal.\n *\n * @element dds-expressive-modal\n * @fires dds-expressive-modal-beingclosed\n *   The custom event fired before this modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires dds-expressive-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n * @slot header - The header content.\n * @slot footer - The footer content.\n */\n@customElement(`${ddsPrefix}-expressive-modal`)\nclass DDSExpressiveModal extends StableSelectorMixin(\n  HostListenerMixin(LitElement)\n) {\n  /**\n   * `true` if there is a header content.\n   */\n  @state()\n  private _hasHeader = false;\n\n  /**\n   * `true` if there is a body content.\n   */\n  @state()\n  private _hasBody = false;\n\n  /**\n   * `true` if there is a footer content.\n   */\n  @state()\n  private _hasFooter = false;\n\n  /**\n   * The element that had focus before this modal gets open.\n   */\n  private _launcher: Element | null = null;\n\n  /**\n   * Collection of elements to search for focusable elements.\n   */\n  hasFocusableElements: [DDSExpressiveModal | DDSCarousel] = [this];\n\n  /**\n   * Returns all focusable elements within this component and its shadowroot\n   */\n  get focusableElements() {\n    const { selectorCloseButton, selectorTabbable: selectorTabbableForModal } =\n      this.constructor as typeof DDSExpressiveModal;\n    return [\n      ...Array.from(\n        (this.shadowRoot?.querySelectorAll(\n          selectorCloseButton\n        ) as NodeListOf<HTMLElement>) || []\n      ),\n      ...Array.from(\n        this.querySelectorAll(\n          selectorTabbableForModal\n        ) as NodeListOf<HTMLElement>\n      ),\n    ];\n  }\n\n  private get _focusableElements() {\n    const { hasFocusableElements } = this;\n\n    const focusableElements: [HTMLElement?] = [];\n\n    hasFocusableElements.forEach((el) => {\n      if (el.focusableElements) {\n        focusableElements.push(...el.focusableElements);\n      }\n    });\n\n    return Array.from(new Set(focusableElements)).sort((a, b) => {\n      const comparison = a!.compareDocumentPosition(b!);\n\n      /* eslint-disable no-bitwise */\n      if (comparison & PRECEDING) {\n        return 1;\n      }\n\n      if (comparison & FOLLOWING) {\n        return -1;\n      }\n      /* eslint-enable no-bitwise */\n\n      return 0;\n    });\n  }\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  @query(`.${prefix}--modal-content`)\n  modalContent?: HTMLDivElement;\n\n  @query(`.${ddsPrefix}-ce--modal__body`)\n  modalBody?: HTMLDivElement;\n\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(\n    onResize as ResizeObserverCallback\n  );\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this.shadowRoot!) < 0) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  /* eslint-disable no-bitwise */\n  /**\n   * Handles the `focusin` event on the start and end sentinels\n   *\n   * @param event The event.\n   */\n  private _handleFocusIn = ({ target, relatedTarget }) => {\n    let focusFromWithin = false;\n    if (target && relatedTarget) {\n      const comparedToThis = this.compareDocumentPosition(relatedTarget);\n      const comparedToShadowRoot =\n        this.shadowRoot!.compareDocumentPosition(relatedTarget);\n      // If relatedTarget is descendent of `this` or `this.shadowRoot`.\n      if (comparedToThis & WITHIN || comparedToShadowRoot & WITHIN) {\n        focusFromWithin = true;\n      }\n    }\n\n    const {\n      _endSentinelNode: endSentinelNode,\n      _startSentinelNode: startSentinelNode,\n      _focusableElements: focusableElements,\n    } = this;\n\n    if (focusFromWithin) {\n      if (target === startSentinelNode) {\n        tryFocusElems(focusableElements as [HTMLElement], true, this);\n      } else if (target === endSentinelNode) {\n        tryFocusElems(focusableElements as [HTMLElement], false, this);\n      }\n    } else {\n      tryFocusElems(focusableElements as [HTMLElement], false, this);\n    }\n  };\n\n  /**\n   * Handles `focusout` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut = ({ target, relatedTarget }) => {\n    // Don't attempt to wrap focus if the modal isn't open.\n    if (!this.open) return;\n    // If no target/relatedTarget, focus has entered/left the window. Do nothing.\n    if (!target || !relatedTarget) return;\n\n    const { _focusableElements: focusableElements } = this;\n\n    // See if element gaining focus is inside `this` or `this.shadowRoot`.\n    const positionToModal =\n      this.compareDocumentPosition(relatedTarget) |\n      (this.shadowRoot?.compareDocumentPosition(relatedTarget) || 0);\n    const positionToPrevious = target.compareDocumentPosition(relatedTarget);\n    const relatedTargetIsContained = Boolean(positionToModal & WITHIN);\n\n    // If focusing outside of `this`, cycle focus\n    if (!relatedTargetIsContained && !(relatedTarget === this)) {\n      if (positionToPrevious & PRECEDING) {\n        tryFocusElems(focusableElements as [HTMLElement], true, this);\n      } else if (positionToPrevious & FOLLOWING) {\n        tryFocusElems(focusableElements as [HTMLElement], false, this);\n      }\n    }\n  };\n  /* eslint-enable no-bitwise */\n\n  @HostListener('document:keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  /**\n   * Handles `click` event on the modal container.\n   *\n   * @param event The event.\n   */\n  private _handleClickContainer(event: MouseEvent) {\n    if (\n      (event.target as Element).matches(\n        (this.constructor as typeof DDSExpressiveModal).selectorCloseButton\n      )\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some((node) => {\n        // Allow non-empty text nodes.\n        if (node.nodeType === Node.TEXT_NODE && node!.textContent!.trim()) {\n          return true;\n        }\n        // Allow only element nodes that don't have a .bx--visually-hidden\n        // class.\n        if (node instanceof Element) {\n          return !node.classList.contains('bx--visually-hidden');\n        }\n        // No opinion on other cases.\n        return true;\n      });\n    this[slotExistencePropertyNames[name] || '_hasBody'] = hasContent;\n  }\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      const { eventBeforeClose, eventClose } = this\n        .constructor as typeof DDSExpressiveModal;\n      if (this.dispatchEvent(new CustomEvent(eventBeforeClose, init))) {\n        this.open = false;\n        this.dispatchEvent(new CustomEvent(eventClose, init));\n      }\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  /**\n   * @param timeout The number of milliseconds as the longest time waiting for `transitionend` event.\n   * @returns A promise that is resolves when `transitionend` on the host element fires.\n   */\n  private _waitForTransitionEnd(timeout: number = 1000) {\n    return new Promise((resolve) => {\n      let done = false;\n      let hTransitionEnd;\n      const handleResolve = () => {\n        if (hTransitionEnd) {\n          hTransitionEnd.release();\n          hTransitionEnd = null;\n        }\n        if (!done) {\n          resolve(undefined);\n          done = true;\n        }\n      };\n      on(this, 'transitionend', handleResolve);\n      setTimeout(handleResolve, timeout);\n    });\n  }\n\n  /**\n   * @returns The header content.\n   */\n  protected _renderHeader(): TemplateResult | SVGTemplateResult | void {\n    const {\n      _hasHeader: hasHeader,\n      _hasBody: hasBody,\n      _hasFooter: hasFooter,\n    } = this;\n    const headerClasses = classMap({\n      [`${ddsPrefix}-ce--modal__header--with-body`]:\n        hasHeader && (hasBody || hasFooter),\n    });\n    return html`\n      <div id=\"${ddsPrefix}--modal-header\" class=\"${headerClasses}\">\n        <slot name=\"header\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The body content.\n   */\n  protected _renderBody(): TemplateResult | SVGTemplateResult | void {\n    const { _hasBody: hasBody, _hasFooter: hasFooter } = this;\n    const bodyClasses = classMap({\n      [`${ddsPrefix}-ce--modal__body`]: true,\n      [`${ddsPrefix}-ce--modal__body--with-footer`]: hasBody && hasFooter,\n    });\n    return html` <div class=\"${bodyClasses}\"><slot></slot></div> `;\n  }\n\n  /**\n   * @returns The footer content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderFooter(): TemplateResult | SVGTemplateResult | void {\n    return html` <div><slot name=\"footer\"></slot></div> `;\n  }\n\n  /**\n   * The additional CSS class names for the container <div> of the element.\n   */\n  @property({ attribute: 'container-class' })\n  containerClass = '';\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The size variant.\n   */\n  @property({ reflect: true, attribute: 'expressive-size' })\n  size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n  /**\n   * The mode variant.\n   */\n  @property({ reflect: true, attribute: 'mode' })\n  mode = EXPRESSIVE_MODAL_MODE.DEFAULT;\n\n  render() {\n    const {\n      size,\n      _handleClickContainer: handleClickContainer,\n      _handleSlotChange: handleSlotChange,\n      _handleFocusIn: handleFocusIn,\n    } = this;\n    const containerClass = this.containerClass\n      .split(' ')\n      .filter(Boolean)\n      .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n    const containerClasses = classMap({\n      [`${prefix}--modal-container`]: true,\n      [`${prefix}--modal-container--fullwidth`]:\n        size === EXPRESSIVE_MODAL_SIZE.FULL_WIDTH,\n      ...containerClass,\n    });\n    return html`\n      <button\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        @focusin=\"${handleFocusIn}\">\n        START\n      </button>\n      <div\n        class=\"${containerClasses}\"\n        tabindex=\"-1\"\n        role=\"dialog\"\n        aria-labelledby=\"${ddsPrefix}--modal-header\"\n        @click=\"${handleClickContainer}\"\n        @slotchange=\"${handleSlotChange}\">\n        <div class=\"${prefix}--modal-content\">\n          ${this._renderHeader()}${this._renderBody()}${this._renderFooter()}\n        </div>\n      </div>\n      <button\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        @focusin=\"${handleFocusIn}\">\n        END\n      </button>\n    `;\n  }\n\n  protected firstUpdated() {\n    if (this.modalContent) {\n      this._resizeObserver.observe(this.modalContent);\n    }\n  }\n\n  async updated(changedProperties) {\n    const { _focusableElements: focusableElements, size } = this;\n    const { selectorCloseButton } = this\n      .constructor as typeof DDSExpressiveModal;\n\n    if (changedProperties.has('size')) {\n      const closeButton = this.querySelector(selectorCloseButton);\n      if (closeButton) {\n        (closeButton as DDSExpressiveModalCloseButton).size = size;\n      }\n    }\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.ownerDocument.body.style.overflow = 'hidden';\n        this.removeAttribute('aria-hidden');\n        this._launcher = this.ownerDocument!.activeElement;\n        const primaryFocusNode = this.querySelector(\n          (this.constructor as typeof DDSExpressiveModal).selectorPrimaryFocus\n        );\n        await this._waitForTransitionEnd();\n        if (primaryFocusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<bx-btn>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<bx-modal>`'s first update/render cycle\n          (primaryFocusNode as HTMLElement).focus();\n        } else {\n          tryFocusElems(focusableElements as [HTMLElement], true, this);\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this.ownerDocument.body.style.overflow = '';\n        this._launcher = null;\n      }\n    }\n\n    return super.updated(changedProperties);\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button,${ddsPrefix}-expressive-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return `\n      ${selectorTabbable},\n      ${ddsPrefix}-button-expressive,\n      ${ddsPrefix}-expressive-modal,\n      ${ddsPrefix}-expressive-modal-close-button\n    `;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `\n      [data-modal-primary-focus],\n      ${ddsPrefix}-expressive-modal-footer ${prefix}-btn[kind=\"primary\"],\n      ${ddsPrefix}-expressive-modal-footer ${ddsPrefix}-button-expressive[kind=\"primary\"]\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal`;\n  }\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeClose() {\n    return `${ddsPrefix}-expressive-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${ddsPrefix}-expressive-modal-closed`;\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 DDSExpressiveModal;\n"]}
+{"version":3,"sources":["components/expressive-modal/expressive-modal.ts"],"names":[],"mappings":"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","file":"expressive-modal.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 {\n  html,\n  LitElement,\n  property,\n  query,\n  state,\n  SVGTemplateResult,\n  TemplateResult,\n} from 'lit-element';\nimport { EXPRESSIVE_MODAL_MODE, EXPRESSIVE_MODAL_SIZE } from './defs';\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport DDSCarousel from '../carousel/carousel';\nimport DDSExpressiveModalCloseButton from './expressive-modal-close-button';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\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 on from 'carbon-components/es/globals/js/misc/on.js';\nimport { selectorTabbable } from '../../internal/vendor/@carbon/web-components/globals/settings.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './expressive-modal.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/* eslint-disable no-bitwise */\nconst PRECEDING =\n  Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\nconst FOLLOWING =\n  Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\nconst WITHIN = Node.DOCUMENT_POSITION_CONTAINED_BY;\n/* eslint-enable no-bitwise */\n\n/**\n * Tries to focus on the given elements and bails out if one of the is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @param fallback element to focus on if none\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(\n  elems: NodeListOf<HTMLElement> | [HTMLElement],\n  reverse: boolean = false,\n  fallback: HTMLElement | null = null\n) {\n  if (!reverse) {\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n      if (\n        elem.offsetWidth ||\n        elem.offsetHeight ||\n        elem.getClientRects().length\n      ) {\n        elem.focus();\n        if ((elem.getRootNode() as Document).activeElement === elem) {\n          return true;\n        }\n      }\n    }\n  } else {\n    for (let i = elems.length - 1; i >= 0; --i) {\n      const elem = elems[i];\n      if (\n        elem.offsetWidth ||\n        elem.offsetHeight ||\n        elem.getClientRects().length\n      ) {\n        elem.focus();\n        if ((elem.getRootNode() as Document).activeElement === elem) {\n          return true;\n        }\n      }\n    }\n  }\n  fallback?.focus();\n  return false;\n}\n\n// TODO: Wait for `.d.ts` update to support `ResizeObserver`\n// @ts-ignore\nconst onResize: ResizeObserverCallback = ([entry]) => {\n  const { target, contentRect } = entry;\n  const { width, height } = contentRect;\n\n  const modalContent = target as HTMLDivElement;\n\n  modalContent.style.setProperty('--modal-vh', `${height}px`);\n  modalContent.style.setProperty('--modal-vw', `${width}px`);\n};\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  header: '_hasHeader',\n  footer: '_hasFooter',\n};\n\n/**\n * Expressive modal.\n *\n * @element dds-expressive-modal\n * @fires dds-expressive-modal-beingclosed\n *   The custom event fired before this modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires dds-expressive-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n * @slot header - The header content.\n * @slot footer - The footer content.\n */\n@customElement(`${ddsPrefix}-expressive-modal`)\nclass DDSExpressiveModal extends StableSelectorMixin(\n  HostListenerMixin(LitElement)\n) {\n  /**\n   * `true` if there is a header content.\n   */\n  @state()\n  private _hasHeader = false;\n\n  /**\n   * `true` if there is a body content.\n   */\n  @state()\n  private _hasBody = false;\n\n  /**\n   * `true` if there is a footer content.\n   */\n  @state()\n  private _hasFooter = false;\n\n  /**\n   * The element that had focus before this modal gets open.\n   */\n  private _launcher: Element | null = null;\n\n  /**\n   * Collection of elements to search for focusable elements.\n   */\n  hasFocusableElements: [DDSExpressiveModal | DDSCarousel] = [this];\n\n  /**\n   * Returns all focusable elements within this component and its shadowroot\n   */\n  get focusableElements() {\n    const { selectorCloseButton, selectorTabbable: selectorTabbableForModal } =\n      this.constructor as typeof DDSExpressiveModal;\n    return [\n      ...Array.from(\n        (this.shadowRoot?.querySelectorAll(\n          selectorCloseButton\n        ) as NodeListOf<HTMLElement>) || []\n      ),\n      ...Array.from(\n        this.querySelectorAll(\n          selectorTabbableForModal\n        ) as NodeListOf<HTMLElement>\n      ),\n    ];\n  }\n\n  private get _focusableElements() {\n    const { hasFocusableElements } = this;\n\n    const focusableElements: [HTMLElement?] = [];\n\n    hasFocusableElements.forEach((el) => {\n      if (el.focusableElements) {\n        focusableElements.push(...el.focusableElements);\n      }\n    });\n\n    return Array.from(new Set(focusableElements)).sort((a, b) => {\n      const comparison = a!.compareDocumentPosition(b!);\n\n      /* eslint-disable no-bitwise */\n      if (comparison & PRECEDING) {\n        return 1;\n      }\n\n      if (comparison & FOLLOWING) {\n        return -1;\n      }\n      /* eslint-enable no-bitwise */\n\n      return 0;\n    });\n  }\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  @query(`.${prefix}--modal-content`)\n  modalContent?: HTMLDivElement;\n\n  @query(`.${ddsPrefix}-ce--modal__body`)\n  modalBody?: HTMLDivElement;\n\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(\n    onResize as ResizeObserverCallback\n  );\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this.shadowRoot!) < 0) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  /* eslint-disable no-bitwise */\n  /**\n   * Handles the `focusin` event on the start and end sentinels\n   *\n   * @param event The event.\n   */\n  private _handleFocusIn = ({ target, relatedTarget }) => {\n    let focusFromWithin = false;\n    if (target && relatedTarget) {\n      const comparedToThis = this.compareDocumentPosition(relatedTarget);\n      const comparedToShadowRoot =\n        this.shadowRoot!.compareDocumentPosition(relatedTarget);\n      // If relatedTarget is descendent of `this` or `this.shadowRoot`.\n      if (comparedToThis & WITHIN || comparedToShadowRoot & WITHIN) {\n        focusFromWithin = true;\n      }\n    }\n\n    const {\n      _endSentinelNode: endSentinelNode,\n      _startSentinelNode: startSentinelNode,\n      _focusableElements: focusableElements,\n    } = this;\n\n    if (focusFromWithin) {\n      if (target === startSentinelNode) {\n        tryFocusElems(focusableElements as [HTMLElement], true, this);\n      } else if (target === endSentinelNode) {\n        tryFocusElems(focusableElements as [HTMLElement], false, this);\n      }\n    } else {\n      tryFocusElems(focusableElements as [HTMLElement], false, this);\n    }\n  };\n\n  /**\n   * Handles `focusout` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut = ({ target, relatedTarget }) => {\n    // Don't attempt to wrap focus if the modal isn't open.\n    if (!this.open) return;\n    // If no target/relatedTarget, focus has entered/left the window. Do nothing.\n    if (!target || !relatedTarget) return;\n\n    const { _focusableElements: focusableElements } = this;\n\n    // See if element gaining focus is inside `this` or `this.shadowRoot`.\n    const positionToModal =\n      this.compareDocumentPosition(relatedTarget) |\n      (this.shadowRoot?.compareDocumentPosition(relatedTarget) || 0);\n    const positionToPrevious = target.compareDocumentPosition(relatedTarget);\n    const relatedTargetIsContained = Boolean(positionToModal & WITHIN);\n\n    // If focusing outside of `this`, cycle focus\n    if (!relatedTargetIsContained && !(relatedTarget === this)) {\n      if (positionToPrevious & PRECEDING) {\n        tryFocusElems(focusableElements as [HTMLElement], true, this);\n      } else if (positionToPrevious & FOLLOWING) {\n        tryFocusElems(focusableElements as [HTMLElement], false, this);\n      }\n    }\n  };\n  /* eslint-enable no-bitwise */\n\n  @HostListener('document:keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  /**\n   * Handles `click` event on the modal container.\n   *\n   * @param event The event.\n   */\n  private _handleClickContainer(event: MouseEvent) {\n    if (\n      (event.target as Element).matches(\n        (this.constructor as typeof DDSExpressiveModal).selectorCloseButton\n      )\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some((node) => {\n        // Allow non-empty text nodes.\n        if (node.nodeType === Node.TEXT_NODE && node!.textContent!.trim()) {\n          return true;\n        }\n        // Allow only element nodes that don't have a .bx--visually-hidden\n        // class.\n        if (node instanceof Element) {\n          return !node.classList.contains('bx--visually-hidden');\n        }\n        // No opinion on other cases.\n        return true;\n      });\n    this[slotExistencePropertyNames[name] || '_hasBody'] = hasContent;\n  }\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      const { eventBeforeClose, eventClose } = this\n        .constructor as typeof DDSExpressiveModal;\n      if (this.dispatchEvent(new CustomEvent(eventBeforeClose, init))) {\n        this.open = false;\n        this.dispatchEvent(new CustomEvent(eventClose, init));\n      }\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  /**\n   * @param timeout The number of milliseconds as the longest time waiting for `transitionend` event.\n   * @returns A promise that is resolves when `transitionend` on the host element fires.\n   */\n  private _waitForTransitionEnd(timeout: number = 1000) {\n    return new Promise((resolve) => {\n      let done = false;\n      let hTransitionEnd;\n      const handleResolve = () => {\n        if (hTransitionEnd) {\n          hTransitionEnd.release();\n          hTransitionEnd = null;\n        }\n        if (!done) {\n          resolve(undefined);\n          done = true;\n        }\n      };\n      on(this, 'transitionend', handleResolve);\n      setTimeout(handleResolve, timeout);\n    });\n  }\n\n  /**\n   * @returns The header content.\n   */\n  protected _renderHeader(): TemplateResult | SVGTemplateResult | void {\n    const {\n      _hasHeader: hasHeader,\n      _hasBody: hasBody,\n      _hasFooter: hasFooter,\n    } = this;\n    const headerClasses = classMap({\n      [`${ddsPrefix}-ce--modal__header--with-body`]:\n        hasHeader && (hasBody || hasFooter),\n    });\n    return html`\n      <div id=\"${ddsPrefix}--modal-header\" class=\"${headerClasses}\">\n        <slot name=\"header\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The body content.\n   */\n  protected _renderBody(): TemplateResult | SVGTemplateResult | void {\n    const { _hasBody: hasBody, _hasFooter: hasFooter } = this;\n    const bodyClasses = classMap({\n      [`${ddsPrefix}-ce--modal__body`]: true,\n      [`${ddsPrefix}-ce--modal__body--with-footer`]: hasBody && hasFooter,\n    });\n    return html` <div class=\"${bodyClasses}\"><slot></slot></div> `;\n  }\n\n  /**\n   * @returns The footer content.\n   */\n  // eslint-disable-next-line class-methods-use-this\n  protected _renderFooter(): TemplateResult | SVGTemplateResult | void {\n    return html` <div><slot name=\"footer\"></slot></div> `;\n  }\n\n  /**\n   * The additional CSS class names for the container <div> of the element.\n   */\n  @property({ attribute: 'container-class' })\n  containerClass = '';\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The size variant.\n   */\n  @property({ reflect: true, attribute: 'expressive-size' })\n  size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n  /**\n   * The mode variant.\n   */\n  @property({ reflect: true, attribute: 'mode' })\n  mode = EXPRESSIVE_MODAL_MODE.DEFAULT;\n\n  render() {\n    const {\n      size,\n      _handleClickContainer: handleClickContainer,\n      _handleSlotChange: handleSlotChange,\n      _handleFocusIn: handleFocusIn,\n    } = this;\n    const containerClass = this.containerClass\n      .split(' ')\n      .filter(Boolean)\n      .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n    const containerClasses = classMap({\n      [`${prefix}--modal-container`]: true,\n      [`${prefix}--modal-container--fullwidth`]:\n        size === EXPRESSIVE_MODAL_SIZE.FULL_WIDTH,\n      ...containerClass,\n    });\n    return html`\n      <button\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        @focusin=\"${handleFocusIn}\">\n        START\n      </button>\n      <div\n        class=\"${containerClasses}\"\n        tabindex=\"-1\"\n        role=\"dialog\"\n        aria-labelledby=\"${ddsPrefix}--modal-header\"\n        @click=\"${handleClickContainer}\"\n        @slotchange=\"${handleSlotChange}\">\n        <div class=\"${prefix}--modal-content\">\n          ${this._renderHeader()}${this._renderBody()}${this._renderFooter()}\n        </div>\n      </div>\n      <button\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        @focusin=\"${handleFocusIn}\">\n        END\n      </button>\n    `;\n  }\n\n  protected firstUpdated() {\n    if (this.modalContent) {\n      this._resizeObserver.observe(this.modalContent);\n    }\n  }\n\n  async updated(changedProperties) {\n    const { _focusableElements: focusableElements, size } = this;\n    const { selectorCloseButton } = this\n      .constructor as typeof DDSExpressiveModal;\n\n    if (changedProperties.has('size')) {\n      const closeButton = this.querySelector(selectorCloseButton);\n      if (closeButton) {\n        (closeButton as DDSExpressiveModalCloseButton).size = size;\n      }\n    }\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.ownerDocument.body.style.overflow = 'hidden';\n        this.removeAttribute('aria-hidden');\n        this._launcher = this.ownerDocument!.activeElement;\n        const primaryFocusNode = this.querySelector(\n          (this.constructor as typeof DDSExpressiveModal).selectorPrimaryFocus\n        );\n        await this._waitForTransitionEnd();\n        if (primaryFocusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<bx-btn>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<bx-modal>`'s first update/render cycle\n          (primaryFocusNode as HTMLElement).focus();\n        } else {\n          tryFocusElems(focusableElements as [HTMLElement], true, this);\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this.ownerDocument.body.style.overflow = '';\n        this._launcher = null;\n      }\n    }\n\n    return super.updated(changedProperties);\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button,${ddsPrefix}-expressive-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return `\n      ${selectorTabbable},\n      ${ddsPrefix}-button-expressive,\n      ${ddsPrefix}-expressive-modal,\n      ${ddsPrefix}-expressive-modal-close-button\n    `;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `\n      [data-modal-primary-focus],\n      ${ddsPrefix}-expressive-modal-footer ${prefix}-btn[kind=\"primary\"],\n      ${ddsPrefix}-expressive-modal-footer ${ddsPrefix}-button-expressive[kind=\"primary\"]\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--expressive-modal`;\n  }\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeClose() {\n    return `${ddsPrefix}-expressive-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${ddsPrefix}-expressive-modal-closed`;\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 DDSExpressiveModal;\n"]}

package/es/components/expressive-modal/expressive-modal.js

@@ -30,6 +30,7 @@ var _settings2 = require("../../internal/vendor/@carbon/web-components/globals/s
 var _settings3 = _interopRequireDefault(require("carbon-components/es/globals/js/settings.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _expressiveModalCss = _interopRequireDefault(require("././expressive-modal.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -114,7 +115,7 @@ var slotExistencePropertyNames = {
  * @slot header - The header content.
  * @slot footer - The footer content.
  */
-var DDSExpressiveModal = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-expressive-modal"))], function (_initialize, _StableSelectorMixin) {
+var DDSExpressiveModal = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-expressive-modal"))], function (_initialize, _StableSelectorMixin) {
   var DDSExpressiveModal = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSExpressiveModal, _StableSelectorMixin2);
     var _super = _createSuper(DDSExpressiveModal);