@aquera/nile-elements 0.1.57-beta-1.2 → 0.1.57-beta-1.3

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

@@ -1 +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';\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,nothing } 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  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer','sublabel','label');\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  @property({ reflect: true }) sublabel = '';\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  /**\n   *  Added to resolve conflicts between Angular Material's mat-drawer components.\n   */\n  private drawerStyle = `\n      <style id=\"drawer-style\">\n        .mat-drawer.mat-drawer-side { z-index: 1; }\n      </style>\n  `;\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      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\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', {\n        dir: 'right',\n      });\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      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n      this.modal.activate();\n      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n      lockBodyScrolling(this);\n\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      this.dialog.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const nileInitialFocus = this.emit('nile-initial-focus', {\n          cancelable: true,\n        });\n\n        if (!nileInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({\n              preventScroll: true,\n            });\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', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', {\n        dir: 'right',\n      });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ),\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([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      const panelAnimation = getAnimation(this, 'dialog.hide', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', {\n        dir: 'right',\n      });\n\n      const styleTag = document.getElementById('drawer-style');\n      if (styleTag) {\n        document.head.removeChild(styleTag);\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(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(\n          this.panel,\n          panelAnimation.keyframes,\n          panelAnimation.options\n        ).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\n          part=\"overlay\"\n          class=\"dialog__overlay\"\n          @click=${() => this.requestClose('overlay')}\n          tabindex=\"-1\"\n        ></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__header__text\" id=\"title\">\n                    <slot name=\"label\">\n                      ${this.label?.length\n                        ? this.label\n                        : nothing}\n                    </slot>\n                    ${this.sublabel || this.hasSlotController.test('sublabel')?html`\n                      <slot name=\"sublabel\">\n                        ${this.sublabel?.length\n                          ? this.sublabel\n                          : nothing}\n                      </slot>\n                      `:''}\n                  </h2>\n                  <div part=\"header-actions\" class=\"dialog__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      class=\"dialog__close\"\n                      name=\"close\"\n                      label=\"close\"\n                      color=\"var(--nile-dialog-remove-icon-color)\"\n                      @click=\"${() => this.requestClose('close-button')}\"\n                    ></nile-icon>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot\n            part=\"body\"\n            class=\"dialog__body  ${this.noHeader\n              ? 'dialog__body-noheader'\n              : ''}\"\n          ></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","b","this","hasSlotController","HasSlotController","open","label","sublabel","noHeader","preventOverlayClose","drawerStyle","_this","_inherits","_y","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","dialog","hidden","addOpenListeners","activate","lockBodyScrolling","document","head","insertAdjacentHTML","disconnectedCallback","unlockBodyScrolling","requestClose","source","nileRequestClose","emit","cancelable","detail","i","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_s","_c","_i3","_s2","_c2","_e","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","overlayAnimation","deactivate","styleTag","getElementById","removeChild","then","trigger","setTimeout","stop","handleOpenChange","_callee2","_callee2$","_context3","abrupt","waitForEvent","show","_callee3","_callee3$","_context4","render","_this3","_this$label","_this$sublabel","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","nothing","_templateObject3","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","_export","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
+{"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';\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,nothing } 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  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer','sublabel','label');\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  @property({ reflect: true }) sublabel = '';\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  /**\n   *  Added to resolve conflicts between Angular Material's mat-drawer components.\n   */\n  private drawerStyle = `\n      <style id=\"drawer-style\">\n        .mat-drawer.mat-drawer-side { z-index: 1; }\n      </style>\n  `;\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      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\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', {\n        dir: 'right',\n      });\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      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n      this.modal.activate();\n      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n      lockBodyScrolling(this);\n\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      this.dialog.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const nileInitialFocus = this.emit('nile-initial-focus', {\n          cancelable: true,\n        });\n\n        if (!nileInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({\n              preventScroll: true,\n            });\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', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', {\n        dir: 'right',\n      });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ),\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([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      const panelAnimation = getAnimation(this, 'dialog.hide', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', {\n        dir: 'right',\n      });\n\n      const styleTag = document.getElementById('drawer-style');\n      if (styleTag) {\n        document.head.removeChild(styleTag);\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(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(\n          this.panel,\n          panelAnimation.keyframes,\n          panelAnimation.options\n        ).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\n          part=\"overlay\"\n          class=\"dialog__overlay\"\n          @click=${() => this.requestClose('overlay')}\n          tabindex=\"-1\"\n        ></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__header__text\" id=\"title\">\n                    <slot name=\"label\">\n                      ${this.label?.length\n                        ? this.label\n                        : nothing}\n                    </slot>\n                    ${this.sublabel || this.hasSlotController.test('sublabel')?html`\n                      <slot name=\"sublabel\">\n                        ${this.sublabel?.length\n                          ? this.sublabel\n                          : nothing}\n                      </slot>\n                      `:''}\n                  </h2>\n                  <div part=\"header-actions\" class=\"dialog__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      class=\"dialog__close\"\n                      name=\"close\"\n                      label=\"close\"\n                      color=\"var(--nile-dialog-remove-icon-color, var(--ng-colors-fg-quaternary-400))\"\n                      @click=\"${() => this.requestClose('close-button')}\"\n                    ></nile-icon>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot\n            part=\"body\"\n            class=\"dialog__body  ${this.noHeader\n              ? 'dialog__body-noheader'\n              : ''}\"\n          ></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","_b","y","this","hasSlotController","HasSlotController","open","label","sublabel","noHeader","preventOverlayClose","drawerStyle","_this","_inherits","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","dialog","hidden","addOpenListeners","activate","lockBodyScrolling","document","head","insertAdjacentHTML","disconnectedCallback","unlockBodyScrolling","requestClose","source","nileRequestClose","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_s","_c","_i3","_s2","_c2","_e","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","overlayAnimation","deactivate","styleTag","getElementById","removeChild","then","trigger","setTimeout","stop","handleOpenChange","_callee2","_callee2$","_context3","waitForEvent","show","_callee3","_callee3$","_context4","abrupt","render","_this3","_this$label","_this$sublabel","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","nothing","_templateObject3","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","_export","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_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    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\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: 12px 20px;\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 4px 4px 0 0;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .dialog__header__text {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: 5px;\n    justify-content: center;\n    margin: 0;\n    color: var(--nile-colors-dark-900);\n  }\n\n  slot[name=\"label\"] {\n    font-family: Colfax-regular;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  slot[name=\"sublabel\"] {\n    color:var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    display:block;\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 var(--nile-colors-neutral-400);\n  }\n\n  .dialog__body-noheader {\n    border-radius: 4px 4px 0px 0px;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: 12px 24px;\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 0 0 4px 4px;\n    border: 1px solid var(--nile-colors-neutral-400);\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  .dialog__close {\n    cursor: pointer;\n  }\n\n  @media (forced-colors: active) {\n    .dialog__panel {\n      border: solid 1px hsl(240, 5.9%, 11%);\n    }\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",i=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --width: 31rem;\n    --header-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    --body-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    --footer-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\n    --nile-border: 1px solid var(--nile-colors-neutral-400);\n    display: contents;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\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: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl));\n    box-shadow: var(--nile-box-shadow-8, var(--ng-shadow-xl));\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: var(--nile-spacing-lg, var(--ng-spacing-3xl)) var(--nile-spacing-2xl, var(--ng-spacing-3xl)) var(--nile-spacing-lg, var(--ng-spacing-none)) var(--nile-spacing-2xl, var(--ng-spacing-3xl)) ;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl)) 0 0;\n    border: var(--nile-border, var(--ng-border-width-0));\n  }\n\n  .dialog__header__text {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--nile-spacing-5px, var(--ng-spacing-sm));\n    justify-content: center;\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  slot[name=\"label\"] {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-spacing-xl, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  slot[name=\"sublabel\"] {\n    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: var(--nile-spacing-3-x, var(--ng-spacing-none));\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: var(--nile-type-scale-4);\n  }\n\n  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    border: var(--nile-border, var(--ng-border-width-0));\n  }\n\n  .dialog__body-noheader {\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-none, var(--ng-radius-2xl)) var(--nile-radius-none, var(--ng-radius-2xl));\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: var(--nile-spacing-lg, var(--ng-spacing-none)) var(--nile-spacing-3-x, var(--ng-spacing-3xl))  var(--nile-spacing-lg, var(--ng-spacing-3xl)) var(--nile-spacing-3-x, var(--ng-spacing-3xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    border-radius: 0 0 var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl));\n    border: var(--nile-border, var(--ng-border-width-0));\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: var(--nile-bg-color-dialog, var(--ng-componentcolors-alpha-black-70));\n  }\n  .dialog__close {\n    cursor: pointer;\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

@@ -1 +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';\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    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\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: 12px 20px;\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 4px 4px 0 0;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .dialog__header__text {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: 5px;\n    justify-content: center;\n    margin: 0;\n    color: var(--nile-colors-dark-900);\n  }\n\n  slot[name=\"label\"] {\n    font-family: Colfax-regular;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  slot[name=\"sublabel\"] {\n    color:var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    display:block;\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 var(--nile-colors-neutral-400);\n  }\n\n  .dialog__body-noheader {\n    border-radius: 4px 4px 0px 0px;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: 12px 24px;\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 0 0 4px 4px;\n    border: 1px solid var(--nile-colors-neutral-400);\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  .dialog__close {\n    cursor: pointer;\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":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"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';\n\n/**\n * Modal CSS\n */\nexport const styles = css`\n  :host {\n    --width: 31rem;\n    --header-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    --body-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    --footer-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\n    --nile-border: 1px solid var(--nile-colors-neutral-400);\n    display: contents;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\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: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl));\n    box-shadow: var(--nile-box-shadow-8, var(--ng-shadow-xl));\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: var(--nile-spacing-lg, var(--ng-spacing-3xl)) var(--nile-spacing-2xl, var(--ng-spacing-3xl)) var(--nile-spacing-lg, var(--ng-spacing-none)) var(--nile-spacing-2xl, var(--ng-spacing-3xl)) ;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl)) 0 0;\n    border: var(--nile-border, var(--ng-border-width-0));\n  }\n\n  .dialog__header__text {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--nile-spacing-5px, var(--ng-spacing-sm));\n    justify-content: center;\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  slot[name=\"label\"] {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-spacing-xl, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  slot[name=\"sublabel\"] {\n    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: var(--nile-spacing-3-x, var(--ng-spacing-none));\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: var(--nile-type-scale-4);\n  }\n\n  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--nile-spacing-small, var(--ng-spacing-3xl));\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    border: var(--nile-border, var(--ng-border-width-0));\n  }\n\n  .dialog__body-noheader {\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-none, var(--ng-radius-2xl)) var(--nile-radius-none, var(--ng-radius-2xl));\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: var(--nile-spacing-lg, var(--ng-spacing-none)) var(--nile-spacing-3-x, var(--ng-spacing-3xl))  var(--nile-spacing-lg, var(--ng-spacing-3xl)) var(--nile-spacing-3-x, var(--ng-spacing-3xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    border-radius: 0 0 var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl));\n    border: var(--nile-border, var(--ng-border-width-0));\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: var(--nile-bg-color-dialog, var(--ng-componentcolors-alpha-black-70));\n  }\n  .dialog__close {\n    cursor: pointer;\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":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,11 +1,15 @@
-import{css as o}from"lit";const e=o`
+import{css as a}from"lit";const i=a`
   :host {
     --width: 31rem;
-    --header-spacing: 1.25rem;
-    --body-spacing: 1.25rem;
-    --footer-spacing: 1.25rem;
+    --header-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));
+    --body-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));
+    --footer-spacing: var(--nile-spacing-small, var(--ng-spacing-3xl));
     --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);
+    --nile-border: 1px solid var(--nile-colors-neutral-400);
     display: contents;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   :host *,
@@ -37,9 +41,9 @@ import{css as o}from"lit";const e=o`
     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%);
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl));
+    box-shadow: var(--nile-box-shadow-8, var(--ng-shadow-xl));
   }
 
   .dialog__panel:focus {
@@ -60,39 +64,39 @@ import{css as o}from"lit";const e=o`
   .dialog__header {
     flex: 0 0 auto;
     display: flex;
-    padding: 12px 20px;
-    background-color: var(--nile-colors-neutral-100);
-    border-radius: 4px 4px 0 0;
-    border: 1px solid var(--nile-colors-neutral-400);
+    padding: var(--nile-spacing-lg, var(--ng-spacing-3xl)) var(--nile-spacing-2xl, var(--ng-spacing-3xl)) var(--nile-spacing-lg, var(--ng-spacing-none)) var(--nile-spacing-2xl, var(--ng-spacing-3xl)) ;
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl)) 0 0;
+    border: var(--nile-border, var(--ng-border-width-0));
   }
 
   .dialog__header__text {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
-    gap: 5px;
+    gap: var(--nile-spacing-5px, var(--ng-spacing-sm));
     justify-content: center;
-    margin: 0;
-    color: var(--nile-colors-dark-900);
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   }
 
   slot[name="label"] {
-    font-family: Colfax-regular;
-    font-size: 16px;
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-spacing-xl, var(--ng-font-size-text-md));
     font-style: normal;
-    font-weight: 500;
-    line-height: 16px;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
+    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
     display:block;
   }
 
   slot[name="sublabel"] {
-    color:var(--nile-colors-dark-500);
-    font-family: Colfax-regular;
-    font-size: 14px;
+    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
     display:block;
   }
@@ -102,7 +106,7 @@ import{css as o}from"lit";const e=o`
     display: flex;
     flex-wrap: wrap;
     justify-content: end;
-    gap: 24px;
+    gap: var(--nile-spacing-3-x, var(--ng-spacing-none));
   }
 
   .dialog__header-actions nile-icon-button,
@@ -110,29 +114,29 @@ import{css as o}from"lit";const e=o`
     flex: 0 0 auto;
     display: flex;
     align-items: center;
-    font-size: 1rem;
+    font-size: var(--nile-type-scale-4);
   }
 
   .dialog__body {
     flex: 1 1 auto;
     display: block;
-    padding: 1.25rem;
+    padding: var(--nile-spacing-small, var(--ng-spacing-3xl));
     overflow: auto;
     -webkit-overflow-scrolling: touch;
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: var(--nile-border, var(--ng-border-width-0));
   }
 
   .dialog__body-noheader {
-    border-radius: 4px 4px 0px 0px;
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-none, var(--ng-radius-2xl)) var(--nile-radius-none, var(--ng-radius-2xl));
   }
 
   .dialog__footer {
     flex: 0 0 auto;
     text-align: right;
-    padding: 12px 24px;
-    background-color: var(--nile-colors-neutral-100);
-    border-radius: 0 0 4px 4px;
-    border: 1px solid var(--nile-colors-neutral-400);
+    padding: var(--nile-spacing-lg, var(--ng-spacing-none)) var(--nile-spacing-3-x, var(--ng-spacing-3xl))  var(--nile-spacing-lg, var(--ng-spacing-3xl)) var(--nile-spacing-3-x, var(--ng-spacing-3xl));
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
+    border-radius: 0 0 var(--nile-radius-radius-xs, var(--ng-radius-2xl)) var(--nile-radius-radius-xs, var(--ng-radius-2xl));
+    border: var(--nile-border, var(--ng-border-width-0));
   }
 
   .dialog__footer ::slotted(nile-button:not(:first-of-type)) {
@@ -149,7 +153,7 @@ import{css as o}from"lit";const e=o`
     right: 0;
     bottom: 0;
     left: 0;
-    background-color: hsl(0 0% 0% / 43%);
+    background-color: var(--nile-bg-color-dialog, var(--ng-componentcolors-alpha-black-70));
   }
   .dialog__close {
     cursor: pointer;
@@ -160,4 +164,4 @@ import{css as o}from"lit";const e=o`
       border: solid 1px hsl(240, 5.9%, 11%);
     }
   }
-`;export{e as s};
+`;export{i as s};

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

@@ -1,4 +1,4 @@
-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 g,nothing as a}from"lit";import{ifDefined as v}from"lit/directives/if-defined.js";import{l as j,u as d}from"../internal/scroll.esm.js";import{w as h}from"../internal/event.esm.js";import{w as u}from"../internal/watch.esm.js";import{M as f}from"../internal/modal.esm.js";import{N as y}from"../internal/nile-element.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 b=class extends y{constructor(){super(...arguments),this.hasSlotController=new p(this,"footer","sublabel","label"),this.open=!1,this.label="",this.sublabel="",this.noHeader=!1,this.preventOverlayClose=!1,this.drawerStyle='\n      <style id="drawer-style">\n        .mat-drawer.mat-drawer-side { z-index: 1; }\n      </style>\n  '}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new f(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),j(this),document.head.insertAdjacentHTML("beforeend",this.drawerStyle))}disconnectedCallback(){super.disconnectedCallback(),d(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(),document.head.insertAdjacentHTML("beforeend",this.drawerStyle),j(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"}),e=document.getElementById("drawer-style");e&&document.head.removeChild(e),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,d(this);const c=this.originalTrigger;"function"==typeof c?.focus&&setTimeout((()=>c.focus())),this.emit("nile-after-hide")}}async show(){if(!this.open)return this.open=!0,h(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,h(this,"nile-after-hide")}render(){return g`
+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 g,nothing as a}from"lit";import{ifDefined as v}from"lit/directives/if-defined.js";import{l as j,u as d}from"../internal/scroll.esm.js";import{w as h}from"../internal/event.esm.js";import{w as u}from"../internal/watch.esm.js";import{M as f}from"../internal/modal.esm.js";import{N as b}from"../internal/nile-element.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/attribute.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/class.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/column-add.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/function.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/keyword.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-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.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 b{constructor(){super(...arguments),this.hasSlotController=new p(this,"footer","sublabel","label"),this.open=!1,this.label="",this.sublabel="",this.noHeader=!1,this.preventOverlayClose=!1,this.drawerStyle='\n      <style id="drawer-style">\n        .mat-drawer.mat-drawer-side { z-index: 1; }\n      </style>\n  '}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new f(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),j(this),document.head.insertAdjacentHTML("beforeend",this.drawerStyle))}disconnectedCallback(){super.disconnectedCallback(),d(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(),document.head.insertAdjacentHTML("beforeend",this.drawerStyle),j(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"}),e=document.getElementById("drawer-style");e&&document.head.removeChild(e),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,d(this);const c=this.originalTrigger;"function"==typeof c?.focus&&setTimeout((()=>c.focus())),this.emit("nile-after-hide")}}async show(){if(!this.open)return this.open=!0,h(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,h(this,"nile-after-hide")}render(){return g`
       <div
         part="base"
         class=${e({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
@@ -40,7 +40,7 @@ import{__decorate as i}from"tslib";import{s}from"./nile-dialog.css.esm.js";impor
                       class="dialog__close"
                       name="close"
                       label="close"
-                      color="var(--nile-dialog-remove-icon-color)"
+                      color="var(--nile-dialog-remove-icon-color, var(--ng-colors-fg-quaternary-400))"
                       @click="${()=>this.requestClose("close-button")}"
                     ></nile-icon>
                   </div>
@@ -57,4 +57,4 @@ import{__decorate as i}from"tslib";import{s}from"./nile-dialog.css.esm.js";impor
           </footer>
         </div>
       </div>
-    `}};b.styles=s,i([c(".dialog")],b.prototype,"dialog",void 0),i([c(".dialog__panel")],b.prototype,"panel",void 0),i([c(".dialog__overlay")],b.prototype,"overlay",void 0),i([m({type:Boolean,reflect:!0})],b.prototype,"open",void 0),i([m({reflect:!0})],b.prototype,"label",void 0),i([m({reflect:!0})],b.prototype,"sublabel",void 0),i([m({type:Boolean,reflect:!0})],b.prototype,"noHeader",void 0),i([m({type:Boolean,reflect:!0})],b.prototype,"preventOverlayClose",void 0),i([u("open",{waitUntilFirstUpdate:!0})],b.prototype,"handleOpenChange",null),b=i([t("nile-dialog")],b),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{b as N};
+    `}};y.styles=s,i([c(".dialog")],y.prototype,"dialog",void 0),i([c(".dialog__panel")],y.prototype,"panel",void 0),i([c(".dialog__overlay")],y.prototype,"overlay",void 0),i([m({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([m({reflect:!0})],y.prototype,"label",void 0),i([m({reflect:!0})],y.prototype,"sublabel",void 0),i([m({type:Boolean,reflect:!0})],y.prototype,"noHeader",void 0),i([m({type:Boolean,reflect:!0})],y.prototype,"preventOverlayClose",void 0),i([u("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),y=i([t("nile-dialog")],y),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{y as N};