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

package/es/components/cta-block/cta-block-item-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/cta-block/cta-block-item-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAA8B,UAAU,EAAY,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoC7E;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1BL;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,uBAEhC;IACC,+CAA+C;IAE/C,SAAS,UAAS;IAElB;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAa;IAErC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAoB;IAExC,gBAAgB;IAIvB;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC;;OAEG;IACH,OAAO,CAAC,cAAc,CAgBpB;IAEF;;OAEG;IAEH,SAAS,CAAC,UAAU,UAAS;IAE7B;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAuBxC,MAAM;IAIN,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IAKZ;;OAEG;IACH,OAAO,CAAC,iBAAiB,KAAA;IASzB,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"cta-block-item-row.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 { customElement, html, state, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\n\nimport styles from './cta-block.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA BLOCK ITEM ROW component\n *\n * @element dds-cta-block-item-row\n * @slot .\n */\n@customElement(`${ddsPrefix}-cta-block-item-row`)\nclass DDSCTABlockItemRow extends ParentVisibilityMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /** Defines if the bottom border is rendered */\n  @property({ type: Boolean, reflect: true, attribute: 'no-border' })\n  _noBorder = false;\n\n  /**\n   * Array to hold the card-heading elements within child items.\n   */\n  private _childItemHeadings: any[] = [];\n\n  /**\n   * Array to hold the text copy elements within child items.\n   */\n  private _childItemCopies: any[] = [];\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observerResizeRoot: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  public _onParentVisible() {\n    this._setSameHeight();\n  }\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeRoot) {\n      this._observerResizeRoot.disconnect();\n      this._observerResizeRoot = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeRoot = new ResizeObserver(this._setSameHeight);\n      this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * The observer for the resize of the viewport, calls sameHeight utility function\n   */\n  private _setSameHeight = () => {\n    window.requestAnimationFrame(() => {\n      sameHeight(\n        this._childItemHeadings.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n\n      sameHeight(\n        this._childItemCopies.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n    });\n  };\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { selectorItem, selectorItemHeading, selectorItemCopy } = this\n      .constructor as typeof DDSCTABlockItemRow;\n\n    const childItems = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) => (elem as HTMLElement).matches?.(selectorItem));\n\n    if (childItems) {\n      childItems.forEach((e) => {\n        this._childItemHeadings.push(\n          (e as HTMLElement).querySelector(selectorItemHeading)\n        );\n        this._childItemCopies.push(\n          (e as HTMLElement).querySelector(selectorItemCopy)\n        );\n      });\n    }\n\n    this._setSameHeight();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResize();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      this.classList.toggle(\n        `${prefix}--cta-block-item-row__border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item-row`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item\n   */\n  static get selectorItem() {\n    return `${ddsPrefix}-cta-block-item`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's heading\n   */\n  static get selectorItemHeading() {\n    return `${ddsPrefix}-content-item-heading`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's copy\n   */\n  static get selectorItemCopy() {\n    return `${ddsPrefix}-content-item-copy`;\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 DDSCTABlockItemRow;\n"]}
+{"version":3,"sources":["components/cta-block/cta-block-item-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAe,UAAU,EAAY,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgC9D;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArBL;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,uBAEhC;IACC,+CAA+C;IAE/C,SAAS,UAAS;IAElB;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAa;IAErC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAoB;IAExC,gBAAgB;IAIvB;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC;;OAEG;IACH,OAAO,CAAC,cAAc,CAgBpB;IAEF;;OAEG;IAEH,SAAS,CAAC,UAAU,UAAS;IAE7B;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAuBxC,MAAM;IAIN,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IAKZ;;OAEG;IACH,OAAO,CAAC,iBAAiB,KAAA;IASzB,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"cta-block-item-row.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, state, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\n\nimport styles from './cta-block.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/**\n * The CTA BLOCK ITEM ROW component\n *\n * @element dds-cta-block-item-row\n * @slot .\n */\n@customElement(`${ddsPrefix}-cta-block-item-row`)\nclass DDSCTABlockItemRow extends ParentVisibilityMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /** Defines if the bottom border is rendered */\n  @property({ type: Boolean, reflect: true, attribute: 'no-border' })\n  _noBorder = false;\n\n  /**\n   * Array to hold the card-heading elements within child items.\n   */\n  private _childItemHeadings: any[] = [];\n\n  /**\n   * Array to hold the text copy elements within child items.\n   */\n  private _childItemCopies: any[] = [];\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observerResizeRoot: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  public _onParentVisible() {\n    this._setSameHeight();\n  }\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeRoot) {\n      this._observerResizeRoot.disconnect();\n      this._observerResizeRoot = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeRoot = new ResizeObserver(this._setSameHeight);\n      this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * The observer for the resize of the viewport, calls sameHeight utility function\n   */\n  private _setSameHeight = () => {\n    window.requestAnimationFrame(() => {\n      sameHeight(\n        this._childItemHeadings.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n\n      sameHeight(\n        this._childItemCopies.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n    });\n  };\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { selectorItem, selectorItemHeading, selectorItemCopy } = this\n      .constructor as typeof DDSCTABlockItemRow;\n\n    const childItems = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) => (elem as HTMLElement).matches?.(selectorItem));\n\n    if (childItems) {\n      childItems.forEach((e) => {\n        this._childItemHeadings.push(\n          (e as HTMLElement).querySelector(selectorItemHeading)\n        );\n        this._childItemCopies.push(\n          (e as HTMLElement).querySelector(selectorItemCopy)\n        );\n      });\n    }\n\n    this._setSameHeight();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResize();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      this.classList.toggle(\n        `${prefix}--cta-block-item-row__border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item-row`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item\n   */\n  static get selectorItem() {\n    return `${ddsPrefix}-cta-block-item`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's heading\n   */\n  static get selectorItemHeading() {\n    return `${ddsPrefix}-content-item-heading`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's copy\n   */\n  static get selectorItemCopy() {\n    return `${ddsPrefix}-content-item-copy`;\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 DDSCTABlockItemRow;\n"]}

package/es/components/cta-block/cta-block-item-row.js

@@ -21,6 +21,7 @@ var _sameHeight = _interopRequireDefault(require("../../internal/vendor/@carbon/
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _parentVisibility = _interopRequireDefault(require("../../component-mixins/parent-visibility/parent-visibility.js"));
 var _ctaBlockCss = _interopRequireDefault(require("././cta-block.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; } }
@@ -33,7 +34,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  * @element dds-cta-block-item-row
  * @slot .
  */
-var DDSCTABlockItemRow = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-cta-block-item-row"))], function (_initialize, _ParentVisibilityMixi) {
+var DDSCTABlockItemRow = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-cta-block-item-row"))], function (_initialize, _ParentVisibilityMixi) {
   var DDSCTABlockItemRow = /*#__PURE__*/function (_ParentVisibilityMixi2) {
     (0, _inherits2["default"])(DDSCTABlockItemRow, _ParentVisibilityMixi2);
     var _super = _createSuper(DDSCTABlockItemRow);

package/es/components/cta-block/cta-block-item-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-block-item-row.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_sameHeight","_stableSelector","_parentVisibility","_ctaBlockCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSCTABlockItemRow","_decorate2","customElement","concat","_initialize","_ParentVisibilityMixi","_ParentVisibilityMixi2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","attribute","key","value","_onParentVisible","_setSameHeight","_cleanAndCreateObserverResize","_ref","undefined","create","_observerResizeRoot","disconnect","ResizeObserver","observe","ownerDocument","documentElement","_this2","window","requestAnimationFrame","sameHeight","_childItemHeadings","filter","_childItemCopies","state","_handleSlotChange","event","_this3","target","_ref2","selectorItem","selectorItemHeading","selectorItemCopy","childItems","assignedNodes","elem","_matches","_ref3","matches","forEach","push","querySelector","render","html","_taggedTemplateLiteral2","connectedCallback","_get2","disconnectedCallback","firstUpdated","updated","changedProperties","has","classList","toggle","_noBorder","stableSelector","styles","ParentVisibilityMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/cta-block/cta-block-item-row.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, html, state, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\n\nimport styles from './cta-block.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA BLOCK ITEM ROW component\n *\n * @element dds-cta-block-item-row\n * @slot .\n */\n@customElement(`${ddsPrefix}-cta-block-item-row`)\nclass DDSCTABlockItemRow extends ParentVisibilityMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /** Defines if the bottom border is rendered */\n  @property({ type: Boolean, reflect: true, attribute: 'no-border' })\n  _noBorder = false;\n\n  /**\n   * Array to hold the card-heading elements within child items.\n   */\n  private _childItemHeadings: any[] = [];\n\n  /**\n   * Array to hold the text copy elements within child items.\n   */\n  private _childItemCopies: any[] = [];\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observerResizeRoot: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  public _onParentVisible() {\n    this._setSameHeight();\n  }\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeRoot) {\n      this._observerResizeRoot.disconnect();\n      this._observerResizeRoot = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeRoot = new ResizeObserver(this._setSameHeight);\n      this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * The observer for the resize of the viewport, calls sameHeight utility function\n   */\n  private _setSameHeight = () => {\n    window.requestAnimationFrame(() => {\n      sameHeight(\n        this._childItemHeadings.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n\n      sameHeight(\n        this._childItemCopies.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n    });\n  };\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { selectorItem, selectorItemHeading, selectorItemCopy } = this\n      .constructor as typeof DDSCTABlockItemRow;\n\n    const childItems = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) => (elem as HTMLElement).matches?.(selectorItem));\n\n    if (childItems) {\n      childItems.forEach((e) => {\n        this._childItemHeadings.push(\n          (e as HTMLElement).querySelector(selectorItemHeading)\n        );\n        this._childItemCopies.push(\n          (e as HTMLElement).querySelector(selectorItemCopy)\n        );\n      });\n    }\n\n    this._setSameHeight();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResize();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      this.classList.toggle(\n        `${prefix}--cta-block-item-row__border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item-row`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item\n   */\n  static get selectorItem() {\n    return `${ddsPrefix}-cta-block-item`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's heading\n   */\n  static get selectorItemHeading() {\n    return `${ddsPrefix}-content-item-heading`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's copy\n   */\n  static get selectorItemCopy() {\n    return `${ddsPrefix}-content-item-copy`;\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 DDSCTABlockItemRow;\n"],"mappings":"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"}
+{"version":3,"file":"cta-block-item-row.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_sameHeight","_stableSelector","_parentVisibility","_ctaBlockCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSCTABlockItemRow","_decorate2","customElement","concat","_initialize","_ParentVisibilityMixi","_ParentVisibilityMixi2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","attribute","key","value","_onParentVisible","_setSameHeight","_cleanAndCreateObserverResize","_ref","undefined","create","_observerResizeRoot","disconnect","ResizeObserver","observe","ownerDocument","documentElement","_this2","window","requestAnimationFrame","sameHeight","_childItemHeadings","filter","_childItemCopies","state","_handleSlotChange","event","_this3","target","_ref2","selectorItem","selectorItemHeading","selectorItemCopy","childItems","assignedNodes","elem","_matches","_ref3","matches","forEach","push","querySelector","render","html","_taggedTemplateLiteral2","connectedCallback","_get2","disconnectedCallback","firstUpdated","updated","changedProperties","has","classList","toggle","_noBorder","stableSelector","styles","ParentVisibilityMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/cta-block/cta-block-item-row.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, state, LitElement, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport ParentVisibilityMixin from '../../component-mixins/parent-visibility/parent-visibility';\n\nimport styles from './cta-block.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/**\n * The CTA BLOCK ITEM ROW component\n *\n * @element dds-cta-block-item-row\n * @slot .\n */\n@customElement(`${ddsPrefix}-cta-block-item-row`)\nclass DDSCTABlockItemRow extends ParentVisibilityMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /** Defines if the bottom border is rendered */\n  @property({ type: Boolean, reflect: true, attribute: 'no-border' })\n  _noBorder = false;\n\n  /**\n   * Array to hold the card-heading elements within child items.\n   */\n  private _childItemHeadings: any[] = [];\n\n  /**\n   * Array to hold the text copy elements within child items.\n   */\n  private _childItemCopies: any[] = [];\n\n  /**\n   * The observer for the resize of the viewport.\n   */\n  private _observerResizeRoot: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  public _onParentVisible() {\n    this._setSameHeight();\n  }\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeRoot) {\n      this._observerResizeRoot.disconnect();\n      this._observerResizeRoot = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeRoot = new ResizeObserver(this._setSameHeight);\n      this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * The observer for the resize of the viewport, calls sameHeight utility function\n   */\n  private _setSameHeight = () => {\n    window.requestAnimationFrame(() => {\n      sameHeight(\n        this._childItemHeadings.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n\n      sameHeight(\n        this._childItemCopies.filter((e) => {\n          return e;\n        }),\n        'md'\n      );\n    });\n  };\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { selectorItem, selectorItemHeading, selectorItemCopy } = this\n      .constructor as typeof DDSCTABlockItemRow;\n\n    const childItems = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) => (elem as HTMLElement).matches?.(selectorItem));\n\n    if (childItems) {\n      childItems.forEach((e) => {\n        this._childItemHeadings.push(\n          (e as HTMLElement).querySelector(selectorItemHeading)\n        );\n        this._childItemCopies.push(\n          (e as HTMLElement).querySelector(selectorItemCopy)\n        );\n      });\n    }\n\n    this._setSameHeight();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResize();\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      this.classList.toggle(\n        `${prefix}--cta-block-item-row__border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item-row`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item\n   */\n  static get selectorItem() {\n    return `${ddsPrefix}-cta-block-item`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's heading\n   */\n  static get selectorItemHeading() {\n    return `${ddsPrefix}-content-item-heading`;\n  }\n\n  /**\n   * A selector that will return the CTA Section item's copy\n   */\n  static get selectorItemCopy() {\n    return `${ddsPrefix}-content-item-copy`;\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 DDSCTABlockItemRow;\n"],"mappings":"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"}

package/es/components/cta-block/cta-block-item.d.ts

@@ -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.
@@ -195,7 +195,7 @@ declare const DDSCTABlockItem_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/cta-block/cta-block-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/cta-block/cta-block-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAmC,cAAc,EAAE,MAAM,aAAa,CAAC;AAI9E,OAAO,cAAc,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgB1D;;;;;;;;;GASG;AACH,cACM,eAAgB,SAAQ,oBAAmC;IAC/D;;OAEG;IAEH,SAAS,CAAC,SAAS,UAAS;IAE5B;;OAEG;IAEH,SAAS,CAAC,aAAa,UAAS;IAEhC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAgB7C;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAY5D;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAUxD,MAAM;IAQN,MAAM,KAAK,cAAc,WAExB;IAGD,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,eAAe,CAAC","file":"cta-block-item.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 { customElement, html, css, state, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSContentItem from '../content-item/content-item';\n\nimport styles from './cta-block.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\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  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * The CTA BLOCK ITEM component\n *\n * @element dds-cta-block-item\n * @slot statistics\n * @slot media\n * @slot heading\n * @slot .\n * @slot footer\n */\n@customElement(`${ddsPrefix}-cta-block-item`)\nclass DDSCTABlockItem extends StableSelectorMixin(DDSContentItem) {\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  protected _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (elem) =>\n          !(elem as HTMLElement).matches?.(\n            (this.constructor as typeof DDSCTABlockItem).selectorButtonGroup\n          )\n      )\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${prefix}--cta-block-item__statitics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div ?hidden=\"${!hasMedia}\" class=\"${prefix}--cta-block-item__media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this._renderStatistic()} ${this._renderMedia()}\n      <slot name=\"heading\"></slot>\n      ${super._renderBody()}${super._renderFooter()}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCTABlockItem;\n"]}
+{"version":3,"sources":["components/cta-block/cta-block-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAoB,cAAc,EAAE,MAAM,aAAa,CAAC;AAI/D,OAAO,cAAc,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiB1D;;;;;;;;;GASG;AACH,cACM,eAAgB,SAAQ,oBAAmC;IAC/D;;OAEG;IAEH,SAAS,CAAC,SAAS,UAAS;IAE5B;;OAEG;IAEH,SAAS,CAAC,aAAa,UAAS;IAEhC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAgB7C;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAY5D;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAUxD,MAAM;IAQN,MAAM,KAAK,cAAc,WAExB;IAGD,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,eAAe,CAAC","file":"cta-block-item.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, css, state, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSContentItem from '../content-item/content-item';\n\nimport styles from './cta-block.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/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * The CTA BLOCK ITEM component\n *\n * @element dds-cta-block-item\n * @slot statistics\n * @slot media\n * @slot heading\n * @slot .\n * @slot footer\n */\n@customElement(`${ddsPrefix}-cta-block-item`)\nclass DDSCTABlockItem extends StableSelectorMixin(DDSContentItem) {\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  protected _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (elem) =>\n          !(elem as HTMLElement).matches?.(\n            (this.constructor as typeof DDSCTABlockItem).selectorButtonGroup\n          )\n      )\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${prefix}--cta-block-item__statitics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div ?hidden=\"${!hasMedia}\" class=\"${prefix}--cta-block-item__media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this._renderStatistic()} ${this._renderMedia()}\n      <slot name=\"heading\"></slot>\n      ${super._renderBody()}${super._renderFooter()}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCTABlockItem;\n"]}

package/es/components/cta-block/cta-block-item.js

@@ -20,6 +20,7 @@ var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/i
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _contentItem = _interopRequireDefault(require("../content-item/content-item.js"));
 var _ctaBlockCss = _interopRequireDefault(require("././cta-block.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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; } }
@@ -45,7 +46,7 @@ var slotExistencePropertyNames = {
  * @slot .
  * @slot footer
  */
-var DDSCTABlockItem = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-cta-block-item"))], function (_initialize, _StableSelectorMixin) {
+var DDSCTABlockItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-cta-block-item"))], function (_initialize, _StableSelectorMixin) {
   var DDSCTABlockItem = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSCTABlockItem, _StableSelectorMixin2);
     var _super = _createSuper(DDSCTABlockItem);

package/es/components/cta-block/cta-block-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-block-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_stableSelector","_contentItem","_ctaBlockCss","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","media","statistic","footer","DDSCTABlockItem","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","_this2","target","_ref2","name","hasContent","assignedNodes","filter","elem","_matches","_ref3","matches","selectorButtonGroup","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderStatistic","hasStatistic","_hasStatistic","handleSlotChange","html","_taggedTemplateLiteral2","_renderMedia","hasMedia","_hasMedia","render","_get2","stableSelector","styles","css","StableSelectorMixin","DDSContentItem","_default","exports"],"sources":["components/cta-block/cta-block-item.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, html, css, state, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSContentItem from '../content-item/content-item';\n\nimport styles from './cta-block.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\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  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * The CTA BLOCK ITEM component\n *\n * @element dds-cta-block-item\n * @slot statistics\n * @slot media\n * @slot heading\n * @slot .\n * @slot footer\n */\n@customElement(`${ddsPrefix}-cta-block-item`)\nclass DDSCTABlockItem extends StableSelectorMixin(DDSContentItem) {\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  protected _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (elem) =>\n          !(elem as HTMLElement).matches?.(\n            (this.constructor as typeof DDSCTABlockItem).selectorButtonGroup\n          )\n      )\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${prefix}--cta-block-item__statitics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div ?hidden=\"${!hasMedia}\" class=\"${prefix}--cta-block-item__media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this._renderStatistic()} ${this._renderMedia()}\n      <slot name=\"heading\"></slot>\n      ${super._renderBody()}${super._renderFooter()}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCTABlockItem;\n"],"mappings":"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"}
+{"version":3,"file":"cta-block-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_stableSelector","_contentItem","_ctaBlockCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","media","statistic","footer","DDSCTABlockItem","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","_this2","target","_ref2","name","hasContent","assignedNodes","filter","elem","_matches","_ref3","matches","selectorButtonGroup","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderStatistic","hasStatistic","_hasStatistic","handleSlotChange","html","_taggedTemplateLiteral2","_renderMedia","hasMedia","_hasMedia","render","_get2","stableSelector","styles","css","StableSelectorMixin","DDSContentItem","_default","exports"],"sources":["components/cta-block/cta-block-item.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, css, state, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSContentItem from '../content-item/content-item';\n\nimport styles from './cta-block.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/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n  media: '_hasMedia',\n  statistic: '_hasStatistic',\n  footer: '_hasFooter',\n};\n\n/**\n * The CTA BLOCK ITEM component\n *\n * @element dds-cta-block-item\n * @slot statistics\n * @slot media\n * @slot heading\n * @slot .\n * @slot footer\n */\n@customElement(`${ddsPrefix}-cta-block-item`)\nclass DDSCTABlockItem extends StableSelectorMixin(DDSContentItem) {\n  /**\n   * `true` if there are CTA media in the content item area.\n   */\n  @state()\n  protected _hasMedia = false;\n\n  /**\n   * `true` if there are CTA statistic in the content item area.\n   */\n  @state()\n  protected _hasStatistic = false;\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (elem) =>\n          !(elem as HTMLElement).matches?.(\n            (this.constructor as typeof DDSCTABlockItem).selectorButtonGroup\n          )\n      )\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name] || '_hasStatistic'] = hasContent;\n  }\n\n  /**\n   * @returns The statistic content items\n   */\n  protected _renderStatistic(): TemplateResult | string | void {\n    const { _hasStatistic: hasStatistic, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasStatistic}\"\n        class=\"${prefix}--cta-block-item__statitics\">\n        <slot name=\"statistics\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The media content items\n   */\n  protected _renderMedia(): TemplateResult | string | void {\n    const { _hasMedia: hasMedia, _handleSlotChange: handleSlotChange } = this;\n\n    return html`\n      <div ?hidden=\"${!hasMedia}\" class=\"${prefix}--cta-block-item__media\">\n        <slot name=\"media\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    return html`\n      ${this._renderStatistic()} ${this._renderMedia()}\n      <slot name=\"heading\"></slot>\n      ${super._renderBody()}${super._renderFooter()}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block-item`;\n  }\n\n  // `styles` here is a `CSSResult` generated by custom WebPack loader\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCTABlockItem;\n"],"mappings":"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"}

package/es/components/cta-block/cta-block.d.ts

@@ -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.
@@ -195,7 +195,7 @@ declare const DDSCTABlock_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/cta-block/cta-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/cta-block/cta-block.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAKL,cAAc,EACf,MAAM,aAAa,CAAC;AAOrB,OAAO,eAAe,MAAM,gCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAa7D;;;;;;GAMG;AACH,cACM,WAAY,SAAQ,gBAAoC;IAE5D,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,CAAC,UAAU,UAAS;IAE7B;;OAEG;IAEH,SAAS,CAAC,YAAY,UAAS;IAE/B;;OAEG;IACH,OAAO,CAAC,iBAAiB,KAAA;IAYzB,SAAS,CAAC,eAAe,IAAI,OAAO;IAKpC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAgBxC;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAS1D;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAsB1D;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAevD;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IASvD;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAO5D;;OAEG;IACH,SAAS,CAAC,eAAe,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAY3D,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,WAAW,CAAC","file":"cta-block.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  customElement,\n  html,\n  state,\n  property,\n  TemplateResult,\n} from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nimport styles from './cta-block.scss';\nimport DDSContentBlock from '../content-block/content-block';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\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  action: '_hasAction',\n  'link-list': '_hasLinkList',\n};\n\n/**\n * The CTA BLOCK pattern\n *\n * @element dds-cta-block\n * @slot heading - The text heading.\n * @slot action - The CTA Buttons.\n */\n@customElement(`${ddsPrefix}-cta-block`)\nclass DDSCTABlock extends StableSelectorMixin(DDSContentBlock) {\n  @property({ type: Boolean, attribute: 'no-border', reflect: true })\n  _noBorder = false;\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * `true` if there is a link list.\n   */\n  @state()\n  protected _hasLinkList = false;\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      const layoutWrapper = (this.shadowRoot as ShadowRoot).querySelector(\n        `.${prefix}--content-layout`\n      );\n      layoutWrapper?.classList.toggle(\n        `${prefix}--content-layout--border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  protected _hasBodyContent(): boolean {\n    const { _hasLinkList, _hasAction } = this;\n    return _hasLinkList || _hasAction || super._hasBodyContent();\n  }\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { name } = target as HTMLSlotElement;\n\n    if (!slotExistencePropertyNames[name]) {\n      super._handleSlotChange(event);\n      return;\n    }\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name]] = hasContent;\n  }\n\n  /**\n   * @returns The actions (CTA) content.\n   */\n  protected _renderActions(): TemplateResult | string | void {\n    const { _hasAction: hasAction, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasAction}\" class=\"${prefix}--content-layout__cta\">\n        <slot name=\"action\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const {\n      _hasAction,\n      _hasCopy,\n      _hasLinkList,\n      _hasContent,\n      _handleSlotChange,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--helper-wrapper`]: true,\n      [`${prefix}--helper-wrapper--less-space`]:\n        !_hasAction && !_hasCopy && !_hasLinkList,\n    });\n    return html`\n      <div ?hidden=\"${!_hasContent}\" class=\"${classes}\">\n        <div class=\"${prefix}--content-item-wrapper\">\n          <slot @slotchange=\"${_handleSlotChange}\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The non-header, non-complementary contents.\n   */\n  protected _renderBody(): TemplateResult | string | void {\n    const { _hasCopy, _hasAction, _hasLinkList, _hasContent } = this;\n    const classes = classMap({\n      [`${prefix}--content-layout__body`]: true,\n      [`${prefix}--content-layout__body--tight`]:\n        !_hasCopy && !_hasAction && (_hasLinkList || _hasContent),\n    });\n\n    return html`\n      <div ?hidden=\"${!this._hasBodyContent()}\" class=\"${classes}\">\n        ${this._renderCopy()}${this._renderInnerBody()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The copy content.\n   */\n  protected _renderCopy(): TemplateResult | string | void {\n    const { _hasCopy: hasCopy, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--content-layout__copy\">\n        <slot name=\"copy\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderInnerBody(): TemplateResult | string | void {\n    // Note: The media content in `<dds-cta-section>` is not supported at the time of writing this code\n    return html`\n      ${this._renderActions()}${this._renderLinkList()}${this._renderContent()}\n    `;\n  }\n\n  /**\n   * @returns The link list content.\n   */\n  protected _renderLinkList(): TemplateResult | string | void {\n    const { _hasLinkList: hasLinkList, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasLinkList}\"\n        class=\"${prefix}--content-layout__link-list\">\n        <slot name=\"link-list\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block`;\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 DDSCTABlock;\n"]}
+{"version":3,"sources":["components/cta-block/cta-block.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAyB,cAAc,EAAE,MAAM,aAAa,CAAC;AAOpE,OAAO,eAAe,MAAM,gCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAc7D;;;;;;GAMG;AACH,cACM,WAAY,SAAQ,gBAAoC;IAE5D,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,CAAC,UAAU,UAAS;IAE7B;;OAEG;IAEH,SAAS,CAAC,YAAY,UAAS;IAE/B;;OAEG;IACH,OAAO,CAAC,iBAAiB,KAAA;IAYzB,SAAS,CAAC,eAAe,IAAI,OAAO;IAKpC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAgBxC;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAS1D;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAsB1D;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAevD;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IASvD;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAO5D;;OAEG;IACH,SAAS,CAAC,eAAe,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAY3D,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,WAAW,CAAC","file":"cta-block.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, state, property, TemplateResult } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nimport styles from './cta-block.scss';\nimport DDSContentBlock from '../content-block/content-block';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\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  action: '_hasAction',\n  'link-list': '_hasLinkList',\n};\n\n/**\n * The CTA BLOCK pattern\n *\n * @element dds-cta-block\n * @slot heading - The text heading.\n * @slot action - The CTA Buttons.\n */\n@customElement(`${ddsPrefix}-cta-block`)\nclass DDSCTABlock extends StableSelectorMixin(DDSContentBlock) {\n  @property({ type: Boolean, attribute: 'no-border', reflect: true })\n  _noBorder = false;\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * `true` if there is a link list.\n   */\n  @state()\n  protected _hasLinkList = false;\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      const layoutWrapper = (this.shadowRoot as ShadowRoot).querySelector(\n        `.${prefix}--content-layout`\n      );\n      layoutWrapper?.classList.toggle(\n        `${prefix}--content-layout--border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  protected _hasBodyContent(): boolean {\n    const { _hasLinkList, _hasAction } = this;\n    return _hasLinkList || _hasAction || super._hasBodyContent();\n  }\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { name } = target as HTMLSlotElement;\n\n    if (!slotExistencePropertyNames[name]) {\n      super._handleSlotChange(event);\n      return;\n    }\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name]] = hasContent;\n  }\n\n  /**\n   * @returns The actions (CTA) content.\n   */\n  protected _renderActions(): TemplateResult | string | void {\n    const { _hasAction: hasAction, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasAction}\" class=\"${prefix}--content-layout__cta\">\n        <slot name=\"action\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const {\n      _hasAction,\n      _hasCopy,\n      _hasLinkList,\n      _hasContent,\n      _handleSlotChange,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--helper-wrapper`]: true,\n      [`${prefix}--helper-wrapper--less-space`]:\n        !_hasAction && !_hasCopy && !_hasLinkList,\n    });\n    return html`\n      <div ?hidden=\"${!_hasContent}\" class=\"${classes}\">\n        <div class=\"${prefix}--content-item-wrapper\">\n          <slot @slotchange=\"${_handleSlotChange}\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The non-header, non-complementary contents.\n   */\n  protected _renderBody(): TemplateResult | string | void {\n    const { _hasCopy, _hasAction, _hasLinkList, _hasContent } = this;\n    const classes = classMap({\n      [`${prefix}--content-layout__body`]: true,\n      [`${prefix}--content-layout__body--tight`]:\n        !_hasCopy && !_hasAction && (_hasLinkList || _hasContent),\n    });\n\n    return html`\n      <div ?hidden=\"${!this._hasBodyContent()}\" class=\"${classes}\">\n        ${this._renderCopy()}${this._renderInnerBody()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The copy content.\n   */\n  protected _renderCopy(): TemplateResult | string | void {\n    const { _hasCopy: hasCopy, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--content-layout__copy\">\n        <slot name=\"copy\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderInnerBody(): TemplateResult | string | void {\n    // Note: The media content in `<dds-cta-section>` is not supported at the time of writing this code\n    return html`\n      ${this._renderActions()}${this._renderLinkList()}${this._renderContent()}\n    `;\n  }\n\n  /**\n   * @returns The link list content.\n   */\n  protected _renderLinkList(): TemplateResult | string | void {\n    const { _hasLinkList: hasLinkList, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasLinkList}\"\n        class=\"${prefix}--content-layout__link-list\">\n        <slot name=\"link-list\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block`;\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 DDSCTABlock;\n"]}

package/es/components/cta-block/cta-block.js

@@ -22,6 +22,7 @@ var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/i
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _ctaBlockCss = _interopRequireDefault(require("././cta-block.css.js"));
 var _contentBlock = _interopRequireDefault(require("../content-block/content-block.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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; } }
@@ -43,7 +44,7 @@ var slotExistencePropertyNames = {
  * @slot heading - The text heading.
  * @slot action - The CTA Buttons.
  */
-var DDSCTABlock = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-cta-block"))], function (_initialize, _StableSelectorMixin) {
+var DDSCTABlock = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-cta-block"))], function (_initialize, _StableSelectorMixin) {
   var DDSCTABlock = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSCTABlock, _StableSelectorMixin2);
     var _super = _createSuper(DDSCTABlock);

package/es/components/cta-block/cta-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-block.js","names":["_litElement","require","_classMap3","_settings","_interopRequireDefault","_settings2","_stableSelector","_ctaBlockCss","_contentBlock","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","action","DDSCTABlock","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","attribute","reflect","key","value","state","updated","changedProperties","has","layoutWrapper","shadowRoot","querySelector","classList","toggle","_noBorder","_hasBodyContent","_hasLinkList","_hasAction","_get2","_handleSlotChange","event","target","_ref","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderActions","hasAction","handleSlotChange","html","_taggedTemplateLiteral2","_renderContent","_classMap","_hasCopy","_hasContent","classes","classMap","_defineProperty2","_renderBody","_classMap2","_renderCopy","_renderInnerBody","hasCopy","_renderLinkList","hasLinkList","stableSelector","styles","StableSelectorMixin","DDSContentBlock","_default","exports"],"sources":["components/cta-block/cta-block.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  customElement,\n  html,\n  state,\n  property,\n  TemplateResult,\n} from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nimport styles from './cta-block.scss';\nimport DDSContentBlock from '../content-block/content-block';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\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  action: '_hasAction',\n  'link-list': '_hasLinkList',\n};\n\n/**\n * The CTA BLOCK pattern\n *\n * @element dds-cta-block\n * @slot heading - The text heading.\n * @slot action - The CTA Buttons.\n */\n@customElement(`${ddsPrefix}-cta-block`)\nclass DDSCTABlock extends StableSelectorMixin(DDSContentBlock) {\n  @property({ type: Boolean, attribute: 'no-border', reflect: true })\n  _noBorder = false;\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * `true` if there is a link list.\n   */\n  @state()\n  protected _hasLinkList = false;\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      const layoutWrapper = (this.shadowRoot as ShadowRoot).querySelector(\n        `.${prefix}--content-layout`\n      );\n      layoutWrapper?.classList.toggle(\n        `${prefix}--content-layout--border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  protected _hasBodyContent(): boolean {\n    const { _hasLinkList, _hasAction } = this;\n    return _hasLinkList || _hasAction || super._hasBodyContent();\n  }\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { name } = target as HTMLSlotElement;\n\n    if (!slotExistencePropertyNames[name]) {\n      super._handleSlotChange(event);\n      return;\n    }\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name]] = hasContent;\n  }\n\n  /**\n   * @returns The actions (CTA) content.\n   */\n  protected _renderActions(): TemplateResult | string | void {\n    const { _hasAction: hasAction, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasAction}\" class=\"${prefix}--content-layout__cta\">\n        <slot name=\"action\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const {\n      _hasAction,\n      _hasCopy,\n      _hasLinkList,\n      _hasContent,\n      _handleSlotChange,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--helper-wrapper`]: true,\n      [`${prefix}--helper-wrapper--less-space`]:\n        !_hasAction && !_hasCopy && !_hasLinkList,\n    });\n    return html`\n      <div ?hidden=\"${!_hasContent}\" class=\"${classes}\">\n        <div class=\"${prefix}--content-item-wrapper\">\n          <slot @slotchange=\"${_handleSlotChange}\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The non-header, non-complementary contents.\n   */\n  protected _renderBody(): TemplateResult | string | void {\n    const { _hasCopy, _hasAction, _hasLinkList, _hasContent } = this;\n    const classes = classMap({\n      [`${prefix}--content-layout__body`]: true,\n      [`${prefix}--content-layout__body--tight`]:\n        !_hasCopy && !_hasAction && (_hasLinkList || _hasContent),\n    });\n\n    return html`\n      <div ?hidden=\"${!this._hasBodyContent()}\" class=\"${classes}\">\n        ${this._renderCopy()}${this._renderInnerBody()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The copy content.\n   */\n  protected _renderCopy(): TemplateResult | string | void {\n    const { _hasCopy: hasCopy, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--content-layout__copy\">\n        <slot name=\"copy\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderInnerBody(): TemplateResult | string | void {\n    // Note: The media content in `<dds-cta-section>` is not supported at the time of writing this code\n    return html`\n      ${this._renderActions()}${this._renderLinkList()}${this._renderContent()}\n    `;\n  }\n\n  /**\n   * @returns The link list content.\n   */\n  protected _renderLinkList(): TemplateResult | string | void {\n    const { _hasLinkList: hasLinkList, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasLinkList}\"\n        class=\"${prefix}--content-layout__link-list\">\n        <slot name=\"link-list\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block`;\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 DDSCTABlock;\n"],"mappings":"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"}
+{"version":3,"file":"cta-block.js","names":["_litElement","require","_classMap3","_settings","_interopRequireDefault","_settings2","_stableSelector","_ctaBlockCss","_contentBlock","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","action","DDSCTABlock","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","attribute","reflect","key","value","state","updated","changedProperties","has","layoutWrapper","shadowRoot","querySelector","classList","toggle","_noBorder","_hasBodyContent","_hasLinkList","_hasAction","_get2","_handleSlotChange","event","target","_ref","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderActions","hasAction","handleSlotChange","html","_taggedTemplateLiteral2","_renderContent","_classMap","_hasCopy","_hasContent","classes","classMap","_defineProperty2","_renderBody","_classMap2","_renderCopy","_renderInnerBody","hasCopy","_renderLinkList","hasLinkList","stableSelector","styles","StableSelectorMixin","DDSContentBlock","_default","exports"],"sources":["components/cta-block/cta-block.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, state, property, TemplateResult } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nimport styles from './cta-block.scss';\nimport DDSContentBlock from '../content-block/content-block';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\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  action: '_hasAction',\n  'link-list': '_hasLinkList',\n};\n\n/**\n * The CTA BLOCK pattern\n *\n * @element dds-cta-block\n * @slot heading - The text heading.\n * @slot action - The CTA Buttons.\n */\n@customElement(`${ddsPrefix}-cta-block`)\nclass DDSCTABlock extends StableSelectorMixin(DDSContentBlock) {\n  @property({ type: Boolean, attribute: 'no-border', reflect: true })\n  _noBorder = false;\n\n  /**\n   * `true` if there are CTA action in the content item area.\n   */\n  @state()\n  protected _hasAction = false;\n\n  /**\n   * `true` if there is a link list.\n   */\n  @state()\n  protected _hasLinkList = false;\n\n  /**\n   * Checks if the no-border attribute has changed and applies the border class accordingly\n   */\n  updated(changedProperties) {\n    if (changedProperties.has('_noBorder')) {\n      const layoutWrapper = (this.shadowRoot as ShadowRoot).querySelector(\n        `.${prefix}--content-layout`\n      );\n      layoutWrapper?.classList.toggle(\n        `${prefix}--content-layout--border`,\n        !this._noBorder\n      );\n    }\n  }\n\n  protected _hasBodyContent(): boolean {\n    const { _hasLinkList, _hasAction } = this;\n    return _hasLinkList || _hasAction || super._hasBodyContent();\n  }\n\n  /**\n   * Handles `slotchange` event, also sets height to all headings to the tallest one.\n   *\n   * @param event The event.\n   */\n  protected _handleSlotChange(event: Event) {\n    const { target } = event;\n    const { name } = target as HTMLSlotElement;\n\n    if (!slotExistencePropertyNames[name]) {\n      super._handleSlotChange(event);\n      return;\n    }\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this[slotExistencePropertyNames[name]] = hasContent;\n  }\n\n  /**\n   * @returns The actions (CTA) content.\n   */\n  protected _renderActions(): TemplateResult | string | void {\n    const { _hasAction: hasAction, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasAction}\" class=\"${prefix}--content-layout__cta\">\n        <slot name=\"action\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderContent(): TemplateResult | string | void {\n    const {\n      _hasAction,\n      _hasCopy,\n      _hasLinkList,\n      _hasContent,\n      _handleSlotChange,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--helper-wrapper`]: true,\n      [`${prefix}--helper-wrapper--less-space`]:\n        !_hasAction && !_hasCopy && !_hasLinkList,\n    });\n    return html`\n      <div ?hidden=\"${!_hasContent}\" class=\"${classes}\">\n        <div class=\"${prefix}--content-item-wrapper\">\n          <slot @slotchange=\"${_handleSlotChange}\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The non-header, non-complementary contents.\n   */\n  protected _renderBody(): TemplateResult | string | void {\n    const { _hasCopy, _hasAction, _hasLinkList, _hasContent } = this;\n    const classes = classMap({\n      [`${prefix}--content-layout__body`]: true,\n      [`${prefix}--content-layout__body--tight`]:\n        !_hasCopy && !_hasAction && (_hasLinkList || _hasContent),\n    });\n\n    return html`\n      <div ?hidden=\"${!this._hasBodyContent()}\" class=\"${classes}\">\n        ${this._renderCopy()}${this._renderInnerBody()}\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The copy content.\n   */\n  protected _renderCopy(): TemplateResult | string | void {\n    const { _hasCopy: hasCopy, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--content-layout__copy\">\n        <slot name=\"copy\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The main content.\n   */\n  protected _renderInnerBody(): TemplateResult | string | void {\n    // Note: The media content in `<dds-cta-section>` is not supported at the time of writing this code\n    return html`\n      ${this._renderActions()}${this._renderLinkList()}${this._renderContent()}\n    `;\n  }\n\n  /**\n   * @returns The link list content.\n   */\n  protected _renderLinkList(): TemplateResult | string | void {\n    const { _hasLinkList: hasLinkList, _handleSlotChange: handleSlotChange } =\n      this;\n    return html`\n      <div\n        ?hidden=\"${!hasLinkList}\"\n        class=\"${prefix}--content-layout__link-list\">\n        <slot name=\"link-list\" @slotchange=\"${handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-block`;\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 DDSCTABlock;\n"],"mappings":"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"}

package/es/components/cta-section/cta-section.d.ts

@@ -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 DDSCTASection_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/cta-section/cta-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/cta-section/cta-section.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAInE;;;;GAIG;AACH,cACM,aAAc,SAAQ,kBAAsC;IAEhE,SAAS,CAAC,MAAC;IAEX,OAAO,CAAC,iBAAiB,KAAA;IAYzB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,aAAa,CAAC","file":"cta-section.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 { customElement, css, property } from 'lit-element';\nimport parseAspectRatio from '@carbon/ibmdotcom-utilities/es/utilities/parseAspectRatio/parseAspectRatio.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-section.scss';\nimport DDSContentSection from '../content-section/content-section';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA SECTION pattern\n *\n * @element dds-cta-section\n */\n@customElement(`${ddsPrefix}-cta-section`)\nclass DDSCTASection extends StableSelectorMixin(DDSContentSection) {\n  @property({ attribute: 'logo-ratio' })\n  logoRatio?;\n\n  updated(changedProperties) {\n    const { logoRatio } = this;\n    if (changedProperties.has('logoRatio')) {\n      if (logoRatio) {\n        const [w, h] = parseAspectRatio(logoRatio);\n        this.style.setProperty('--logo-ratio', `${w}/${h}`);\n      } else {\n        this.style.removeProperty('--logo-ratio');\n      }\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-section`;\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 DDSCTASection;\n"]}
+{"version":3,"sources":["components/cta-section/cta-section.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKnE;;;;GAIG;AACH,cACM,aAAc,SAAQ,kBAAsC;IAEhE,SAAS,CAAC,MAAC;IAEX,OAAO,CAAC,iBAAiB,KAAA;IAYzB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,aAAa,CAAC","file":"cta-section.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 { css, property } from 'lit-element';\nimport parseAspectRatio from '@carbon/ibmdotcom-utilities/es/utilities/parseAspectRatio/parseAspectRatio.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-section.scss';\nimport DDSContentSection from '../content-section/content-section';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA SECTION pattern\n *\n * @element dds-cta-section\n */\n@customElement(`${ddsPrefix}-cta-section`)\nclass DDSCTASection extends StableSelectorMixin(DDSContentSection) {\n  @property({ attribute: 'logo-ratio' })\n  logoRatio?;\n\n  updated(changedProperties) {\n    const { logoRatio } = this;\n    if (changedProperties.has('logoRatio')) {\n      if (logoRatio) {\n        const [w, h] = parseAspectRatio(logoRatio);\n        this.style.setProperty('--logo-ratio', `${w}/${h}`);\n      } else {\n        this.style.removeProperty('--logo-ratio');\n      }\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-section`;\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 DDSCTASection;\n"]}

package/es/components/cta-section/cta-section.js

@@ -21,6 +21,7 @@ var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ib
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _ctaSectionCss = _interopRequireDefault(require("././cta-section.css.js"));
 var _contentSection = _interopRequireDefault(require("../content-section/content-section.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; } }
@@ -31,7 +32,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-cta-section
  */
-var DDSCTASection = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-cta-section"))], function (_initialize, _StableSelectorMixin) {
+var DDSCTASection = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-cta-section"))], function (_initialize, _StableSelectorMixin) {
   var DDSCTASection = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSCTASection, _StableSelectorMixin2);
     var _super = _createSuper(DDSCTASection);

package/es/components/cta-section/cta-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-section.js","names":["_litElement","require","_parseAspectRatio3","_interopRequireDefault","_settings","_stableSelector","_ctaSectionCss","_contentSection","_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","DDSCTASection","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","attribute","key","value","updated","changedProperties","logoRatio","has","_parseAspectRatio","parseAspectRatio","_parseAspectRatio2","_slicedToArray2","w","h","style","setProperty","removeProperty","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","StableSelectorMixin","DDSContentSection","_default","exports"],"sources":["components/cta-section/cta-section.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, css, property } from 'lit-element';\nimport parseAspectRatio from '@carbon/ibmdotcom-utilities/es/utilities/parseAspectRatio/parseAspectRatio.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-section.scss';\nimport DDSContentSection from '../content-section/content-section';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA SECTION pattern\n *\n * @element dds-cta-section\n */\n@customElement(`${ddsPrefix}-cta-section`)\nclass DDSCTASection extends StableSelectorMixin(DDSContentSection) {\n  @property({ attribute: 'logo-ratio' })\n  logoRatio?;\n\n  updated(changedProperties) {\n    const { logoRatio } = this;\n    if (changedProperties.has('logoRatio')) {\n      if (logoRatio) {\n        const [w, h] = parseAspectRatio(logoRatio);\n        this.style.setProperty('--logo-ratio', `${w}/${h}`);\n      } else {\n        this.style.removeProperty('--logo-ratio');\n      }\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-section`;\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 DDSCTASection;\n"],"mappings":"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"}
+{"version":3,"file":"cta-section.js","names":["_litElement","require","_parseAspectRatio3","_interopRequireDefault","_settings","_stableSelector","_ctaSectionCss","_contentSection","_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","DDSCTASection","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","attribute","key","value","updated","changedProperties","logoRatio","has","_parseAspectRatio","parseAspectRatio","_parseAspectRatio2","_slicedToArray2","w","h","style","setProperty","removeProperty","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","StableSelectorMixin","DDSContentSection","_default","exports"],"sources":["components/cta-section/cta-section.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 { css, property } from 'lit-element';\nimport parseAspectRatio from '@carbon/ibmdotcom-utilities/es/utilities/parseAspectRatio/parseAspectRatio.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-section.scss';\nimport DDSContentSection from '../content-section/content-section';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA SECTION pattern\n *\n * @element dds-cta-section\n */\n@customElement(`${ddsPrefix}-cta-section`)\nclass DDSCTASection extends StableSelectorMixin(DDSContentSection) {\n  @property({ attribute: 'logo-ratio' })\n  logoRatio?;\n\n  updated(changedProperties) {\n    const { logoRatio } = this;\n    if (changedProperties.has('logoRatio')) {\n      if (logoRatio) {\n        const [w, h] = parseAspectRatio(logoRatio);\n        this.style.setProperty('--logo-ratio', `${w}/${h}`);\n      } else {\n        this.style.removeProperty('--logo-ratio');\n      }\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-section`;\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 DDSCTASection;\n"],"mappings":"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"}

package/es/components/dotcom-shell/dotcom-shell-composite.d.ts

@@ -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.

package/es/components/dotcom-shell/dotcom-shell-composite.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/dotcom-shell/dotcom-shell-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EAAE,UAAU,EAAE,MAAM,0EAA0E,CAAC;AACtG,OAAO,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,mBAAmB,EAEpB,MAAM,6EAA6E,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AAKxB;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAwB;IAEjD;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAwB;IAEnD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAQ/B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA2CjC;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,yBAAyB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElD;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;;;OAIG;IAEH,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpC;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IAEH,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC;;;;OAIG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAkBrB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAUlB;;;;OAIG;IAEH,UAAU,EAAE,SAAS,EAAE,CAAM;IAE7B;;;;OAIG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IAEH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IAEH,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC;;OAEG;IAEH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB;;;;OAIG;IAEH,kBAAkB,UAAS;IAE3B;;;;OAIG;IAEH,2BAA2B,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEpD;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAE1B;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IAEH,UAAU,SAA0B;IAGpC,YAAY;IAIZ,MAAM,CAAC,iBAAiB,KAAA;IA+GxB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,MAAM;IAQN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"dotcom-shell-composite.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 pickBy from 'lodash-es/pickBy.js';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  MastheadL1,\n  MastheadLink,\n  MastheadProfileItem,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { UNAUTHENTICATED_STATUS } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';\nimport { FOOTER_SIZE } from '../footer/footer';\nimport '../footer/footer-composite';\nimport './dotcom-shell';\nimport styles from './dotcom-shell-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres dotcom shell from links, etc. data.\n *\n * @element dds-dotcom-shell-composite\n */\n@customElement(`${ddsPrefix}-dotcom-shell-composite`)\nclass DDSDotcomShellComposite extends LitElement {\n  /**\n   * The render target of the footer contents.\n   */\n  private _footerRenderRoot: Element | null = null;\n\n  /**\n   * The render target of the masthead contents.\n   */\n  private _mastheadRenderRoot: Element | null = null;\n\n  /**\n   * The masthead element.\n   */\n  private _masthead?: HTMLElement;\n\n  /**\n   * @returns The render root of the footer contents.\n   */\n  private _createFooterRenderRoot() {\n    const footer = this.ownerDocument!.createElement(\n      `${ddsPrefix}-footer-composite`\n    );\n    this.parentNode?.insertBefore(footer, this.nextSibling);\n    return footer;\n  }\n\n  /**\n   * @returns The render root of the masthead contents.\n   */\n  private _createMastheadRenderRoot() {\n    const masthead = this.ownerDocument!.createElement(\n      `${ddsPrefix}-masthead-composite`\n    );\n    this.parentNode?.insertBefore(masthead, this);\n    return masthead;\n  }\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in. This goes to footer.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadSearchResults()` Redux action that may be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadSearchResults?: (searchQueryString: string) => Promise<string[]>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that will be mixed in. This goes to masthead and footer.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `loadUserStatus()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadUserStatus?: () => void;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * `true` if there is a profile.\n   */\n  @property({ type: Boolean, attribute: 'has-profile' })\n  hasProfile = true;\n\n  /**\n   * `true` if there is a search.\n   */\n  @property({ type: Boolean, attribute: 'has-search' })\n  hasSearch = true;\n\n  /**\n   * `true` if there is a universal banner.\n   */\n  @property({ type: Boolean, attribute: 'has-banner' })\n  hasBanner = false;\n\n  /**\n   * `true` to activate the search box. This goes to masthead.\n   */\n  @property({ type: Boolean, attribute: 'activate-search' })\n  activateSearch = false;\n\n  /**\n   * The profile items for authenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  authenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * The boolean to enable custom typeahead API.\n   */\n  @property({ attribute: 'custom-typeahead-api', type: Boolean })\n  customTypeaheadAPI = false;\n\n  /**\n   * The platform name. This goes to masthead.\n   */\n  @property({ attribute: 'platform' })\n  platform?: string;\n\n  /**\n   * The platform url.\n   */\n  @property({ attribute: 'platform-url' })\n  platformUrl?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names. This goes to footer.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * The search results to show in the UI. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  currentSearchResults: string[] = [];\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The throttle timeout to run query upon user input. This goes to masthead.\n   */\n  @property({ type: Number, attribute: 'input-timeout' })\n  inputTimeout?: number;\n\n  /**\n   * The footer links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  footerLinks: BasicLinkSet[] = [];\n\n  /**\n   * The language to show in the UI. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The language used for query. This goes to masthead and footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: string[];\n\n  /**\n   * The legal nav links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The locale list. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * The `aria-label` attribute for the top-level container. This goes to masthead.\n   */\n  @property({ attribute: 'masthead-assistive-text' })\n  mastheadAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the menu bar UI. This goes to masthead.\n   */\n  @property({ attribute: 'menu-bar-assistive-text' })\n  menuBarAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-active' })\n  menuButtonAssistiveTextActive?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-inactive' })\n  menuButtonAssistiveTextInactive?: string;\n\n  /**\n   * The English title of the selected nav item.\n   */\n  @property({ attribute: 'selected-menu-item' })\n  selectedMenuItem!: string;\n\n  /**\n   * `true` to open the locale modal. This goes to footer.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size. This goes to footer.\n   */\n  @property({ reflect: true, attribute: 'footer-size' })\n  footerSize?: FOOTER_SIZE;\n\n  /**\n   * `true` to open the search dropdown.. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'open-search-dropdown' })\n  openSearchDropdown = false;\n\n  /**\n   * The profile items for unauthenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  unauthenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * Data for l1.\n   */\n  @property({ attribute: false })\n  l1Data?: MastheadL1;\n\n  /**\n   * The navigation links. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  navLinks?: MastheadLink[];\n\n  /**\n   * The parameters passed to the search-with-typeahead for search scope\n   */\n  @property()\n  scopeParameters;\n\n  /**\n   * Value to display when the input has an empty `value`.\n   */\n  @property()\n  searchPlaceholder?: string;\n\n  /**\n   * The user authentication status. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'user-status' })\n  userStatus = UNAUTHENTICATED_STATUS;\n\n  // eslint-disable-next-line class-methods-use-this\n  firstUpdated() {\n    globalInit();\n  }\n\n  update(changedProperties) {\n    super.update(changedProperties);\n\n    if (!this._mastheadRenderRoot) {\n      this._mastheadRenderRoot = this._createMastheadRenderRoot();\n    }\n\n    const {\n      activateSearch,\n      authenticatedProfileItems,\n      platform,\n      platformUrl,\n      collatorCountryName,\n      currentSearchResults,\n      customTypeaheadAPI,\n      clearSelectionLabel,\n      disableLocaleButton,\n      mastheadAssistiveText,\n      menuBarAssistiveText,\n      menuButtonAssistiveTextActive,\n      menuButtonAssistiveTextInactive,\n      unauthenticatedProfileItems,\n      inputTimeout,\n      l1Data,\n      language,\n      languageSelectorLabel,\n      langDisplay,\n      langList,\n      legalLinks,\n      localeList,\n      footerLinks,\n      footerSize,\n      openLocaleModal,\n      openSearchDropdown,\n      navLinks,\n      hasProfile,\n      hasSearch,\n      searchPlaceholder,\n      scopeParameters,\n      selectedLanguage,\n      selectedMenuItem,\n      userStatus,\n      _setLanguage,\n      _loadLocaleList,\n      _loadTranslation,\n      _loadUserStatus,\n      _loadSearchResults,\n    } = this;\n    Object.assign(\n      this._mastheadRenderRoot,\n      pickBy(\n        {\n          activateSearch,\n          authenticatedProfileItems,\n          platform,\n          platformUrl,\n          currentSearchResults,\n          customTypeaheadAPI,\n          mastheadAssistiveText,\n          menuBarAssistiveText,\n          menuButtonAssistiveTextActive,\n          menuButtonAssistiveTextInactive,\n          unauthenticatedProfileItems,\n          inputTimeout,\n          l1Data,\n          language,\n          navLinks,\n          hasProfile,\n          hasSearch,\n          searchPlaceholder,\n          scopeParameters,\n          openSearchDropdown,\n          selectedMenuItem,\n          userStatus,\n          _loadSearchResults,\n          _loadTranslation,\n          _loadUserStatus,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n    if (!this._footerRenderRoot) {\n      this._footerRenderRoot = this._createFooterRenderRoot();\n    }\n    Object.assign(\n      this._footerRenderRoot,\n      pickBy(\n        {\n          clearSelectionLabel,\n          collatorCountryName,\n          disableLocaleButton,\n          language,\n          languageSelectorLabel,\n          langDisplay,\n          langList,\n          legalLinks,\n          links: footerLinks,\n          localeList,\n          openLocaleModal,\n          selectedLanguage,\n          size: footerSize,\n          _loadLocaleList,\n          _loadTranslation,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    // moving universal banner outside of dotcom shell if placed within\n    if (this.querySelector('dds-universal-banner')) {\n      this.ownerDocument\n        .querySelector('dds-masthead-composite')\n        ?.before(this.querySelector('dds-universal-banner') as HTMLElement);\n    }\n\n    if (this.ownerDocument.querySelector('dds-universal-banner')) {\n      this.hasBanner = true;\n      this._masthead?.setAttribute('with-banner', '');\n    }\n  }\n\n  render() {\n    return html`\n      <dds-dotcom-shell>\n        <slot></slot>\n      </dds-dotcom-shell>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSDotcomShellComposite;\n"]}
+{"version":3,"sources":["components/dotcom-shell/dotcom-shell-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,0EAA0E,CAAC;AACtG,OAAO,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,mBAAmB,EAEpB,MAAM,6EAA6E,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AAMxB;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAwB;IAEjD;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAwB;IAEnD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAQ/B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA2CjC;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,yBAAyB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElD;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;;;OAIG;IAEH,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpC;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IAEH,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC;;;;OAIG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAkBrB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAUlB;;;;OAIG;IAEH,UAAU,EAAE,SAAS,EAAE,CAAM;IAE7B;;;;OAIG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IAEH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IAEH,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC;;OAEG;IAEH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB;;;;OAIG;IAEH,kBAAkB,UAAS;IAE3B;;;;OAIG;IAEH,2BAA2B,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEpD;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAE1B;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IAEH,UAAU,SAA0B;IAGpC,YAAY;IAIZ,MAAM,CAAC,iBAAiB,KAAA;IA+GxB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,MAAM;IAQN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"dotcom-shell-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 pickBy from 'lodash-es/pickBy.js';\nimport { html, property, LitElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  MastheadL1,\n  MastheadLink,\n  MastheadProfileItem,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { UNAUTHENTICATED_STATUS } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';\nimport { FOOTER_SIZE } from '../footer/footer';\nimport '../footer/footer-composite';\nimport './dotcom-shell';\nimport styles from './dotcom-shell-composite.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres dotcom shell from links, etc. data.\n *\n * @element dds-dotcom-shell-composite\n */\n@customElement(`${ddsPrefix}-dotcom-shell-composite`)\nclass DDSDotcomShellComposite extends LitElement {\n  /**\n   * The render target of the footer contents.\n   */\n  private _footerRenderRoot: Element | null = null;\n\n  /**\n   * The render target of the masthead contents.\n   */\n  private _mastheadRenderRoot: Element | null = null;\n\n  /**\n   * The masthead element.\n   */\n  private _masthead?: HTMLElement;\n\n  /**\n   * @returns The render root of the footer contents.\n   */\n  private _createFooterRenderRoot() {\n    const footer = this.ownerDocument!.createElement(\n      `${ddsPrefix}-footer-composite`\n    );\n    this.parentNode?.insertBefore(footer, this.nextSibling);\n    return footer;\n  }\n\n  /**\n   * @returns The render root of the masthead contents.\n   */\n  private _createMastheadRenderRoot() {\n    const masthead = this.ownerDocument!.createElement(\n      `${ddsPrefix}-masthead-composite`\n    );\n    this.parentNode?.insertBefore(masthead, this);\n    return masthead;\n  }\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in. This goes to footer.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadSearchResults()` Redux action that may be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadSearchResults?: (searchQueryString: string) => Promise<string[]>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that will be mixed in. This goes to masthead and footer.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `loadUserStatus()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadUserStatus?: () => void;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * `true` if there is a profile.\n   */\n  @property({ type: Boolean, attribute: 'has-profile' })\n  hasProfile = true;\n\n  /**\n   * `true` if there is a search.\n   */\n  @property({ type: Boolean, attribute: 'has-search' })\n  hasSearch = true;\n\n  /**\n   * `true` if there is a universal banner.\n   */\n  @property({ type: Boolean, attribute: 'has-banner' })\n  hasBanner = false;\n\n  /**\n   * `true` to activate the search box. This goes to masthead.\n   */\n  @property({ type: Boolean, attribute: 'activate-search' })\n  activateSearch = false;\n\n  /**\n   * The profile items for authenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  authenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * The boolean to enable custom typeahead API.\n   */\n  @property({ attribute: 'custom-typeahead-api', type: Boolean })\n  customTypeaheadAPI = false;\n\n  /**\n   * The platform name. This goes to masthead.\n   */\n  @property({ attribute: 'platform' })\n  platform?: string;\n\n  /**\n   * The platform url.\n   */\n  @property({ attribute: 'platform-url' })\n  platformUrl?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names. This goes to footer.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * The search results to show in the UI. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  currentSearchResults: string[] = [];\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The throttle timeout to run query upon user input. This goes to masthead.\n   */\n  @property({ type: Number, attribute: 'input-timeout' })\n  inputTimeout?: number;\n\n  /**\n   * The footer links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  footerLinks: BasicLinkSet[] = [];\n\n  /**\n   * The language to show in the UI. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The language used for query. This goes to masthead and footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: string[];\n\n  /**\n   * The legal nav links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The locale list. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * The `aria-label` attribute for the top-level container. This goes to masthead.\n   */\n  @property({ attribute: 'masthead-assistive-text' })\n  mastheadAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the menu bar UI. This goes to masthead.\n   */\n  @property({ attribute: 'menu-bar-assistive-text' })\n  menuBarAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-active' })\n  menuButtonAssistiveTextActive?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-inactive' })\n  menuButtonAssistiveTextInactive?: string;\n\n  /**\n   * The English title of the selected nav item.\n   */\n  @property({ attribute: 'selected-menu-item' })\n  selectedMenuItem!: string;\n\n  /**\n   * `true` to open the locale modal. This goes to footer.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size. This goes to footer.\n   */\n  @property({ reflect: true, attribute: 'footer-size' })\n  footerSize?: FOOTER_SIZE;\n\n  /**\n   * `true` to open the search dropdown.. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'open-search-dropdown' })\n  openSearchDropdown = false;\n\n  /**\n   * The profile items for unauthenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  unauthenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * Data for l1.\n   */\n  @property({ attribute: false })\n  l1Data?: MastheadL1;\n\n  /**\n   * The navigation links. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  navLinks?: MastheadLink[];\n\n  /**\n   * The parameters passed to the search-with-typeahead for search scope\n   */\n  @property()\n  scopeParameters;\n\n  /**\n   * Value to display when the input has an empty `value`.\n   */\n  @property()\n  searchPlaceholder?: string;\n\n  /**\n   * The user authentication status. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'user-status' })\n  userStatus = UNAUTHENTICATED_STATUS;\n\n  // eslint-disable-next-line class-methods-use-this\n  firstUpdated() {\n    globalInit();\n  }\n\n  update(changedProperties) {\n    super.update(changedProperties);\n\n    if (!this._mastheadRenderRoot) {\n      this._mastheadRenderRoot = this._createMastheadRenderRoot();\n    }\n\n    const {\n      activateSearch,\n      authenticatedProfileItems,\n      platform,\n      platformUrl,\n      collatorCountryName,\n      currentSearchResults,\n      customTypeaheadAPI,\n      clearSelectionLabel,\n      disableLocaleButton,\n      mastheadAssistiveText,\n      menuBarAssistiveText,\n      menuButtonAssistiveTextActive,\n      menuButtonAssistiveTextInactive,\n      unauthenticatedProfileItems,\n      inputTimeout,\n      l1Data,\n      language,\n      languageSelectorLabel,\n      langDisplay,\n      langList,\n      legalLinks,\n      localeList,\n      footerLinks,\n      footerSize,\n      openLocaleModal,\n      openSearchDropdown,\n      navLinks,\n      hasProfile,\n      hasSearch,\n      searchPlaceholder,\n      scopeParameters,\n      selectedLanguage,\n      selectedMenuItem,\n      userStatus,\n      _setLanguage,\n      _loadLocaleList,\n      _loadTranslation,\n      _loadUserStatus,\n      _loadSearchResults,\n    } = this;\n    Object.assign(\n      this._mastheadRenderRoot,\n      pickBy(\n        {\n          activateSearch,\n          authenticatedProfileItems,\n          platform,\n          platformUrl,\n          currentSearchResults,\n          customTypeaheadAPI,\n          mastheadAssistiveText,\n          menuBarAssistiveText,\n          menuButtonAssistiveTextActive,\n          menuButtonAssistiveTextInactive,\n          unauthenticatedProfileItems,\n          inputTimeout,\n          l1Data,\n          language,\n          navLinks,\n          hasProfile,\n          hasSearch,\n          searchPlaceholder,\n          scopeParameters,\n          openSearchDropdown,\n          selectedMenuItem,\n          userStatus,\n          _loadSearchResults,\n          _loadTranslation,\n          _loadUserStatus,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n    if (!this._footerRenderRoot) {\n      this._footerRenderRoot = this._createFooterRenderRoot();\n    }\n    Object.assign(\n      this._footerRenderRoot,\n      pickBy(\n        {\n          clearSelectionLabel,\n          collatorCountryName,\n          disableLocaleButton,\n          language,\n          languageSelectorLabel,\n          langDisplay,\n          langList,\n          legalLinks,\n          links: footerLinks,\n          localeList,\n          openLocaleModal,\n          selectedLanguage,\n          size: footerSize,\n          _loadLocaleList,\n          _loadTranslation,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    // moving universal banner outside of dotcom shell if placed within\n    if (this.querySelector('dds-universal-banner')) {\n      this.ownerDocument\n        .querySelector('dds-masthead-composite')\n        ?.before(this.querySelector('dds-universal-banner') as HTMLElement);\n    }\n\n    if (this.ownerDocument.querySelector('dds-universal-banner')) {\n      this.hasBanner = true;\n      this._masthead?.setAttribute('with-banner', '');\n    }\n  }\n\n  render() {\n    return html`\n      <dds-dotcom-shell>\n        <slot></slot>\n      </dds-dotcom-shell>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSDotcomShellComposite;\n"]}