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

package/es/components/scroll-animations/scroll-animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/scroll-animations/scroll-animations.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,cACM,mBAAoB,SAAQ,wBAA+B;IAC/D;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAAqC;IAE1D;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAAqC;IAE3D;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAoB;IAE3C;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAAC,CAAS;IAE9B;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC;;;;;OAKG;IACH,OAAO,CAAC,wBAAwB;IAmBhC;;;;;OAKG;IACH,OAAO,CAAC,2BAA2B;IAanC;;;;;;OAMG;IACH,OAAO,CAAC,4BAA4B;IAuBpC;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,aAAa;IAUrB;;;;;OAKG;IACH,OAAO,CAAC,eAAe,CAWrB;IAEF;;;;;;OAMG;IAEH,OAAO,CAAC,WAAW;IASnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IA2C5B,SAAS,CAAC,EAAE,MAAM,CAAU;IAE5B;;;;;;OAMG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAIN,MAAM,KAAK,cAAc,WAExB;CACF;AAED,eAAe,mBAAmB,CAAC","file":"scroll-animations.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 { html, property, customElement, LitElement } from 'lit-element';\nimport { breakpoints } from '@carbon/layout';\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 { forEach } from '../../globals/internal/collection-helpers';\nimport { ANIMATION_TYPE } from './defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Amount of columns used for calculation.\n */\n\nconst colSpan = 3;\n\n/**\n * Function component that handles fade or slide transition for selected elements.\n *\n * @example\n * import '@carbon/ibmdotcom-styles/scss/components/scroll-into-view/_scroll-into-view.scss';\n * import '@carbon/ibmdotcom-web-components/es/components/scroll-animations/scroll-animations.js';\n *\n * As an example, the function can be called to target all instances of the\n * elements in a list:\n *\n * const list = '${prefix}--content-block, ${prefix}--content-group';\n *\n * For default values of 400ms and 'one and done' play:\n * <dds-scroll-animations selectorTargets=\"${selectorTargets}\">\n *  // some content\n * </dds-scroll-animations>\n *\n * With 'continuous play' option:\n * <dds-scroll-animations selector-targets=\"${selectorTargets}\" keep-animation=\"true\">\n *   // some content\n * </dds-scroll-animations>\n *\n * For custom delay time, set within targeted class in the application's CSS code as such:\n *\n * .${prefix}--content-block {\n *   --#{$dds-prefix}--scroll-animations-delay: 250ms;\n * }\n *\n * @element dds-scroll-animations\n */\n@customElement(`${ddsPrefix}-scroll-animations`)\nclass DDSScrollAnimations extends StableSelectorMixin(LitElement) {\n  /**\n   * Intersection Observer that watches outer viewport.\n   *\n   * @private\n   */\n  private _rootObserver: IntersectionObserver | null = null;\n\n  /**\n   * Intersection observer that watches the inner viewport.\n   *\n   * @private\n   */\n  private _innerObserver: IntersectionObserver | null = null;\n\n  /**\n   * Resize observer to trigger rootMargin recalculations\n   *\n   * @private\n   */\n  private _resizeObserver: any | null = null;\n\n  /**\n   * Scroll animation class to be applied when element is within viewport.\n   *\n   * @private\n   */\n  private _effectClass?: string;\n\n  /**\n   * Scroll animation to be applied when elements are out of view.\n   *\n   * @private\n   */\n  private _exitEffectClass?: string;\n\n  /**\n   * Cleans observers upon update or exit, and creates new instances if needed.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateObservers({ create }: { create?: boolean } = {}) {\n    this._cleanAndCreateRootObserver();\n    this._cleanAndCreateInnerObserver();\n    this._cleanAndCreateResizeObserver();\n\n    if (create) {\n      this._cleanAndCreateRootObserver({ create: true });\n      this._cleanAndCreateResizeObserver({ create: true });\n\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._rootObserver?.observe(item);\n        });\n      }\n      this._resizeObserver.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * Cleans-up and creates the root intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateRootObserver({ create }: { create?: boolean } = {}) {\n    if (this._rootObserver) {\n      this._rootObserver.disconnect();\n      this._rootObserver = null;\n    }\n\n    if (create) {\n      this._rootObserver = new IntersectionObserver(\n        this._handleExit.bind(this)\n      );\n    }\n  }\n\n  /**\n   * Cleans-up and creates the inner intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   * @param [options.viewportMargin] recalculated margin value for the observer\n   */\n  private _cleanAndCreateInnerObserver({\n    create,\n    viewportMargin,\n  }: { create?: boolean; viewportMargin?: string } = {}) {\n    if (this._innerObserver) {\n      this._innerObserver.disconnect();\n      this._innerObserver = null;\n    }\n\n    if (create) {\n      this._innerObserver = new IntersectionObserver(\n        this._handleEntrance.bind(this),\n        { rootMargin: viewportMargin }\n      );\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._innerObserver?.observe(item);\n        });\n      }\n    }\n  }\n\n  /**\n   * Cleans-up and creates the resize observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateResizeObserver({ create }: { create?: boolean } = {}) {\n    if (this._resizeObserver) {\n      this._resizeObserver.disconnect();\n      this._resizeObserver = null;\n    }\n\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._resizeObserver = new ResizeObserver(this._handleResize.bind(this));\n    }\n  }\n\n  /**\n   * Handler to add recalculated rootMargin to observer upon resize.\n   *\n   * This calculation is done to retrieve the best fitting top and bottom\n   * margin for the fade animation to trigger/remove from elements in a\n   * user's screen.\n   *\n   * The resulting value is the optimal point where a user's attention will be\n   * grabbed by the animation without restricting their view and perception of\n   * the adopting website. The displayed elements will keep the user's attention\n   * for a longer time as they scroll down the website.\n   *\n   * @private\n   */\n  private _handleResize() {\n    this._cleanAndCreateInnerObserver({\n      create: true,\n      viewportMargin: `-${(\n        (this.ownerDocument!.documentElement.clientHeight * colSpan) /\n        breakpoints.max.columns\n      ).toString()}px 0px`,\n    });\n  }\n\n  /**\n   * Handler to add fade animation to element\n   *\n   * @param {*} records observed elements\n   * @private\n   */\n  private _handleEntrance = (records: IntersectionObserverEntry[]) => {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio > 0) {\n        target.classList.remove(`${this._exitEffectClass}`);\n        target.classList.add(`${this._effectClass}`);\n        if (!this.keepAnimation) {\n          this._rootObserver?.unobserve(target);\n          this._innerObserver?.unobserve(target);\n        }\n      }\n    });\n  };\n\n  /**\n   * Handler to remove element from view\n   *\n   * @param {*} records observed elements\n   *\n   * @private\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private _handleExit(records: IntersectionObserverEntry[]) {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio === 0) {\n        target.classList.remove(`${this._effectClass}`);\n        target.classList.add(`${this._exitEffectClass}`);\n      }\n    });\n  }\n\n  /**\n   * Sets the proper class names to be applied when element is within/out of view.\n   *\n   * @private\n   */\n  private _setAnimationClasses() {\n    switch (this.animation) {\n      case ANIMATION_TYPE.SLIDE_UP:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-left`;\n        break;\n      case ANIMATION_TYPE.FADE:\n      default:\n        this._effectClass = `${prefix}--fade-in`;\n        this._exitEffectClass = `${prefix}--fade-out`;\n        break;\n    }\n  }\n\n  @property()\n  animation?: string = 'fade';\n\n  /**\n   * Iteration boolean for continuous play option.\n   *\n   * `true` to keep fade in/out behavior during the entire component lifecycle,\n   * `false` to do it only once.\n   *\n   */\n  @property({ type: Boolean, attribute: 'keep-animation' })\n  keepAnimation = false;\n\n  /**\n   * The CSS selector string that selects all fade in-out target elements.\n   */\n  @property({ attribute: 'selector-targets' })\n  selectorTargets?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObservers({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObservers();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('animation')) {\n      this._setAnimationClasses();\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--scroll-animations`;\n  }\n}\n\nexport default DDSScrollAnimations;\n"]}
+{"version":3,"sources":["components/scroll-animations/scroll-animations.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,cACM,mBAAoB,SAAQ,wBAA+B;IAC/D;;;;OAIG;IACH,OAAO,CAAC,aAAa,CAAqC;IAE1D;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAAqC;IAE3D;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAoB;IAE3C;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAAC,CAAS;IAE9B;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC;;;;;OAKG;IACH,OAAO,CAAC,wBAAwB;IAmBhC;;;;;OAKG;IACH,OAAO,CAAC,2BAA2B;IAanC;;;;;;OAMG;IACH,OAAO,CAAC,4BAA4B;IAuBpC;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,aAAa;IAUrB;;;;;OAKG;IACH,OAAO,CAAC,eAAe,CAWrB;IAEF;;;;;OAKG;IAEH,OAAO,CAAC,WAAW;IASnB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IA2C5B,SAAS,CAAC,EAAE,MAAM,CAAU;IAE5B;;;;;;OAMG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAIN,MAAM,KAAK,cAAc,WAExB;CACF;AAED,eAAe,mBAAmB,CAAC","file":"scroll-animations.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport { breakpoints } from '@carbon/layout';\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 { forEach } from '../../globals/internal/collection-helpers';\nimport { ANIMATION_TYPE } from './defs';\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 * Amount of columns used for calculation.\n */\n\nconst colSpan = 3;\n\n/**\n * Function component that handles fade or slide transition for selected elements.\n *\n * @example\n * import '@carbon/ibmdotcom-styles/scss/components/scroll-into-view/_scroll-into-view.scss';\n * import '@carbon/ibmdotcom-web-components/es/components/scroll-animations/scroll-animations.js';\n *\n * As an example, the function can be called to target all instances of the\n * elements in a list:\n *\n * const list = '${prefix}--content-block, ${prefix}--content-group';\n *\n * For default values of 400ms and 'one and done' play:\n * <dds-scroll-animations selectorTargets=\"${selectorTargets}\">\n *  // some content\n * </dds-scroll-animations>\n *\n * With 'continuous play' option:\n * <dds-scroll-animations selector-targets=\"${selectorTargets}\" keep-animation=\"true\">\n *   // some content\n * </dds-scroll-animations>\n *\n * For custom delay time, set within targeted class in the application's CSS code as such:\n *\n * .${prefix}--content-block {\n *   --#{$dds-prefix}--scroll-animations-delay: 250ms;\n * }\n * @element dds-scroll-animations\n */\n@customElement(`${ddsPrefix}-scroll-animations`)\nclass DDSScrollAnimations extends StableSelectorMixin(LitElement) {\n  /**\n   * Intersection Observer that watches outer viewport.\n   *\n   * @private\n   */\n  private _rootObserver: IntersectionObserver | null = null;\n\n  /**\n   * Intersection observer that watches the inner viewport.\n   *\n   * @private\n   */\n  private _innerObserver: IntersectionObserver | null = null;\n\n  /**\n   * Resize observer to trigger rootMargin recalculations\n   *\n   * @private\n   */\n  private _resizeObserver: any | null = null;\n\n  /**\n   * Scroll animation class to be applied when element is within viewport.\n   *\n   * @private\n   */\n  private _effectClass?: string;\n\n  /**\n   * Scroll animation to be applied when elements are out of view.\n   *\n   * @private\n   */\n  private _exitEffectClass?: string;\n\n  /**\n   * Cleans observers upon update or exit, and creates new instances if needed.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateObservers({ create }: { create?: boolean } = {}) {\n    this._cleanAndCreateRootObserver();\n    this._cleanAndCreateInnerObserver();\n    this._cleanAndCreateResizeObserver();\n\n    if (create) {\n      this._cleanAndCreateRootObserver({ create: true });\n      this._cleanAndCreateResizeObserver({ create: true });\n\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._rootObserver?.observe(item);\n        });\n      }\n      this._resizeObserver.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * Cleans-up and creates the root intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateRootObserver({ create }: { create?: boolean } = {}) {\n    if (this._rootObserver) {\n      this._rootObserver.disconnect();\n      this._rootObserver = null;\n    }\n\n    if (create) {\n      this._rootObserver = new IntersectionObserver(\n        this._handleExit.bind(this)\n      );\n    }\n  }\n\n  /**\n   * Cleans-up and creates the inner intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   * @param [options.viewportMargin] recalculated margin value for the observer\n   */\n  private _cleanAndCreateInnerObserver({\n    create,\n    viewportMargin,\n  }: { create?: boolean; viewportMargin?: string } = {}) {\n    if (this._innerObserver) {\n      this._innerObserver.disconnect();\n      this._innerObserver = null;\n    }\n\n    if (create) {\n      this._innerObserver = new IntersectionObserver(\n        this._handleEntrance.bind(this),\n        { rootMargin: viewportMargin }\n      );\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._innerObserver?.observe(item);\n        });\n      }\n    }\n  }\n\n  /**\n   * Cleans-up and creates the resize observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateResizeObserver({ create }: { create?: boolean } = {}) {\n    if (this._resizeObserver) {\n      this._resizeObserver.disconnect();\n      this._resizeObserver = null;\n    }\n\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._resizeObserver = new ResizeObserver(this._handleResize.bind(this));\n    }\n  }\n\n  /**\n   * Handler to add recalculated rootMargin to observer upon resize.\n   *\n   * This calculation is done to retrieve the best fitting top and bottom\n   * margin for the fade animation to trigger/remove from elements in a\n   * user's screen.\n   *\n   * The resulting value is the optimal point where a user's attention will be\n   * grabbed by the animation without restricting their view and perception of\n   * the adopting website. The displayed elements will keep the user's attention\n   * for a longer time as they scroll down the website.\n   *\n   * @private\n   */\n  private _handleResize() {\n    this._cleanAndCreateInnerObserver({\n      create: true,\n      viewportMargin: `-${(\n        (this.ownerDocument!.documentElement.clientHeight * colSpan) /\n        breakpoints.max.columns\n      ).toString()}px 0px`,\n    });\n  }\n\n  /**\n   * Handler to add fade animation to element\n   *\n   * @param {*} records observed elements\n   * @private\n   */\n  private _handleEntrance = (records: IntersectionObserverEntry[]) => {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio > 0) {\n        target.classList.remove(`${this._exitEffectClass}`);\n        target.classList.add(`${this._effectClass}`);\n        if (!this.keepAnimation) {\n          this._rootObserver?.unobserve(target);\n          this._innerObserver?.unobserve(target);\n        }\n      }\n    });\n  };\n\n  /**\n   * Handler to remove element from view\n   *\n   * @param {*} records observed elements\n   * @private\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private _handleExit(records: IntersectionObserverEntry[]) {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio === 0) {\n        target.classList.remove(`${this._effectClass}`);\n        target.classList.add(`${this._exitEffectClass}`);\n      }\n    });\n  }\n\n  /**\n   * Sets the proper class names to be applied when element is within/out of view.\n   *\n   * @private\n   */\n  private _setAnimationClasses() {\n    switch (this.animation) {\n      case ANIMATION_TYPE.SLIDE_UP:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-left`;\n        break;\n      case ANIMATION_TYPE.FADE:\n      default:\n        this._effectClass = `${prefix}--fade-in`;\n        this._exitEffectClass = `${prefix}--fade-out`;\n        break;\n    }\n  }\n\n  @property()\n  animation?: string = 'fade';\n\n  /**\n   * Iteration boolean for continuous play option.\n   *\n   * `true` to keep fade in/out behavior during the entire component lifecycle,\n   * `false` to do it only once.\n   *\n   */\n  @property({ type: Boolean, attribute: 'keep-animation' })\n  keepAnimation = false;\n\n  /**\n   * The CSS selector string that selects all fade in-out target elements.\n   */\n  @property({ attribute: 'selector-targets' })\n  selectorTargets?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObservers({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObservers();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('animation')) {\n      this._setAnimationClasses();\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--scroll-animations`;\n  }\n}\n\nexport default DDSScrollAnimations;\n"]}

package/es/components/scroll-animations/scroll-animations.js

@@ -21,6 +21,7 @@ var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/i
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _collectionHelpers = require("../../globals/internal/collection-helpers.js");
 var _defs = require("./defs.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; } }
@@ -60,10 +61,9 @@ var colSpan = 3;
  * .${prefix}--content-block {
  *   --#{$dds-prefix}--scroll-animations-delay: 250ms;
  * }
- *
  * @element dds-scroll-animations
  */
-var DDSScrollAnimations = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-scroll-animations"))], function (_initialize, _StableSelectorMixin) {
+var DDSScrollAnimations = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-scroll-animations"))], function (_initialize, _StableSelectorMixin) {
   var DDSScrollAnimations = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSScrollAnimations, _StableSelectorMixin2);
     var _super = _createSuper(DDSScrollAnimations);
@@ -288,7 +288,6 @@ var DDSScrollAnimations = (0, _decorate2["default"])([(0, _litElement.customElem
        * Handler to remove element from view
        *
        * @param {*} records observed elements
-       *
        * @private
        */
       // eslint-disable-next-line class-methods-use-this

package/es/components/scroll-animations/scroll-animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-animations.js","names":["_litElement","require","_layout","_settings","_interopRequireDefault","_settings2","_stableSelector","_collectionHelpers","_defs","_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","colSpan","DDSScrollAnimations","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_cleanAndCreateObservers","_this2","_ref","undefined","create","_cleanAndCreateRootObserver","_cleanAndCreateInnerObserver","_cleanAndCreateResizeObserver","selectorTargets","forEach","querySelectorAll","item","_this2$_rootObserver","_rootObserver","observe","_resizeObserver","ownerDocument","documentElement","_ref2","disconnect","IntersectionObserver","_handleExit","bind","_this3","_ref3","viewportMargin","_innerObserver","_handleEntrance","rootMargin","_this3$_innerObserver","_ref4","ResizeObserver","_handleResize","clientHeight","breakpoints","max","columns","toString","_this4","records","_ref5","intersectionRatio","target","classList","remove","_exitEffectClass","add","_effectClass","keepAnimation","_this4$_rootObserver","_this4$_innerObserver","unobserve","_this5","_ref6","_setAnimationClasses","animation","ANIMATION_TYPE","SLIDE_UP","SLIDE_UP_RIGHT","SLIDE_RIGHT","SLIDE_DOWN_RIGHT","SLIDE_DOWN","SLIDE_DOWN_LEFT","SLIDE_LEFT","SLIDE_UP_LEFT","FADE","decorators","property","type","attribute","connectedCallback","_get2","disconnectedCallback","updated","changedProperties","has","render","html","_taggedTemplateLiteral2","stableSelector","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/scroll-animations/scroll-animations.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 { html, property, customElement, LitElement } from 'lit-element';\nimport { breakpoints } from '@carbon/layout';\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 { forEach } from '../../globals/internal/collection-helpers';\nimport { ANIMATION_TYPE } from './defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Amount of columns used for calculation.\n */\n\nconst colSpan = 3;\n\n/**\n * Function component that handles fade or slide transition for selected elements.\n *\n * @example\n * import '@carbon/ibmdotcom-styles/scss/components/scroll-into-view/_scroll-into-view.scss';\n * import '@carbon/ibmdotcom-web-components/es/components/scroll-animations/scroll-animations.js';\n *\n * As an example, the function can be called to target all instances of the\n * elements in a list:\n *\n * const list = '${prefix}--content-block, ${prefix}--content-group';\n *\n * For default values of 400ms and 'one and done' play:\n * <dds-scroll-animations selectorTargets=\"${selectorTargets}\">\n *  // some content\n * </dds-scroll-animations>\n *\n * With 'continuous play' option:\n * <dds-scroll-animations selector-targets=\"${selectorTargets}\" keep-animation=\"true\">\n *   // some content\n * </dds-scroll-animations>\n *\n * For custom delay time, set within targeted class in the application's CSS code as such:\n *\n * .${prefix}--content-block {\n *   --#{$dds-prefix}--scroll-animations-delay: 250ms;\n * }\n *\n * @element dds-scroll-animations\n */\n@customElement(`${ddsPrefix}-scroll-animations`)\nclass DDSScrollAnimations extends StableSelectorMixin(LitElement) {\n  /**\n   * Intersection Observer that watches outer viewport.\n   *\n   * @private\n   */\n  private _rootObserver: IntersectionObserver | null = null;\n\n  /**\n   * Intersection observer that watches the inner viewport.\n   *\n   * @private\n   */\n  private _innerObserver: IntersectionObserver | null = null;\n\n  /**\n   * Resize observer to trigger rootMargin recalculations\n   *\n   * @private\n   */\n  private _resizeObserver: any | null = null;\n\n  /**\n   * Scroll animation class to be applied when element is within viewport.\n   *\n   * @private\n   */\n  private _effectClass?: string;\n\n  /**\n   * Scroll animation to be applied when elements are out of view.\n   *\n   * @private\n   */\n  private _exitEffectClass?: string;\n\n  /**\n   * Cleans observers upon update or exit, and creates new instances if needed.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateObservers({ create }: { create?: boolean } = {}) {\n    this._cleanAndCreateRootObserver();\n    this._cleanAndCreateInnerObserver();\n    this._cleanAndCreateResizeObserver();\n\n    if (create) {\n      this._cleanAndCreateRootObserver({ create: true });\n      this._cleanAndCreateResizeObserver({ create: true });\n\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._rootObserver?.observe(item);\n        });\n      }\n      this._resizeObserver.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * Cleans-up and creates the root intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateRootObserver({ create }: { create?: boolean } = {}) {\n    if (this._rootObserver) {\n      this._rootObserver.disconnect();\n      this._rootObserver = null;\n    }\n\n    if (create) {\n      this._rootObserver = new IntersectionObserver(\n        this._handleExit.bind(this)\n      );\n    }\n  }\n\n  /**\n   * Cleans-up and creates the inner intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   * @param [options.viewportMargin] recalculated margin value for the observer\n   */\n  private _cleanAndCreateInnerObserver({\n    create,\n    viewportMargin,\n  }: { create?: boolean; viewportMargin?: string } = {}) {\n    if (this._innerObserver) {\n      this._innerObserver.disconnect();\n      this._innerObserver = null;\n    }\n\n    if (create) {\n      this._innerObserver = new IntersectionObserver(\n        this._handleEntrance.bind(this),\n        { rootMargin: viewportMargin }\n      );\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._innerObserver?.observe(item);\n        });\n      }\n    }\n  }\n\n  /**\n   * Cleans-up and creates the resize observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateResizeObserver({ create }: { create?: boolean } = {}) {\n    if (this._resizeObserver) {\n      this._resizeObserver.disconnect();\n      this._resizeObserver = null;\n    }\n\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._resizeObserver = new ResizeObserver(this._handleResize.bind(this));\n    }\n  }\n\n  /**\n   * Handler to add recalculated rootMargin to observer upon resize.\n   *\n   * This calculation is done to retrieve the best fitting top and bottom\n   * margin for the fade animation to trigger/remove from elements in a\n   * user's screen.\n   *\n   * The resulting value is the optimal point where a user's attention will be\n   * grabbed by the animation without restricting their view and perception of\n   * the adopting website. The displayed elements will keep the user's attention\n   * for a longer time as they scroll down the website.\n   *\n   * @private\n   */\n  private _handleResize() {\n    this._cleanAndCreateInnerObserver({\n      create: true,\n      viewportMargin: `-${(\n        (this.ownerDocument!.documentElement.clientHeight * colSpan) /\n        breakpoints.max.columns\n      ).toString()}px 0px`,\n    });\n  }\n\n  /**\n   * Handler to add fade animation to element\n   *\n   * @param {*} records observed elements\n   * @private\n   */\n  private _handleEntrance = (records: IntersectionObserverEntry[]) => {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio > 0) {\n        target.classList.remove(`${this._exitEffectClass}`);\n        target.classList.add(`${this._effectClass}`);\n        if (!this.keepAnimation) {\n          this._rootObserver?.unobserve(target);\n          this._innerObserver?.unobserve(target);\n        }\n      }\n    });\n  };\n\n  /**\n   * Handler to remove element from view\n   *\n   * @param {*} records observed elements\n   *\n   * @private\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private _handleExit(records: IntersectionObserverEntry[]) {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio === 0) {\n        target.classList.remove(`${this._effectClass}`);\n        target.classList.add(`${this._exitEffectClass}`);\n      }\n    });\n  }\n\n  /**\n   * Sets the proper class names to be applied when element is within/out of view.\n   *\n   * @private\n   */\n  private _setAnimationClasses() {\n    switch (this.animation) {\n      case ANIMATION_TYPE.SLIDE_UP:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-left`;\n        break;\n      case ANIMATION_TYPE.FADE:\n      default:\n        this._effectClass = `${prefix}--fade-in`;\n        this._exitEffectClass = `${prefix}--fade-out`;\n        break;\n    }\n  }\n\n  @property()\n  animation?: string = 'fade';\n\n  /**\n   * Iteration boolean for continuous play option.\n   *\n   * `true` to keep fade in/out behavior during the entire component lifecycle,\n   * `false` to do it only once.\n   *\n   */\n  @property({ type: Boolean, attribute: 'keep-animation' })\n  keepAnimation = false;\n\n  /**\n   * The CSS selector string that selects all fade in-out target elements.\n   */\n  @property({ attribute: 'selector-targets' })\n  selectorTargets?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObservers({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObservers();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('animation')) {\n      this._setAnimationClasses();\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--scroll-animations`;\n  }\n}\n\nexport default DDSScrollAnimations;\n"],"mappings":"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"}
+{"version":3,"file":"scroll-animations.js","names":["_litElement","require","_layout","_settings","_interopRequireDefault","_settings2","_stableSelector","_collectionHelpers","_defs","_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","colSpan","DDSScrollAnimations","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_cleanAndCreateObservers","_this2","_ref","undefined","create","_cleanAndCreateRootObserver","_cleanAndCreateInnerObserver","_cleanAndCreateResizeObserver","selectorTargets","forEach","querySelectorAll","item","_this2$_rootObserver","_rootObserver","observe","_resizeObserver","ownerDocument","documentElement","_ref2","disconnect","IntersectionObserver","_handleExit","bind","_this3","_ref3","viewportMargin","_innerObserver","_handleEntrance","rootMargin","_this3$_innerObserver","_ref4","ResizeObserver","_handleResize","clientHeight","breakpoints","max","columns","toString","_this4","records","_ref5","intersectionRatio","target","classList","remove","_exitEffectClass","add","_effectClass","keepAnimation","_this4$_rootObserver","_this4$_innerObserver","unobserve","_this5","_ref6","_setAnimationClasses","animation","ANIMATION_TYPE","SLIDE_UP","SLIDE_UP_RIGHT","SLIDE_RIGHT","SLIDE_DOWN_RIGHT","SLIDE_DOWN","SLIDE_DOWN_LEFT","SLIDE_LEFT","SLIDE_UP_LEFT","FADE","decorators","property","type","attribute","connectedCallback","_get2","disconnectedCallback","updated","changedProperties","has","render","html","_taggedTemplateLiteral2","stableSelector","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/scroll-animations/scroll-animations.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport { breakpoints } from '@carbon/layout';\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 { forEach } from '../../globals/internal/collection-helpers';\nimport { ANIMATION_TYPE } from './defs';\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 * Amount of columns used for calculation.\n */\n\nconst colSpan = 3;\n\n/**\n * Function component that handles fade or slide transition for selected elements.\n *\n * @example\n * import '@carbon/ibmdotcom-styles/scss/components/scroll-into-view/_scroll-into-view.scss';\n * import '@carbon/ibmdotcom-web-components/es/components/scroll-animations/scroll-animations.js';\n *\n * As an example, the function can be called to target all instances of the\n * elements in a list:\n *\n * const list = '${prefix}--content-block, ${prefix}--content-group';\n *\n * For default values of 400ms and 'one and done' play:\n * <dds-scroll-animations selectorTargets=\"${selectorTargets}\">\n *  // some content\n * </dds-scroll-animations>\n *\n * With 'continuous play' option:\n * <dds-scroll-animations selector-targets=\"${selectorTargets}\" keep-animation=\"true\">\n *   // some content\n * </dds-scroll-animations>\n *\n * For custom delay time, set within targeted class in the application's CSS code as such:\n *\n * .${prefix}--content-block {\n *   --#{$dds-prefix}--scroll-animations-delay: 250ms;\n * }\n * @element dds-scroll-animations\n */\n@customElement(`${ddsPrefix}-scroll-animations`)\nclass DDSScrollAnimations extends StableSelectorMixin(LitElement) {\n  /**\n   * Intersection Observer that watches outer viewport.\n   *\n   * @private\n   */\n  private _rootObserver: IntersectionObserver | null = null;\n\n  /**\n   * Intersection observer that watches the inner viewport.\n   *\n   * @private\n   */\n  private _innerObserver: IntersectionObserver | null = null;\n\n  /**\n   * Resize observer to trigger rootMargin recalculations\n   *\n   * @private\n   */\n  private _resizeObserver: any | null = null;\n\n  /**\n   * Scroll animation class to be applied when element is within viewport.\n   *\n   * @private\n   */\n  private _effectClass?: string;\n\n  /**\n   * Scroll animation to be applied when elements are out of view.\n   *\n   * @private\n   */\n  private _exitEffectClass?: string;\n\n  /**\n   * Cleans observers upon update or exit, and creates new instances if needed.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateObservers({ create }: { create?: boolean } = {}) {\n    this._cleanAndCreateRootObserver();\n    this._cleanAndCreateInnerObserver();\n    this._cleanAndCreateResizeObserver();\n\n    if (create) {\n      this._cleanAndCreateRootObserver({ create: true });\n      this._cleanAndCreateResizeObserver({ create: true });\n\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._rootObserver?.observe(item);\n        });\n      }\n      this._resizeObserver.observe(this.ownerDocument!.documentElement);\n    }\n  }\n\n  /**\n   * Cleans-up and creates the root intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateRootObserver({ create }: { create?: boolean } = {}) {\n    if (this._rootObserver) {\n      this._rootObserver.disconnect();\n      this._rootObserver = null;\n    }\n\n    if (create) {\n      this._rootObserver = new IntersectionObserver(\n        this._handleExit.bind(this)\n      );\n    }\n  }\n\n  /**\n   * Cleans-up and creates the inner intersection observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   * @param [options.viewportMargin] recalculated margin value for the observer\n   */\n  private _cleanAndCreateInnerObserver({\n    create,\n    viewportMargin,\n  }: { create?: boolean; viewportMargin?: string } = {}) {\n    if (this._innerObserver) {\n      this._innerObserver.disconnect();\n      this._innerObserver = null;\n    }\n\n    if (create) {\n      this._innerObserver = new IntersectionObserver(\n        this._handleEntrance.bind(this),\n        { rootMargin: viewportMargin }\n      );\n      const { selectorTargets } = this;\n      if (selectorTargets) {\n        forEach(this.querySelectorAll(selectorTargets), (item) => {\n          this._innerObserver?.observe(item);\n        });\n      }\n    }\n  }\n\n  /**\n   * Cleans-up and creates the resize observer.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateResizeObserver({ create }: { create?: boolean } = {}) {\n    if (this._resizeObserver) {\n      this._resizeObserver.disconnect();\n      this._resizeObserver = null;\n    }\n\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._resizeObserver = new ResizeObserver(this._handleResize.bind(this));\n    }\n  }\n\n  /**\n   * Handler to add recalculated rootMargin to observer upon resize.\n   *\n   * This calculation is done to retrieve the best fitting top and bottom\n   * margin for the fade animation to trigger/remove from elements in a\n   * user's screen.\n   *\n   * The resulting value is the optimal point where a user's attention will be\n   * grabbed by the animation without restricting their view and perception of\n   * the adopting website. The displayed elements will keep the user's attention\n   * for a longer time as they scroll down the website.\n   *\n   * @private\n   */\n  private _handleResize() {\n    this._cleanAndCreateInnerObserver({\n      create: true,\n      viewportMargin: `-${(\n        (this.ownerDocument!.documentElement.clientHeight * colSpan) /\n        breakpoints.max.columns\n      ).toString()}px 0px`,\n    });\n  }\n\n  /**\n   * Handler to add fade animation to element\n   *\n   * @param {*} records observed elements\n   * @private\n   */\n  private _handleEntrance = (records: IntersectionObserverEntry[]) => {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio > 0) {\n        target.classList.remove(`${this._exitEffectClass}`);\n        target.classList.add(`${this._effectClass}`);\n        if (!this.keepAnimation) {\n          this._rootObserver?.unobserve(target);\n          this._innerObserver?.unobserve(target);\n        }\n      }\n    });\n  };\n\n  /**\n   * Handler to remove element from view\n   *\n   * @param {*} records observed elements\n   * @private\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private _handleExit(records: IntersectionObserverEntry[]) {\n    records.forEach(({ intersectionRatio, target }) => {\n      if (intersectionRatio === 0) {\n        target.classList.remove(`${this._effectClass}`);\n        target.classList.add(`${this._exitEffectClass}`);\n      }\n    });\n  }\n\n  /**\n   * Sets the proper class names to be applied when element is within/out of view.\n   *\n   * @private\n   */\n  private _setAnimationClasses() {\n    switch (this.animation) {\n      case ANIMATION_TYPE.SLIDE_UP:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_RIGHT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-right`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down`;\n        break;\n      case ANIMATION_TYPE.SLIDE_DOWN_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-down-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-left`;\n        break;\n      case ANIMATION_TYPE.SLIDE_UP_LEFT:\n        this._effectClass = `${prefix}--slide-in`;\n        this._exitEffectClass = `${prefix}--slide-up-left`;\n        break;\n      case ANIMATION_TYPE.FADE:\n      default:\n        this._effectClass = `${prefix}--fade-in`;\n        this._exitEffectClass = `${prefix}--fade-out`;\n        break;\n    }\n  }\n\n  @property()\n  animation?: string = 'fade';\n\n  /**\n   * Iteration boolean for continuous play option.\n   *\n   * `true` to keep fade in/out behavior during the entire component lifecycle,\n   * `false` to do it only once.\n   *\n   */\n  @property({ type: Boolean, attribute: 'keep-animation' })\n  keepAnimation = false;\n\n  /**\n   * The CSS selector string that selects all fade in-out target elements.\n   */\n  @property({ attribute: 'selector-targets' })\n  selectorTargets?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObservers({ create: true });\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObservers();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('animation')) {\n      this._setAnimationClasses();\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--scroll-animations`;\n  }\n}\n\nexport default DDSScrollAnimations;\n"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,eAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAAgI,IAAAS,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEhI,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;;AAEA,IAAMC,OAAO,GAAG,CAAC;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA5BA,IA8BMC,mBAAmB,OAAAC,UAAA,cADxB,IAAAC,4BAAa,KAAAC,MAAA,CAAIP,SAAS,wBAAqB,aAAAQ,WAAA,EAAAC,oBAAA;EAAA,IAC1CL,mBAAmB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,mBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAApC,YAAA,CAAA4B,mBAAA;IAAA,SAAAA,oBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,mBAAA;MAAA,SAAAW,IAAA,GAAA3B,SAAA,CAAA4B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA/B,SAAA,CAAA+B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAhB,IAAA,CAAAP,KAAA,CAAAuB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,mBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAnBlB,mBAAmB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAM8B,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAOH,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAOpB,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAnB1C;AACF;AACA;AACA;AACA;;MAGE;AACF;AACA;AACA;AACA;;MAGE;AACF;AACA;AACA;AACA;;MAiBE;AACF;AACA;AACA;AACA;AACA;MACE,SAAAC,yBAAA,EAAwE;QAAA,IAAAC,MAAA;QAAA,IAAAC,IAAA,GAAAzC,SAAA,CAAA4B,MAAA,QAAA5B,SAAA,QAAA0C,SAAA,GAAA1C,SAAA,MAAJ,CAAC,CAAC;UAAnC2C,MAAM,GAAAF,IAAA,CAANE,MAAM;QACvC,IAAI,CAACC,2BAA2B,EAAE;QAClC,IAAI,CAACC,4BAA4B,EAAE;QACnC,IAAI,CAACC,6BAA6B,EAAE;QAEpC,IAAIH,MAAM,EAAE;UACV,IAAI,CAACC,2BAA2B,CAAC;YAAED,MAAM,EAAE;UAAK,CAAC,CAAC;UAClD,IAAI,CAACG,6BAA6B,CAAC;YAAEH,MAAM,EAAE;UAAK,CAAC,CAAC;UAEpD,IAAQI,eAAe,GAAK,IAAI,CAAxBA,eAAe;UACvB,IAAIA,eAAe,EAAE;YACnB,IAAAC,0BAAO,EAAC,IAAI,CAACC,gBAAgB,CAACF,eAAe,CAAC,EAAE,UAACG,IAAI,EAAK;cAAA,IAAAC,oBAAA;cACxD,CAAAA,oBAAA,GAAAX,MAAI,CAACY,aAAa,cAAAD,oBAAA,uBAAlBA,oBAAA,CAAoBE,OAAO,CAACH,IAAI,CAAC;YACnC,CAAC,CAAC;UACJ;UACA,IAAI,CAACI,eAAe,CAACD,OAAO,CAAC,IAAI,CAACE,aAAa,CAAEC,eAAe,CAAC;QACnE;MACF;;MAEA;AACF;AACA;AACA;AACA;AACA;IALE;MAAApB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAMA,SAAAM,4BAAA,EAA2E;QAAA,IAAAa,KAAA,GAAAzD,SAAA,CAAA4B,MAAA,QAAA5B,SAAA,QAAA0C,SAAA,GAAA1C,SAAA,MAAJ,CAAC,CAAC;UAAnC2C,MAAM,GAAAc,KAAA,CAANd,MAAM;QAC1C,IAAI,IAAI,CAACS,aAAa,EAAE;UACtB,IAAI,CAACA,aAAa,CAACM,UAAU,EAAE;UAC/B,IAAI,CAACN,aAAa,GAAG,IAAI;QAC3B;QAEA,IAAIT,MAAM,EAAE;UACV,IAAI,CAACS,aAAa,GAAG,IAAIO,oBAAoB,CAC3C,IAAI,CAACC,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,CAC5B;QACH;MACF;;MAEA;AACF;AACA;AACA;AACA;AACA;AACA;IANE;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAOA,SAAAO,6BAAA,EAGuD;QAAA,IAAAiB,MAAA;QAAA,IAAAC,KAAA,GAAA/D,SAAA,CAAA4B,MAAA,QAAA5B,SAAA,QAAA0C,SAAA,GAAA1C,SAAA,MAAJ,CAAC,CAAC;UAFnD2C,MAAM,GAAAoB,KAAA,CAANpB,MAAM;UACNqB,cAAc,GAAAD,KAAA,CAAdC,cAAc;QAEd,IAAI,IAAI,CAACC,cAAc,EAAE;UACvB,IAAI,CAACA,cAAc,CAACP,UAAU,EAAE;UAChC,IAAI,CAACO,cAAc,GAAG,IAAI;QAC5B;QAEA,IAAItB,MAAM,EAAE;UACV,IAAI,CAACsB,cAAc,GAAG,IAAIN,oBAAoB,CAC5C,IAAI,CAACO,eAAe,CAACL,IAAI,CAAC,IAAI,CAAC,EAC/B;YAAEM,UAAU,EAAEH;UAAe,CAAC,CAC/B;UACD,IAAQjB,eAAe,GAAK,IAAI,CAAxBA,eAAe;UACvB,IAAIA,eAAe,EAAE;YACnB,IAAAC,0BAAO,EAAC,IAAI,CAACC,gBAAgB,CAACF,eAAe,CAAC,EAAE,UAACG,IAAI,EAAK;cAAA,IAAAkB,qBAAA;cACxD,CAAAA,qBAAA,GAAAN,MAAI,CAACG,cAAc,cAAAG,qBAAA,uBAAnBA,qBAAA,CAAqBf,OAAO,CAACH,IAAI,CAAC;YACpC,CAAC,CAAC;UACJ;QACF;MACF;;MAEA;AACF;AACA;AACA;AACA;AACA;IALE;MAAAd,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAMA,SAAAQ,8BAAA,EAA6E;QAAA,IAAAuB,KAAA,GAAArE,SAAA,CAAA4B,MAAA,QAAA5B,SAAA,QAAA0C,SAAA,GAAA1C,SAAA,MAAJ,CAAC,CAAC;UAAnC2C,MAAM,GAAA0B,KAAA,CAAN1B,MAAM;QAC5C,IAAI,IAAI,CAACW,eAAe,EAAE;UACxB,IAAI,CAACA,eAAe,CAACI,UAAU,EAAE;UACjC,IAAI,CAACJ,eAAe,GAAG,IAAI;QAC7B;QAEA,IAAIX,MAAM,EAAE;UACV;UACA;UACA,IAAI,CAACW,eAAe,GAAG,IAAIgB,cAAc,CAAC,IAAI,CAACC,aAAa,CAACV,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1E;MACF;;MAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IAbE;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAcA,SAAAiC,cAAA,EAAwB;QACtB,IAAI,CAAC1B,4BAA4B,CAAC;UAChCF,MAAM,EAAE,IAAI;UACZqB,cAAc,MAAA7C,MAAA,CAAM,CACjB,IAAI,CAACoC,aAAa,CAAEC,eAAe,CAACgB,YAAY,GAAGzD,OAAO,GAC3D0D,mBAAW,CAACC,GAAG,CAACC,OAAO,EACvBC,QAAQ,EAAE;QACd,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;AACA;AACA;AACA;IALE;MAAAxC,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,IAAAuC,MAAA;QAAA,OAM0B,UAACC,OAAoC,EAAK;UAClEA,OAAO,CAAC9B,OAAO,CAAC,UAAA+B,KAAA,EAAmC;YAAA,IAAhCC,iBAAiB,GAAAD,KAAA,CAAjBC,iBAAiB;cAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;YAC1C,IAAID,iBAAiB,GAAG,CAAC,EAAE;cACzBC,MAAM,CAACC,SAAS,CAACC,MAAM,IAAAhE,MAAA,CAAI0D,MAAI,CAACO,gBAAgB,EAAG;cACnDH,MAAM,CAACC,SAAS,CAACG,GAAG,IAAAlE,MAAA,CAAI0D,MAAI,CAACS,YAAY,EAAG;cAC5C,IAAI,CAACT,MAAI,CAACU,aAAa,EAAE;gBAAA,IAAAC,oBAAA,EAAAC,qBAAA;gBACvB,CAAAD,oBAAA,GAAAX,MAAI,CAACzB,aAAa,cAAAoC,oBAAA,uBAAlBA,oBAAA,CAAoBE,SAAS,CAACT,MAAM,CAAC;gBACrC,CAAAQ,qBAAA,GAAAZ,MAAI,CAACZ,cAAc,cAAAwB,qBAAA,uBAAnBA,qBAAA,CAAqBC,SAAS,CAACT,MAAM,CAAC;cACxC;YACF;UACF,CAAC,CAAC;QACJ,CAAC;MAAA;IAAA;MAAA7C,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAED;AACF;AACA;AACA;AACA;AACA;MACE;MACA,SAAAsB,YAAoBkB,OAAoC,EAAE;QAAA,IAAAa,MAAA;QACxDb,OAAO,CAAC9B,OAAO,CAAC,UAAA4C,KAAA,EAAmC;UAAA,IAAhCZ,iBAAiB,GAAAY,KAAA,CAAjBZ,iBAAiB;YAAEC,MAAM,GAAAW,KAAA,CAANX,MAAM;UAC1C,IAAID,iBAAiB,KAAK,CAAC,EAAE;YAC3BC,MAAM,CAACC,SAAS,CAACC,MAAM,IAAAhE,MAAA,CAAIwE,MAAI,CAACL,YAAY,EAAG;YAC/CL,MAAM,CAACC,SAAS,CAACG,GAAG,IAAAlE,MAAA,CAAIwE,MAAI,CAACP,gBAAgB,EAAG;UAClD;QACF,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAhD,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAKA,SAAAuD,qBAAA,EAA+B;QAC7B,QAAQ,IAAI,CAACC,SAAS;UACpB,KAAKC,oBAAc,CAACC,QAAQ;YAC1B,IAAI,CAACV,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,eAAY;YAC7C;UACF,KAAKqF,oBAAc,CAACE,cAAc;YAChC,IAAI,CAACX,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,qBAAkB;YACnD;UACF,KAAKqF,oBAAc,CAACG,WAAW;YAC7B,IAAI,CAACZ,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,kBAAe;YAChD;UACF,KAAKqF,oBAAc,CAACI,gBAAgB;YAClC,IAAI,CAACb,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,uBAAoB;YACrD;UACF,KAAKqF,oBAAc,CAACK,UAAU;YAC5B,IAAI,CAACd,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,iBAAc;YAC/C;UACF,KAAKqF,oBAAc,CAACM,eAAe;YACjC,IAAI,CAACf,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,sBAAmB;YACpD;UACF,KAAKqF,oBAAc,CAACO,UAAU;YAC5B,IAAI,CAAChB,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,iBAAc;YAC/C;UACF,KAAKqF,oBAAc,CAACQ,aAAa;YAC/B,IAAI,CAACjB,YAAY,MAAAnE,MAAA,CAAMT,MAAM,eAAY;YACzC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,oBAAiB;YAClD;UACF,KAAKqF,oBAAc,CAACS,IAAI;UACxB;YACE,IAAI,CAAClB,YAAY,MAAAnE,MAAA,CAAMT,MAAM,cAAW;YACxC,IAAI,CAAC0E,gBAAgB,MAAAjE,MAAA,CAAMT,MAAM,eAAY;YAC7C;QAAM;MAEZ;IAAC;MAAA0B,IAAA;MAAAqE,UAAA,GAEA,IAAAC,oBAAQ,GAAE;MAAArE,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACU,MAAM;MAAA;IAAA;MAAAF,IAAA;MAAAqE,UAAA,GAS1B,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAEtG,OAAO;QAAEuG,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAvE,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACzC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAqE,UAAA,GAKpB,IAAAC,oBAAQ,EAAC;QAAEE,SAAS,EAAE;MAAmB,CAAC,CAAC;MAAAvE,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAb5C;AACF;AACA;AACA;AACA;AACA;AACA;MAIE;AACF;AACA;MAIE,SAAAuE,kBAAA,EAAoB;QAClB,IAAAC,KAAA,iBAAApH,gBAAA,aA/PEsB,mBAAmB,CAAAV,SAAA,8BAAAE,IAAA;QAgQrB,IAAI,CAAC+B,wBAAwB,CAAC;UAAEI,MAAM,EAAE;QAAK,CAAC,CAAC;MACjD;IAAC;MAAAP,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAyE,qBAAA,EAAuB;QACrB,IAAI,CAACxE,wBAAwB,EAAE;QAC/B,IAAAuE,KAAA,iBAAApH,gBAAA,aArQEsB,mBAAmB,CAAAV,SAAA,iCAAAE,IAAA;MAsQvB;IAAC;MAAA4B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0E,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,WAAW,CAAC,EAAE;UACtC,IAAI,CAACrB,oBAAoB,EAAE;QAC7B;MACF;IAAC;MAAAzD,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA6E,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAAjI,eAAA,KAAAA,eAAA,OAAAkI,uBAAA;MACb;IAAC;MAAAjF,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAgF,eAAA,EAA4B;QAC1B,UAAAnG,MAAA,CAAUP,SAAS;MACrB;IAAC;EAAA;AAAA,GApR+B,IAAA2G,0BAAmB,EAACC,sBAAU,CAAC;AAAA,IAAAC,QAAA,GAuRlDzG,mBAAmB;AAAA0G,OAAA,cAAAD,QAAA"}

package/es/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,QAAQ,MAAM,0EAA0E,CAAC;AAIhG,OAAO,EAAE,mBAAmB,EAAE,MAAM,0EAA0E,CAAC;AAI/G;;;;GAIG;AACH,cACM,SAAU,SAAQ,QAAQ;IAC9B;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"search.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement } from 'lit-element';\nimport BXSearch from '../../internal/vendor/@carbon/web-components/components/search/search.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './search.scss';\n\nexport { SEARCH_COLOR_SCHEME } from '../../internal/vendor/@carbon/web-components/components/search/search.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive search.\n *\n * @element dds-search\n */\n@customElement(`${ddsPrefix}-search`)\nclass DDSSearch extends BXSearch {\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${ddsPrefix}-search-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSSearch;\n"]}
+{"version":3,"sources":["components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,QAAQ,MAAM,0EAA0E,CAAC;AAKhG,OAAO,EAAE,mBAAmB,EAAE,MAAM,0EAA0E,CAAC;AAI/G;;;;GAIG;AACH,cACM,SAAU,SAAQ,QAAQ;IAC9B;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"search.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 {} from 'lit-element';\nimport BXSearch from '../../internal/vendor/@carbon/web-components/components/search/search.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { SEARCH_COLOR_SCHEME } from '../../internal/vendor/@carbon/web-components/components/search/search.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive search.\n *\n * @element dds-search\n */\n@customElement(`${ddsPrefix}-search`)\nclass DDSSearch extends BXSearch {\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${ddsPrefix}-search-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSSearch;\n"]}

package/es/components/search/search.js

@@ -19,10 +19,11 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inhe
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
-var _litElement = require("lit-element");
+require("lit-element");
 var _search = _interopRequireWildcard(require("../../internal/vendor/@carbon/web-components/components/search/search.js"));
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _searchCss = _interopRequireDefault(require("././search.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }; }
@@ -34,7 +35,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-search
  */
-var DDSSearch = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-search"))], function (_initialize, _BXSearch) {
+var DDSSearch = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-search"))], function (_initialize, _BXSearch) {
   var DDSSearch = /*#__PURE__*/function (_BXSearch2) {
     (0, _inherits2["default"])(DDSSearch, _BXSearch2);
     var _super = _createSuper(DDSSearch);

package/es/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":["_litElement","require","_search","_interopRequireWildcard","_settings","_interopRequireDefault","_searchCss","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ddsPrefix","ddsSettings","stablePrefix","DDSSearch","_decorate2","customElement","concat","_initialize","_BXSearch","_BXSearch2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","eventInput","styles","BXSearch","_default","exports"],"sources":["components/search/search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement } from 'lit-element';\nimport BXSearch from '../../internal/vendor/@carbon/web-components/components/search/search.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './search.scss';\n\nexport { SEARCH_COLOR_SCHEME } from '../../internal/vendor/@carbon/web-components/components/search/search.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive search.\n *\n * @element dds-search\n */\n@customElement(`${ddsPrefix}-search`)\nclass DDSSearch extends BXSearch {\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${ddsPrefix}-search-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSSearch;\n"],"mappings":"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"}
+{"version":3,"file":"search.js","names":["require","_search","_interopRequireWildcard","_settings","_interopRequireDefault","_searchCss","_carbonElement","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ddsPrefix","ddsSettings","stablePrefix","DDSSearch","_decorate2","customElement","concat","_initialize","_BXSearch","_BXSearch2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","eventInput","styles","BXSearch","_default","exports"],"sources":["components/search/search.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 {} from 'lit-element';\nimport BXSearch from '../../internal/vendor/@carbon/web-components/components/search/search.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { SEARCH_COLOR_SCHEME } from '../../internal/vendor/@carbon/web-components/components/search/search.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive search.\n *\n * @element dds-search\n */\n@customElement(`${ddsPrefix}-search`)\nclass DDSSearch extends BXSearch {\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${ddsPrefix}-search-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSSearch;\n"],"mappings":"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"}

package/es/components/search-with-typeahead/scoped-search-dropdown-mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/search-with-typeahead/scoped-search-dropdown-mobile.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAyLH,eAAe,6BAA6B,CAAC","file":"scoped-search-dropdown-mobile.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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter20 from '../../internal/vendor/@carbon/web-components/icons/filter/20.js';\nimport { property, customElement, html } from 'lit-element';\nimport BXSelect from '../../internal/vendor/@carbon/web-components/components/select/select.js';\nimport { INPUT_SIZE } from '../../internal/vendor/@carbon/web-components/components/input/input.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './search-with-typeahead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Scoped search dropdown - mobile version.\n * The dropdown to scope the search suggestions in mobile\n *\n * @element dds-scoped-search-dropdown-mobile\n * @internal\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown-mobile`)\nclass DDSScopedSearchDropdownMobile extends BXSelect {\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValueMobile = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * Handles `oninput` event on the `<input>`\n   *\n   * @param event The event.\n   */\n  private _handleInputMobile({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: value,\n        },\n      })\n    );\n  }\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItemsMobile(element) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<bx-select-item>` and `<bx-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifNonNull(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label)}\">\n                ${this._renderItemsMobile(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  /**\n   * Property that specifies the Select to have size xl\n   *\n   * @internal\n   */\n  @property()\n  size = INPUT_SIZE.EXTRA_LARGE;\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValueMobile: placeholderItemValue,\n      _handleInputMobile: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\n          @input=\"${handleInput}\">\n          ${!placeholder || value\n            ? undefined\n            : html`\n                <option\n                  disabled\n                  hidden\n                  class=\"${prefix}--select-option\"\n                  value=\"${placeholderItemValue}\"\n                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItemsMobile(this)}\n        </select>\n        ${Filter20({ class: `${prefix}--select__arrow` })}\n      </div>\n      ${supplementalText}\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 DDSScopedSearchDropdownMobile;\n"]}
+{"version":3,"sources":["components/search-with-typeahead/scoped-search-dropdown-mobile.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA0LH,eAAe,6BAA6B,CAAC","file":"scoped-search-dropdown-mobile.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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter20 from '../../internal/vendor/@carbon/web-components/icons/filter/20.js';\nimport { property, html } from 'lit-element';\nimport BXSelect from '../../internal/vendor/@carbon/web-components/components/select/select.js';\nimport { INPUT_SIZE } from '../../internal/vendor/@carbon/web-components/components/input/input.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './search-with-typeahead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Scoped search dropdown - mobile version.\n * The dropdown to scope the search suggestions in mobile\n *\n * @element dds-scoped-search-dropdown-mobile\n * @internal\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown-mobile`)\nclass DDSScopedSearchDropdownMobile extends BXSelect {\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValueMobile = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * Handles `oninput` event on the `<input>`\n   *\n   * @param event The event.\n   */\n  private _handleInputMobile({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: value,\n        },\n      })\n    );\n  }\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItemsMobile(element) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<bx-select-item>` and `<bx-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifNonNull(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label)}\">\n                ${this._renderItemsMobile(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  /**\n   * Property that specifies the Select to have size xl\n   *\n   * @internal\n   */\n  @property()\n  size = INPUT_SIZE.EXTRA_LARGE;\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValueMobile: placeholderItemValue,\n      _handleInputMobile: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\n          @input=\"${handleInput}\">\n          ${!placeholder || value\n            ? undefined\n            : html`\n                <option\n                  disabled\n                  hidden\n                  class=\"${prefix}--select-option\"\n                  value=\"${placeholderItemValue}\"\n                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItemsMobile(this)}\n        </select>\n        ${Filter20({ class: `${prefix}--select__arrow` })}\n      </div>\n      ${supplementalText}\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 DDSScopedSearchDropdownMobile;\n"]}

package/es/components/search-with-typeahead/scoped-search-dropdown-mobile.js

@@ -25,6 +25,7 @@ var _ifNonNull = _interopRequireDefault(require("../../internal/vendor/@carbon/w
 var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _collectionHelpers = require("../../globals/internal/collection-helpers.js");
 var _searchWithTypeaheadCss = _interopRequireDefault(require("././search-with-typeahead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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; } }
@@ -38,7 +39,7 @@ var prefix = _settings["default"].prefix;
  * @element dds-scoped-search-dropdown-mobile
  * @internal
  */
-var DDSScopedSearchDropdownMobile = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-scoped-search-dropdown-mobile"))], function (_initialize, _BXSelect) {
+var DDSScopedSearchDropdownMobile = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-scoped-search-dropdown-mobile"))], function (_initialize, _BXSelect) {
   var DDSScopedSearchDropdownMobile = /*#__PURE__*/function (_BXSelect2) {
     (0, _inherits2["default"])(DDSScopedSearchDropdownMobile, _BXSelect2);
     var _super = _createSuper(DDSScopedSearchDropdownMobile);

package/es/components/search-with-typeahead/scoped-search-dropdown-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"scoped-search-dropdown-mobile.js","names":["_ifDefined","require","_settings","_interopRequireDefault","_","_litElement","_select","_input","_classMap4","_ifNonNull","_settings2","_collectionHelpers","_searchWithTypeaheadCss","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_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","prefix","settings","DDSScopedSearchDropdownMobile","_decorate2","customElement","concat","_initialize","_BXSelect","_BXSelect2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","Math","random","toString","slice","_handleInputMobile","_ref","target","_ref2","_ref3","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","appId","_renderItemsMobile","element","_this2","_ref4","selectorItem","selectorLeafItem","html","_taggedTemplateLiteral2","filter","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","ifNonNull","decorators","property","INPUT_SIZE","EXTRA_LARGE","render","_classMap","_classMap2","_classMap3","helperText","invalid","labelText","placeholder","size","validityMessage","placeholderItemValue","_placeholderItemValueMobile","handleInput","inputClasses","classMap","_defineProperty2","labelClasses","helperTextClasses","supplementalText","String","ifDefined","undefined","Filter20","styles","BXSelect","_default","exports"],"sources":["components/search-with-typeahead/scoped-search-dropdown-mobile.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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter20 from '../../internal/vendor/@carbon/web-components/icons/filter/20.js';\nimport { property, customElement, html } from 'lit-element';\nimport BXSelect from '../../internal/vendor/@carbon/web-components/components/select/select.js';\nimport { INPUT_SIZE } from '../../internal/vendor/@carbon/web-components/components/input/input.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './search-with-typeahead.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Scoped search dropdown - mobile version.\n * The dropdown to scope the search suggestions in mobile\n *\n * @element dds-scoped-search-dropdown-mobile\n * @internal\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown-mobile`)\nclass DDSScopedSearchDropdownMobile extends BXSelect {\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValueMobile = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * Handles `oninput` event on the `<input>`\n   *\n   * @param event The event.\n   */\n  private _handleInputMobile({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: value,\n        },\n      })\n    );\n  }\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItemsMobile(element) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<bx-select-item>` and `<bx-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifNonNull(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label)}\">\n                ${this._renderItemsMobile(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  /**\n   * Property that specifies the Select to have size xl\n   *\n   * @internal\n   */\n  @property()\n  size = INPUT_SIZE.EXTRA_LARGE;\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValueMobile: placeholderItemValue,\n      _handleInputMobile: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\n          @input=\"${handleInput}\">\n          ${!placeholder || value\n            ? undefined\n            : html`\n                <option\n                  disabled\n                  hidden\n                  class=\"${prefix}--select-option\"\n                  value=\"${placeholderItemValue}\"\n                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItemsMobile(this)}\n        </select>\n        ${Filter20({ class: `${prefix}--select__arrow` })}\n      </div>\n      ${supplementalText}\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 DDSScopedSearchDropdownMobile;\n"],"mappings":"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"}
+{"version":3,"file":"scoped-search-dropdown-mobile.js","names":["_ifDefined","require","_settings","_interopRequireDefault","_","_litElement","_select","_input","_classMap4","_ifNonNull","_settings2","_collectionHelpers","_searchWithTypeaheadCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_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","prefix","settings","DDSScopedSearchDropdownMobile","_decorate2","customElement","concat","_initialize","_BXSelect","_BXSelect2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","Math","random","toString","slice","_handleInputMobile","_ref","target","_ref2","_ref3","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","appId","_renderItemsMobile","element","_this2","_ref4","selectorItem","selectorLeafItem","html","_taggedTemplateLiteral2","filter","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","ifNonNull","decorators","property","INPUT_SIZE","EXTRA_LARGE","render","_classMap","_classMap2","_classMap3","helperText","invalid","labelText","placeholder","size","validityMessage","placeholderItemValue","_placeholderItemValueMobile","handleInput","inputClasses","classMap","_defineProperty2","labelClasses","helperTextClasses","supplementalText","String","ifDefined","undefined","Filter20","styles","BXSelect","_default","exports"],"sources":["components/search-with-typeahead/scoped-search-dropdown-mobile.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 { ifDefined } from 'lit-html/directives/if-defined.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport Filter20 from '../../internal/vendor/@carbon/web-components/icons/filter/20.js';\nimport { property, html } from 'lit-element';\nimport BXSelect from '../../internal/vendor/@carbon/web-components/components/select/select.js';\nimport { INPUT_SIZE } from '../../internal/vendor/@carbon/web-components/components/input/input.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './search-with-typeahead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Scoped search dropdown - mobile version.\n * The dropdown to scope the search suggestions in mobile\n *\n * @element dds-scoped-search-dropdown-mobile\n * @internal\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown-mobile`)\nclass DDSScopedSearchDropdownMobile extends BXSelect {\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValueMobile = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * Handles `oninput` event on the `<input>`\n   *\n   * @param event The event.\n   */\n  private _handleInputMobile({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: value,\n        },\n      })\n    );\n  }\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItemsMobile(element) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<bx-select-item>` and `<bx-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifNonNull(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label)}\">\n                ${this._renderItemsMobile(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  /**\n   * Property that specifies the Select to have size xl\n   *\n   * @internal\n   */\n  @property()\n  size = INPUT_SIZE.EXTRA_LARGE;\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValueMobile: placeholderItemValue,\n      _handleInputMobile: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\n          @input=\"${handleInput}\">\n          ${!placeholder || value\n            ? undefined\n            : html`\n                <option\n                  disabled\n                  hidden\n                  class=\"${prefix}--select-option\"\n                  value=\"${placeholderItemValue}\"\n                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItemsMobile(this)}\n        </select>\n        ${Filter20({ class: `${prefix}--select__arrow` })}\n      </div>\n      ${supplementalText}\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 DDSScopedSearchDropdownMobile;\n"],"mappings":"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"}

package/es/components/search-with-typeahead/scoped-search-dropdown.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 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/search-with-typeahead/scoped-search-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/search-with-typeahead/scoped-search-dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,oBAAoB,CAAC;AAK5B;;;;;GAKG;AACH,cACM,uBAAwB,SAAQ,WAAW;IAC/C;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,GAAG;IAsBnD;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"scoped-search-dropdown.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSDropdown from '../footer/dropdown';\nimport styles from './search-with-typeahead.scss';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from '../footer/dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown component to change search scope.\n *\n * @element dds-scoped-search-dropdown\n * @fires bx-select-selected - The custom event fired after the the dropdown value is changed upon a user gesture.\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown`)\nclass DDSScopedSearchDropdown extends DDSDropdown {\n  /**\n   * Handles user-initiated selection of a dropdown item\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: any) {\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: item.value,\n        },\n      };\n      const constructor = this.constructor as typeof DDSScopedSearchDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * The name of the custom event captured to retrieve the new search scope.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\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 DDSScopedSearchDropdown;\n"]}
+{"version":3,"sources":["components/search-with-typeahead/scoped-search-dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,oBAAoB,CAAC;AAK5B;;;;;GAKG;AACH,cACM,uBAAwB,SAAQ,WAAW;IAC/C;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,GAAG;IAsBnD;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"scoped-search-dropdown.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport {} from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSDropdown from '../footer/dropdown';\nimport styles from './search-with-typeahead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from '../footer/dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown component to change search scope.\n *\n * @element dds-scoped-search-dropdown\n * @fires bx-select-selected - The custom event fired after the the dropdown value is changed upon a user gesture.\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown`)\nclass DDSScopedSearchDropdown extends DDSDropdown {\n  /**\n   * Handles user-initiated selection of a dropdown item\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: any) {\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: item.value,\n        },\n      };\n      const constructor = this.constructor as typeof DDSScopedSearchDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * The name of the custom event captured to retrieve the new search scope.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\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 DDSScopedSearchDropdown;\n"]}

package/es/components/search-with-typeahead/scoped-search-dropdown.js

@@ -32,10 +32,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
 var _settings = _interopRequireDefault(require("carbon-components/es/globals/js/settings.js"));
-var _litElement = require("lit-element");
+require("lit-element");
 var _settings2 = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js"));
 var _dropdown = _interopRequireDefault(require("../footer/dropdown.js"));
 var _searchWithTypeaheadCss = _interopRequireDefault(require("././search-with-typeahead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _dropdown2 = require("../footer/dropdown");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -50,7 +51,7 @@ var prefix = _settings["default"].prefix;
  * @element dds-scoped-search-dropdown
  * @fires bx-select-selected - The custom event fired after the the dropdown value is changed upon a user gesture.
  */
-var DDSScopedSearchDropdown = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-scoped-search-dropdown"))], function (_initialize, _DDSDropdown) {
+var DDSScopedSearchDropdown = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-scoped-search-dropdown"))], function (_initialize, _DDSDropdown) {
   var DDSScopedSearchDropdown = /*#__PURE__*/function (_DDSDropdown2) {
     (0, _inherits2["default"])(DDSScopedSearchDropdown, _DDSDropdown2);
     var _super = _createSuper(DDSScopedSearchDropdown);

package/es/components/search-with-typeahead/scoped-search-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"scoped-search-dropdown.js","names":["_settings","_interopRequireDefault","require","_litElement","_settings2","_dropdown","_searchWithTypeaheadCss","_dropdown2","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSScopedSearchDropdown","_decorate2","customElement","concat","_initialize","_DDSDropdown","_DDSDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","_handleUserInitiatedSelectItem","item","_selectionShouldChange","init","bubbles","composed","detail","appId","beforeSelectEvent","CustomEvent","eventBeforeSelect","cancelable","dispatchEvent","_selectionDidChange","afterSelectEvent","eventSelect","styles","DDSDropdown","_default","exports"],"sources":["components/search-with-typeahead/scoped-search-dropdown.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSDropdown from '../footer/dropdown';\nimport styles from './search-with-typeahead.scss';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from '../footer/dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown component to change search scope.\n *\n * @element dds-scoped-search-dropdown\n * @fires bx-select-selected - The custom event fired after the the dropdown value is changed upon a user gesture.\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown`)\nclass DDSScopedSearchDropdown extends DDSDropdown {\n  /**\n   * Handles user-initiated selection of a dropdown item\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: any) {\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: item.value,\n        },\n      };\n      const constructor = this.constructor as typeof DDSScopedSearchDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * The name of the custom event captured to retrieve the new search scope.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\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 DDSScopedSearchDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"scoped-search-dropdown.js","names":["_settings","_interopRequireDefault","require","_settings2","_dropdown","_searchWithTypeaheadCss","_carbonElement","_dropdown2","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSScopedSearchDropdown","_decorate2","customElement","concat","_initialize","_DDSDropdown","_DDSDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","_handleUserInitiatedSelectItem","item","_selectionShouldChange","init","bubbles","composed","detail","appId","beforeSelectEvent","CustomEvent","eventBeforeSelect","cancelable","dispatchEvent","_selectionDidChange","afterSelectEvent","eventSelect","styles","DDSDropdown","_default","exports"],"sources":["components/search-with-typeahead/scoped-search-dropdown.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport {} from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport DDSDropdown from '../footer/dropdown';\nimport styles from './search-with-typeahead.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from '../footer/dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown component to change search scope.\n *\n * @element dds-scoped-search-dropdown\n * @fires bx-select-selected - The custom event fired after the the dropdown value is changed upon a user gesture.\n */\n@customElement(`${ddsPrefix}-scoped-search-dropdown`)\nclass DDSScopedSearchDropdown extends DDSDropdown {\n  /**\n   * Handles user-initiated selection of a dropdown item\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: any) {\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          appId: item.value,\n        },\n      };\n      const constructor = this.constructor as typeof DDSScopedSearchDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * The name of the custom event captured to retrieve the new search scope.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\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 DDSScopedSearchDropdown;\n"],"mappings":"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"}

package/es/components/search-with-typeahead/search-with-typeahead-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.

package/es/components/search-with-typeahead/search-with-typeahead-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/search-with-typeahead/search-with-typeahead-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAIL,UAAU,EACV,cAAc,EACf,MAAM,aAAa,CAAC;AAQrB;;;;GAIG;AACH,cACM,0BAA2B,SAAQ,UAAU;IACjD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,CAAwD;IAEzE;;OAEG;IAEH,IAAI,SAAM;IAEV;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,SAAM;IAEV,iBAAiB;IAOjB,YAAY,CAAC,iBAAiB,KAAA;IAuC9B,OAAO,CAAC,iBAAiB,KAAA;IAOzB,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,0BAA0B,CAAC","file":"search-with-typeahead-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 { classMap } from 'lit-html/directives/class-map.js';\nimport {\n  html,\n  property,\n  customElement,\n  LitElement,\n  TemplateResult,\n} 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 styles from './search-with-typeahead.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Search result item in masthead.\n *\n * @element dds-search-with-typeahead-item\n */\n@customElement(`${ddsPrefix}-search-with-typeahead-item`)\nclass DDSSearchWithTypeaheadItem extends LitElement {\n  /**\n   * The the search result to be shown.\n   */\n  private _content?: TemplateResult | string | (TemplateResult | string)[];\n\n  /**\n   * The optional href to redirect the user to.\n   */\n  @property()\n  href = '';\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dds-search-with-typeahead>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * The search result text.\n   */\n  @property()\n  text = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'option');\n    }\n    super.connectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    const result = super.shouldUpdate(changedProperties);\n    if (changedProperties.has('text')) {\n      const { text } = this;\n      const parent = (this.getRootNode() as any).host;\n      let { searchQueryString } = parent ?? {};\n      searchQueryString = searchQueryString.toLowerCase();\n\n      if (!searchQueryString) {\n        this._content = text;\n      } else {\n        const lowerCaseText = text.toLowerCase();\n        if (lowerCaseText.includes(searchQueryString)) {\n          const startingIndex = lowerCaseText.indexOf(searchQueryString);\n          searchQueryString = text.substring(\n            startingIndex,\n            startingIndex + searchQueryString.length\n          );\n        }\n\n        const highlightedResult = html`\n          <span class=\"${ddsPrefix}-ce--search-with-typeahead-item__highlighted\"\n            >${searchQueryString}</span\n          >\n        `;\n        const content = text\n          .split(new RegExp(searchQueryString, 'i'))\n          .reduce((acc, item) => {\n            acc.push(item.replace(/^\\s/, '\\xa0').replace(/\\s$/, '\\xa0'));\n            acc.push(highlightedResult);\n            return acc;\n          }, [] as (TemplateResult | string)[]);\n        content.pop();\n        this._content = content;\n      }\n    }\n    return result;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('highlighted')) {\n      this.setAttribute('aria-selected', String(Boolean(this.highlighted)));\n    }\n  }\n\n  render() {\n    const { highlighted, _content: content } = this;\n    const containerClasses = classMap({\n      [`${prefix}--container-class`]: true,\n      [`${prefix}--container-highlight-class`]: highlighted,\n    });\n    return html`\n      <div class=\"${containerClasses}\" tabindex=\"-1\">${content}</div>\n    `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSSearchWithTypeaheadItem;\n"]}
+{"version":3,"sources":["components/search-with-typeahead/search-with-typeahead-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AASzE;;;;GAIG;AACH,cACM,0BAA2B,SAAQ,UAAU;IACjD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,CAAwD;IAEzE;;OAEG;IAEH,IAAI,SAAM;IAEV;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,SAAM;IAEV,iBAAiB;IAOjB,YAAY,CAAC,iBAAiB,KAAA;IAuC9B,OAAO,CAAC,iBAAiB,KAAA;IAOzB,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,0BAA0B,CAAC","file":"search-with-typeahead-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 { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, LitElement, 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 styles from './search-with-typeahead.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 * Search result item in masthead.\n *\n * @element dds-search-with-typeahead-item\n */\n@customElement(`${ddsPrefix}-search-with-typeahead-item`)\nclass DDSSearchWithTypeaheadItem extends LitElement {\n  /**\n   * The the search result to be shown.\n   */\n  private _content?: TemplateResult | string | (TemplateResult | string)[];\n\n  /**\n   * The optional href to redirect the user to.\n   */\n  @property()\n  href = '';\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dds-search-with-typeahead>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * The search result text.\n   */\n  @property()\n  text = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'option');\n    }\n    super.connectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    const result = super.shouldUpdate(changedProperties);\n    if (changedProperties.has('text')) {\n      const { text } = this;\n      const parent = (this.getRootNode() as any).host;\n      let { searchQueryString } = parent ?? {};\n      searchQueryString = searchQueryString.toLowerCase();\n\n      if (!searchQueryString) {\n        this._content = text;\n      } else {\n        const lowerCaseText = text.toLowerCase();\n        if (lowerCaseText.includes(searchQueryString)) {\n          const startingIndex = lowerCaseText.indexOf(searchQueryString);\n          searchQueryString = text.substring(\n            startingIndex,\n            startingIndex + searchQueryString.length\n          );\n        }\n\n        const highlightedResult = html`\n          <span class=\"${ddsPrefix}-ce--search-with-typeahead-item__highlighted\"\n            >${searchQueryString}</span\n          >\n        `;\n        const content = text\n          .split(new RegExp(searchQueryString, 'i'))\n          .reduce((acc, item) => {\n            acc.push(item.replace(/^\\s/, '\\xa0').replace(/\\s$/, '\\xa0'));\n            acc.push(highlightedResult);\n            return acc;\n          }, [] as (TemplateResult | string)[]);\n        content.pop();\n        this._content = content;\n      }\n    }\n    return result;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('highlighted')) {\n      this.setAttribute('aria-selected', String(Boolean(this.highlighted)));\n    }\n  }\n\n  render() {\n    const { highlighted, _content: content } = this;\n    const containerClasses = classMap({\n      [`${prefix}--container-class`]: true,\n      [`${prefix}--container-highlight-class`]: highlighted,\n    });\n    return html`\n      <div class=\"${containerClasses}\" tabindex=\"-1\">${content}</div>\n    `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSSearchWithTypeaheadItem;\n"]}

package/es/components/search-with-typeahead/search-with-typeahead-item.js

@@ -20,6 +20,7 @@ var _litElement = require("lit-element");
 var _settings = _interopRequireDefault(require("carbon-components/es/globals/js/settings.js"));
 var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _searchWithTypeaheadCss = _interopRequireDefault(require("././search-with-typeahead.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -31,7 +32,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  *
  * @element dds-search-with-typeahead-item
  */
-var DDSSearchWithTypeaheadItem = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-search-with-typeahead-item"))], function (_initialize, _LitElement) {
+var DDSSearchWithTypeaheadItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-search-with-typeahead-item"))], function (_initialize, _LitElement) {
   var DDSSearchWithTypeaheadItem = /*#__PURE__*/function (_LitElement2) {
     (0, _inherits2["default"])(DDSSearchWithTypeaheadItem, _LitElement2);
     var _super = _createSuper(DDSSearchWithTypeaheadItem);