npm - @aquera/nile-elements - Versions diffs - 0.1.9 → 0.1.11 - Mend

@aquera/nile-elements 0.1.9 → 0.1.11

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 (23) 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 /\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 document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private removeOpenListeners() {\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private handleDocumentKeyDown(event: KeyboardEvent) {\n if (this.open && !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","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","concat","uppercaseFirstLetter","overlayAnimation","deactivate","then","trigger","setTimeout","stop","handleOpenChange","apply","arguments","handleNoModalChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_hide","_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":"8r7DA+EaA,CAAN,uBAAAC,EAAA,EAAA,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,CAMtBH,KAAAA,CAAKI,KAAAA,CAAG,EAGRJ,CAAAA,KAAAA,CAASK,SAAuC,CAAA,KAAA,CAMjCL,KAAAA,CAASM,SAAAA,CAAAA,CAAG,CAKbN,CAAAA,KAAAA,CAAmBO,mBAAG,CAAA,CAAA,CAAA,CAMGP,KAAAA,CAAQQ,QAAG,CAAA,CAAA,CAoQhF,QAAAC,KAAA,EAlQCC,SAAA,CAAAX,CAAA,CAAAD,EAAA,SAAAa,YAAA,CAAAZ,CAAA,GAAAa,GAAA,qBAAAC,KAAA,UAAAC,kBAAA,CACEC,CAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAf,IAAAA,CAAKgB,qBAAwBhB,CAAAA,IAAAA,CAAKgB,qBAAsBC,CAAAA,IAAAA,CAAKjB,IAC7DA,CAAAA,CAAAA,IAAAA,CAAKkB,KAAQ,CAAA,GAAIC,CAAAA,CAAMnB,CAAAA,IAAAA,CACxB,EAED,GAAAY,GAAA,gBAAAC,KAAA,UAAAO,aAAA,CACEpB,CAAAA,IAAAA,CAAKqB,MAAOC,CAAAA,MAAAA,CAAAA,CAAUtB,IAAKG,CAAAA,IAAAA,CAEvBH,IAAKG,CAAAA,IAAAA,GACPH,IAAKuB,CAAAA,gBAAAA,CAAAA,CAAAA,CAEAvB,IAAKM,CAAAA,SAAAA,GACRN,IAAKkB,CAAAA,KAAAA,CAAMM,QACXC,CAAAA,CAAAA,CAAAA,CAAAA,CAAkBzB,IAGvB,CAAA,CAAA,CAAA,EAED,GAAAY,GAAA,wBAAAC,KAAA,UAAAa,qBAAA,CAAAA,CACEX,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,+BAAAA,IAAAA,OACAY,CAAoB3B,CAAAA,IAAAA,CACrB,EAEO,GAAAY,GAAA,gBAAAC,KAAA,UAAAe,aAAaC,CAAAA,CAAAA,CACnB,GAAY,CAAA,SAAA,EAARA,CAA6B,EAAA,UAAA,EAARA,CAAuB7B,GAAAA,IAAAA,CAAKO,mBAAqB,CAAA,OAM1E,GALuBP,IAAAA,CAAK8B,IAAK,CAAA,oBAAA,CAAsB,CACrDC,UAAAA,CAAAA,CAAY,CACZC,CAAAA,MAAAA,CAAQ,CAAEH,MAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAGOI,gBAAnB,CAAA,CACE,GAAMC,CAAAA,EAAAA,CAAYC,CAAanC,CAAAA,IAAAA,CAAM,kBAAoB,CAAA,CAAEoC,GAAK,CAAA,EAAA,CAAA,CAAA,CAChEC,CAAUrC,CAAAA,IAAAA,CAAKsC,KAAOJ,CAAAA,EAAAA,CAAUK,SAAWL,CAAAA,EAAAA,CAAUM,OAEtD,CAAA,EAAA,IAEDxC,KAAKyC,CAAAA,IAAAA,CAAAA,CACN,EAEO,GAAA7B,GAAA,oBAAAC,KAAA,UAAAU,iBAAA,CACNmB,CAAAA,QAAAA,CAASC,gBAAiB,CAAA,SAAA,CAAW3C,IAAKgB,CAAAA,qBAAAA,CAC3C,EAEO,GAAAJ,GAAA,uBAAAC,KAAA,UAAA+B,oBAAA,CACNF,CAAAA,QAAAA,CAASG,mBAAoB,CAAA,SAAA,CAAW7C,IAAKgB,CAAAA,qBAAAA,CAC9C,EAEO,GAAAJ,GAAA,yBAAAC,KAAA,UAAAG,sBAAsB8B,CAAAA,CAAAA,CACxB9C,IAAKG,CAAAA,IAAAA,EAAAA,CAASH,IAAKM,CAAAA,SAAAA,EAA2B,QAAdwC,GAAAA,CAAAA,CAAMlC,GACxCkC,GAAAA,CAAAA,CAAMC,eACN/C,CAAAA,CAAAA,CAAAA,IAAAA,CAAK4B,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,aACAhE,IAAKG,CAAAA,IAAAA,EAAAA,SAAAA,CAAAA,IAAAA,WAEPH,IAAAA,CAAK8B,KAAK,WACV9B,CAAAA,CAAAA,IAAAA,CAAKuB,gBACLvB,CAAAA,CAAAA,CAAAA,IAAAA,CAAKiE,eAAkBvB,CAAAA,QAAAA,CAASwB,aAG3BlE,CAAAA,IAAAA,CAAKM,SACRN,GAAAA,IAAAA,CAAKkB,KAAMM,CAAAA,QAAAA,CAAAA,CAAAA,CACXC,CAAkBzB,CAAAA,IAAAA,CAAAA,CAAAA,CAQdmE,GAAAA,CAAkBnE,IAAKoE,CAAAA,aAAAA,CAAc,aACvCD,CAAAA,CAAAA,GAAAA,EACFA,GAAgBE,CAAAA,eAAAA,CAAgB,WAG5BC,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,SAAAA,CAAAA,OAAAA,CAAQC,GAAI,CAAA,CAACC,CAAexE,CAAAA,IAAAA,CAAKqB,MAASmD,CAAAA,CAAAA,CAAAA,CAAexE,IAAKyE,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,QACpEzE,IAAKqB,CAAAA,MAAAA,CAAOC,MAAS,CAAA,CAAA,CAAA,CAGrBoD,qBAAsB,CAAA,UAAA,CACG1E,MAAK8B,CAAAA,IAAAA,CAAK,oBAAsB,CAAA,CAAEC,UAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAEjDE,gBAEdkC,GAAAA,GAAAA,CACDA,GAAqCQ,CAAAA,KAAAA,CAAM,CAAEC,aAAAA,CAAAA,CAAe,CAE7D5E,CAAAA,CAAAA,CAAAA,MAAAA,CAAKsC,KAAMqC,CAAAA,KAAAA,CAAM,CAAEC,aAAAA,CAAAA,CAAe,CAKlCT,CAAAA,CAAAA,CAAAA,CAAAA,GAAAA,EACFA,GAAgBU,CAAAA,YAAAA,CAAa,WAAa,CAAA,EAAA,CAC3C,EAGH,CAAA,CAAMC,EAAiB3C,CAAAA,CAAAA,CAAanC,IAAM,eAAA+E,MAAA,CAAcC,CAAqBhF,CAAAA,IAAAA,CAAKK,SAAc,CAAA,EAAA,CAC9F+B,GAAK,CAAA,EAAA,CAAA,CAAA,CAED6C,EAAmB9C,CAAAA,CAAAA,CAAanC,IAAM,CAAA,qBAAA,CAAuB,CAAEoC,GAAAA,CAAK,EACpEkC,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UAAAA,CAAAA,OAAAA,CAAQC,GAAI,CAAA,CAChBlC,CAAUrC,CAAAA,IAAAA,CAAKsC,KAAOwC,CAAAA,EAAAA,CAAevC,SAAWuC,CAAAA,EAAAA,CAAetC,OAC/DH,CAAAA,CAAAA,CAAAA,CAAUrC,IAAKyE,CAAAA,OAAAA,CAASQ,EAAiB1C,CAAAA,SAAAA,CAAW0C,EAAiBzC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,SAGvExC,IAAK8B,CAAAA,IAAAA,CAAK,iBACX,CAAA,CAAAgC,SAAA,CAAAE,IAAA,kBAEChE,IAAAA,CAAK8B,IAAK,CAAA,WAAA,CAAA,CACV9B,IAAK4C,CAAAA,mBAAAA,CAAAA,CAAAA,CAEA5C,IAAKM,CAAAA,SAAAA,GACRN,IAAKkB,CAAAA,KAAAA,CAAMgE,UACXvD,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB3B,IAGhBsE,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UAAAA,CAAAA,OAAAA,CAAQC,GAAI,CAAA,CAACC,CAAexE,CAAAA,IAAAA,CAAKqB,MAASmD,CAAAA,CAAAA,CAAAA,CAAexE,IAAKyE,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,SAC9DK,GAAAA,CAAiB3C,EAAanC,IAAM,eAAA+E,MAAA,CAAcC,CAAqBhF,CAAAA,IAAAA,CAAKK,SAAc,CAAA,EAAA,CAC9F+B,GAAK,CAAA,EAAA,CAAA,CAAA,CAED6C,GAAmB9C,CAAAA,CAAAA,CAAanC,IAAM,CAAA,qBAAA,CAAuB,CAAEoC,GAAAA,CAAK,EAKpEkC,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,IAAAA,UAAAA,CAAAA,OAAAA,CAAQC,GAAI,CAAA,CAChBlC,CAAUrC,CAAAA,IAAAA,CAAKyE,OAASQ,CAAAA,GAAAA,CAAiB1C,SAAW0C,CAAAA,GAAAA,CAAiBzC,OAAS2C,CAAAA,CAAAA,IAAAA,CAAK,UACjFnF,CAAAA,MAAAA,CAAKyE,OAAQnD,CAAAA,MAAAA,CAAAA,CAAS,CAAI,EAAA,CAAA,CAE5Be,CAAUrC,CAAAA,IAAAA,CAAKsC,KAAOwC,CAAAA,GAAAA,CAAevC,SAAWuC,CAAAA,GAAAA,CAAetC,OAAS2C,CAAAA,CAAAA,IAAAA,CAAK,UAC3EnF,CAAAA,MAAAA,CAAKsC,KAAMhB,CAAAA,MAAAA,CAAAA,CAAS,CAAI,EAAA,CAAA,CAAA,CAAA,SAI5BtB,IAAKqB,CAAAA,MAAAA,CAAOC,MAAS,CAAA,CAAA,CAAA,CAGrBtB,IAAKyE,CAAAA,OAAAA,CAAQnD,MAAS,CAAA,CAAA,CAAA,CACtBtB,IAAKsC,CAAAA,KAAAA,CAAMhB,MAAS,CAAA,CAAA,CAAA,CAGd8D,GAAAA,CAAUpF,IAAKiE,CAAAA,eAAAA,CACS,UAAnBmB,EAAAA,OAAAA,GAAAA,SAAAA,GAAAA,iBAAAA,GAAAA,CAAST,KAClBU,GAAAA,UAAAA,CAAW,iBAAMD,CAAAA,GAAAA,CAAQT,KAG3B3E,CAAAA,CAAAA,EAAAA,CAAAA,CAAAA,IAAAA,CAAK8B,IAAK,CAAA,iBAAA,CACX,0BAAAgC,SAAA,CAAAwB,IAAA,MAAAlC,OAAA,QAIH,YAAAmC,iBAAA,SAAAvC,iBAAA,CAAAwC,KAAA,MAAAC,SAAA,UAAAF,gBAAA,OAAA3E,GAAA,uBAAAC,KAAA,UAAA6E,oBAAA,CAAAA,CACM1F,IAAKG,CAAAA,IAAAA,EAAAA,CAASH,IAAKM,CAAAA,SAAAA,GACrBN,IAAKkB,CAAAA,KAAAA,CAAMM,QACXC,CAAAA,CAAAA,CAAAA,CAAAA,CAAkBzB,IAGhBA,CAAAA,CAAAA,CAAAA,IAAAA,CAAKG,IAAQH,EAAAA,IAAAA,CAAKM,SACpBN,GAAAA,IAAAA,CAAKkB,KAAMgE,CAAAA,UAAAA,CAAAA,CAAAA,CACXvD,CAAoB3B,CAAAA,IAAAA,CAAAA,CAEvB,EAGD,GAAAY,GAAA,QAAAC,KAAA,gBAAA8E,KAAA,CAAA1C,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,UAAAyC,SAAA,SAAA1C,mBAAA,GAAAU,IAAA,UAAAiC,UAAAC,SAAA,iBAAAA,SAAA,CAAA/B,IAAA,CAAA+B,SAAA,CAAA9B,IAAA,YACMhE,IAAKG,CAAAA,IAAAA,EAAAA,SAAAA,CAAAA,IAAAA,iBAAAA,SAAAA,CAAAA,MAAAA,WAITH,IAAAA,CAAKG,IAAO,CAAA,CAAA,CAAA,CACL4F,CAAa/F,CAAAA,IAAAA,CAAM,iBAC3B,CAAA,2BAAA8F,SAAA,CAAAR,IAAA,MAAAM,QAAA,QAGD,YAAAI,KAAA,SAAAL,KAAA,CAAAH,KAAA,MAAAC,SAAA,UAAAO,IAAA,OAAApF,GAAA,QAAAC,KAAA,gBAAAoF,KAAA,CAAAhD,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,UAAA+C,SAAA,SAAAhD,mBAAA,GAAAU,IAAA,UAAAuC,UAAAC,SAAA,iBAAAA,SAAA,CAAArC,IAAA,CAAAqC,SAAA,CAAApC,IAAA,aACOhE,IAAAA,CAAKG,IAKV,EAAAiG,SAAA,CAAApC,IAAA,iBAAAoC,SAAA,CAAAC,MAAA,WADArG,IAAKG,CAAAA,IAAAA,CAAAA,CAAO,CACL4F,CAAAA,CAAAA,CAAa/F,IAAM,CAAA,iBAAA,CAC3B,2BAAAoG,SAAA,CAAAd,IAAA,MAAAY,QAAA,QAED,YAAAzD,KAAA,SAAAwD,KAAA,CAAAT,KAAA,MAAAC,SAAA,UAAAhD,IAAA,OAAA7B,GAAA,UAAAC,KAAA,UAAAyF,OAAA,CACE,KAAAC,MAAA,MAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0sBAGCC,CAAAA,CAAS,CACftF,MAAAA,CAAAA,CAAQ,CACR,CAAA,cAAA,CAAgBrB,KAAKG,IACrB,CAAA,aAAA,CAAkC,KAAnBH,GAAAA,IAAAA,CAAKK,SACpB,CAAA,aAAA,CAAkC,KAAnBL,GAAAA,IAAAA,CAAKK,UACpB,gBAAqC,CAAA,QAAA,GAAnBL,IAAKK,CAAAA,SAAAA,CACvB,eAAoC,CAAA,OAAA,GAAnBL,IAAKK,CAAAA,SAAAA,CACtB,oBAAqBL,IAAKM,CAAAA,SAAAA,CAC1B,eAAkBN,CAAAA,CAAAA,IAAAA,CAAKM,UACvB,aAAe,CAAA,KAAA,CACf,oBAAsBN,CAAAA,IAAAA,CAAKC,kBAAkB2G,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,CAMzC,iBAAM5G,CAAAA,OAAK4B,YAAa,CAAA,SAAA,CAAA,GASnB5B,IAAAA,CAAKG,KAAO,OAAU,CAAA,MAAA,CACvB0G,CAAU7G,CAAAA,IAAAA,CAAKQ,QAAWR,CAAAA,IAAAA,CAAKI,KAAQ0G,CAAAA,IAAAA,EAAAA,CAAAA,CAClCD,CAAW7G,CAAAA,IAAAA,CAAKQ,aAAqBsG,EAAV,CAAA,OAAA,CAAA,CAG1C9G,IAAKQ,CAAAA,QAAAA,CAyBJ,GAxBAgG,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,4+BAKM1G,IAAAA,CAAKI,MAAM4G,MAAS,CAAA,CAAA,CAClBhH,IAAKI,CAAAA,KAAAA,CACL6G,OAAOC,YAAa,CAAA,KAAA,CAAA,CAYf,iBAAMlH,CAAAA,OAAK4B,YAAa,CAAA,cAAA,CAAA,KAepD,CA3SK/B,MAFwBsH,CAAzB,GAECtH,CAAAA,CAAMuH,OAAmBA,CAMbC,CAAAA,CAAAA,CAAA,CAAjBC,CAAM,CAAA,SAAA,CAAA,CAAA,CAA+BzH,EAAA0H,SAAA,CAAA,QAAA,CAAA,IAAA,IACbF,CAAA,CAAA,CAAxBC,EAAM,gBAAqCzH,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0H,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CACjBF,EAAA,CAA1BC,CAAAA,CAAM,qBAAyCzH,CAAA0H,CAAAA,SAAAA,CAAA,cAAA,EAMJF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CG,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,KAAqB9H,CAAA0H,CAAAA,SAAAA,CAAA,WAAA,EAM5BF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEG,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB9H,CAAA0H,CAAAA,SAAAA,CAAA,YAAA,EAGXF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BG,CAAS,CAAA,CAAEG,SAAS,CAA8D9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0H,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAMvCF,EAAA,CAA3CG,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAA0B9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0H,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAKnBF,EAAA,CAA1CG,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAQ,CAAoC9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0H,UAAA,qBAAA,CAAA,IAAA,EAAA,CAAA,CAMHF,EAAA,CAAnEG,CAAAA,CAAS,CAAEI,SAAW,CAAA,WAAA,CAAaH,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAyB9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0H,SAAA,CAAA,UAAA,CAAA,IAAA,IA0D/EF,CAAA,CAAA,CADLQ,EAAM,MAAQ,CAAA,CAAEC,sBAAsB,CAkGtCjI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0H,UAAA,kBAAA,CAAA,IAAA,CAAA,CAGDF,EAAA,CADCQ,CAAAA,CAAM,YAAa,CAAEC,oBAAAA,CAAAA,CAAsB,KAW3CjI,CAAA0H,CAAAA,SAAAA,CAAA,sBAAA,IAlNU1H,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAUwH,EAAA,CADtBU,CAAAA,CAAc,gBACFlI,CAiTbmI,CAAAA,EAAAA,CAAAA,CAAoB,iBAAkB,CACpCzF,SAAAA,CAAW,CACT,CAAE0F,OAAAA,CAAS,EAAGC,SAAW,CAAA,SAAA,CAAA,CACzB,CAAED,OAAS,CAAA,CAAA,CAAGC,UAAW,KAE3B1F,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAE2F,QAAAA,CAAU,GAAKC,CAAAA,MAAAA,CAAQ,UAGpCJ,CAAoB,CAAA,gBAAA,CAAkB,CACpCzF,SAAW,CAAA,CACT,CAAE0F,OAAS,CAAA,CAAA,CAAGC,UAAW,KACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,YAE3B1F,OAAS,CAAA,CAAE2F,SAAU,GAAKC,CAAAA,MAAAA,CAAQ,UAIpCJ,CAAoB,CAAA,gBAAA,CAAkB,CACpCzF,SAAW,CAAA,CACT,CAAE0F,OAAS,CAAA,CAAA,CAAGC,UAAW,MACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,MAE3BG,YAAc,CAAA,CACZ,CAAEJ,OAAS,CAAA,CAAA,CAAGC,UAAW,OACzB,CAAA,CAAA,CAAED,OAAS,CAAA,CAAA,CAAGC,SAAW,CAAA,GAAA,CAAA,CAAA,CAE3B1F,QAAS,CAAE2F,QAAAA,CAAU,IAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAGpCJ,EAAoB,gBAAkB,CAAA,CACpCzF,UAAW,CACT,CAAE0F,QAAS,CAAGC,CAAAA,SAAAA,CAAW,KACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,MAAA,CAAA,CAAA,CAE3BG,aAAc,CACZ,CAAEJ,QAAS,CAAGC,CAAAA,SAAAA,CAAW,KACzB,CAAED,OAAAA,CAAS,EAAGC,SAAW,CAAA,OAAA,CAAA,CAAA,CAE3B1F,QAAS,CAAE2F,QAAAA,CAAU,IAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAIpCJ,EAAoB,mBAAqB,CAAA,CACvCzF,UAAW,CACT,CAAE0F,OAAS,CAAA,CAAA,CAAGC,SAAW,CAAA,QAAA,CAAA,CACzB,CAAED,OAAS,CAAA,CAAA,CAAGC,UAAW,KAE3B1F,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAE2F,QAAU,CAAA,GAAA,CAAKC,OAAQ,MAGpCJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,oBAAqB,CACvCzF,SAAAA,CAAW,CACT,CAAE0F,OAAAA,CAAS,EAAGC,SAAW,CAAA,KAAA,CAAA,CACzB,CAAED,OAAS,CAAA,CAAA,CAAGC,UAAW,QAE3B1F,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAE2F,QAAU,CAAA,GAAA,CAAKC,OAAQ,MAIpCJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,mBAAoB,CACtCzF,SAAAA,CAAW,CACT,CAAE0F,OAAAA,CAAS,EAAGC,SAAW,CAAA,OAAA,CAAA,CACzB,CAAED,OAAS,CAAA,CAAA,CAAGC,SAAW,CAAA,GAAA,CAAA,CAAA,CAE3BG,YAAc,CAAA,CACZ,CAAEJ,OAAS,CAAA,CAAA,CAAGC,UAAW,MACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,MAE3B1F,OAAS,CAAA,CAAE2F,SAAU,GAAKC,CAAAA,MAAAA,CAAQ,UAGpCJ,CAAoB,CAAA,kBAAA,CAAoB,CACtCzF,SAAW,CAAA,CACT,CAAE0F,OAAS,CAAA,CAAA,CAAGC,UAAW,GACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,UAE3BG,YAAc,CAAA,CACZ,CAAEJ,OAAS,CAAA,CAAA,CAAGC,UAAW,GACzB,CAAA,CAAA,CAAED,QAAS,CAAGC,CAAAA,SAAAA,CAAW,SAE3B1F,OAAS,CAAA,CAAE2F,QAAU,CAAA,GAAA,CAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAIpCJ,EAAoB,kBAAoB,CAAA,CACtCzF,UAAW,CAAC,CAAE+F,MAAO,CAAK,CAAA,CAAA,CAAEA,MAAO,IAAQ,CAAA,CAAA,CAAEA,MAAO,CACpD9F,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAE2F,QAAU,CAAA,GAAA,CAAA,CAAA,CAAA,CAIvBH,EAAoB,qBAAuB,CAAA,CACzCzF,UAAW,CAAC,CAAE0F,QAAS,CAAK,CAAA,CAAA,CAAEA,QAAS,CACvCzF,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAE2F,QAAU,CAAA,GAAA,CAAA,CAAA,CAAA,CAGvBH,EAAoB,qBAAuB,CAAA,CACzCzF,UAAW,CAAC,CAAE0F,QAAS,CAAK,CAAA,CAAA,CAAEA,QAAS,CACvCzF,CAAAA,CAAAA,CAAAA,OAAAA,CAAS,CAAE2F,QAAAA,CAAU"}
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","apply","arguments","handleNoModalChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_hide","_callee3","_callee3$","_context4","abrupt","render","_this3","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","translate","duration","easing","rtlKeyframes","scale"],"mappings":"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"}

package/dist/nile-drawer/nile-drawer.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/actionworkflow.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/agents.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/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block-02.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-01.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/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/check.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/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/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy-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/custom.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-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.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-1.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/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document.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/dots-vertical.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download-01.esm.js";import"../nile-icon/icons/svg/download-02.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-01.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.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/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-1.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-01.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder-01.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help-circle.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-circle.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/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/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-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/leftarrow.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/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/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/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/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/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palette.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/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play-circle.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-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/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-cw-03.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/restart_alt.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-lg.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-02.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/selectuser.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/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/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-circle.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-1.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/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-01.esm.js";import"../nile-icon/icons/svg/trash-03.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/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-1.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/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-01.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-circle.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.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-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-01.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.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/icons/svg/x-circle.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.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(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){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 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/actionworkflow.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/agents.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/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block-02.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-01.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/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/check.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/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/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy-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/custom.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-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.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-1.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/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document.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/dots-vertical.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download-01.esm.js";import"../nile-icon/icons/svg/download-02.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-01.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.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/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-1.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-01.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder-01.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help-circle.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-circle.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/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/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-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/leftarrow.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/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/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/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/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/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palette.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/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play-circle.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-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/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-cw-03.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/restart_alt.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-lg.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-02.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/selectuser.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/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/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-circle.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-1.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/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-01.esm.js";import"../nile-icon/icons/svg/trash-03.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/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-1.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/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-01.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-circle.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.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-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-01.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.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/icons/svg/x-circle.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`
       <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({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),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};

package/dist/src/nile-code-editor/nile-code-editor.css.js CHANGED Viewed

@@ -9,25 +9,28 @@ import { css } from 'lit';
  * CodeEditor CSS
  */
 export const styles = css `
+  *{
+    box-sizing:border-box;
+  }
   :host {
     display: block;
   }
-  .code-mirror {
+  .code__editor__container {
     display: flex;
-    justify-content: flex-end;
-    flex-direction: row-reverse;
     padding: 5px;
     border-radius: 5px;
     border: 1px solid rgb(204, 204, 204);
+    position: relative;
   }
   .no-scroller .cm-scroller{
-    scrollbar-width:none;
+    scrollbar-width: none;
   }
   .error {
-    border-color: #e5434d;
+    border-color: var(--nile-colors-red-500);
   }
   .noborder {
@@ -43,14 +46,19 @@ export const styles = css `
     outline: none;
   }
-  .code-editor__icon__container {
+  .expand__icon__container{
     display: none;
+    position: absolute;
+    border-radius: 5px;
     cursor: pointer;
-    align-self: start;
-    padding: 5px 5px 0px 0px;
+    right: 0px;
+    top: 5px;
+    z-index: 1;
+    padding: 5px;
+    background-color: var(--nile-colors-white-base);
   }
-  .code-mirror:hover > .code-editor__icon__container {
+  .code__editor__container:hover > .expand__icon__container{
     display: flex;
   }
 `;

package/dist/src/nile-code-editor/nile-code-editor.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CxB~~,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n CodeEditor CSS\n */\nexport const styles = css`\n :host {\n display: block;\n }\n\n .~~code-mirror~~ {\n display: flex;\n ~~justify-content: flex-end;\n flex-direction: row-reverse;\n~~ padding: 5px;\n border-radius: 5px;\n border: 1px solid rgb(204, 204, 204);\n }\n\n .no-scroller .cm-scroller{\n scrollbar-width:none;\n }\n\n .error {\n border-color: ~~#e5434d~~;\n }\n\n .noborder {\n border: none;\n }\n\n .cm-editor {\n flex: 1;\n min-width: 0;\n }\n\n .ͼ1.cm-focused {\n outline: none;\n }\n\n .~~code-editor__icon__container~~ {\n display: none;\n cursor: pointer;\n ~~align~~-~~self~~: ~~start~~;\n padding: 5px ~~5px 0px 0px~~;\n }\n \n .~~code-mirror~~:hover > .~~code-editor__icon__container~~ {\n display: flex;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n CodeEditor CSS\n /\nexport const styles = css`\n {\n box-sizing:border-box;\n }\n\n :host {\n display: block;\n }\n\n .code__editor__container {\n display: flex;\n padding: 5px;\n border-radius: 5px;\n border: 1px solid rgb(204, 204, 204);\n position: relative;\n }\n\n .no-scroller .cm-scroller{\n scrollbar-width: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .noborder {\n border: none;\n }\n\n .cm-editor {\n flex: 1;\n min-width: 0;\n }\n\n .ͼ1.cm-focused {\n outline: none;\n }\n\n .expand__icon__container{\n display: none;\n position: absolute;\n border-radius: 5px;\n cursor: pointer;\n right: 0px;\n top: 5px;\n z-index: 1;\n padding: 5px;\n background-color: var(--nile-colors-white-base);\n }\n \n .code__editor__container:hover > .expand__icon__container{\n display: flex;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-code-editor/nile-code-editor.js CHANGED Viewed

@@ -156,22 +156,22 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
         return html `<div
         part="code-editor-base"
         class=${classMap({
-            'code-mirror': true,
+            'code__editor__container': true,
             'noborder': noborder,
             'error': hasError || hasErrorMessage,
-            'code-mirror__singleline': !this.multiline,
+            'code__editor__singleline': !this.multiline,
             'no-scroller': noScrollbar
         })}
       >
       ${this.expandable
             ? html `
-        <nile-icon
-          name="${this.expandIcon}"
-          class="code-editor__icon__container"
-          size="16"
-          color="black"
-          @click="${(e) => this.emit('nile-expand')}"
-        ></nile-icon>`
+        <div @click="${(e) => this.emit('nile-expand')}" class="expand__icon__container">
+          <nile-icon
+            name="${this.expandIcon}"
+            size="16"
+            color="black"
+          ></nile-icon>
+        </div>`
             : ''}
       </div>
       ${hasErrorMessage
@@ -352,7 +352,7 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
     }
 };
 __decorate([
-    query('.code-mirror')
+    query('.code__editor__container')
 ], NileCodeEditor.prototype, "codeEditor", void 0);
 __decorate([
     property({ type: String, reflect: true, attribute: true })