npm - @aquera/nile-elements - Versions diffs - 0.1.67-beta-2.4 → 0.1.67-beta-2.5 - Mend

@aquera/nile-elements 0.1.67-beta-2.4 → 0.1.67-beta-2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (744) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-drawer.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport '../nile-icon-button/nile-icon-button';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { uppercaseFirstLetter } from '../internal/string';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-drawer.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\n/\n Nile drawer component.\n \n @tag nile-drawer\n \n @summary Drawers slide in from a container to expose additional options and information.\n \n @dependency nile-icon-button\n \n @slot - The drawer's main content.\n * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n \n @event nile-show - Emitted when the drawer opens.\n * @event nile-after-show - Emitted after the drawer opens and all animations are complete.\n * @event nile-hide - Emitted when the drawer closes.\n * @event nile-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event nile-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n * `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' \| 'keyboard' \| 'overlay' }} nile-request-close - Emitted when the user attempts to\n * close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n * destructive behavior such as data loss.\n \n @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the drawer.\n * @csspart panel - The drawer's panel (where the drawer and its content are rendered).\n * @csspart header - The drawer's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @csspart title - The drawer's title.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The drawer's body.\n * @csspart footer - The drawer's footer.\n \n @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n * depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n \n @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n /\n@customElement('nile-drawer')\nexport class NileDrawer extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n private modal: Modal;\n private originalTrigger: HTMLElement \| null;\n\n @query('.drawer') drawer: HTMLElement;\n @query('.drawer__panel') panel: HTMLElement;\n @query('.drawer__overlay') overlay: HTMLElement;\n\n /\n Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\n * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n /\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, reflect: true }) closeOnEscape = true;\n\n /\n The drawer's label as displayed in the header. You should always include a relevant label even when using\n * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n /\n @property({ reflect: true }) label = '';\n\n /* The direction from which the drawer will open. /\n @property({ reflect: true }) placement: 'top' \| 'end' \| 'bottom' \| 'start' = 'end';\n\n /\n By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n * its parent element, set this attribute and add `position: relative` to the parent.\n /\n @property({ type: Boolean, reflect: true }) contained = false;\n\n /\n Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n /\n @property({ type: Boolean, reflect:true }) preventOverlayClose = false;\n\n /\n Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n * accessible way for users to dismiss the drawer.\n /\n @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n this.modal = new Modal(this);\n }\n\n firstUpdated() {\n this.drawer.hidden = !this.open;\n\n if (this.open) {\n this.addOpenListeners();\n\n if (!this.contained) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n unlockBodyScrolling(this);\n }\n\n private requestClose(source: 'close-button' \| 'keyboard' \| 'overlay') {\n if((source=='overlay' \|\| source=='keyboard') && this.preventOverlayClose) return;\n const slRequestClose = this.emit('nile-request-close', {\n cancelable: true,\n detail: { source }\n });\n\n if (slRequestClose.defaultPrevented) {\n const animation = getAnimation(this, 'drawer.denyClose', { dir: '' });\n animateTo(this.panel, animation.keyframes, animation.options);\n return;\n }\n\n this.hide();\n }\n\n private addOpenListeners() {\n if(this.closeOnEscape) document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private removeOpenListeners() {\n if(this.closeOnEscape) document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private handleDocumentKeyDown(event: KeyboardEvent) {\n if (this.open && !this.contained && event.key === 'Escape') {\n event.stopPropagation();\n this.requestClose('keyboard');\n }\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n // Show\n this.emit('nile-show');\n this.addOpenListeners();\n this.originalTrigger = document.activeElement as HTMLElement;\n\n // Lock body scrolling only if the drawer isn't contained\n if (!this.contained) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n // When the drawer is shown, Safari will attempt to set focus on whatever element has autofocus. This causes the\n // drawer's animation to jitter, so we'll temporarily remove the attribute, call `focus({ preventScroll: true })`\n // ourselves, and add the attribute back afterwards.\n //\n //\n const autoFocusTarget = this.querySelector('[autofocus]');\n if (autoFocusTarget) {\n autoFocusTarget.removeAttribute('autofocus');\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n this.drawer.hidden = false;\n\n // Set initial focus\n requestAnimationFrame(() => {\n const slInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n if (!slInitialFocus.defaultPrevented) {\n // Set focus to the autofocus target and restore the attribute\n if (autoFocusTarget) {\n (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n } else {\n this.panel.focus({ preventScroll: true });\n }\n }\n\n // Restore the autofocus attribute\n if (autoFocusTarget) {\n autoFocusTarget.setAttribute('autofocus', '');\n }\n });\n\n const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.show', { dir: '' });\n await Promise.all([\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n ]);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n this.removeOpenListeners();\n\n if (!this.contained) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.hide', { dir: '' });\n\n // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n // unexpectedly. We'll unhide them after all animations have completed.\n await Promise.all([\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n this.overlay.hidden = true;\n }),\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n this.panel.hidden = true;\n })\n ]);\n\n this.drawer.hidden = true;\n\n // Now that the dialog is hidden, restore the overlay and panel for next time\n this.overlay.hidden = false;\n this.panel.hidden = false;\n\n // Restore focus to the original trigger\n const trigger = this.originalTrigger;\n if (typeof trigger?.focus === 'function') {\n setTimeout(() => trigger.focus());\n }\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch('contained', { waitUntilFirstUpdate: true })\n handleNoModalChange() {\n if (this.open && !this.contained) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n if (this.open && this.contained) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n }\n\n /* Shows the drawer. /\n async show() {\n if (this.open) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n }\n\n /* Hides the drawer */\n async hide() {\n if (!this.open) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n drawer: true,\n 'drawer--open': this.open,\n 'drawer--top': this.placement === 'top',\n 'drawer--end': this.placement === 'end',\n 'drawer--bottom': this.placement === 'bottom',\n 'drawer--start': this.placement === 'start',\n 'drawer--contained': this.contained,\n 'drawer--fixed': !this.contained,\n 'drawer--rtl': 'rtl',\n 'drawer--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <div\n part=\"overlay\"\n class=\"drawer__overlay\"\n @click=${() => this.requestClose('overlay')}\n tabindex=\"-1\"\n ></div>\n\n <div\n part=\"panel\"\n class=\"drawer__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden=${this.open ? 'false' : 'true'}\n aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n tabindex=\"0\"\n >\n ${!this.noHeader\n ? html`\n <header part=\"header\" class=\"drawer__header\">\n <h2 part=\"title\" class=\"drawer__title\" id=\"title\">\n <!-- If there's no label, use an invisible character to prevent the header from collapsing -->\n <slot name=\"label\">\n ${this.label.length > 0\n ? this.label\n : String.fromCharCode(65279)}\n </slot>\n </h2>\n <div part=\"header-actions\" class=\"drawer__header-actions\">\n <slot name=\"header-actions\"></slot>\n <nile-icon\n class=\"drawer__close\"\n name=\"close\"\n label=\"close\"\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n color=\"var(--nile-drawer-remove-icon-color)\"\n @click=${() => this.requestClose('close-button')}\n ></nile-icon>\n </div>\n </header>\n `\n : ''}\n\n <slot part=\"body\" class=\"drawer__body\"></slot>\n\n <footer part=\"footer\" class=\"drawer__footer\">\n <slot name=\"footer\"></slot>\n </footer>\n </div>\n </div>\n `;\n }\n}\n\n// Top\nsetDefaultAnimation('drawer.showTop', {\n keyframes: [\n { opacity: 0, translate: '0 -100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideTop', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 -100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// End\nsetDefaultAnimation('drawer.showEnd', {\n keyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideEnd', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Bottom\nsetDefaultAnimation('drawer.showBottom', {\n keyframes: [\n { opacity: 0, translate: '0 100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideBottom', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Start\nsetDefaultAnimation('drawer.showStart', {\n keyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideStart', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Deny close\nsetDefaultAnimation('drawer.denyClose', {\n keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],\n options: { duration: 250 }\n});\n\n// Overlay\nsetDefaultAnimation('drawer.overlay.show', {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n options: { duration: 250 }\n});\n\nsetDefaultAnimation('drawer.overlay.hide', {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n options: { duration: 250 }\n});\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-drawer': NileDrawer;\n }\n}\n"],"names":["NileDrawer","_f","y","this","hasSlotController","HasSlotController","open","closeOnEscape","label","placement","contained","preventOverlayClose","noHeader","_this","_inherits","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","drawer","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_n","_c","_i3","_n2","_c2","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","uppercaseFirstLetter","overlayAnimation","deactivate","concat","then","trigger","setTimeout","stop","handleOpenChange","handleNoModalChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_callee3","_callee3$","_context4","abrupt","render","_this3","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","translate","duration","easing","rtlKeyframes","scale"],"mappings":"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"}
1	+ {"version":3,"file":"nile-drawer.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport '../nile-icon-button/nile-icon-button';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { uppercaseFirstLetter } from '../internal/string';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-drawer.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\n/\n Nile drawer component.\n \n @tag nile-drawer\n \n @summary Drawers slide in from a container to expose additional options and information.\n \n @dependency nile-icon-button\n \n @slot - The drawer's main content.\n * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n \n @event nile-show - Emitted when the drawer opens.\n * @event nile-after-show - Emitted after the drawer opens and all animations are complete.\n * @event nile-hide - Emitted when the drawer closes.\n * @event nile-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event nile-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n * `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' \| 'keyboard' \| 'overlay' }} nile-request-close - Emitted when the user attempts to\n * close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n * destructive behavior such as data loss.\n \n @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the drawer.\n * @csspart panel - The drawer's panel (where the drawer and its content are rendered).\n * @csspart header - The drawer's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @csspart title - The drawer's title.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The drawer's body.\n * @csspart footer - The drawer's footer.\n \n @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n * depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n \n @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n /\n@customElement('nile-drawer')\nexport class NileDrawer extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n private modal: Modal;\n private originalTrigger: HTMLElement \| null;\n\n @query('.drawer') drawer: HTMLElement;\n @query('.drawer__panel') panel: HTMLElement;\n @query('.drawer__overlay') overlay: HTMLElement;\n\n /\n Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\n * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n /\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, reflect: true }) closeOnEscape = true;\n\n /\n The drawer's label as displayed in the header. You should always include a relevant label even when using\n * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n /\n @property({ reflect: true }) label = '';\n\n /* The direction from which the drawer will open. /\n @property({ reflect: true }) placement: 'top' \| 'end' \| 'bottom' \| 'start' = 'end';\n\n /\n By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n * its parent element, set this attribute and add `position: relative` to the parent.\n /\n @property({ type: Boolean, reflect: true }) contained = false;\n\n /\n Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n /\n @property({ type: Boolean, reflect:true }) preventOverlayClose = false;\n\n /\n Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n * accessible way for users to dismiss the drawer.\n /\n @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n this.modal = new Modal(this);\n }\n\n firstUpdated() {\n this.drawer.hidden = !this.open;\n\n if (this.open) {\n this.addOpenListeners();\n\n if (!this.contained) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n unlockBodyScrolling(this);\n }\n\n private requestClose(source: 'close-button' \| 'keyboard' \| 'overlay') {\n if((source=='overlay' \|\| source=='keyboard') && this.preventOverlayClose) return;\n const slRequestClose = this.emit('nile-request-close', {\n cancelable: true,\n detail: { source }\n });\n\n if (slRequestClose.defaultPrevented) {\n const animation = getAnimation(this, 'drawer.denyClose', { dir: '' });\n animateTo(this.panel, animation.keyframes, animation.options);\n return;\n }\n\n this.hide();\n }\n\n private addOpenListeners() {\n if(this.closeOnEscape) document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private removeOpenListeners() {\n if(this.closeOnEscape) document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private handleDocumentKeyDown(event: KeyboardEvent) {\n if (this.open && !this.contained && event.key === 'Escape') {\n event.stopPropagation();\n this.requestClose('keyboard');\n }\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n // Show\n this.emit('nile-show');\n this.addOpenListeners();\n this.originalTrigger = document.activeElement as HTMLElement;\n\n // Lock body scrolling only if the drawer isn't contained\n if (!this.contained) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n // When the drawer is shown, Safari will attempt to set focus on whatever element has autofocus. This causes the\n // drawer's animation to jitter, so we'll temporarily remove the attribute, call `focus({ preventScroll: true })`\n // ourselves, and add the attribute back afterwards.\n //\n //\n const autoFocusTarget = this.querySelector('[autofocus]');\n if (autoFocusTarget) {\n autoFocusTarget.removeAttribute('autofocus');\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n this.drawer.hidden = false;\n\n // Set initial focus\n requestAnimationFrame(() => {\n const slInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n if (!slInitialFocus.defaultPrevented) {\n // Set focus to the autofocus target and restore the attribute\n if (autoFocusTarget) {\n (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n } else {\n this.panel.focus({ preventScroll: true });\n }\n }\n\n // Restore the autofocus attribute\n if (autoFocusTarget) {\n autoFocusTarget.setAttribute('autofocus', '');\n }\n });\n\n const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.show', { dir: '' });\n await Promise.all([\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n ]);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n this.removeOpenListeners();\n\n if (!this.contained) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.hide', { dir: '' });\n\n // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n // unexpectedly. We'll unhide them after all animations have completed.\n await Promise.all([\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n this.overlay.hidden = true;\n }),\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n this.panel.hidden = true;\n })\n ]);\n\n this.drawer.hidden = true;\n\n // Now that the dialog is hidden, restore the overlay and panel for next time\n this.overlay.hidden = false;\n this.panel.hidden = false;\n\n // Restore focus to the original trigger\n const trigger = this.originalTrigger;\n if (typeof trigger?.focus === 'function') {\n setTimeout(() => trigger.focus());\n }\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch('contained', { waitUntilFirstUpdate: true })\n handleNoModalChange() {\n if (this.open && !this.contained) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n if (this.open && this.contained) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n }\n\n /* Shows the drawer. /\n async show() {\n if (this.open) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n }\n\n /* Hides the drawer */\n async hide() {\n if (!this.open) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n drawer: true,\n 'drawer--open': this.open,\n 'drawer--top': this.placement === 'top',\n 'drawer--end': this.placement === 'end',\n 'drawer--bottom': this.placement === 'bottom',\n 'drawer--start': this.placement === 'start',\n 'drawer--contained': this.contained,\n 'drawer--fixed': !this.contained,\n 'drawer--rtl': 'rtl',\n 'drawer--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <div\n part=\"overlay\"\n class=\"drawer__overlay\"\n @click=${() => this.requestClose('overlay')}\n tabindex=\"-1\"\n ></div>\n\n <div\n part=\"panel\"\n class=\"drawer__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden=${this.open ? 'false' : 'true'}\n aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n tabindex=\"0\"\n >\n ${!this.noHeader\n ? html`\n <header part=\"header\" class=\"drawer__header\">\n <h2 part=\"title\" class=\"drawer__title\" id=\"title\">\n <!-- If there's no label, use an invisible character to prevent the header from collapsing -->\n <slot name=\"label\">\n ${this.label.length > 0\n ? this.label\n : String.fromCharCode(65279)}\n </slot>\n </h2>\n <div part=\"header-actions\" class=\"drawer__header-actions\">\n <slot name=\"header-actions\"></slot>\n <nile-icon\n class=\"drawer__close\"\n name=\"close\"\n label=\"close\"\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n color=\"var(--nile-drawer-remove-icon-color)\"\n @click=${() => this.requestClose('close-button')}\n ></nile-icon>\n </div>\n </header>\n `\n : ''}\n\n <slot part=\"body\" class=\"drawer__body\"></slot>\n\n <footer part=\"footer\" class=\"drawer__footer\">\n <slot name=\"footer\"></slot>\n </footer>\n </div>\n </div>\n `;\n }\n}\n\n// Top\nsetDefaultAnimation('drawer.showTop', {\n keyframes: [\n { opacity: 0, translate: '0 -100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideTop', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 -100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// End\nsetDefaultAnimation('drawer.showEnd', {\n keyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideEnd', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Bottom\nsetDefaultAnimation('drawer.showBottom', {\n keyframes: [\n { opacity: 0, translate: '0 100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideBottom', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Start\nsetDefaultAnimation('drawer.showStart', {\n keyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideStart', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Deny close\nsetDefaultAnimation('drawer.denyClose', {\n keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],\n options: { duration: 250 }\n});\n\n// Overlay\nsetDefaultAnimation('drawer.overlay.show', {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n options: { duration: 250 }\n});\n\nsetDefaultAnimation('drawer.overlay.hide', {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n options: { duration: 250 }\n});\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-drawer': NileDrawer;\n }\n}\n"],"names":["NileDrawer","y","this","hasSlotController","HasSlotController","open","closeOnEscape","label","placement","contained","preventOverlayClose","noHeader","_this","_inherits","_f","_createClass","key","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","drawer","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","_i2","_n","_c","_i3","_n2","_c2","wrap","_callee$","_context2","prev","next","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","Promise","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","uppercaseFirstLetter","overlayAnimation","deactivate","then","trigger","setTimeout","stop","handleOpenChange","handleNoModalChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_callee3","_callee3$","_context4","abrupt","render","_this3","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","translate","duration","easing","rtlKeyframes","scale"],"mappings":"6xnDA+EaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAIYC,EAAAA,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,CAAkBF,CAAAA,sBAAAA,CAAAA,KAAAA,EAAM,QAYrBA,CAAAA,CAAAA,KAAAA,CAAIG,IAAG,CAAA,CAAA,CAAA,CAEPH,KAAAA,CAAaI,aAAG,CAAA,CAAA,CAAA,CAM/BJ,KAAAA,CAAKK,KAAAA,CAAG,EAGRL,CAAAA,KAAAA,CAASM,UAAuC,KAMjCN,CAAAA,KAAAA,CAASO,SAAG,CAAA,CAAA,CAAA,CAKbP,KAAAA,CAAmBQ,mBAAAA,CAAAA,CAAG,EAMGR,KAAAA,CAAQS,QAAAA,CAAAA,CAAG,CAoQhF,QAAAC,KAAA,EAlQCC,SAAA,CAAAZ,CAAA,CAAAa,EAAA,SAAAC,YAAA,CAAAd,CAAA,GAAAe,GAAA,qBAAAC,KAAA,UAAAC,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAjB,IAAAA,CAAKkB,qBAAwBlB,CAAAA,IAAAA,CAAKkB,qBAAsBC,CAAAA,IAAAA,CAAKnB,MAC7DA,IAAKoB,CAAAA,KAAAA,CAAQ,GAAIC,CAAAA,CAAAA,CAAMrB,IACxB,CAAA,EAED,GAAAc,GAAA,gBAAAC,KAAA,UAAAO,YAAAA,CAAAA,CACEtB,CAAAA,IAAAA,CAAKuB,MAAOC,CAAAA,MAAAA,CAAAA,CAAUxB,IAAKG,CAAAA,IAAAA,CAEvBH,KAAKG,IACPH,GAAAA,IAAAA,CAAKyB,gBAEAzB,CAAAA,CAAAA,CAAAA,IAAAA,CAAKO,SACRP,GAAAA,IAAAA,CAAKoB,KAAMM,CAAAA,QAAAA,CAAAA,CAAAA,CACXC,CAAkB3B,CAAAA,IAAAA,CAAAA,CAAAA,CAGvB,EAED,GAAAc,GAAA,wBAAAC,KAAA,UAAAa,oBAAAA,CAAAA,CACEX,CAAAA,aAAAA,CAAAA,CAAAA,oCACAY,CAAoB7B,CAAAA,IAAAA,CACrB,EAEO,GAAAc,GAAA,gBAAAC,KAAA,UAAAe,YAAAA,CAAaC,CAAAA,CAAAA,CACnB,IAAY,SAARA,EAAAA,CAAAA,EAA6B,UAARA,EAAAA,CAAAA,GAAuB/B,IAAKQ,CAAAA,mBAAAA,CAAqB,OAM1E,GALuBR,IAAAA,CAAKgC,IAAK,CAAA,oBAAA,CAAsB,CACrDC,UAAAA,CAAAA,CAAY,EACZC,MAAQ,CAAA,CAAEH,MAGOI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,gBAAAA,CAAnB,CACE,GAAMC,CAAAA,GAAYC,CAAarC,CAAAA,IAAAA,CAAM,kBAAoB,CAAA,CAAEsC,GAAK,CAAA,EAAA,CAAA,CAAA,CAChEC,EAAUvC,IAAKwC,CAAAA,KAAAA,CAAOJ,EAAUK,CAAAA,SAAAA,CAAWL,EAAUM,CAAAA,OAAAA,CAEtD,MAED1C,KAAK2C,CAAAA,IAAAA,CAAAA,CACN,EAEO,GAAA7B,GAAA,oBAAAC,KAAA,UAAAU,gBAAAA,CAAAA,CACHzB,CAAAA,IAAAA,CAAKI,aAAewC,EAAAA,QAAAA,CAASC,gBAAiB,CAAA,SAAA,CAAW7C,IAAKkB,CAAAA,qBAAAA,CAClE,EAEO,GAAAJ,GAAA,uBAAAC,KAAA,UAAA+B,mBAAAA,CAAAA,EACH9C,IAAKI,CAAAA,aAAAA,EAAewC,QAASG,CAAAA,mBAAAA,CAAoB,SAAW/C,CAAAA,IAAAA,CAAKkB,sBACrE,EAEO,GAAAJ,GAAA,yBAAAC,KAAA,UAAAG,qBAAAA,CAAsB8B,CAAAA,CAAAA,CACxBhD,IAAKG,CAAAA,IAAAA,EAAAA,CAASH,KAAKO,SAA2B,EAAA,QAAA,GAAdyC,CAAMlC,CAAAA,GAAAA,GACxCkC,CAAMC,CAAAA,eAAAA,CAAAA,CAAAA,CACNjD,KAAK8B,YAAa,CAAA,UAAA,CAAA,CAErB,EAGK,GAAAhB,GAAA,oBAAAC,KAAA,gBAAAmC,iBAAA,CAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,UAAAC,QAAA,MAAAC,MAAA,UAAAC,GAAA,CAAAC,EAAA,CAAAC,EAAA,CAAAC,GAAA,CAAAC,GAAA,CAAAC,GAAA,QAAAT,mBAAA,GAAAU,IAAA,UAAAC,SAAAC,SAAA,iBAAAA,SAAA,CAAAC,IAAA,CAAAD,SAAA,CAAAE,IAAA,aACAlE,KAAKG,IAAM,EAAA6D,SAAA,CAAAE,IAAA,WAEblE,IAAKgC,CAAAA,IAAAA,CAAK,WACVhC,CAAAA,CAAAA,IAAAA,CAAKyB,mBACLzB,IAAKmE,CAAAA,eAAAA,CAAkBvB,QAASwB,CAAAA,aAAAA,CAG3BpE,IAAKO,CAAAA,SAAAA,GACRP,KAAKoB,KAAMM,CAAAA,QAAAA,CAAAA,CAAAA,CACXC,CAAkB3B,CAAAA,IAAAA,CAAAA,CAAAA,CAQdqE,GAAAA,CAAkBrE,IAAKsE,CAAAA,aAAAA,CAAc,aACvCD,CAAAA,CAAAA,GAAAA,EACFA,GAAgBE,CAAAA,eAAAA,CAAgB,WAG5BC,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,CAAAA,OAAAA,CAAQC,IAAI,CAACC,CAAAA,CAAe1E,IAAKuB,CAAAA,MAAAA,CAAAA,CAASmD,CAAe1E,CAAAA,IAAAA,CAAK2E,kBACpE3E,IAAKuB,CAAAA,MAAAA,CAAOC,MAAS,CAAA,CAAA,CAAA,CAGrBoD,qBAAsB,CAAA,UAAA,CACG5E,OAAKgC,IAAK,CAAA,oBAAA,CAAsB,CAAEC,UAAAA,CAAAA,CAAY,CAEjDE,CAAAA,CAAAA,CAAAA,gBAAAA,GAEdkC,IACDA,GAAqCQ,CAAAA,KAAAA,CAAM,CAAEC,aAAAA,CAAAA,CAAe,CAE7D9E,CAAAA,CAAAA,CAAAA,MAAAA,CAAKwC,MAAMqC,KAAM,CAAA,CAAEC,aAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAKlCT,GACFA,EAAAA,GAAAA,CAAgBU,aAAa,WAAa,CAAA,EAAA,CAC3C,EAGH,CAAA,CAAMC,EAAiB3C,CAAAA,CAAAA,CAAarC,0BAAoBiF,CAAAA,CAAqBjF,IAAKM,CAAAA,SAAAA,CAAAA,EAAc,CAC9FgC,GAAAA,CAAK,EAED4C,CAAAA,CAAAA,CAAAA,EAAAA,CAAmB7C,CAAarC,CAAAA,IAAAA,CAAM,qBAAuB,CAAA,CAAEsC,GAAK,CAAA,EAAA,CAAA,CAAA,CAAA0B,SAAA,CAAAE,IAAA,UACpEM,CAAAA,QAAQC,GAAI,CAAA,CAChBlC,CAAUvC,CAAAA,IAAAA,CAAKwC,KAAOwC,CAAAA,EAAAA,CAAevC,UAAWuC,EAAetC,CAAAA,OAAAA,CAAAA,CAC/DH,CAAUvC,CAAAA,IAAAA,CAAK2E,OAASO,CAAAA,EAAAA,CAAiBzC,UAAWyC,EAAiBxC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,SAGvE1C,IAAKgC,CAAAA,IAAAA,CAAK,iBACX,CAAA,CAAAgC,SAAA,CAAAE,IAAA,kBAEClE,IAAKgC,CAAAA,IAAAA,CAAK,WACVhC,CAAAA,CAAAA,IAAAA,CAAK8C,mBAEA9C,CAAAA,CAAAA,CAAAA,IAAAA,CAAKO,YACRP,IAAKoB,CAAAA,KAAAA,CAAM+D,UACXtD,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB7B,IAGhBwE,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UAAAA,CAAAA,OAAAA,CAAQC,IAAI,CAACC,CAAAA,CAAe1E,IAAKuB,CAAAA,MAAAA,CAAAA,CAASmD,CAAe1E,CAAAA,IAAAA,CAAK2E,mBAC9DK,GAAAA,CAAiB3C,CAAarC,CAAAA,IAAAA,eAAAA,MAAAA,CAAoBiF,CAAAA,CAAqBjF,IAAKM,CAAAA,SAAAA,CAAAA,EAAc,CAC9FgC,GAAAA,CAAK,EAED4C,CAAAA,CAAAA,CAAAA,GAAAA,CAAmB7C,CAAarC,CAAAA,IAAAA,CAAM,sBAAuB,CAAEsC,GAAAA,CAAK,EAKpEkC,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UAAAA,CAAAA,OAAAA,CAAQC,GAAI,CAAA,CAChBlC,EAAUvC,IAAK2E,CAAAA,OAAAA,CAASO,GAAiBzC,CAAAA,SAAAA,CAAWyC,GAAiBxC,CAAAA,OAAAA,CAAAA,CAAS0C,KAAK,UACjFpF,CAAAA,MAAAA,CAAK2E,OAAQnD,CAAAA,MAAAA,CAAAA,CAAS,CAAI,EAAA,CAAA,CAE5Be,EAAUvC,IAAKwC,CAAAA,KAAAA,CAAOwC,GAAevC,CAAAA,SAAAA,CAAWuC,GAAetC,CAAAA,OAAAA,CAAAA,CAAS0C,KAAK,UAC3EpF,CAAAA,MAAAA,CAAKwC,KAAMhB,CAAAA,MAAAA,CAAAA,CAAS,CAAI,EAAA,CAAA,CAAA,CAAA,SAI5BxB,KAAKuB,MAAOC,CAAAA,MAAAA,CAAAA,CAAS,CAGrBxB,CAAAA,IAAAA,CAAK2E,OAAQnD,CAAAA,MAAAA,CAAAA,CAAS,EACtBxB,IAAKwC,CAAAA,KAAAA,CAAMhB,MAAS,CAAA,CAAA,CAAA,CAGd6D,GAAAA,CAAUrF,IAAKmE,CAAAA,eAAAA,CACS,UAAnBkB,EAAAA,OAAAA,GAAAA,SAAAA,GAAAA,iBAAAA,GAAAA,CAASR,KAClBS,GAAAA,UAAAA,CAAW,iBAAMD,CAAAA,GAAAA,CAAQR,WAG3B7E,IAAKgC,CAAAA,IAAAA,CAAK,iBACX,CAAA,0BAAAgC,SAAA,CAAAuB,IAAA,MAAAjC,OAAA,QAIH,WApGM,CAAAkC,gBAAAA,CAAAA,SAAAA,iBAAAA,CAAAA,KAAAA,MAAAA,SAAAA,SAAA,CAAAA,gBAAAA,OAAAA,GAAAA,uBAAAA,KAAAA,CAoGN,SAAAC,mBAAAA,CAAAA,EACMzF,IAAKG,CAAAA,IAAAA,EAAAA,CAASH,IAAKO,CAAAA,SAAAA,GACrBP,IAAKoB,CAAAA,KAAAA,CAAMM,WACXC,CAAkB3B,CAAAA,IAAAA,CAAAA,CAAAA,CAGhBA,IAAKG,CAAAA,IAAAA,EAAQH,IAAKO,CAAAA,SAAAA,GACpBP,IAAKoB,CAAAA,KAAAA,CAAM+D,UACXtD,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB7B,IAEvB,CAAA,CAAA,EAGD,GAAAc,GAAA,QAAAC,KAAA,gBAAA2E,KAAA,CAAAvC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,UAAAsC,SAAA,SAAAvC,mBAAA,GAAAU,IAAA,UAAA8B,UAAAC,SAAA,iBAAAA,SAAA,CAAA5B,IAAA,CAAA4B,SAAA,CAAA3B,IAAA,YACMlE,IAAKG,CAAAA,IAAAA,EAAAA,SAAAA,CAAAA,IAAAA,iBAAAA,SAAAA,CAAAA,MAAAA,WAITH,IAAAA,CAAKG,IAAO,CAAA,CAAA,CAAA,CACL2F,EAAa9F,IAAM,CAAA,iBAAA,CAC3B,2BAAA6F,SAAA,CAAAN,IAAA,MAAAI,QAAA,QAGD,WAVMI,CAAAA,IAAAA,CAAAA,SAAAA,KAAAA,CAAAA,KAAAA,MAAAA,SAAAA,SAAAA,CAAAA,IAAAA,OAAAA,GAAAA,QAAAA,KAAAA,gBAAAA,KAAAA,CAAAA,iBAAAA,cAAAA,mBAAAA,GAAAA,IAAAA,CAUN,SAAAC,SAAA,SAAA5C,mBAAA,GAAAU,IAAA,UAAAmC,UAAAC,SAAA,iBAAAA,SAAA,CAAAjC,IAAA,CAAAiC,SAAA,CAAAhC,IAAA,aACOlE,KAAKG,IAKV,EAAA+F,SAAA,CAAAhC,IAAA,iBAAAgC,SAAA,CAAAC,MAAA,WADAnG,IAAKG,CAAAA,IAAAA,CAAAA,CAAO,CACL2F,CAAAA,CAAAA,CAAa9F,IAAM,CAAA,iBAAA,CAC3B,2BAAAkG,SAAA,CAAAX,IAAA,MAAAS,QAAA,QAED,WATA,CAAArD,IAAMA,CAAAA,SAAAA,KAAAA,CAAAA,KAAAA,MAAAA,SAAAA,SAAN,CAAAA,IAAMA,OAAAA,GAAAA,UAAAA,KAAAA,CASN,SAAAyD,MAAAA,CAAAA,CACE,KAAAC,MAAA,MAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0sBAGCC,CAAAA,CAAS,CACflF,MAAAA,CAAAA,CAAQ,CACR,CAAA,cAAA,CAAgBvB,KAAKG,IACrB,CAAA,aAAA,CAAkC,KAAnBH,GAAAA,IAAAA,CAAKM,SACpB,CAAA,aAAA,CAAkC,KAAnBN,GAAAA,IAAAA,CAAKM,UACpB,gBAAqC,CAAA,QAAA,GAAnBN,IAAKM,CAAAA,SAAAA,CACvB,eAAoC,CAAA,OAAA,GAAnBN,IAAKM,CAAAA,SAAAA,CACtB,oBAAqBN,IAAKO,CAAAA,SAAAA,CAC1B,eAAkBP,CAAAA,CAAAA,IAAAA,CAAKO,UACvB,aAAe,CAAA,KAAA,CACf,oBAAsBP,CAAAA,IAAAA,CAAKC,kBAAkByG,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,CAMzC,iBAAM1G,CAAAA,OAAK8B,YAAa,CAAA,SAAA,CAAA,GASnB9B,IAAAA,CAAKG,KAAO,OAAU,CAAA,MAAA,CACvBwG,CAAU3G,CAAAA,IAAAA,CAAKS,QAAWT,CAAAA,IAAAA,CAAKK,KAAQuG,CAAAA,IAAAA,EAAAA,CAAAA,CAClCD,CAAW3G,CAAAA,IAAAA,CAAKS,aAAqBmG,EAAV,CAAA,OAAA,CAAA,CAG1C5G,IAAKS,CAAAA,QAAAA,CAyBJ,GAxBA6F,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,4+BAKMxG,IAAAA,CAAKK,MAAMyG,MAAS,CAAA,CAAA,CAClB9G,IAAKK,CAAAA,KAAAA,CACL0G,OAAOC,YAAa,CAAA,KAAA,CAAA,CAYf,iBAAMhH,CAAAA,OAAK8B,YAAa,CAAA,cAAA,CAAA,KAepD,CA7SKhC,MAFwBmH,CAAzB,GAECnH,CAAAA,CAAMoH,OAAmBA,CAMbC,CAAAA,CAAAA,CAAA,CAAjBC,CAAM,CAAA,SAAA,CAAA,CAAA,CAA+BtH,EAAAuH,SAAA,CAAA,QAAA,CAAA,IAAA,IACbF,CAAA,CAAA,CAAxBC,EAAM,gBAAqCtH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuH,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CACjBF,CAAA,CAAA,CAA1BC,CAAM,CAAA,kBAAA,CAAA,CAAA,CAAyCtH,EAAAuH,SAAA,CAAA,SAAA,CAAA,IAAA,IAMJF,CAAA,CAAA,CAA3CG,EAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB3H,EAAAuH,SAAA,CAAA,MAAA,CAAA,IAAA,IAEbF,CAAA,CAAA,CAA3CG,EAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAA6B3H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuH,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAMpCF,EAAA,CAA5BG,CAAAA,CAAS,CAAEG,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB3H,EAAAuH,SAAA,CAAA,OAAA,CAAA,IAAA,IAGXF,CAAA,CAAA,CAA5BG,EAAS,CAAEG,OAAAA,CAAAA,CAAS,KAA8D3H,CAAAuH,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAMvCF,CAAA,CAAA,CAA3CG,EAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0B3H,EAAAuH,SAAA,CAAA,WAAA,CAAA,IAAA,EAKnBF,CAAAA,CAAAA,CAAAA,CAAA,CAA1CG,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAQ,CAAoC3H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuH,UAAA,qBAAA,CAAA,IAAA,EAAA,CAAA,CAMHF,CAAA,CAAA,CAAnEG,CAAS,CAAA,CAAEI,UAAW,WAAaH,CAAAA,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB3H,EAAAuH,SAAA,CAAA,UAAA,CAAA,IAAA,IA0D/EF,CAAA,CAAA,CADLQ,EAAM,MAAQ,CAAA,CAAEC,sBAAsB,CAkGtC9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuH,UAAA,kBAAA,CAAA,IAAA,CAAA,CAGDF,CAAA,CAAA,CADCQ,CAAM,CAAA,WAAA,CAAa,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAW3C9H,EAAAuH,SAAA,CAAA,qBAAA,CAAA,kBApNUvH,CAAUqH,CAAAA,CAAAA,CAAA,CADtBU,CAAc,CAAA,aAAA,CAAA,CAAA,CACF/H,IAmTbgI,CAAoB,CAAA,gBAAA,CAAkB,CACpCrF,SAAW,CAAA,CACT,CAAEsF,OAAS,CAAA,CAAA,CAAGC,SAAW,CAAA,SAAA,CAAA,CACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,KAAA,CAAA,CAAA,CAE3BtF,QAAS,CAAEuF,QAAAA,CAAU,IAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAGpCJ,EAAoB,gBAAkB,CAAA,CACpCrF,UAAW,CACT,CAAEsF,QAAS,CAAGC,CAAAA,SAAAA,CAAW,OACzB,CAAED,OAAAA,CAAS,CAAGC,CAAAA,SAAAA,CAAW,SAE3BtF,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAEuF,QAAU,CAAA,GAAA,CAAKC,OAAQ,MAIpCJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,iBAAkB,CACpCrF,SAAAA,CAAW,CACT,CAAEsF,OAAS,CAAA,CAAA,CAAGC,UAAW,MACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,MAE3BG,YAAc,CAAA,CACZ,CAAEJ,OAAAA,CAAS,CAAGC,CAAAA,SAAAA,CAAW,SACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,GAAA,CAAA,CAAA,CAE3BtF,QAAS,CAAEuF,QAAAA,CAAU,IAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAGpCJ,EAAoB,gBAAkB,CAAA,CACpCrF,UAAW,CACT,CAAEsF,QAAS,CAAGC,CAAAA,SAAAA,CAAW,GACzB,CAAA,CAAA,CAAED,OAAS,CAAA,CAAA,CAAGC,UAAW,MAE3BG,CAAAA,CAAAA,CAAAA,YAAAA,CAAc,CACZ,CAAEJ,OAAAA,CAAS,EAAGC,SAAW,CAAA,GAAA,CAAA,CACzB,CAAED,OAAS,CAAA,CAAA,CAAGC,UAAW,OAE3BtF,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAEuF,QAAU,CAAA,GAAA,CAAKC,OAAQ,MAIpCJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,mBAAqB,CAAA,CACvCrF,SAAW,CAAA,CACT,CAAEsF,OAAS,CAAA,CAAA,CAAGC,UAAW,QACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,QAE3BtF,OAAS,CAAA,CAAEuF,SAAU,GAAKC,CAAAA,MAAAA,CAAQ,UAGpCJ,CAAoB,CAAA,mBAAA,CAAqB,CACvCrF,SAAW,CAAA,CACT,CAAEsF,OAAAA,CAAS,CAAGC,CAAAA,SAAAA,CAAW,OACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,QAAA,CAAA,CAAA,CAE3BtF,QAAS,CAAEuF,QAAAA,CAAU,GAAKC,CAAAA,MAAAA,CAAQ,MAIpCJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,mBAAoB,CACtCrF,SAAAA,CAAW,CACT,CAAEsF,OAAAA,CAAS,EAAGC,SAAW,CAAA,OAAA,CAAA,CACzB,CAAED,OAAAA,CAAS,CAAGC,CAAAA,SAAAA,CAAW,MAE3BG,YAAc,CAAA,CACZ,CAAEJ,OAAS,CAAA,CAAA,CAAGC,UAAW,MACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,MAE3BtF,OAAS,CAAA,CAAEuF,SAAU,GAAKC,CAAAA,MAAAA,CAAQ,UAGpCJ,CAAoB,CAAA,kBAAA,CAAoB,CACtCrF,SAAAA,CAAW,CACT,CAAEsF,QAAS,CAAGC,CAAAA,SAAAA,CAAW,KACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,OAAA,CAAA,CAAA,CAE3BG,aAAc,CACZ,CAAEJ,QAAS,CAAGC,CAAAA,SAAAA,CAAW,KACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,MAAA,CAAA,CAAA,CAE3BtF,OAAS,CAAA,CAAEuF,QAAU,CAAA,GAAA,CAAKC,OAAQ,MAIpCJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,mBAAoB,CACtCrF,SAAAA,CAAW,CAAC,CAAE2F,KAAAA,CAAO,GAAK,CAAEA,KAAAA,CAAO,MAAQ,CAAEA,KAAAA,CAAO,IACpD1F,OAAS,CAAA,CAAEuF,SAAU,GAIvBH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,qBAAuB,CAAA,CACzCrF,SAAW,CAAA,CAAC,CAAEsF,OAAS,CAAA,CAAA,CAAA,CAAK,CAAEA,OAAS,CAAA,CAAA,CAAA,CAAA,CACvCrF,QAAS,CAAEuF,QAAAA,CAAU,GAGvBH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,qBAAuB,CAAA,CACzCrF,UAAW,CAAC,CAAEsF,QAAS,CAAK,CAAA,CAAA,CAAEA,QAAS,CACvCrF,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAEuF,QAAAA,CAAU"}

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

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{a as s,s as o}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as e,property as c,customElement as t}from"lit/decorators.js";import{s as m,g as r}from"../utilities/animation-registry.esm.js";import{H as l}from"../internal/slot.esm.js";import{html as p}from"lit";import{ifDefined as a}from"lit/directives/if-defined.js";import{l as g,u as v}from"../internal/scroll.esm.js";import{u as j}from"../internal/string.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as f}from"../internal/nile-element.esm.js";import{s as w}from"./nile-drawer.css.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/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/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.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/image_2.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/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let y=class extends f{constructor(){super(...arguments),this.hasSlotController=new l(this,"footer"),this.open=!1,this.closeOnEscape=!0,this.label="",this.placement="end",this.contained=!1,this.preventOverlayClose=!1,this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),g(this)))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(i){if(("overlay"==i||"keyboard"==i)&&this.preventOverlayClose)return;if(this.emit("nile-request-close",{cancelable:!0,detail:{source:i}}).defaultPrevented){const i=r(this,"drawer.denyClose",{dir:""});s(this.panel,i.keyframes,i.options)}else this.hide()}addOpenListeners(){this.closeOnEscape&&document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){this.closeOnEscape&&document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&!this.contained&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),g(this));const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([o(this.drawer),o(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("nile-initial-focus",{cancelable:!0}).defaultPrevented||(i?i.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),i&&i.setAttribute("autofocus","")}));const n=r(this,`drawer.show${j(this.placement)}`,{dir:""}),e=r(this,"drawer.overlay.show",{dir:""});await Promise.all([s(this.panel,n.keyframes,n.options),s(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),v(this)),await Promise.all([o(this.drawer),o(this.overlay)]);const i=r(this,`drawer.hide${j(this.placement)}`,{dir:""}),n=r(this,"drawer.overlay.hide",{dir:""});await Promise.all([s(this.overlay,n.keyframes,n.options).then((()=>{this.overlay.hidden=!0})),s(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),g(this)),this.open&&this.contained&&(this.modal.deactivate(),v(this))}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return p`
+import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{a as s,s as o}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as e,property as c,customElement as t}from"lit/decorators.js";import{s as r,g as m}from"../utilities/animation-registry.esm.js";import{H as l}from"../internal/slot.esm.js";import{html as p}from"lit";import{ifDefined as a}from"lit/directives/if-defined.js";import{l as g,u as v}from"../internal/scroll.esm.js";import{u as j}from"../internal/string.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as f}from"../internal/nile-element.esm.js";import{s as w}from"./nile-drawer.css.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/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/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let y=class extends f{constructor(){super(...arguments),this.hasSlotController=new l(this,"footer"),this.open=!1,this.closeOnEscape=!0,this.label="",this.placement="end",this.contained=!1,this.preventOverlayClose=!1,this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),g(this)))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(i){if(("overlay"==i||"keyboard"==i)&&this.preventOverlayClose)return;if(this.emit("nile-request-close",{cancelable:!0,detail:{source:i}}).defaultPrevented){const i=m(this,"drawer.denyClose",{dir:""});s(this.panel,i.keyframes,i.options)}else this.hide()}addOpenListeners(){this.closeOnEscape&&document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){this.closeOnEscape&&document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&!this.contained&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),g(this));const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([o(this.drawer),o(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("nile-initial-focus",{cancelable:!0}).defaultPrevented||(i?i.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),i&&i.setAttribute("autofocus","")}));const n=m(this,`drawer.show${j(this.placement)}`,{dir:""}),e=m(this,"drawer.overlay.show",{dir:""});await Promise.all([s(this.panel,n.keyframes,n.options),s(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),v(this)),await Promise.all([o(this.drawer),o(this.overlay)]);const i=m(this,`drawer.hide${j(this.placement)}`,{dir:""}),n=m(this,"drawer.overlay.hide",{dir:""});await Promise.all([s(this.overlay,n.keyframes,n.options).then((()=>{this.overlay.hidden=!0})),s(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),g(this)),this.open&&this.contained&&(this.modal.deactivate(),v(this))}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return p`
       <div
         part="base"
         class=${n({drawer:!0,"drawer--open":this.open,"drawer--top":"top"===this.placement,"drawer--end":"end"===this.placement,"drawer--bottom":"bottom"===this.placement,"drawer--start":"start"===this.placement,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":"rtl","drawer--has-footer":this.hasSlotController.test("footer")})}
@@ -50,4 +50,4 @@ import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.e
           </footer>
         </div>
       </div>
-    `}};y.styles=w,i([e(".drawer")],y.prototype,"drawer",void 0),i([e(".drawer__panel")],y.prototype,"panel",void 0),i([e(".drawer__overlay")],y.prototype,"overlay",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"closeOnEscape",void 0),i([c({reflect:!0})],y.prototype,"label",void 0),i([c({reflect:!0})],y.prototype,"placement",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"contained",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"preventOverlayClose",void 0),i([c({attribute:"no-header",type:Boolean,reflect:!0})],y.prototype,"noHeader",void 0),i([h("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),i([h("contained",{waitUntilFirstUpdate:!0})],y.prototype,"handleNoModalChange",null),y=i([t("nile-drawer")],y),m("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),m("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}}),m("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),m("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),m("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),m("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}}),m("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),m("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),m("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),m("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),m("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{y as N};
+    `}};y.styles=w,i([e(".drawer")],y.prototype,"drawer",void 0),i([e(".drawer__panel")],y.prototype,"panel",void 0),i([e(".drawer__overlay")],y.prototype,"overlay",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"closeOnEscape",void 0),i([c({reflect:!0})],y.prototype,"label",void 0),i([c({reflect:!0})],y.prototype,"placement",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"contained",void 0),i([c({type:Boolean,reflect:!0})],y.prototype,"preventOverlayClose",void 0),i([c({attribute:"no-header",type:Boolean,reflect:!0})],y.prototype,"noHeader",void 0),i([h("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),i([h("contained",{waitUntilFirstUpdate:!0})],y.prototype,"handleNoModalChange",null),y=i([t("nile-drawer")],y),r("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),r("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}}),r("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),r("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),r("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),r("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}}),r("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),r("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),r("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),r("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),r("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{y as N};