@ukic/web-components 3.0.0 → 3.1.0

package/dist/collection/components/ic-dialog/ic-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-dialog.js","sourceRoot":"","sources":["../../../src/components/ic-dialog/ic-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  State,\n  Method,\n  Listen,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport {\n  isSlotUsed,\n  checkResizeObserver,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\n@Component({\n  tag: \"ic-dialog\",\n  styleUrl: \"ic-dialog.css\",\n  shadow: true,\n})\nexport class Dialog {\n  private backdropEl: HTMLDivElement;\n  private contentArea: HTMLSlotElement;\n  private DATA_GETS_FOCUS: string = \"data-gets-focus\";\n  private DATA_GETS_FOCUS_SELECTOR: string = \"[data-gets-focus]\";\n  private DIALOG_CONTROLS: string = \"dialog-controls\";\n  private dialogEl: HTMLDialogElement;\n  private dialogHeight: number = 0;\n  private focusedElementIndex = 0;\n  private IC_TEXT_FIELD: string = \"IC-TEXT-FIELD\";\n  private IC_ACCORDION: string = \"IC-ACCORDION\";\n  private IC_ACCORDION_GROUP: string = \"IC-ACCORDION-GROUP\";\n  private interactiveElementList: HTMLElement[];\n  private resizeObserver: ResizeObserver = null;\n  private resizeTimeout: number;\n  private sourceElement: HTMLElement;\n\n  @Element() el: HTMLIcDialogElement;\n\n  @State() dialogRendered: boolean = false;\n  @State() fadeIn: boolean = false;\n\n  /**\n   * If set to `false`, default buttons or slotted dialog controls will not be displayed.\n   */\n  @Prop() buttons?: boolean = true;\n\n  /**\n   * If set to `true`, the dialog will not close when the backdrop is clicked.\n   */\n  @Prop() closeOnBackdropClick?: boolean = true;\n\n  /**\n   * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n   */\n  @Prop() destructive?: boolean = false;\n\n  /**\n   * Sets the dismiss label tooltip and aria label.\n   */\n  @Prop() dismissLabel?: string = \"Dismiss\";\n\n  /**\n   * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\n   * This prop also prevents popover elements from being cut off within the content area.\n   */\n  @Prop() disableHeightConstraint?: boolean = false;\n\n  /**\n   * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\n   */\n  @Prop() disableWidthConstraint?: boolean = false;\n\n  /**\n   * If `true`, the close button will not be displayed.\n   */\n  @Prop() hideCloseButton?: boolean = false;\n\n  /**\n   * Sets the heading for the dialog.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Sets the optional label for the dialog which appears above the heading.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the dialog will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = undefined;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      this.dialogOpened();\n    } else {\n      this.fadeIn = false;\n      if (this.resizeObserver !== null) {\n        this.resizeObserver.disconnect();\n      }\n      setTimeout(() => {\n        this.dialogRendered = false;\n        this.dialogEl.close();\n        this.sourceElement?.focus();\n        this.dialogHeight = 0;\n        this.icDialogClosed.emit();\n      }, 80);\n    }\n  }\n\n  /**\n   * Sets the maximum and minimum height and width for the dialog.\n   */\n  @Prop() size?: \"small\" | \"medium\" | \"large\" = \"small\";\n\n  /**\n   * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\n   */\n  @Event() icDialogCancelled: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has closed.\n   */\n  @Event() icDialogClosed: EventEmitter<void>;\n\n  /**\n   * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\n   */\n  @Event() icDialogConfirmed: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has opened.\n   */\n  @Event() icDialogOpened: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.removeSlotChangeListener();\n  }\n\n  componentDidLoad(): void {\n    this.getInteractiveElements();\n\n    this.refreshInteractiveElementsOnSlotChange();\n\n    if (this.open) {\n      this.dialogOpened();\n    }\n\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Dialog\"\n      );\n  }\n\n  componentDidRender(): void {\n    if (\n      getComputedStyle(this.el).display !== \"none\" &&\n      this.disableHeightConstraint\n    ) {\n      document.body.style.overflow = \"hidden\";\n    } else {\n      document.body.style.overflow = \"auto\";\n    }\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeyboard(ev: KeyboardEvent): void {\n    if (this.dialogRendered) {\n      switch (ev.key) {\n        case \"Tab\":\n          ev.preventDefault();\n          this.focusNextInteractiveElement(ev.shiftKey);\n          break;\n        case \"Escape\":\n          if (!ev.repeat) {\n            this.open = false;\n          }\n          ev.stopImmediatePropagation();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"click\", {})\n  handleClick(ev: MouseEvent): void {\n    const dialogElement = this.el.shadowRoot.querySelector(\"dialog\");\n    if (\n      this.closeOnBackdropClick &&\n      ev.composedPath().indexOf(dialogElement) <= 0\n    ) {\n      const rect = this.dialogEl.getBoundingClientRect();\n      const isInDialog =\n        rect.top <= ev.clientY &&\n        ev.clientY <= rect.top + rect.height &&\n        rect.left <= ev.clientX &&\n        ev.clientX <= rect.left + rect.width;\n      if (!isInDialog) {\n        this.open = false;\n      }\n    }\n  }\n\n  /**\n   * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n   */\n  @Method()\n  async cancelDialog(): Promise<void> {\n    this.icDialogCancelled.emit();\n    this.open = false;\n  }\n\n  /**\n   * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n   */\n  @Method()\n  async confirmDialog(): Promise<void> {\n    this.icDialogConfirmed.emit();\n  }\n\n  private dialogOpened = () => {\n    this.dialogRendered = true;\n\n    if (this.disableHeightConstraint) {\n      this.dialogEl.show();\n    } else {\n      this.dialogEl?.showModal();\n    }\n\n    setTimeout(() => {\n      this.fadeIn = true;\n\n      /**\n       * This is required to set scroll back to top if:\n       * - dialog content goes below the fold\n       * - is closed using cancel or confirm and reopened.\n       *\n       * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n       */\n      if (this.disableHeightConstraint && this.backdropEl.scrollTop !== 0) {\n        this.backdropEl.scrollTop = 0;\n      }\n    }, 10);\n\n    setTimeout(() => {\n      this.setInitialFocus();\n      checkResizeObserver(this.runResizeObserver);\n    }, 75);\n\n    setTimeout(() => {\n      this.getFocusedElementIndex();\n      this.icDialogOpened.emit();\n    }, 80);\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      clearTimeout(this.resizeTimeout);\n      this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n    });\n    this.resizeObserver.observe(this.dialogEl);\n  };\n\n  private resizeObserverCallback = () => {\n    if (this.dialogEl.clientHeight !== this.dialogHeight) {\n      this.dialogHeight = this.dialogEl.clientHeight;\n    }\n  };\n\n  private refreshInteractiveElementsOnSlotChange = () => {\n    this.contentArea = this.el.shadowRoot.querySelector(\"#dialog-content slot\");\n\n    this.contentArea.addEventListener(\n      \"slotchange\",\n      this.getInteractiveElements\n    );\n  };\n\n  private removeSlotChangeListener = () => {\n    if (this.contentArea) {\n      this.contentArea.removeEventListener(\n        \"slotchange\",\n        this.getInteractiveElements\n      );\n    }\n  };\n\n  private setInitialFocus = () => {\n    this.sourceElement = document.activeElement as HTMLElement;\n\n    let focusedElement;\n\n    if (this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR) !== null) {\n      focusedElement = this.el.querySelector(\n        this.DATA_GETS_FOCUS_SELECTOR\n      ) as HTMLElement;\n    } else {\n      focusedElement = this.el.shadowRoot.querySelector(\n        this.DATA_GETS_FOCUS_SELECTOR\n      ) as HTMLElement;\n    }\n    if (focusedElement.tagName === this.IC_TEXT_FIELD) {\n      (focusedElement as HTMLIcTextFieldElement).setFocus();\n    } else if (focusedElement.tagName === this.IC_ACCORDION_GROUP) {\n      (focusedElement as HTMLIcAccordionGroupElement).setFocus();\n    } else if (focusedElement.tagName === this.IC_ACCORDION) {\n      (focusedElement as HTMLIcAccordionElement).setFocus();\n    } else {\n      focusedElement.focus({\n        preventScroll: this.disableHeightConstraint ? true : false,\n      });\n    }\n  };\n\n  private getFocusedElementIndex = () => {\n    for (let i = 0; i < this.interactiveElementList.length; i++) {\n      if (\n        (this.interactiveElementList[i] as HTMLElement) ===\n        (this.el.shadowRoot.activeElement || document.activeElement)\n      ) {\n        this.focusedElementIndex = i;\n      }\n    }\n  };\n\n  private closeIconClick = () => {\n    this.open = false;\n  };\n\n  private getInteractiveElements = () => {\n    this.interactiveElementList = Array.from(\n      this.el.shadowRoot.querySelectorAll(\"ic-button\")\n    );\n    const slottedInteractiveElements = Array.from(\n      this.el.querySelectorAll(\n        `a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), \n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, ic-radio-group, \n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button, \n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion`\n      )\n    );\n    if (slottedInteractiveElements.length > 0) {\n      if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n        slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      } else if (!this.destructive) {\n        slottedInteractiveElements[\n          slottedInteractiveElements.length - 1\n        ].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      }\n    }\n    for (let i = 0; i < slottedInteractiveElements.length; i++) {\n      this.interactiveElementList.splice(\n        1 + i,\n        0,\n        slottedInteractiveElements[i] as HTMLElement\n      );\n    }\n  };\n\n  private getNextFocusEl = (focusedElementIndex: number) =>\n    this.interactiveElementList[focusedElementIndex];\n\n  private focusNextInteractiveElement = (shiftKey: boolean) => {\n    this.getFocusedElementIndex();\n    this.setFocusIndexBasedOnShiftKey(shiftKey);\n    this.loopNextFocusIndexIfLastElement();\n\n    let nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n\n    const isHidden =\n      getComputedStyle(nextFocusEl).visibility === \"hidden\" ||\n      (nextFocusEl.tagName === this.IC_ACCORDION_GROUP &&\n        nextFocusEl.hasAttribute(\"single-expansion\"));\n\n    if (nextFocusEl.tagName === this.IC_TEXT_FIELD) {\n      (nextFocusEl as HTMLIcTextFieldElement).setFocus();\n    } else {\n      if (isHidden) {\n        this.setFocusIndexBasedOnShiftKey(shiftKey);\n        this.loopNextFocusIndexIfLastElement();\n\n        nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n      }\n      if (nextFocusEl.tagName === this.IC_ACCORDION_GROUP) {\n        (nextFocusEl as HTMLIcAccordionGroupElement).setFocus();\n      } else if (nextFocusEl.tagName === this.IC_ACCORDION) {\n        (nextFocusEl as HTMLIcAccordionElement).setFocus();\n      } else {\n        (nextFocusEl as HTMLElement).focus();\n      }\n    }\n  };\n\n  private loopNextFocusIndexIfLastElement() {\n    if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n      this.focusedElementIndex = 0;\n    else if (this.focusedElementIndex < 0) {\n      this.focusedElementIndex = this.interactiveElementList.length - 1;\n    }\n  }\n\n  private setFocusIndexBasedOnShiftKey(shiftKey: boolean) {\n    if (shiftKey) {\n      this.focusedElementIndex -= 1;\n    } else {\n      this.focusedElementIndex += 1;\n    }\n  }\n\n  private renderDialog = () => {\n    const {\n      buttons,\n      size,\n      heading,\n      label,\n      destructive,\n      dismissLabel,\n      hideCloseButton,\n    } = this;\n\n    return (\n      <dialog\n        class={{\n          [\"dialog\"]: true,\n          [`${size}`]: true,\n          [\"disable-height-constraint\"]: this.disableHeightConstraint,\n          [\"disable-width-constraint\"]: this.disableWidthConstraint,\n        }}\n        aria-labelledby=\"dialog-label dialog-heading\"\n        aria-describedby=\"dialog-alert dialog-content\"\n        ref={(el) => (this.dialogEl = el)}\n      >\n        <div class=\"heading-area\">\n          <div class=\"heading-content\">\n            <div class=\"label\">\n              <slot name=\"label\">\n                <ic-typography variant=\"label\" id=\"dialog-label\">\n                  {label}\n                </ic-typography>\n              </slot>\n            </div>\n            <div class=\"heading\">\n              <slot name=\"heading\">\n                <ic-typography variant=\"h4\" id=\"dialog-heading\">\n                  {heading}\n                </ic-typography>\n              </slot>\n            </div>\n          </div>\n          {!hideCloseButton && (\n            <ic-button\n              class=\"close-icon\"\n              variant=\"icon\"\n              innerHTML={closeIcon}\n              aria-label={dismissLabel}\n              onClick={this.closeIconClick}\n              data-gets-focus={destructive || !buttons ? \"\" : null}\n            ></ic-button>\n          )}\n        </div>\n        <div class=\"content-area\">\n          {isSlotUsed(this.el, \"alert\") && <slot name=\"alert\"></slot>}\n          <div id=\"dialog-content\">\n            <slot></slot>\n          </div>\n        </div>\n        {buttons &&\n          (isSlotUsed(this.el, this.DIALOG_CONTROLS) ? (\n            <div\n              class={{\n                [this.DIALOG_CONTROLS]: true,\n              }}\n            >\n              <slot name={this.DIALOG_CONTROLS}></slot>\n            </div>\n          ) : (\n            <div\n              class={{\n                [this.DIALOG_CONTROLS]: true,\n              }}\n            >\n              <ic-button\n                variant=\"tertiary\"\n                onClick={() => this.cancelDialog()}\n                class=\"dialog-control-button\"\n                data-gets-focus={null}\n              >\n                Cancel\n              </ic-button>\n              <ic-button\n                variant={this.destructive ? \"destructive\" : \"primary\"}\n                onClick={() => this.confirmDialog()}\n                class=\"dialog-control-button\"\n                data-gets-focus=\"\"\n              >\n                Confirm\n              </ic-button>\n            </div>\n          ))}\n      </dialog>\n    );\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [\"ic-dialog-hidden\"]: !this.dialogRendered,\n          [\"ic-dialog-fade-in\"]: this.fadeIn,\n          [\"disable-height-constraint\"]: this.disableHeightConstraint,\n        }}\n      >\n        {this.disableHeightConstraint ? (\n          <div class=\"backdrop\" ref={(el) => (this.backdropEl = el)}>\n            {this.renderDialog()}\n          </div>\n        ) : (\n          this.renderDialog()\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-dialog.js","sourceRoot":"","sources":["../../../src/components/ic-dialog/ic-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  State,\n  Method,\n  Listen,\n  Watch,\n  h,\n  Fragment,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport {\n  isSlotUsed,\n  checkResizeObserver,\n  onComponentRequiredPropUndefined,\n  getSlotElements,\n} from \"../../utils/helpers\";\nimport { IcFocusableComponents, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\n@Component({\n  tag: \"ic-dialog\",\n  styleUrl: \"ic-dialog.css\",\n  shadow: true,\n})\nexport class Dialog {\n  private backdropEl?: HTMLDivElement;\n  private contentArea: HTMLSlotElement | null;\n  private contentAreaMutationObserver: MutationObserver | null = null;\n  private DATA_GETS_FOCUS: string = \"data-gets-focus\";\n  private DIALOG_CONTROLS: string = \"dialog-controls\";\n  private dialogEl?: HTMLDialogElement;\n  private dialogHeight: number = 0;\n  private focusedElementIndex = 0;\n  private IC_TEXT_FIELD: string = \"IC-TEXT-FIELD\";\n  private IC_ACCORDION: string = \"IC-ACCORDION\";\n  private IC_ACCORDION_GROUP: string = \"IC-ACCORDION-GROUP\";\n  private IC_CHECKBOX = \"IC-CHECKBOX\";\n  private IC_SEARCH_BAR: string = \"IC-SEARCH-BAR\";\n  private interactiveElementList: HTMLElement[];\n  private resizeObserver: ResizeObserver | null = null;\n  private resizeTimeout: number;\n  private sourceElement: HTMLElement;\n\n  @Element() el: HTMLIcDialogElement;\n\n  @State() dialogRendered: boolean = false;\n  @State() fadeIn: boolean = false;\n\n  /**\n   * If set to `false`, the dialog will not close when the backdrop is clicked.\n   */\n  @Prop() closeOnBackdropClick?: boolean = true;\n\n  /**\n   * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n   */\n  @Prop() destructive?: boolean = false;\n\n  /**\n   * Sets the dismiss label tooltip and aria label.\n   */\n  @Prop() dismissLabel?: string = \"Dismiss\";\n\n  /**\n   * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\n   * This prop also prevents popover elements from being cut off within the content area.\n   */\n  @Prop() disableHeightConstraint?: boolean = false;\n\n  /**\n   * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\n   */\n  @Prop() disableWidthConstraint?: boolean = false;\n\n  /**\n   * If `true`, the close button will not be displayed.\n   */\n  @Prop() hideCloseButton?: boolean = false;\n\n  /**\n   * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\n   */\n  @Prop() hideDefaultControls: boolean = false;\n\n  /**\n   * Sets the heading for the dialog.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Sets the optional label for the dialog which appears above the heading.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the dialog will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      this.dialogOpened();\n    } else {\n      this.fadeIn = false;\n      if (this.resizeObserver !== null) {\n        this.resizeObserver.disconnect();\n      }\n      setTimeout(() => {\n        this.dialogRendered = false;\n        this.dialogEl?.close();\n        this.sourceElement?.focus();\n        this.dialogHeight = 0;\n        this.icDialogClosed.emit();\n      }, 80);\n    }\n  }\n\n  /**\n   * Sets the maximum and minimum height and width for the dialog.\n   */\n  @Prop() size?: \"small\" | \"medium\" | \"large\" = \"small\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\n   */\n  @Event() icDialogCancelled: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has closed.\n   */\n  @Event() icDialogClosed: EventEmitter<void>;\n\n  /**\n   * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\n   */\n  @Event() icDialogConfirmed: EventEmitter<void>;\n\n  /**\n   * Emitted when dialog has opened.\n   */\n  @Event() icDialogOpened: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.removeSlotChangeListener();\n  }\n\n  componentDidLoad(): void {\n    this.getInteractiveElements();\n\n    this.refreshInteractiveElementsOnSlotChange();\n\n    if (this.open) {\n      this.dialogOpened();\n    }\n\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Dialog\"\n      );\n  }\n\n  componentDidRender(): void {\n    document.body.style.overflow =\n      getComputedStyle(this.el).display !== \"none\" &&\n      this.disableHeightConstraint\n        ? \"hidden\"\n        : \"auto\";\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeyboard(ev: KeyboardEvent): void {\n    if (this.dialogRendered) {\n      switch (ev.key) {\n        case \"Tab\":\n          if (this.onTabKeyPress(ev.shiftKey)) {\n            ev.preventDefault();\n          }\n          break;\n        case \"Escape\":\n          if (!ev.repeat) {\n            this.open = false;\n          }\n          ev.stopImmediatePropagation();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"click\", {})\n  handleClick(ev: MouseEvent): void {\n    if (\n      this.dialogEl &&\n      this.closeOnBackdropClick &&\n      ev.composedPath().indexOf(this.dialogEl) <= 0\n    ) {\n      const { top, height, left, width } =\n        this.dialogEl.getBoundingClientRect();\n      const isInDialog =\n        top <= ev.clientY &&\n        ev.clientY <= top + height &&\n        left <= ev.clientX &&\n        ev.clientX <= left + width;\n      if (!isInDialog) {\n        this.open = false;\n      }\n    }\n  }\n\n  /**\n   * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n   */\n  @Method()\n  async cancelDialog(): Promise<void> {\n    this.icDialogCancelled.emit();\n    this.open = false;\n  }\n\n  /**\n   * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n   */\n  @Method()\n  async confirmDialog(): Promise<void> {\n    this.icDialogConfirmed.emit();\n  }\n\n  private dialogOpened = () => {\n    this.dialogRendered = true;\n\n    if (this.disableHeightConstraint) {\n      this.dialogEl?.show();\n    } else {\n      this.dialogEl?.showModal();\n    }\n\n    setTimeout(() => {\n      this.fadeIn = true;\n\n      /**\n       * This is required to set scroll back to top if:\n       * - dialog content goes below the fold\n       * - is closed using cancel or confirm and reopened.\n       *\n       * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n       */\n      if (\n        this.backdropEl &&\n        this.disableHeightConstraint &&\n        this.backdropEl.scrollTop !== 0\n      ) {\n        this.backdropEl.scrollTop = 0;\n      }\n    }, 10);\n\n    setTimeout(() => {\n      this.setInitialFocus();\n      checkResizeObserver(this.runResizeObserver);\n    }, 75);\n\n    setTimeout(() => {\n      this.icDialogOpened.emit();\n    }, 80);\n  };\n\n  private runResizeObserver = () => {\n    if (this.dialogEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        clearTimeout(this.resizeTimeout);\n        this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n      });\n      this.resizeObserver.observe(this.dialogEl);\n    }\n  };\n\n  private resizeObserverCallback = () => {\n    if (this.dialogEl && this.dialogEl.clientHeight !== this.dialogHeight) {\n      this.dialogHeight = this.dialogEl.clientHeight;\n    }\n  };\n\n  private refreshInteractiveElementsOnSlotChange = () => {\n    const contentWrapper = this.el.shadowRoot?.querySelector(\"#dialog-content\");\n\n    if (contentWrapper) {\n      this.contentArea = contentWrapper.querySelector(\"slot\");\n\n      // Detect changes to slotted elements\n      this.contentArea?.addEventListener(\n        \"slotchange\",\n        this.getInteractiveElements\n      );\n\n      this.contentAreaMutationObserver = new MutationObserver(() => {\n        this.getInteractiveElements();\n      });\n\n      // Detect changes to children of slotted elements\n      getSlotElements(contentWrapper)?.forEach((el) => {\n        this.contentAreaMutationObserver?.observe(el, {\n          childList: true,\n          subtree: true,\n        });\n      });\n    }\n  };\n\n  private removeSlotChangeListener = () => {\n    if (this.contentArea) {\n      this.contentArea.removeEventListener(\n        \"slotchange\",\n        this.getInteractiveElements\n      );\n\n      this.contentAreaMutationObserver?.disconnect();\n    }\n  };\n\n  private setInitialFocus = () => {\n    this.sourceElement = document.activeElement as HTMLElement;\n    this.focusedElementIndex = this.interactiveElementList\n      ? this.interactiveElementList.findIndex((element) =>\n          element.hasAttribute(this.DATA_GETS_FOCUS)\n        )\n      : 0;\n    this.focusElement(this.interactiveElementList[this.focusedElementIndex]);\n  };\n\n  private getFocusedElementIndex = () => {\n    for (let i = 0; i < this.interactiveElementList.length; i++) {\n      if (\n        (this.interactiveElementList[i] as HTMLElement) ===\n        (this.el.shadowRoot?.activeElement || document.activeElement)\n      ) {\n        this.focusedElementIndex = i;\n      }\n    }\n  };\n\n  private closeIconClick = () => {\n    this.open = false;\n  };\n\n  private getInteractiveElements = () => {\n    this.interactiveElementList = Array.from(\n      this.el.shadowRoot?.querySelectorAll(\"ic-button\") || []\n    );\n    const slottedInteractiveElements = Array.from(\n      this.el.querySelectorAll(\n        `a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]),\n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, \n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button,\n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`\n      )\n    );\n    if (slottedInteractiveElements.length > 0) {\n      if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n        slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      } else if (!this.destructive) {\n        slottedInteractiveElements[\n          slottedInteractiveElements.length - 1\n        ].setAttribute(this.DATA_GETS_FOCUS, \"\");\n      }\n    }\n    for (let i = 0; i < slottedInteractiveElements.length; i++) {\n      this.interactiveElementList.splice(\n        1 + i,\n        0,\n        slottedInteractiveElements[i] as HTMLElement\n      );\n    }\n  };\n\n  private getNextFocusEl = (focusedElementIndex: number) =>\n    this.interactiveElementList[focusedElementIndex];\n\n  private onTabKeyPress = (shiftKey: boolean): boolean => {\n    this.getFocusedElementIndex();\n\n    if (\n      this.interactiveElementList[this.focusedElementIndex].tagName ===\n      this.IC_SEARCH_BAR\n    ) {\n      return false;\n    }\n\n    this.setFocusIndexBasedOnShiftKey(shiftKey);\n    this.loopNextFocusIndexIfLastElement();\n\n    this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n    return true;\n  };\n\n  private shouldSkipElement = (element: HTMLElement): boolean => {\n    const isHidden =\n      getComputedStyle(element).visibility === \"hidden\" ||\n      element.offsetHeight === 0 ||\n      element.hasAttribute(\"disabled\") ||\n      (element.tagName === this.IC_ACCORDION_GROUP &&\n        element.hasAttribute(\"single-expansion\"));\n\n    const radioEl = element.closest(\"ic-radio-option\");\n\n    return (\n      isHidden ||\n      (element.getAttribute(\"type\") === \"radio\" &&\n        !!radioEl &&\n        !radioEl.hasAttribute(\"selected\"))\n    );\n  };\n\n  private focusElement = (element: HTMLElement, shiftKey = false) => {\n    let nextFocusEl = element;\n\n    if (this.shouldSkipElement(element)) {\n      this.setFocusIndexBasedOnShiftKey(shiftKey);\n      this.loopNextFocusIndexIfLastElement();\n\n      nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n      this.focusElement(nextFocusEl, shiftKey);\n    } else {\n      switch (element.tagName) {\n        case this.IC_ACCORDION_GROUP:\n        case this.IC_ACCORDION:\n        case this.IC_SEARCH_BAR:\n        case this.IC_TEXT_FIELD:\n        case this.IC_CHECKBOX:\n          (element as IcFocusableComponents).setFocus();\n          break;\n        default:\n          (element as HTMLElement).focus();\n      }\n    }\n  };\n\n  private loopNextFocusIndexIfLastElement() {\n    if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n      this.focusedElementIndex = 0;\n    else if (this.focusedElementIndex < 0) {\n      this.focusedElementIndex = this.interactiveElementList.length - 1;\n    }\n  }\n\n  private setFocusIndexBasedOnShiftKey(shiftKey: boolean) {\n    if (shiftKey) {\n      this.focusedElementIndex -= 1;\n    } else {\n      this.focusedElementIndex += 1;\n    }\n  }\n\n  private renderDialog = () => {\n    const {\n      hideDefaultControls,\n      size,\n      heading,\n      label,\n      destructive,\n      dismissLabel,\n      hideCloseButton,\n      disableHeightConstraint,\n      disableWidthConstraint,\n      closeIconClick,\n      DIALOG_CONTROLS,\n    } = this;\n\n    const controlsSlotUsed = isSlotUsed(this.el, DIALOG_CONTROLS);\n\n    return (\n      <dialog\n        class={{\n          dialog: true,\n          [`${size}`]: true,\n          \"disable-height-constraint\": !!disableHeightConstraint,\n          \"disable-width-constraint\": !!disableWidthConstraint,\n        }}\n        aria-labelledby=\"dialog-label dialog-heading\"\n        aria-describedby=\"dialog-alert dialog-content\"\n        ref={(el) => (this.dialogEl = el)}\n      >\n        <div class=\"heading-area\">\n          <div class=\"heading-content\">\n            <div class=\"label\">\n              <slot name=\"label\">\n                <ic-typography variant=\"label\" id=\"dialog-label\">\n                  {label}\n                </ic-typography>\n              </slot>\n            </div>\n            <div class=\"heading\">\n              <slot name=\"heading\">\n                <ic-typography variant=\"h4\" id=\"dialog-heading\">\n                  {heading}\n                </ic-typography>\n              </slot>\n            </div>\n          </div>\n          {!hideCloseButton && (\n            <ic-button\n              class=\"close-icon\"\n              variant=\"icon\"\n              innerHTML={closeIcon}\n              aria-label={dismissLabel}\n              onClick={closeIconClick}\n              data-gets-focus={\n                destructive || (hideDefaultControls && !controlsSlotUsed)\n                  ? \"\"\n                  : null\n              }\n            ></ic-button>\n          )}\n        </div>\n        <div class=\"content-area\">\n          {isSlotUsed(this.el, \"alert\") && <slot name=\"alert\" />}\n          <div id=\"dialog-content\">\n            <slot />\n          </div>\n        </div>\n        {(controlsSlotUsed || !hideDefaultControls) && (\n          <div\n            class={{\n              [DIALOG_CONTROLS]: true,\n            }}\n          >\n            {controlsSlotUsed ? (\n              <slot name={DIALOG_CONTROLS} />\n            ) : (\n              <Fragment>\n                <ic-button\n                  variant=\"tertiary\"\n                  onClick={() => this.cancelDialog()}\n                  class=\"dialog-control-button\"\n                  data-gets-focus={null}\n                >\n                  Cancel\n                </ic-button>\n                <ic-button\n                  variant={destructive ? \"destructive\" : \"primary\"}\n                  onClick={() => this.confirmDialog()}\n                  class=\"dialog-control-button\"\n                  data-gets-focus=\"\"\n                >\n                  Confirm\n                </ic-button>\n              </Fragment>\n            )}\n          </div>\n        )}\n      </dialog>\n    );\n  };\n\n  render() {\n    const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;\n\n    return (\n      <Host\n        class={{\n          \"ic-dialog-hidden\": !dialogRendered,\n          \"ic-dialog-fade-in\": fadeIn,\n          \"disable-height-constraint\": !!disableHeightConstraint,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        {disableHeightConstraint ? (\n          <div class=\"backdrop\" ref={(el) => (this.backdropEl = el)}>\n            {this.renderDialog()}\n          </div>\n        ) : (\n          this.renderDialog()\n        )}\n      </Host>\n    );\n  }\n}\n"]}