@aquera/nile-elements 0.1.38-beta-1.4 → 0.1.38

package/dist/nile-drawer/nile-drawer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-drawer.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport '../nile-icon-button/nile-icon-button';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { uppercaseFirstLetter } from '../internal/string';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-drawer.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\n/**\n * Nile drawer component.\n *\n * @tag nile-drawer\n *\n * @summary Drawers slide in from a container to expose additional options and information.\n *\n * @dependency nile-icon-button\n *\n * @slot - The drawer's main content.\n * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n *\n * @event nile-show - Emitted when the drawer opens.\n * @event nile-after-show - Emitted after the drawer opens and all animations are complete.\n * @event nile-hide - Emitted when the drawer closes.\n * @event nile-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event nile-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} nile-request-close - Emitted when the user attempts to\n *   close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the drawer.\n * @csspart panel - The drawer's panel (where the drawer and its content are rendered).\n * @csspart header - The drawer's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @csspart title - The drawer's title.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The drawer's body.\n * @csspart footer - The drawer's footer.\n *\n * @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n *   depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n */\n@customElement('nile-drawer')\nexport class NileDrawer extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer');\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n\n  @query('.drawer') drawer: HTMLElement;\n  @query('.drawer__panel') panel: HTMLElement;\n  @query('.drawer__overlay') overlay: HTMLElement;\n\n  /**\n   * Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: Boolean, reflect: true }) closeOnEscape = true;\n\n  /**\n   * The drawer's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n   */\n  @property({ reflect: true }) label = '';\n\n  /** The direction from which the drawer will open. */\n  @property({ reflect: true }) placement: 'top' | 'end' | 'bottom' | 'start' = 'end';\n\n  /**\n   * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n   * its parent element, set this attribute and add `position: relative` to the parent.\n   */\n  @property({ type: Boolean, reflect: true }) contained = false;\n\n  /**\n   * Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n   */\n  @property({ type: Boolean, reflect:true }) preventOverlayClose = false;\n\n  /**\n   * Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n   * accessible way for users to dismiss the drawer.\n   */\n  @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.modal = new Modal(this);\n  }\n\n  firstUpdated() {\n    this.drawer.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n\n      if (!this.contained) {\n        this.modal.activate();\n        lockBodyScrolling(this);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\n    if((source=='overlay' || source=='keyboard') && this.preventOverlayClose) return;\n    const slRequestClose = this.emit('nile-request-close', {\n      cancelable: true,\n      detail: { source }\n    });\n\n    if (slRequestClose.defaultPrevented) {\n      const animation = getAnimation(this, 'drawer.denyClose', { dir: '' });\n      animateTo(this.panel, animation.keyframes, animation.options);\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    if(this.closeOnEscape) document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private removeOpenListeners() {\n    if(this.closeOnEscape) document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    if (this.open && !this.contained && event.key === 'Escape') {\n      event.stopPropagation();\n      this.requestClose('keyboard');\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      // Show\n      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      // Lock body scrolling only if the drawer isn't contained\n      if (!this.contained) {\n        this.modal.activate();\n        lockBodyScrolling(this);\n      }\n\n      // When the drawer is shown, Safari will attempt to set focus on whatever element has autofocus. This causes the\n      // drawer's animation to jitter, so we'll temporarily remove the attribute, call `focus({ preventScroll: true })`\n      // ourselves, and add the attribute back afterwards.\n      //\n      //\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n      this.drawer.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const slInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n        if (!slInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n          } else {\n            this.panel.focus({ preventScroll: true });\n          }\n        }\n\n        // Restore the autofocus attribute\n        if (autoFocusTarget) {\n          autoFocusTarget.setAttribute('autofocus', '');\n        }\n      });\n\n      const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {\n        dir: ''\n      });\n      const overlayAnimation = getAnimation(this, 'drawer.overlay.show', { dir: '' });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n      ]);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n\n      if (!this.contained) {\n        this.modal.deactivate();\n        unlockBodyScrolling(this);\n      }\n\n      await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n      const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {\n        dir: ''\n      });\n      const overlayAnimation = getAnimation(this, 'drawer.overlay.hide', { dir: '' });\n\n      // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n      // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n      // unexpectedly. We'll unhide them after all animations have completed.\n      await Promise.all([\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n          this.panel.hidden = true;\n        })\n      ]);\n\n      this.drawer.hidden = true;\n\n      // Now that the dialog is hidden, restore the overlay and panel for next time\n      this.overlay.hidden = false;\n      this.panel.hidden = false;\n\n      // Restore focus to the original trigger\n      const trigger = this.originalTrigger;\n      if (typeof trigger?.focus === 'function') {\n        setTimeout(() => trigger.focus());\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  @watch('contained', { waitUntilFirstUpdate: true })\n  handleNoModalChange() {\n    if (this.open && !this.contained) {\n      this.modal.activate();\n      lockBodyScrolling(this);\n    }\n\n    if (this.open && this.contained) {\n      this.modal.deactivate();\n      unlockBodyScrolling(this);\n    }\n  }\n\n  /** Shows the drawer. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the drawer */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          drawer: true,\n          'drawer--open': this.open,\n          'drawer--top': this.placement === 'top',\n          'drawer--end': this.placement === 'end',\n          'drawer--bottom': this.placement === 'bottom',\n          'drawer--start': this.placement === 'start',\n          'drawer--contained': this.contained,\n          'drawer--fixed': !this.contained,\n          'drawer--rtl': 'rtl',\n          'drawer--has-footer': this.hasSlotController.test('footer'),\n        })}\n      >\n        <div\n          part=\"overlay\"\n          class=\"drawer__overlay\"\n          @click=${() => this.requestClose('overlay')}\n          tabindex=\"-1\"\n        ></div>\n\n        <div\n          part=\"panel\"\n          class=\"drawer__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n          aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n          tabindex=\"0\"\n        >\n          ${!this.noHeader\n            ? html`\n                <header part=\"header\" class=\"drawer__header\">\n                  <h2 part=\"title\" class=\"drawer__title\" id=\"title\">\n                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->\n                    <slot name=\"label\">\n                      ${this.label.length > 0\n                        ? this.label\n                        : String.fromCharCode(65279)}\n                    </slot>\n                  </h2>\n                  <div part=\"header-actions\" class=\"drawer__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon\n                      class=\"drawer__close\"\n                      name=\"close\"\n                      label=\"close\"\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      color=\"var(--nile-drawer-remove-icon-color)\"\n                      @click=${() => this.requestClose('close-button')}\n                    ></nile-icon>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot part=\"body\" class=\"drawer__body\"></slot>\n\n          <footer part=\"footer\" class=\"drawer__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\n// Top\nsetDefaultAnimation('drawer.showTop', {\n  keyframes: [\n    { opacity: 0, translate: '0 -100%' },\n    { opacity: 1, translate: '0 0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideTop', {\n  keyframes: [\n    { opacity: 1, translate: '0 0' },\n    { opacity: 0, translate: '0 -100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// End\nsetDefaultAnimation('drawer.showEnd', {\n  keyframes: [\n    { opacity: 0, translate: '100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  rtlKeyframes: [\n    { opacity: 0, translate: '-100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideEnd', {\n  keyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '100%' }\n  ],\n  rtlKeyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '-100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// Bottom\nsetDefaultAnimation('drawer.showBottom', {\n  keyframes: [\n    { opacity: 0, translate: '0 100%' },\n    { opacity: 1, translate: '0 0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideBottom', {\n  keyframes: [\n    { opacity: 1, translate: '0 0' },\n    { opacity: 0, translate: '0 100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// Start\nsetDefaultAnimation('drawer.showStart', {\n  keyframes: [\n    { opacity: 0, translate: '-100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  rtlKeyframes: [\n    { opacity: 0, translate: '100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideStart', {\n  keyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '-100%' }\n  ],\n  rtlKeyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// Deny close\nsetDefaultAnimation('drawer.denyClose', {\n  keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],\n  options: { duration: 250 }\n});\n\n// Overlay\nsetDefaultAnimation('drawer.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('drawer.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 }\n});\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-drawer': NileDrawer;\n  }\n}\n"],"names":["NileDrawer","_f","y","constructor","this","hasSlotController","HasSlotController","open","closeOnEscape","label","placement","contained","preventOverlayClose","noHeader","_this","_inherits","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","drawer","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_n","_c","_i3","_n2","_c2","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","uppercaseFirstLetter","overlayAnimation","deactivate","concat","then","trigger","setTimeout","stop","handleOpenChange","handleNoModalChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_callee3","_callee3$","_context4","abrupt","render","_this3","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","translate","duration","easing","rtlKeyframes","scale"],"mappings":"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"}
+{"version":3,"file":"nile-drawer.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport '../nile-icon-button/nile-icon-button';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { uppercaseFirstLetter } from '../internal/string';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-drawer.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\n/**\n * Nile drawer component.\n *\n * @tag nile-drawer\n *\n * @summary Drawers slide in from a container to expose additional options and information.\n *\n * @dependency nile-icon-button\n *\n * @slot - The drawer's main content.\n * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n *\n * @event nile-show - Emitted when the drawer opens.\n * @event nile-after-show - Emitted after the drawer opens and all animations are complete.\n * @event nile-hide - Emitted when the drawer closes.\n * @event nile-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event nile-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} nile-request-close - Emitted when the user attempts to\n *   close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the drawer.\n * @csspart panel - The drawer's panel (where the drawer and its content are rendered).\n * @csspart header - The drawer's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @csspart title - The drawer's title.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The drawer's body.\n * @csspart footer - The drawer's footer.\n *\n * @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n *   depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n */\n@customElement('nile-drawer')\nexport class NileDrawer extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer');\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n\n  @query('.drawer') drawer: HTMLElement;\n  @query('.drawer__panel') panel: HTMLElement;\n  @query('.drawer__overlay') overlay: HTMLElement;\n\n  /**\n   * Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: Boolean, reflect: true }) closeOnEscape = true;\n\n  /**\n   * The drawer's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n   */\n  @property({ reflect: true }) label = '';\n\n  /** The direction from which the drawer will open. */\n  @property({ reflect: true }) placement: 'top' | 'end' | 'bottom' | 'start' = 'end';\n\n  /**\n   * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n   * its parent element, set this attribute and add `position: relative` to the parent.\n   */\n  @property({ type: Boolean, reflect: true }) contained = false;\n\n  /**\n   * Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n   */\n  @property({ type: Boolean, reflect:true }) preventOverlayClose = false;\n\n  /**\n   * Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n   * accessible way for users to dismiss the drawer.\n   */\n  @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.modal = new Modal(this);\n  }\n\n  firstUpdated() {\n    this.drawer.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n\n      if (!this.contained) {\n        this.modal.activate();\n        lockBodyScrolling(this);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\n    if((source=='overlay' || source=='keyboard') && this.preventOverlayClose) return;\n    const slRequestClose = this.emit('nile-request-close', {\n      cancelable: true,\n      detail: { source }\n    });\n\n    if (slRequestClose.defaultPrevented) {\n      const animation = getAnimation(this, 'drawer.denyClose', { dir: '' });\n      animateTo(this.panel, animation.keyframes, animation.options);\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    if(this.closeOnEscape) document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private removeOpenListeners() {\n    if(this.closeOnEscape) document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    if (this.open && !this.contained && event.key === 'Escape') {\n      event.stopPropagation();\n      this.requestClose('keyboard');\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      // Show\n      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      // Lock body scrolling only if the drawer isn't contained\n      if (!this.contained) {\n        this.modal.activate();\n        lockBodyScrolling(this);\n      }\n\n      // When the drawer is shown, Safari will attempt to set focus on whatever element has autofocus. This causes the\n      // drawer's animation to jitter, so we'll temporarily remove the attribute, call `focus({ preventScroll: true })`\n      // ourselves, and add the attribute back afterwards.\n      //\n      //\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n      this.drawer.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const slInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n        if (!slInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n          } else {\n            this.panel.focus({ preventScroll: true });\n          }\n        }\n\n        // Restore the autofocus attribute\n        if (autoFocusTarget) {\n          autoFocusTarget.setAttribute('autofocus', '');\n        }\n      });\n\n      const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {\n        dir: ''\n      });\n      const overlayAnimation = getAnimation(this, 'drawer.overlay.show', { dir: '' });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n      ]);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n\n      if (!this.contained) {\n        this.modal.deactivate();\n        unlockBodyScrolling(this);\n      }\n\n      await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n      const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {\n        dir: ''\n      });\n      const overlayAnimation = getAnimation(this, 'drawer.overlay.hide', { dir: '' });\n\n      // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n      // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n      // unexpectedly. We'll unhide them after all animations have completed.\n      await Promise.all([\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n          this.panel.hidden = true;\n        })\n      ]);\n\n      this.drawer.hidden = true;\n\n      // Now that the dialog is hidden, restore the overlay and panel for next time\n      this.overlay.hidden = false;\n      this.panel.hidden = false;\n\n      // Restore focus to the original trigger\n      const trigger = this.originalTrigger;\n      if (typeof trigger?.focus === 'function') {\n        setTimeout(() => trigger.focus());\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  @watch('contained', { waitUntilFirstUpdate: true })\n  handleNoModalChange() {\n    if (this.open && !this.contained) {\n      this.modal.activate();\n      lockBodyScrolling(this);\n    }\n\n    if (this.open && this.contained) {\n      this.modal.deactivate();\n      unlockBodyScrolling(this);\n    }\n  }\n\n  /** Shows the drawer. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the drawer */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          drawer: true,\n          'drawer--open': this.open,\n          'drawer--top': this.placement === 'top',\n          'drawer--end': this.placement === 'end',\n          'drawer--bottom': this.placement === 'bottom',\n          'drawer--start': this.placement === 'start',\n          'drawer--contained': this.contained,\n          'drawer--fixed': !this.contained,\n          'drawer--rtl': 'rtl',\n          'drawer--has-footer': this.hasSlotController.test('footer'),\n        })}\n      >\n        <div\n          part=\"overlay\"\n          class=\"drawer__overlay\"\n          @click=${() => this.requestClose('overlay')}\n          tabindex=\"-1\"\n        ></div>\n\n        <div\n          part=\"panel\"\n          class=\"drawer__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n          aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n          tabindex=\"0\"\n        >\n          ${!this.noHeader\n            ? html`\n                <header part=\"header\" class=\"drawer__header\">\n                  <h2 part=\"title\" class=\"drawer__title\" id=\"title\">\n                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->\n                    <slot name=\"label\">\n                      ${this.label.length > 0\n                        ? this.label\n                        : String.fromCharCode(65279)}\n                    </slot>\n                  </h2>\n                  <div part=\"header-actions\" class=\"drawer__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon\n                      class=\"drawer__close\"\n                      name=\"close\"\n                      label=\"close\"\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      color=\"var(--nile-drawer-remove-icon-color)\"\n                      @click=${() => this.requestClose('close-button')}\n                    ></nile-icon>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot part=\"body\" class=\"drawer__body\"></slot>\n\n          <footer part=\"footer\" class=\"drawer__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\n// Top\nsetDefaultAnimation('drawer.showTop', {\n  keyframes: [\n    { opacity: 0, translate: '0 -100%' },\n    { opacity: 1, translate: '0 0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideTop', {\n  keyframes: [\n    { opacity: 1, translate: '0 0' },\n    { opacity: 0, translate: '0 -100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// End\nsetDefaultAnimation('drawer.showEnd', {\n  keyframes: [\n    { opacity: 0, translate: '100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  rtlKeyframes: [\n    { opacity: 0, translate: '-100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideEnd', {\n  keyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '100%' }\n  ],\n  rtlKeyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '-100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// Bottom\nsetDefaultAnimation('drawer.showBottom', {\n  keyframes: [\n    { opacity: 0, translate: '0 100%' },\n    { opacity: 1, translate: '0 0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideBottom', {\n  keyframes: [\n    { opacity: 1, translate: '0 0' },\n    { opacity: 0, translate: '0 100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// Start\nsetDefaultAnimation('drawer.showStart', {\n  keyframes: [\n    { opacity: 0, translate: '-100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  rtlKeyframes: [\n    { opacity: 0, translate: '100%' },\n    { opacity: 1, translate: '0' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideStart', {\n  keyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '-100%' }\n  ],\n  rtlKeyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '100%' }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\n// Deny close\nsetDefaultAnimation('drawer.denyClose', {\n  keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],\n  options: { duration: 250 }\n});\n\n// Overlay\nsetDefaultAnimation('drawer.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('drawer.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 }\n});\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-drawer': NileDrawer;\n  }\n}\n"],"names":["NileDrawer","y","this","hasSlotController","HasSlotController","open","closeOnEscape","label","placement","contained","preventOverlayClose","noHeader","_this","_inherits","_f","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","drawer","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_n","_c","_i3","_n2","_c2","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","uppercaseFirstLetter","overlayAnimation","deactivate","concat","then","trigger","setTimeout","stop","handleOpenChange","handleNoModalChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_callee3","_callee3$","_context4","abrupt","render","_this3","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","translate","duration","easing","rtlKeyframes","scale"],"mappings":"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"}

package/dist/nile-drawer/nile-drawer.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",a=[e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-componentcolors-alpha-black-100));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-5));\n    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-5));\n    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-5));\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-2,  0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-6, var(--ng-font-size-text-lg));\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6)) var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6));\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));\n    }\n  }\n"])))]);}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=[e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: hsl(0, 0%, 100%);\n    box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: 1.25rem;\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing);\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px hsl(0, 0%, 100%);\n    }\n  }\n"])))]);}};});
 //# sourceMappingURL=nile-drawer.css.cjs.js.map

package/dist/nile-drawer/nile-drawer.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-drawer.css.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Drawer CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-componentcolors-alpha-black-100));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-5));\n    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-5));\n    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-5));\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-2,  0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-6, var(--ng-font-size-text-lg));\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6)) var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6));\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTA0LeA,CAAA,CAAA,CA9KOC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-drawer.css.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Drawer CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: hsl(0, 0%, 100%);\n    box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: 1.25rem;\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing);\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px hsl(0, 0%, 100%);\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTA0LeA,CAAA,CAAA,CA9KOC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-drawer/nile-drawer.css.esm.js

@@ -1,7 +1,7 @@
-import{css as e}from"lit";var a=[e`
+import{css as e}from"lit";var r=[e`
   :host {
     box-sizing: border-box;
-    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-componentcolors-alpha-black-100));
+    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);
   }
 
   :host *,
@@ -16,9 +16,9 @@ import{css as e}from"lit";var a=[e`
 
   :host {
     --size: 25rem;
-    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-5));
-    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-5));
-    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-5));
+    --header-spacing: 1.25rem;
+    --body-spacing: 1.25rem;
+    --footer-spacing: 1.25rem;
 
     display: contents;
   }
@@ -49,8 +49,8 @@ import{css as e}from"lit";var a=[e`
     z-index: 2;
     max-width: 100%;
     max-height: 100%;
-    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    box-shadow: var(--nile-box-shadow-2,  0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));
+    background-color: hsl(0, 0%, 100%);
+    box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
     overflow: auto;
     pointer-events: all;
   }
@@ -101,8 +101,8 @@ import{css as e}from"lit";var a=[e`
 
   .drawer__title {
     flex: 1 1 auto;
-    font-family: var(--nile-font-family-body, var(--ng-font-family-body));
-    font-size: var(--nile-type-scale-6, var(--ng-font-size-text-lg));
+    font: inherit;
+    font-size: 1.25rem;
     line-height: 1.4;
     padding: var(--header-spacing);
     margin: 0;
@@ -122,7 +122,7 @@ import{css as e}from"lit";var a=[e`
     flex: 0 0 auto;
     display: flex;
     align-items: center;
-    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
+    font-size: 1rem;
   }
 
   .drawer__body {
@@ -135,7 +135,7 @@ import{css as e}from"lit";var a=[e`
 
   .drawer__footer {
     text-align: right;
-    padding: var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6)) var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6));
+    padding: var(--footer-spacing);
   }
 
   .drawer__footer ::slotted(nile-button:not(:last-of-type)) {
@@ -167,7 +167,7 @@ import{css as e}from"lit";var a=[e`
 
   @media (forced-colors: active) {
     .drawer__panel {
-      border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));
+      border: solid 1px hsl(0, 0%, 100%);
     }
   }
-`];export{a as s};
+`];export{r as s};

package/dist/nile-drawer/nile-drawer.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{a as s,s as o}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as e,property as c,customElement as t}from"lit/decorators.js";import{s as r,g as m}from"../utilities/animation-registry.esm.js";import{H as l}from"../internal/slot.esm.js";import{html as p}from"lit";import{ifDefined as a}from"lit/directives/if-defined.js";import{l as g,u as v}from"../internal/scroll.esm.js";import{u as j}from"../internal/string.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as f}from"../internal/nile-element.esm.js";import{s as w}from"./nile-drawer.css.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let y=class extends f{constructor(){super(...arguments),this.hasSlotController=new l(this,"footer"),this.open=!1,this.closeOnEscape=!0,this.label="",this.placement="end",this.contained=!1,this.preventOverlayClose=!1,this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),g(this)))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(i){if(("overlay"==i||"keyboard"==i)&&this.preventOverlayClose)return;if(this.emit("nile-request-close",{cancelable:!0,detail:{source:i}}).defaultPrevented){const i=m(this,"drawer.denyClose",{dir:""});s(this.panel,i.keyframes,i.options)}else this.hide()}addOpenListeners(){this.closeOnEscape&&document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){this.closeOnEscape&&document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&!this.contained&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),g(this));const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([o(this.drawer),o(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("nile-initial-focus",{cancelable:!0}).defaultPrevented||(i?i.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),i&&i.setAttribute("autofocus","")}));const n=m(this,`drawer.show${j(this.placement)}`,{dir:""}),e=m(this,"drawer.overlay.show",{dir:""});await Promise.all([s(this.panel,n.keyframes,n.options),s(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),v(this)),await Promise.all([o(this.drawer),o(this.overlay)]);const i=m(this,`drawer.hide${j(this.placement)}`,{dir:""}),n=m(this,"drawer.overlay.hide",{dir:""});await Promise.all([s(this.overlay,n.keyframes,n.options).then((()=>{this.overlay.hidden=!0})),s(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),g(this)),this.open&&this.contained&&(this.modal.deactivate(),v(this))}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return p`
+import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{a as s,s as o}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as e,property as c,customElement as t}from"lit/decorators.js";import{s as r,g as m}from"../utilities/animation-registry.esm.js";import{H as l}from"../internal/slot.esm.js";import{html as p}from"lit";import{ifDefined as a}from"lit/directives/if-defined.js";import{l as g,u as v}from"../internal/scroll.esm.js";import{u as j}from"../internal/string.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as f}from"../internal/nile-element.esm.js";import{s as w}from"./nile-drawer.css.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let y=class extends f{constructor(){super(...arguments),this.hasSlotController=new l(this,"footer"),this.open=!1,this.closeOnEscape=!0,this.label="",this.placement="end",this.contained=!1,this.preventOverlayClose=!1,this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),g(this)))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(i){if(("overlay"==i||"keyboard"==i)&&this.preventOverlayClose)return;if(this.emit("nile-request-close",{cancelable:!0,detail:{source:i}}).defaultPrevented){const i=m(this,"drawer.denyClose",{dir:""});s(this.panel,i.keyframes,i.options)}else this.hide()}addOpenListeners(){this.closeOnEscape&&document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){this.closeOnEscape&&document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&!this.contained&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),g(this));const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([o(this.drawer),o(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("nile-initial-focus",{cancelable:!0}).defaultPrevented||(i?i.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),i&&i.setAttribute("autofocus","")}));const n=m(this,`drawer.show${j(this.placement)}`,{dir:""}),e=m(this,"drawer.overlay.show",{dir:""});await Promise.all([s(this.panel,n.keyframes,n.options),s(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),v(this)),await Promise.all([o(this.drawer),o(this.overlay)]);const i=m(this,`drawer.hide${j(this.placement)}`,{dir:""}),n=m(this,"drawer.overlay.hide",{dir:""});await Promise.all([s(this.overlay,n.keyframes,n.options).then((()=>{this.overlay.hidden=!0})),s(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),g(this)),this.open&&this.contained&&(this.modal.deactivate(),v(this))}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return p`
       <div
         part="base"
         class=${n({drawer:!0,"drawer--open":this.open,"drawer--top":"top"===this.placement,"drawer--end":"end"===this.placement,"drawer--bottom":"bottom"===this.placement,"drawer--start":"start"===this.placement,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":"rtl","drawer--has-footer":this.hasSlotController.test("footer")})}