@esri/solutions-components 0.2.2 → 0.2.4

package/dist/cjs/calcite-modal.cjs.entry.js

@@ -1,449 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a86078a0.js');
-const dom = require('./dom-4a580af6.js');
-const observers = require('./observers-5311faf8.js');
-const conditionalSlot = require('./conditionalSlot-2defe83d.js');
-const openCloseComponent = require('./openCloseComponent-bf986132.js');
-require('./resources-b56bce71.js');
-require('./guid-84ac4d91.js');
-
-/**
- * Traverses the slots of the open shadowroots and returns all children matching the query.
- * @param {ShadowRoot | HTMLElement} root
- * @param skipNode
- * @param isMatch
- * @param {number} maxDepth
- * @param {number} depth
- * @returns {HTMLElement[]}
- */
-function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
-    let matches = [];
-    // If the depth is above the max depth, abort the searching here.
-    if (depth >= maxDepth) {
-        return matches;
-    }
-    // Traverses a slot element
-    const traverseSlot = ($slot) => {
-        // Only check nodes that are of the type Node.ELEMENT_NODE
-        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
-        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);
-        if (assignedNodes.length > 0) {
-            return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);
-        }
-        return [];
-    };
-    // Go through each child and continue the traversing if necessary
-    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
-    // Therefore we fallback to an empty array if it is undefined.
-    const children = Array.from(root.children || []);
-    for (const $child of children) {
-        // Check if the node and its descendants should be skipped
-        if (skipNode($child)) {
-            continue;
-        }
-        // If the child matches we always add it
-        if (isMatch($child)) {
-            matches.push($child);
-        }
-        if ($child.shadowRoot != null) {
-            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
-        }
-        else if ($child.tagName === "SLOT") {
-            matches.push(...traverseSlot($child));
-        }
-        else {
-            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
-        }
-    }
-    return matches;
-}
-
-/**
- * Returns whether the element is hidden.
- * @param $elem
- */
-function isHidden($elem) {
-    return $elem.hasAttribute("hidden")
-        || ($elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false")
-        // A quick and dirty way to check whether the element is hidden.
-        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
-        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
-        // we won't be able to catch it here. We accept it due to the huge performance benefits.
-        || $elem.style.display === `none`
-        || $elem.style.opacity === `0`
-        || $elem.style.visibility === `hidden`
-        || $elem.style.visibility === `collapse`;
-    // If offsetParent is null we can assume that the element is hidden
-    // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null
-    //|| $elem.offsetParent == null;
-}
-/**
- * Returns whether the element is disabled.
- * @param $elem
- */
-function isDisabled($elem) {
-    return $elem.hasAttribute("disabled")
-        || ($elem.hasAttribute("aria-disabled") && $elem.getAttribute("aria-disabled") !== "false");
-}
-/**
- * Determines whether an element is focusable.
- * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
- * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
- * @param $elem
- */
-function isFocusable($elem) {
-    // Discard elements that are removed from the tab order.
-    if ($elem.getAttribute("tabindex") === "-1" || isHidden($elem) || isDisabled($elem)) {
-        return false;
-    }
-    return (
-    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
-    $elem.hasAttribute("tabindex")
-        // Anchor tags or area tags with a href set
-        || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute("href")
-        // Form elements which are not disabled
-        || ($elem instanceof HTMLButtonElement
-            || $elem instanceof HTMLInputElement
-            || $elem instanceof HTMLTextAreaElement
-            || $elem instanceof HTMLSelectElement)
-        // IFrames
-        || $elem instanceof HTMLIFrameElement);
-}
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  modal: "modal",
-  modalOpen: "modal--open",
-  title: "title",
-  header: "header",
-  footer: "footer",
-  scrim: "scrim",
-  back: "back",
-  close: "close",
-  secondary: "secondary",
-  primary: "primary",
-  overflowHidden: "overflow-hidden",
-  // these classes help apply the animation in phases to only set transform on open/close
-  // this helps avoid a positioning issue for any floating-ui-owning children
-  openingIdle: "modal--opening-idle",
-  openingActive: "modal--opening-active",
-  closingIdle: "modal--closing-idle",
-  closingActive: "modal--closing-active"
-};
-const ICONS = {
-  close: "x"
-};
-const SLOTS = {
-  content: "content",
-  header: "header",
-  back: "back",
-  secondary: "secondary",
-  primary: "primary"
-};
-const TEXT = {
-  close: "Close"
-};
-
-const modalCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:fixed;inset:0px;z-index:700;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1);--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0);--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1);--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:800;float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([open]){opacity:1;visibility:visible !important;transition-delay:0ms}:host([open]) .modal--open{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:400;display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-start-end-radius:0.25rem;padding-block:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));padding-inline:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding, var(--calcite-model-padding-internal));padding-inline:var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal))}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text, var(--calcite-modal-title-text-internal))}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-block-size:calc(100vh - 12rem)}.content--spaced{padding:var(--calcite-modal-padding)}.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text, var(--calcite-modal-context-text-internal))}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{z-index:400;-webkit-margin-before:auto;margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));padding-inline:var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal))}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;-webkit-margin-end:auto;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width=s]) .modal{max-inline-size:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([width=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width=s][docked]){align-items:flex-end}}:host([width=m]) .modal{max-inline-size:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([width=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width=m][docked]){align-items:flex-end}}:host([width=l]) .modal{max-inline-size:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([width=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width=l][docked]){align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([open][fullscreen]) .header{border-radius:0}:host([open][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{block-size:auto}:host([docked]) .content{block-size:auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer{flex-direction:column}.back,.secondary{margin:0px;-webkit-margin-after:0.25rem;margin-block-end:0.25rem}}";
-
-const isFocusableExtended = (el) => {
-  return dom.isCalciteFocusable(el) || isFocusable(el);
-};
-const getFocusableElements = (el) => {
-  return queryShadowRoot(el, isHidden, isFocusableExtended);
-};
-const Modal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteModalBeforeClose = index.createEvent(this, "calciteModalBeforeClose", 6);
-    this.calciteModalClose = index.createEvent(this, "calciteModalClose", 6);
-    this.calciteModalBeforeOpen = index.createEvent(this, "calciteModalBeforeOpen", 6);
-    this.calciteModalOpen = index.createEvent(this, "calciteModalOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays and positions the component.  */
-    this.open = false;
-    /** Passes a function to run before the component closes. */
-    this.beforeClose = () => Promise.resolve();
-    /** When `true`, disables the component's close button. */
-    this.disableCloseButton = false;
-    /** When `true`, disables the closing of the component when clicked outside. */
-    this.disableOutsideClose = false;
-    /** Accessible name for the component's close button. */
-    this.intlClose = TEXT.close;
-    /** When `true`, disables the default close on escape behavior. */
-    this.disableEscape = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
-    this.width = "m";
-    /** Sets the background color of the component's content. */
-    this.backgroundColor = "white";
-    /**
-     * When `true`, disables spacing to the content area slot.
-     *
-     * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
-     */
-    this.noPadding = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Variables
-    //
-    //--------------------------------------------------------------------------
-    this.hasFooter = true;
-    /**
-     * We use internal variable to make sure initially open modal can transition from closed state when rendered
-     *
-     * @private
-     */
-    this.isOpen = false;
-    this.mutationObserver = observers.createObserver("mutation", () => this.updateFooterVisibility());
-    this.openTransitionProp = "opacity";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.setTransitionEl = (el) => {
-      this.transitionEl = el;
-      openCloseComponent.connectOpenCloseComponent(this);
-    };
-    this.openEnd = () => {
-      this.setFocus();
-      this.el.removeEventListener("calciteModalOpen", this.openEnd);
-    };
-    this.handleOutsideClose = () => {
-      if (this.disableOutsideClose) {
-        return;
-      }
-      this.close();
-    };
-    /** Close the modal, first running the `beforeClose` method */
-    this.close = () => {
-      return this.beforeClose(this.el).then(() => {
-        this.open = false;
-        this.isOpen = false;
-        dom.focusElement(this.previousActiveElement);
-        this.removeOverflowHiddenClass();
-      });
-    };
-    this.focusFirstElement = () => {
-      dom.focusElement(this.disableCloseButton ? getFocusableElements(this.el)[0] : this.closeButtonEl);
-    };
-    this.focusLastElement = () => {
-      const focusableElements = getFocusableElements(this.el).filter((el) => !el.getAttribute("data-focus-fence"));
-      if (focusableElements.length > 0) {
-        dom.focusElement(focusableElements[focusableElements.length - 1]);
-      }
-      else {
-        dom.focusElement(this.closeButtonEl);
-      }
-    };
-    this.updateFooterVisibility = () => {
-      this.hasFooter = !!dom.getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    // when modal initially renders, if active was set we need to open as watcher doesn't fire
-    if (this.open) {
-      requestAnimationFrame(() => this.openModal());
-    }
-  }
-  connectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-    this.updateFooterVisibility();
-    conditionalSlot.connectConditionalSlotComponent(this);
-    openCloseComponent.connectOpenCloseComponent(this);
-    if (this.open) {
-      this.active = this.open;
-    }
-    if (this.active) {
-      this.activeHandler(this.active);
-    }
-  }
-  disconnectedCallback() {
-    var _a;
-    this.removeOverflowHiddenClass();
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    conditionalSlot.disconnectConditionalSlotComponent(this);
-    openCloseComponent.disconnectOpenCloseComponent(this);
-  }
-  render() {
-    return (index.h(index.Host, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, index.h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), index.h("div", { class: {
-        [CSS.modal]: true,
-        [CSS.modalOpen]: this.isOpen
-      }, ref: this.setTransitionEl }, index.h("div", { "data-focus-fence": true, onFocus: this.focusLastElement, tabindex: "0" }), index.h("div", { class: CSS.header }, this.renderCloseButton(), index.h("header", { class: CSS.title }, index.h("slot", { name: CSS.header }))), index.h("div", { class: {
-        content: true,
-        "content--spaced": !this.noPadding,
-        "content--no-footer": !this.hasFooter
-      }, ref: (el) => (this.modalContent = el) }, index.h("slot", { name: SLOTS.content })), this.renderFooter(), index.h("div", { "data-focus-fence": true, onFocus: this.focusFirstElement, tabindex: "0" }))));
-  }
-  renderFooter() {
-    return this.hasFooter ? (index.h("div", { class: CSS.footer, key: "footer" }, index.h("span", { class: CSS.back }, index.h("slot", { name: SLOTS.back })), index.h("span", { class: CSS.secondary }, index.h("slot", { name: SLOTS.secondary })), index.h("span", { class: CSS.primary }, index.h("slot", { name: SLOTS.primary })))) : null;
-  }
-  renderCloseButton() {
-    return !this.disableCloseButton ? (index.h("button", { "aria-label": this.intlClose, class: CSS.close, key: "button", onClick: this.close, ref: (el) => (this.closeButtonEl = el), title: this.intlClose }, index.h("calcite-icon", { icon: ICONS.close, scale: this.scale === "s" ? "s" : this.scale === "m" ? "m" : this.scale === "l" ? "l" : null }))) : null;
-  }
-  renderStyle() {
-    const hasCustomWidth = !isNaN(parseInt(`${this.width}`));
-    return hasCustomWidth ? (index.h("style", null, `
-        .${CSS.modal} {
-          max-width: ${this.width}px !important;
-        }
-        @media screen and (max-width: ${this.width}px) {
-          .${CSS.modal} {
-            height: 100% !important;
-            max-height: 100% !important;
-            width: 100% !important;
-            max-width: 100% !important;
-            margin: 0 !important;
-            border-radius: 0 !important;
-          }
-          .content {
-            flex: 1 1 auto !important;
-            max-height: unset !important;
-          }
-        }
-      `)) : null;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  handleEscape(event) {
-    if (this.open && !this.disableEscape && event.key === "Escape" && !event.defaultPrevented) {
-      this.close();
-      event.preventDefault();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Focus the first interactive element.
-   *
-   * @param el
-   * @deprecated use `setFocus` instead.
-   */
-  async focusElement(el) {
-    if (el) {
-      el.focus();
-    }
-    return this.setFocus();
-  }
-  /**
-   * Sets focus on the component.
-   *
-   * By default, tries to focus on focusable content. If there is none, it will focus on the close button.
-   * To focus on the close button, use the `close-button` focus ID.
-   *
-   * @param focusId
-   */
-  async setFocus(focusId) {
-    const closeButton = this.closeButtonEl;
-    return dom.focusElement(focusId === "close-button" ? closeButton : getFocusableElements(this.el)[0] || closeButton);
-  }
-  /**
-   * Sets the scroll top of the component's content.
-   *
-   * @param top
-   * @param left
-   */
-  async scrollContent(top = 0, left = 0) {
-    if (this.modalContent) {
-      if (this.modalContent.scrollTo) {
-        this.modalContent.scrollTo({ top, left, behavior: "smooth" });
-      }
-      else {
-        this.modalContent.scrollTop = top;
-        this.modalContent.scrollLeft = left;
-      }
-    }
-  }
-  onBeforeOpen() {
-    this.transitionEl.classList.add(CSS.openingActive);
-    this.calciteModalBeforeOpen.emit();
-  }
-  onOpen() {
-    this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);
-    this.calciteModalOpen.emit();
-  }
-  onBeforeClose() {
-    this.transitionEl.classList.add(CSS.closingActive);
-    this.calciteModalBeforeClose.emit();
-  }
-  onClose() {
-    this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);
-    this.calciteModalClose.emit();
-  }
-  activeHandler(value) {
-    this.open = value;
-  }
-  async toggleModal(value) {
-    var _a, _b;
-    this.active = value;
-    if (value) {
-      (_a = this.transitionEl) === null || _a === void 0 ? void 0 : _a.classList.add(CSS.openingIdle);
-      this.openModal();
-    }
-    else {
-      (_b = this.transitionEl) === null || _b === void 0 ? void 0 : _b.classList.add(CSS.closingIdle);
-      this.close();
-    }
-  }
-  /** Open the modal */
-  openModal() {
-    this.previousActiveElement = document.activeElement;
-    this.el.addEventListener("calciteModalOpen", this.openEnd);
-    this.open = true;
-    this.isOpen = true;
-    const titleEl = dom.getSlotted(this.el, SLOTS.header);
-    const contentEl = dom.getSlotted(this.el, SLOTS.content);
-    this.titleId = dom.ensureId(titleEl);
-    this.contentId = dom.ensureId(contentEl);
-    document.documentElement.classList.add(CSS.overflowHidden);
-  }
-  removeOverflowHiddenClass() {
-    document.documentElement.classList.remove(CSS.overflowHidden);
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "open": ["toggleModal"]
-  }; }
-};
-Modal.style = modalCss;
-
-exports.calcite_modal = Modal;
-
-//# sourceMappingURL=calcite-modal.cjs.entry.js.map

package/dist/cjs/calcite-modal.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-modal.entry.cjs.js","mappings":"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","names":["isCalciteFocusable","createObserver","connectOpenCloseComponent","focusElement","getSlotted","connectConditionalSlotComponent","disconnectConditionalSlotComponent","disconnectOpenCloseComponent","h","Host","ensureId"],"sources":["./node_modules/@a11y/focus-trap/shadow.js","./node_modules/@a11y/focus-trap/focusable.js","./node_modules/@esri/calcite-components/dist/collection/components/modal/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/modal/modal.css?tag=calcite-modal&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/modal/modal.js"],"sourcesContent":["/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {\n    let matches = [];\n    // If the depth is above the max depth, abort the searching here.\n    if (depth >= maxDepth) {\n        return matches;\n    }\n    // Traverses a slot element\n    const traverseSlot = ($slot) => {\n        // Only check nodes that are of the type Node.ELEMENT_NODE\n        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);\n        if (assignedNodes.length > 0) {\n            return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);\n        }\n        return [];\n    };\n    // Go through each child and continue the traversing if necessary\n    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n    // Therefore we fallback to an empty array if it is undefined.\n    const children = Array.from(root.children || []);\n    for (const $child of children) {\n        // Check if the node and its descendants should be skipped\n        if (skipNode($child)) {\n            continue;\n        }\n        // If the child matches we always add it\n        if (isMatch($child)) {\n            matches.push($child);\n        }\n        if ($child.shadowRoot != null) {\n            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));\n        }\n        else if ($child.tagName === \"SLOT\") {\n            matches.push(...traverseSlot($child));\n        }\n        else {\n            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));\n        }\n    }\n    return matches;\n}\n//# sourceMappingURL=shadow.js.map","/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem) {\n    return $elem.hasAttribute(\"hidden\")\n        || ($elem.hasAttribute(\"aria-hidden\") && $elem.getAttribute(\"aria-hidden\") !== \"false\")\n        // A quick and dirty way to check whether the element is hidden.\n        // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n        // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n        // we won't be able to catch it here. We accept it due to the huge performance benefits.\n        || $elem.style.display === `none`\n        || $elem.style.opacity === `0`\n        || $elem.style.visibility === `hidden`\n        || $elem.style.visibility === `collapse`;\n    // If offsetParent is null we can assume that the element is hidden\n    // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n    //|| $elem.offsetParent == null;\n}\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem) {\n    return $elem.hasAttribute(\"disabled\")\n        || ($elem.hasAttribute(\"aria-disabled\") && $elem.getAttribute(\"aria-disabled\") !== \"false\");\n}\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem) {\n    // Discard elements that are removed from the tab order.\n    if ($elem.getAttribute(\"tabindex\") === \"-1\" || isHidden($elem) || isDisabled($elem)) {\n        return false;\n    }\n    return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute(\"tabindex\")\n        // Anchor tags or area tags with a href set\n        || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute(\"href\")\n        // Form elements which are not disabled\n        || ($elem instanceof HTMLButtonElement\n            || $elem instanceof HTMLInputElement\n            || $elem instanceof HTMLTextAreaElement\n            || $elem instanceof HTMLSelectElement)\n        // IFrames\n        || $elem instanceof HTMLIFrameElement);\n}\n//# sourceMappingURL=focusable.js.map","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  modal: \"modal\",\n  modalOpen: \"modal--open\",\n  title: \"title\",\n  header: \"header\",\n  footer: \"footer\",\n  scrim: \"scrim\",\n  back: \"back\",\n  close: \"close\",\n  secondary: \"secondary\",\n  primary: \"primary\",\n  overflowHidden: \"overflow-hidden\",\n  // these classes help apply the animation in phases to only set transform on open/close\n  // this helps avoid a positioning issue for any floating-ui-owning children\n  openingIdle: \"modal--opening-idle\",\n  openingActive: \"modal--opening-active\",\n  closingIdle: \"modal--closing-idle\",\n  closingActive: \"modal--closing-active\"\n};\nexport const ICONS = {\n  close: \"x\"\n};\nexport const SLOTS = {\n  content: \"content\",\n  header: \"header\",\n  back: \"back\",\n  secondary: \"secondary\",\n  primary: \"primary\"\n};\nexport const TEXT = {\n  close: \"Close\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-modal-content-text: [Deprecated] The component content's font size.\n* @prop --calcite-modal-padding: [Deprecated] The padding around content area slot.\n* @prop --calcite-modal-padding-large: [Deprecated] The left/right padding around items within the component.\n* @prop --calcite-modal-title-text: [Deprecated] The component title's font size.\n* @prop --calcite-scrim-background: [Deprecated] The component's semi-transparent background color.\n*/\n:host {\n  position: fixed;\n  inset: 0px;\n  z-index: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow-y: hidden;\n  color: var(--calcite-ui-text-2);\n  opacity: 0;\n  visibility: hidden !important;\n  transition: visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);\n}\n\n:host([scale=s]) {\n  --calcite-modal-padding: 0.75rem;\n  --calcite-modal-padding-large: 1rem;\n  --calcite-modal-title-text: var(--calcite-font-size-1);\n  --calcite-modal-content-text: var(--calcite-font-size--1);\n  --calcite-modal-padding-internal: 0.75rem;\n  --calcite-modal-padding-large-internal: 1rem;\n  --calcite-modal-title-text-internal: var(--calcite-font-size-1);\n  --calcite-modal-content-text-internal: var(--calcite-font-size--1);\n}\n\n:host([scale=m]) {\n  --calcite-modal-padding: 1rem;\n  --calcite-modal-padding-large: 1.25rem;\n  --calcite-modal-title-text: var(--calcite-font-size-2);\n  --calcite-modal-content-text: var(--calcite-font-size-0);\n  --calcite-modal-padding-internal: 1rem;\n  --calcite-modal-padding-large-internal: 1.25rem;\n  --calcite-modal-title-text-internal: var(--calcite-font-size-2);\n  --calcite-modal-content-text-internal: var(--calcite-font-size-0);\n}\n\n:host([scale=l]) {\n  --calcite-modal-padding: 1.25rem;\n  --calcite-modal-padding-large: 1.5rem;\n  --calcite-modal-title-text: var(--calcite-font-size-3);\n  --calcite-modal-content-text: var(--calcite-font-size-1);\n  --calcite-modal-padding-internal: 1.25rem;\n  --calcite-modal-padding-large-internal: 1.5rem;\n  --calcite-modal-title-text-internal: var(--calcite-font-size-3);\n  --calcite-modal-content-text-internal: var(--calcite-font-size-1);\n}\n\n.scrim {\n  --calcite-scrim-background: rgba(0, 0, 0, 0.75);\n  position: fixed;\n  inset: 0px;\n  display: flex;\n  overflow-y: hidden;\n}\n\n.modal {\n  pointer-events: none;\n  z-index: 800;\n  float: none;\n  margin: 1.5rem;\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  border-radius: 0.25rem;\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: 0;\n  --tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);\n  --tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  -webkit-overflow-scrolling: touch;\n  visibility: hidden;\n  transition: transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);\n  --calcite-modal-hidden-position: translate3d(0, 20px, 0);\n  --calcite-modal-shown-position: translate3d(0, 0, 0);\n}\n.modal--opening-idle {\n  transform: var(--calcite-modal-hidden-position);\n}\n.modal--opening-active {\n  transform: var(--calcite-modal-shown-position);\n}\n.modal--closing-idle {\n  transform: var(--calcite-modal-shown-position);\n}\n.modal--closing-active {\n  transform: var(--calcite-modal-hidden-position);\n}\n\n:host([open]) {\n  opacity: 1;\n  visibility: visible !important;\n  transition-delay: 0ms;\n}\n:host([open]) .modal--open {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n  transition: transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);\n  transition-delay: 0ms;\n}\n\n/**\n * Header\n */\n.header {\n  z-index: 400;\n  display: flex;\n  min-inline-size: 0px;\n  max-inline-size: 100%;\n  border-start-start-radius: 0.25rem;\n  border-start-end-radius: 0.25rem;\n  border-width: 0px;\n  border-block-end-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  background-color: var(--calcite-ui-foreground-1);\n  flex: 0 0 auto;\n}\n\n.close {\n  order: 2;\n  margin: 0px;\n  cursor: pointer;\n  -webkit-appearance: none;\n          appearance: none;\n  border-style: none;\n  background-color: transparent;\n  color: var(--calcite-ui-text-3);\n  outline-color: transparent;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  border-start-end-radius: 0.25rem;\n  padding-block: var(--calcite-modal-padding, var(--calcite-modal-padding-internal));\n  padding-inline: var(--calcite-modal-padding, var(--calcite-modal-padding-internal));\n  flex: 0 0 auto;\n}\n.close calcite-icon {\n  pointer-events: none;\n  vertical-align: -2px;\n}\n.close:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n.close:hover,  .close:focus,  .close:active {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n\n.title {\n  order: 1;\n  display: flex;\n  min-inline-size: 0px;\n  align-items: center;\n  flex: 1 1 auto;\n  padding-block: var(--calcite-modal-padding, var(--calcite-model-padding-internal));\n  padding-inline: var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal));\n}\n\nslot[name=header]::slotted(*), \n*::slotted([slot=header]) {\n  margin: 0px;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-1);\n  font-size: var(--calcite-modal-title-text, var(--calcite-modal-title-text-internal));\n}\n\n/**\n * Content area\n */\n.content {\n  position: relative;\n  box-sizing: border-box;\n  display: block;\n  block-size: 100%;\n  overflow: auto;\n  background-color: var(--calcite-ui-foreground-1);\n  padding: 0px;\n  max-block-size: calc(100vh - 12rem);\n}\n\n.content--spaced {\n  padding: var(--calcite-modal-padding);\n}\n\n.content--no-footer {\n  border-end-end-radius: 0.25rem;\n  border-end-start-radius: 0.25rem;\n}\n\nslot[name=content]::slotted(*),\n*::slotted([slot=content]) {\n  font-size: var(--calcite-modal-content-text, var(--calcite-modal-context-text-internal));\n}\n\n:host([background-color=grey]) .content {\n  background-color: var(--calcite-ui-background);\n}\n\n/**\n * Footer\n */\n.footer {\n  z-index: 400;\n  margin-block-start: auto;\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  justify-content: space-between;\n  border-end-end-radius: 0.25rem;\n  border-end-start-radius: 0.25rem;\n  border-width: 0px;\n  border-block-start-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  background-color: var(--calcite-ui-foreground-1);\n  flex: 0 0 auto;\n  padding-block: var(--calcite-modal-padding, var(--calcite-modal-padding-internal));\n  padding-inline: var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal));\n}\n\n.footer--hide-back .back, \n.footer--hide-secondary .secondary {\n  display: none;\n}\n\n.back {\n  display: block;\n  margin-inline-end: auto;\n}\n\n.secondary {\n  margin-inline: 0.25rem;\n  display: block;\n}\n\nslot[name=primary] {\n  display: block;\n}\n\n/**\n * Sizes\n */\n:host([width=small]) .modal {\n  inline-size: auto;\n}\n\n:host([width=s]) .modal {\n  max-inline-size: 32rem;\n}\n\n@media screen and (max-width: 35rem) {\n  :host([width=s]) .modal {\n    margin: 0px;\n    block-size: 100%;\n    max-block-size: 100%;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-radius: 0px;\n  }\n  :host([width=s]) .content {\n    flex: 1 1 auto;\n    max-block-size: unset;\n  }\n\n  :host([width=s][docked]) {\n    align-items: flex-end;\n  }\n}\n:host([width=m]) .modal {\n  max-inline-size: 48rem;\n}\n\n@media screen and (max-width: 51rem) {\n  :host([width=m]) .modal {\n    margin: 0px;\n    block-size: 100%;\n    max-block-size: 100%;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-radius: 0px;\n  }\n  :host([width=m]) .content {\n    flex: 1 1 auto;\n    max-block-size: unset;\n  }\n\n  :host([width=m][docked]) {\n    align-items: flex-end;\n  }\n}\n:host([width=l]) .modal {\n  max-inline-size: 94rem;\n}\n\n@media screen and (max-width: 97rem) {\n  :host([width=l]) .modal {\n    margin: 0px;\n    block-size: 100%;\n    max-block-size: 100%;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-radius: 0px;\n  }\n  :host([width=l]) .content {\n    flex: 1 1 auto;\n    max-block-size: unset;\n  }\n\n  :host([width=l][docked]) {\n    align-items: flex-end;\n  }\n}\n/**\n * Fullscreen\n */\n:host([fullscreen]) {\n  background-color: transparent;\n}\n:host([fullscreen]) .modal {\n  margin: 0px;\n  block-size: 100%;\n  max-block-size: 100%;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  --calcite-modal-hidden-position: translate3D(0, 20px, 0) scale(0.95);\n  --calcite-modal-shown-position: translate3D(0, 0, 0) scale(1);\n}\n:host([fullscreen]) .content {\n  max-block-size: 100%;\n  flex: 1 1 auto;\n}\n\n:host([open][fullscreen]) .header {\n  border-radius: 0;\n}\n:host([open][fullscreen]) .footer {\n  border-radius: 0;\n}\n\n/**\n * Docked\n */\n:host([docked]) .modal {\n  block-size: auto;\n}\n:host([docked]) .content {\n  block-size: auto;\n  flex: 1 1 auto;\n}\n@media screen and (max-width: 860px) {\n  :host([docked]) .modal {\n    border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n  }\n  :host([docked]) .close {\n    border-start-end-radius: var(--calcite-border-radius);\n  }\n}\n\n/**\n * Colors\n */\n:host([color=red]) .modal {\n  border-color: var(--calcite-ui-danger);\n}\n\n:host([color=blue]) .modal {\n  border-color: var(--calcite-ui-info);\n}\n\n:host([color=red]) .modal, \n:host([color=blue]) .modal {\n  border-width: 0px;\n  border-block-start-width: 4px;\n  border-style: solid;\n}\n:host([color=red]) .header, \n:host([color=blue]) .header {\n  border-radius: 0.25rem;\n  border-end-end-radius: 0px;\n  border-end-start-radius: 0px;\n}\n\n/**\n * Tablet\n */\n@media screen and (max-width: 860px) {\n  slot[name=header]::slotted(*), \n*::slotted([slot=header]) {\n    font-size: var(--calcite-font-size-1);\n  }\n\n  .footer {\n    position: sticky;\n    inset-block-end: 0px;\n  }\n}\n/**\n * Mobile\n */\n@media screen and (max-width: 480px) {\n  .footer {\n    flex-direction: column;\n  }\n\n  .back, \n.secondary {\n    margin: 0px;\n    margin-block-end: 0.25rem;\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { ensureId, focusElement, getSlotted, isCalciteFocusable } from \"../../utils/dom\";\nimport { queryShadowRoot } from \"@a11y/focus-trap/shadow\";\nimport { isFocusable, isHidden } from \"@a11y/focus-trap/focusable\";\nimport { CSS, ICONS, SLOTS, TEXT } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\nimport { connectOpenCloseComponent, disconnectOpenCloseComponent } from \"../../utils/openCloseComponent\";\nconst isFocusableExtended = (el) => {\n  return isCalciteFocusable(el) || isFocusable(el);\n};\nconst getFocusableElements = (el) => {\n  return queryShadowRoot(el, isHidden, isFocusableExtended);\n};\n/**\n * @slot header - A slot for adding header text.\n * @slot content - A slot for adding the component's content.\n * @slot primary - A slot for adding a primary button.\n * @slot secondary - A slot for adding a secondary button.\n * @slot back - A slot for adding a back button.\n */\nexport class Modal {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `true`, the component is active.\n     *\n     * @deprecated use `open` instead.\n     */\n    this.active = false;\n    /** When `true`, displays and positions the component.  */\n    this.open = false;\n    /** Passes a function to run before the component closes. */\n    this.beforeClose = () => Promise.resolve();\n    /** When `true`, disables the component's close button. */\n    this.disableCloseButton = false;\n    /** When `true`, disables the closing of the component when clicked outside. */\n    this.disableOutsideClose = false;\n    /** Accessible name for the component's close button. */\n    this.intlClose = TEXT.close;\n    /** When `true`, disables the default close on escape behavior. */\n    this.disableEscape = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */\n    this.width = \"m\";\n    /** Sets the background color of the component's content. */\n    this.backgroundColor = \"white\";\n    /**\n     * When `true`, disables spacing to the content area slot.\n     *\n     * @deprecated  Use `--calcite-modal-padding` CSS variable instead.\n     */\n    this.noPadding = false;\n    //--------------------------------------------------------------------------\n    //\n    //  Variables\n    //\n    //--------------------------------------------------------------------------\n    this.hasFooter = true;\n    /**\n     * We use internal variable to make sure initially open modal can transition from closed state when rendered\n     *\n     * @private\n     */\n    this.isOpen = false;\n    this.mutationObserver = createObserver(\"mutation\", () => this.updateFooterVisibility());\n    this.openTransitionProp = \"opacity\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.setTransitionEl = (el) => {\n      this.transitionEl = el;\n      connectOpenCloseComponent(this);\n    };\n    this.openEnd = () => {\n      this.setFocus();\n      this.el.removeEventListener(\"calciteModalOpen\", this.openEnd);\n    };\n    this.handleOutsideClose = () => {\n      if (this.disableOutsideClose) {\n        return;\n      }\n      this.close();\n    };\n    /** Close the modal, first running the `beforeClose` method */\n    this.close = () => {\n      return this.beforeClose(this.el).then(() => {\n        this.open = false;\n        this.isOpen = false;\n        focusElement(this.previousActiveElement);\n        this.removeOverflowHiddenClass();\n      });\n    };\n    this.focusFirstElement = () => {\n      focusElement(this.disableCloseButton ? getFocusableElements(this.el)[0] : this.closeButtonEl);\n    };\n    this.focusLastElement = () => {\n      const focusableElements = getFocusableElements(this.el).filter((el) => !el.getAttribute(\"data-focus-fence\"));\n      if (focusableElements.length > 0) {\n        focusElement(focusableElements[focusableElements.length - 1]);\n      }\n      else {\n        focusElement(this.closeButtonEl);\n      }\n    };\n    this.updateFooterVisibility = () => {\n      this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    // when modal initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      requestAnimationFrame(() => this.openModal());\n    }\n  }\n  connectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n    this.updateFooterVisibility();\n    connectConditionalSlotComponent(this);\n    connectOpenCloseComponent(this);\n    if (this.open) {\n      this.active = this.open;\n    }\n    if (this.active) {\n      this.activeHandler(this.active);\n    }\n  }\n  disconnectedCallback() {\n    var _a;\n    this.removeOverflowHiddenClass();\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    disconnectConditionalSlotComponent(this);\n    disconnectOpenCloseComponent(this);\n  }\n  render() {\n    return (h(Host, { \"aria-describedby\": this.contentId, \"aria-labelledby\": this.titleId, \"aria-modal\": \"true\", role: \"dialog\" }, h(\"calcite-scrim\", { class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h(\"div\", { class: {\n        [CSS.modal]: true,\n        [CSS.modalOpen]: this.isOpen\n      }, ref: this.setTransitionEl }, h(\"div\", { \"data-focus-fence\": true, onFocus: this.focusLastElement, tabindex: \"0\" }), h(\"div\", { class: CSS.header }, this.renderCloseButton(), h(\"header\", { class: CSS.title }, h(\"slot\", { name: CSS.header }))), h(\"div\", { class: {\n        content: true,\n        \"content--spaced\": !this.noPadding,\n        \"content--no-footer\": !this.hasFooter\n      }, ref: (el) => (this.modalContent = el) }, h(\"slot\", { name: SLOTS.content })), this.renderFooter(), h(\"div\", { \"data-focus-fence\": true, onFocus: this.focusFirstElement, tabindex: \"0\" }))));\n  }\n  renderFooter() {\n    return this.hasFooter ? (h(\"div\", { class: CSS.footer, key: \"footer\" }, h(\"span\", { class: CSS.back }, h(\"slot\", { name: SLOTS.back })), h(\"span\", { class: CSS.secondary }, h(\"slot\", { name: SLOTS.secondary })), h(\"span\", { class: CSS.primary }, h(\"slot\", { name: SLOTS.primary })))) : null;\n  }\n  renderCloseButton() {\n    return !this.disableCloseButton ? (h(\"button\", { \"aria-label\": this.intlClose, class: CSS.close, key: \"button\", onClick: this.close, ref: (el) => (this.closeButtonEl = el), title: this.intlClose }, h(\"calcite-icon\", { icon: ICONS.close, scale: this.scale === \"s\" ? \"s\" : this.scale === \"m\" ? \"m\" : this.scale === \"l\" ? \"l\" : null }))) : null;\n  }\n  renderStyle() {\n    const hasCustomWidth = !isNaN(parseInt(`${this.width}`));\n    return hasCustomWidth ? (h(\"style\", null, `\n        .${CSS.modal} {\n          max-width: ${this.width}px !important;\n        }\n        @media screen and (max-width: ${this.width}px) {\n          .${CSS.modal} {\n            height: 100% !important;\n            max-height: 100% !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            border-radius: 0 !important;\n          }\n          .content {\n            flex: 1 1 auto !important;\n            max-height: unset !important;\n          }\n        }\n      `)) : null;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  handleEscape(event) {\n    if (this.open && !this.disableEscape && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.close();\n      event.preventDefault();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Focus the first interactive element.\n   *\n   * @param el\n   * @deprecated use `setFocus` instead.\n   */\n  async focusElement(el) {\n    if (el) {\n      el.focus();\n    }\n    return this.setFocus();\n  }\n  /**\n   * Sets focus on the component.\n   *\n   * By default, tries to focus on focusable content. If there is none, it will focus on the close button.\n   * To focus on the close button, use the `close-button` focus ID.\n   *\n   * @param focusId\n   */\n  async setFocus(focusId) {\n    const closeButton = this.closeButtonEl;\n    return focusElement(focusId === \"close-button\" ? closeButton : getFocusableElements(this.el)[0] || closeButton);\n  }\n  /**\n   * Sets the scroll top of the component's content.\n   *\n   * @param top\n   * @param left\n   */\n  async scrollContent(top = 0, left = 0) {\n    if (this.modalContent) {\n      if (this.modalContent.scrollTo) {\n        this.modalContent.scrollTo({ top, left, behavior: \"smooth\" });\n      }\n      else {\n        this.modalContent.scrollTop = top;\n        this.modalContent.scrollLeft = left;\n      }\n    }\n  }\n  onBeforeOpen() {\n    this.transitionEl.classList.add(CSS.openingActive);\n    this.calciteModalBeforeOpen.emit();\n  }\n  onOpen() {\n    this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);\n    this.calciteModalOpen.emit();\n  }\n  onBeforeClose() {\n    this.transitionEl.classList.add(CSS.closingActive);\n    this.calciteModalBeforeClose.emit();\n  }\n  onClose() {\n    this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);\n    this.calciteModalClose.emit();\n  }\n  activeHandler(value) {\n    this.open = value;\n  }\n  async toggleModal(value) {\n    var _a, _b;\n    this.active = value;\n    if (value) {\n      (_a = this.transitionEl) === null || _a === void 0 ? void 0 : _a.classList.add(CSS.openingIdle);\n      this.openModal();\n    }\n    else {\n      (_b = this.transitionEl) === null || _b === void 0 ? void 0 : _b.classList.add(CSS.closingIdle);\n      this.close();\n    }\n  }\n  /** Open the modal */\n  openModal() {\n    this.previousActiveElement = document.activeElement;\n    this.el.addEventListener(\"calciteModalOpen\", this.openEnd);\n    this.open = true;\n    this.isOpen = true;\n    const titleEl = getSlotted(this.el, SLOTS.header);\n    const contentEl = getSlotted(this.el, SLOTS.content);\n    this.titleId = ensureId(titleEl);\n    this.contentId = ensureId(contentEl);\n    document.documentElement.classList.add(CSS.overflowHidden);\n  }\n  removeOverflowHiddenClass() {\n    document.documentElement.classList.remove(CSS.overflowHidden);\n  }\n  static get is() { return \"calcite-modal\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"modal.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"modal.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `open` instead.\"\n            }],\n          \"text\": \"When `true`, the component is active.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"open\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, displays and positions the component.\"\n        },\n        \"attribute\": \"open\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"beforeClose\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"(el: HTMLElement) => Promise<void>\",\n          \"resolved\": \"(el: HTMLElement) => Promise<void>\",\n          \"references\": {\n            \"HTMLElement\": {\n              \"location\": \"global\"\n            },\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Passes a function to run before the component closes.\"\n        },\n        \"defaultValue\": \"() => Promise.resolve()\"\n      },\n      \"disableCloseButton\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, disables the component's close button.\"\n        },\n        \"attribute\": \"disable-close-button\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"disableOutsideClose\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, disables the closing of the component when clicked outside.\"\n        },\n        \"attribute\": \"disable-outside-close\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"intlClose\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component's close button.\"\n        },\n        \"attribute\": \"intl-close\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.close\"\n      },\n      \"docked\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, prevents the component from expanding to the entire screen on mobile devices.\"\n        },\n        \"attribute\": \"docked\",\n        \"reflect\": true\n      },\n      \"disableEscape\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, disables the default close on escape behavior.\"\n        },\n        \"attribute\": \"disable-escape\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"width\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale | number\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\" | number\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels).\"\n        },\n        \"attribute\": \"width\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"fullscreen\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Sets the component to always be fullscreen (overrides `width`).\"\n        },\n        \"attribute\": \"fullscreen\",\n        \"reflect\": true\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"\\\"red\\\" | \\\"blue\\\"\",\n          \"resolved\": \"\\\"blue\\\" | \\\"red\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Adds a color bar to the top of component for visual impact.\\nUse color to add importance to destructive or workflow dialogs.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true\n      },\n      \"backgroundColor\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ModalBackgroundColor\",\n          \"resolved\": \"\\\"grey\\\" | \\\"white\\\"\",\n          \"references\": {\n            \"ModalBackgroundColor\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Sets the background color of the component's content.\"\n        },\n        \"attribute\": \"background-color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"white\\\"\"\n      },\n      \"noPadding\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"Use `--calcite-modal-padding` CSS variable instead.\"\n            }],\n          \"text\": \"When `true`, disables spacing to the content area slot.\"\n        },\n        \"attribute\": \"no-padding\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"hasFooter\": {},\n      \"isOpen\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteModalBeforeClose\",\n        \"name\": \"calciteModalBeforeClose\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is requested to be closed and before the closing transition begins.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteModalClose\",\n        \"name\": \"calciteModalClose\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is closed and animation is complete.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteModalBeforeOpen\",\n        \"name\": \"calciteModalBeforeOpen\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteModalOpen\",\n        \"name\": \"calciteModalOpen\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the component is open and animation is complete.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"focusElement\": {\n        \"complexType\": {\n          \"signature\": \"(el?: HTMLElement) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"el\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"HTMLElement\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Focus the first interactive element.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"el\"\n            }, {\n              \"name\": \"deprecated\",\n              \"text\": \"use `setFocus` instead.\"\n            }]\n        }\n      },\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"(focusId?: \\\"close-button\\\") => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"focusId\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\\n\\nBy default, tries to focus on focusable content. If there is none, it will focus on the close button.\\nTo focus on the close button, use the `close-button` focus ID.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"focusId\"\n            }]\n        }\n      },\n      \"scrollContent\": {\n        \"complexType\": {\n          \"signature\": \"(top?: number, left?: number) => Promise<void>\",\n          \"parameters\": [{\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"top\"\n                }],\n              \"text\": \"\"\n            }, {\n              \"tags\": [{\n                  \"name\": \"param\",\n                  \"text\": \"left\"\n                }],\n              \"text\": \"\"\n            }],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets the scroll top of the component's content.\",\n          \"tags\": [{\n              \"name\": \"param\",\n              \"text\": \"top\"\n            }, {\n              \"name\": \"param\",\n              \"text\": \"left\"\n            }]\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }, {\n        \"propName\": \"open\",\n        \"methodName\": \"toggleModal\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"keydown\",\n        \"method\": \"handleEscape\",\n        \"target\": \"window\",\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}