@aquera/nile-elements 0.0.6-9 → 0.0.7-1

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-dialog.cjs.js","sources":["../../../src/nile-dialog/nile-dialog.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 {LitElement, CSSResultArray, TemplateResult} from 'lit-element';\nimport {styles} from './nile-dialog.css';\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 { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile icon component.\n *\n * @tag nile-modal\n *\n */\n@customElement('nile-dialog')\nexport class NileDialog extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer');\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n\n  @query('.dialog') dialog: HTMLElement;\n  @query('.dialog__panel') panel: HTMLElement;\n  @query('.dialog__overlay') overlay: HTMLElement;\n\n  /**\n   * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The dialog'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  /**\n   * Disables 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 dialog.\n   */\n  @property({ type: Boolean, reflect: true }) noHeader = false;\n\n  @property({ type: Boolean, reflect: true }) preventOverlayClose = 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.dialog.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n      this.modal.activate();\n      lockBodyScrolling(this);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\n\n    const nileRequestClose = this.emit('nile-request-close', {\n      cancelable: true,\n      detail: { source }\n    });\n\n    if(source === 'close-button'){\n      this.hide();\n      return;\n    }\n\n    if (nileRequestClose.defaultPrevented || this.preventOverlayClose ) {\n      const animation = getAnimation(this, 'dialog.denyClose', { dir: 'right'});\n      animateTo(this.panel, animation.keyframes, animation.options);\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    if (this.open && 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      this.modal.activate();\n\n      lockBodyScrolling(this);\n\n      // When the dialog is shown, Safari will attempt to set focus on whatever element has autofocus. This can cause\n      // the dialogs's animation to jitter (if it starts offscreen), so we'll temporarily remove the attribute, call\n      // `focus({ preventScroll: true })` ourselves, and add the attribute back afterwards.\n      //\n      // Related: https://github.com/shoelace-style/shoelace/issues/693\n      //\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);\n      this.dialog.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const nileInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n        if (!nileInitialFocus.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, 'dialog.show', { dir: 'right' });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', { dir: 'right' });\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      this.modal.deactivate();\n\n      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);\n      const panelAnimation = getAnimation(this, 'dialog.hide', { dir: 'right' });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', { dir: 'right' });\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.dialog.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      unlockBodyScrolling(this);\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  /** Shows the dialog. */\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 dialog */\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          dialog: true,\n          'dialog--open': this.open,\n          'dialog--has-footer': this.hasSlotController.test('footer')\n        })}\n      >\n        <div part=\"overlay\" class=\"dialog__overlay\" @click=${() => this.requestClose('overlay')} tabindex=\"-1\"></div>\n\n        <div\n          part=\"panel\"\n          class=\"dialog__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=\"dialog__header\">\n                  <h2 part=\"title\" class=\"dialog__title\" id=\"title\">\n                    <slot name=\"label\"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>\n                  </h2>\n                  <div part=\"header-actions\" class=\"dialog__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon-button\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      class=\"dialog__close\"\n                      name=\"close\"\n                      label=\"close\"\n                      library=\"system\"\n                      @click=\"${() => this.requestClose('close-button')}\"\n                    ></nile-icon-button>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot part=\"body\" class=\"dialog__body\"></slot>\n\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('dialog.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.denyClose', {\n  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 }\n});\n\nexport default NileDialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dialog': NileDialog;\n  }\n}\n"],"names":["NileDialog","_f","_inherits","w","_super","_createSuper","constructor","this","hasSlotController","HasSlotController","open","label","noHeader","preventOverlayClose","_this","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","dialog","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","nileRequestClose","emit","cancelable","detail","i","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_s","_c","_i3","_s2","_c2","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","overlayAnimation","deactivate","then","trigger","setTimeout","stop","handleOpenChange","apply","arguments","_show","_callee2","_callee2$","_context3","waitForEvent","show","_hide","_callee3","_callee3$","_context4","render","_this3","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --width: 31rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n\n    display: contents;\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  .dialog {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 800;\n  }\n\n  .dialog__panel {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    width: var(--width);\n    max-width: calc(100% - 2.25rem);\n    max-height: calc(100% - 2.25rem);\n    background-color: hsl(0, 0%, 100%);\n    border-radius: 4px;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n\n  .dialog__panel:focus {\n    outline: none;\n  }\n\n  @media screen and (max-width: 420px) {\n    .dialog__panel {\n      max-height: 80vh;\n    }\n  }\n\n  .dialog--open .dialog__panel {\n    display: flex;\n    opacity: 1;\n  }\n\n  .dialog__header {\n    flex: 0 0 auto;\n    display: flex;\n    padding: 24px  24px 24px 24px;\n    background-color: #FAFAFA;\n    border-radius: 4px 4px 0 0;\n    border: 1px solid #E5E9EB;\n  }\n\n  .dialog__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: 1.25rem;\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 24px;\n  }\n\n  .dialog__header-actions nile-icon-button,\n  .dialog__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  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: 1.25rem;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    border: 1px solid #E5E9EB;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: 12px 24px;\n    background-color: #FAFAFA;\n    border-radius: 0 0 4px 4px;\n    border: 1px solid #E5E9EB;\n  }\n\n  .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .dialog:not(.dialog--has-footer) .dialog__footer {\n    display: none;\n  }\n\n  .dialog__overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(0 0% 0% / 43%);\n  }\n\n  @media (forced-colors: active) {\n    .dialog__panel {\n      border: solid 1px hsl(240, 5.9%, 11%);\n    }\n  }\n"]))));}};});
+//# sourceMappingURL=nile-dialog.css.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-dialog.css.cjs.js","sources":["../../../src/nile-dialog/nile-dialog.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-element';\n\n/**\n * Modal CSS\n */\nexport const styles = css`\n  :host {\n    --width: 31rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n\n    display: contents;\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  .dialog {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 800;\n  }\n\n  .dialog__panel {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    width: var(--width);\n    max-width: calc(100% - 2.25rem);\n    max-height: calc(100% - 2.25rem);\n    background-color: hsl(0, 0%, 100%);\n    border-radius: 4px;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n\n  .dialog__panel:focus {\n    outline: none;\n  }\n\n  @media screen and (max-width: 420px) {\n    .dialog__panel {\n      max-height: 80vh;\n    }\n  }\n\n  .dialog--open .dialog__panel {\n    display: flex;\n    opacity: 1;\n  }\n\n  .dialog__header {\n    flex: 0 0 auto;\n    display: flex;\n    padding: 24px  24px 24px 24px;\n    background-color: #FAFAFA;\n    border-radius: 4px 4px 0 0;\n    border: 1px solid #E5E9EB;\n  }\n\n  .dialog__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: 1.25rem;\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 24px;\n  }\n\n  .dialog__header-actions nile-icon-button,\n  .dialog__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  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: 1.25rem;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    border: 1px solid #E5E9EB;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: 12px 24px;\n    background-color: #FAFAFA;\n    border-radius: 0 0 4px 4px;\n    border: 1px solid #E5E9EB;\n  }\n\n  .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .dialog:not(.dialog--has-footer) .dialog__footer {\n    display: none;\n  }\n\n  .dialog__overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(0 0% 0% / 43%);\n  }\n\n  @media (forced-colors: active) {\n    .dialog__panel {\n      border: solid 1px hsl(240, 5.9%, 11%);\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -0,0 +1,133 @@
+import{i as o}from"../index-cd2f9c12.esm.js";const e=o`
+  :host {
+    --width: 31rem;
+    --header-spacing: 1.25rem;
+    --body-spacing: 1.25rem;
+    --footer-spacing: 1.25rem;
+
+    display: contents;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 800;
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - 2.25rem);
+    max-height: calc(100% - 2.25rem);
+    background-color: hsl(0, 0%, 100%);
+    border-radius: 4px;
+    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+    padding: 24px  24px 24px 24px;
+    background-color: #FAFAFA;
+    border-radius: 4px 4px 0 0;
+    border: 1px solid #E5E9EB;
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: 1.25rem;
+    line-height: 1.4;
+    margin: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: 24px;
+  }
+
+  .dialog__header-actions nile-icon-button,
+  .dialog__header-actions ::slotted(nile-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: 1rem;
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: 1.25rem;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    border: 1px solid #E5E9EB;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: 12px 24px;
+    background-color: #FAFAFA;
+    border-radius: 0 0 4px 4px;
+    border: 1px solid #E5E9EB;
+  }
+
+  .dialog__footer ::slotted(nile-button:not(:first-of-type)) {
+    margin-inline-start: 0.5rem;
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: hsl(0 0% 0% / 43%);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px hsl(240, 5.9%, 11%);
+    }
+  }
+`;export{e as s};

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

@@ -0,0 +1,45 @@
+import{__decorate as i}from"tslib";import{s}from"./nile-dialog.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import{a as o,s as n}from"../internal/animate.esm.js";import{classMap as e}from"lit/directives/class-map.js";import{query as c,property as m,customElement as t}from"lit/decorators.js";import{s as r,g as l}from"../utilities/animation-registry.esm.js";import{H as p}from"../internal/slot.esm.js";import{html as a}from"lit";import{ifDefined as g}from"lit/directives/if-defined.js";import{l as v,u as j}from"../internal/scroll.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"../index-cd2f9c12.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/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.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/back.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.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/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.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/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.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/continuous.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/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.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-expression.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-persistent-variable.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/data-type-variable.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.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/deleteuser.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/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.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/downarrow.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/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-pencil.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/enabled.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/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow-h.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-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.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-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.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/form.esm.js";import"../nile-icon/icons/svg/frequency.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.esm.js";import"../nile-icon/icons/svg/gateway.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.esm.js";import"../nile-icon/icons/svg/goto.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/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.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.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-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.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/if.esm.js";import"../nile-icon/icons/svg/ifelse.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-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.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/manageduser.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/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.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/notscheduled.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/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/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.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/pen.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/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.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/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.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/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.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/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.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.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.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/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.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/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/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.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.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/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.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-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.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-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.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-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.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.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"lit/static-html.js";import"../property-09139d3c.esm.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let w=class extends f{constructor(){super(...arguments),this.hasSlotController=new p(this,"footer"),this.open=!1,this.label="",this.noHeader=!1,this.preventOverlayClose=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),v(this))}disconnectedCallback(){super.disconnectedCallback(),j(this)}requestClose(i){const s=this.emit("nile-request-close",{cancelable:!0,detail:{source:i}});if("close-button"!==i)if(s.defaultPrevented||this.preventOverlayClose){const i=l(this,"dialog.denyClose",{dir:"right"});o(this.panel,i.keyframes,i.options)}else this.hide();else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),v(this);const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([n(this.dialog),n(this.overlay)]),this.dialog.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 s=l(this,"dialog.show",{dir:"right"}),e=l(this,"dialog.overlay.show",{dir:"right"});await Promise.all([o(this.panel,s.keyframes,s.options),o(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([n(this.dialog),n(this.overlay)]);const i=l(this,"dialog.hide",{dir:"right"}),s=l(this,"dialog.overlay.hide",{dir:"right"});await Promise.all([o(this.overlay,s.keyframes,s.options).then((()=>{this.overlay.hidden=!0})),o(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,j(this);const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}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 a`
+      <div
+        part="base"
+        class=${e({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="dialog__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open?"false":"true"}
+          aria-label=${g(this.noHeader?this.label:void 0)}
+          aria-labelledby=${g(this.noHeader?void 0:"title")}
+          tabindex="0"
+        >
+          ${this.noHeader?"":a`
+                <header part="header" class="dialog__header">
+                  <h2 part="title" class="dialog__title" id="title">
+                    <slot name="label"> ${this.label.length>0?this.label:String.fromCharCode(65279)} </slot>
+                  </h2>
+                  <div part="header-actions" class="dialog__header-actions">
+                    <slot name="header-actions"></slot>
+                    <nile-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="dialog__close"
+                      name="close"
+                      label="close"
+                      library="system"
+                      @click="${()=>this.requestClose("close-button")}"
+                    ></nile-icon-button>
+                  </div>
+                </header>
+              `}
+
+          <slot part="body" class="dialog__body"></slot>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `}};w.styles=s,i([c(".dialog")],w.prototype,"dialog",void 0),i([c(".dialog__panel")],w.prototype,"panel",void 0),i([c(".dialog__overlay")],w.prototype,"overlay",void 0),i([m({type:Boolean,reflect:!0})],w.prototype,"open",void 0),i([m({reflect:!0})],w.prototype,"label",void 0),i([m({type:Boolean,reflect:!0})],w.prototype,"noHeader",void 0),i([m({type:Boolean,reflect:!0})],w.prototype,"preventOverlayClose",void 0),i([h("open",{waitUntilFirstUpdate:!0})],w.prototype,"handleOpenChange",null),w=i([t("nile-dialog")],w),r("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),r("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),r("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}}),r("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),r("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{w as N};