npm - @aquera/nile-elements - Versions diffs - 0.1.47-beta-1.3 → 0.1.47-beta-1.4 - Mend

@aquera/nile-elements 0.1.47-beta-1.3 → 0.1.47-beta-1.4

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 (1804) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-toast.cjs.js","sources":["../../../src/nile-toast/nile-toast.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, CSSResultArray, TemplateResult } from 'lit';\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 {\n getAnimation,\n setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-toast.css';\nimport type { CSSResultGroup } from 'lit';\n\nconst toastStack = Object.assign(document.createElement('div'), {\n className: 'nile-toast-stack',\n});\n\n/\n Nile icon component.\n \n @tag nile-toast\n \n @dependency nile-icon-button\n \n @slot - The alert's main content.\n * @slot icon - An icon to show in the alert. Works best with `<nile-icon>`.\n \n @event nile-show - Emitted when the alert opens.\n * @event nile-after-show - Emitted after the alert opens and all animations are complete.\n * @event nile-hide - Emitted when the alert closes.\n * @event nile-after-hide - Emitted after the alert closes and all animations are complete.\n \n @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n \n @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n /\n\n@customElement('nile-toast')\nexport class NileToast extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private autoHideTimeout: number;\n private readonly hasSlotController = new HasSlotController(\n this,\n 'icon',\n 'suffix'\n );\n\n @query('[part~=\"base\"]') base: HTMLElement;\n\n /\n Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\n * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n /\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, reflect: true }) noIcon = false;\n\n /* Enables a close button that allows the user to dismiss the alert. /\n\n @property({ type: Boolean, reflect: true }) closable = false;\n\n @property({ type: Boolean, reflect: true }) hasSlottedContent = false;\n\n @property({ type: Boolean, reflect: true }) hasSlottedIcon = false;\n\n @property({ type: String, reflect: true }) prefixImageUrl = '';\n \n @property({ type: String, reflect: true }) closeIconName = 'close';\n\n /* The alert's theme variant. /\n @property({ reflect: true }) variant:\n \| 'success'\n \| 'info'\n \| 'warning'\n \| 'error'\n \| 'gray'\n \| 'black' = 'success';\n\n /\n The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\n * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\n * the alert will not close on its own.\n /\n @property({ type: Number }) duration = Infinity;\n\n @property({ type: String }) title = '';\n\n @property({ type: String }) content = '';\n\n @property({ type: Array, reflect: true }) tags: any[] = [];\n\n firstUpdated() {\n this.base.hidden = !this.open;\n }\n\n private restartAutoHide() {\n clearTimeout(this.autoHideTimeout);\n if (this.open && this.duration < Infinity) {\n this.autoHideTimeout = window.setTimeout(\n () => this.hide(),\n this.duration\n );\n }\n }\n\n private handleCloseClick() {\n this.hide();\n }\n\n private handleMouseMove() {\n this.restartAutoHide();\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n // Show\n this.emit('nile-show');\n\n if (this.duration < Infinity) {\n this.restartAutoHide();\n }\n\n await stopAnimations(this.base);\n this.base.hidden = false;\n const { keyframes, options } = getAnimation(this, 'alert.show', {\n dir: 'ltr',\n });\n await animateTo(this.base, keyframes, options);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n\n clearTimeout(this.autoHideTimeout);\n\n await stopAnimations(this.base);\n const { keyframes, options } = getAnimation(this, 'alert.hide', {\n dir: 'ltr',\n });\n await animateTo(this.base, keyframes, options);\n this.base.hidden = true;\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch('duration')\n handleDurationChange() {\n this.restartAutoHide();\n }\n\n /* Shows the alert. /\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 alert /\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 getIconNameByVariant() {\n switch (this.variant) {\n case 'success':\n return 'check-circle';\n case 'info':\n return 'info-circle';\n case 'warning':\n return 'alert-circle';\n case 'error':\n return 'alert-circle';\n case 'gray':\n return 'info-circle';\n case 'black':\n return 'info-circle';\n }\n }\n\n getIconColorByVariant() {\n switch (this.variant) {\n case 'success':\n return 'var(--nile-toast-color-icon-color-success)';\n case 'info':\n return 'var(--nile-toast-color-icon-color-info)';\n case 'warning':\n return 'var(--nile-toast-color-icon-color-warning)';\n case 'error':\n return 'var(--nile-toast-color-icon-color-error)';\n case 'gray':\n return 'var(--nile-toast-color-icon-color-gray)';\n case 'black':\n return 'var(--nile-toast-color-icon-color-black)';\n }\n }\n\n handleSlotChange(e: any) {\n const slot = e.target;\n const nodes = slot.assignedNodes({ flatten: true });\n if (slot.name === 'message') {\n const nodes = slot.assignedNodes({ flatten: true });\n this.hasSlottedContent = nodes.length > 0;\n }\n\n if (slot.name === 'icon') {\n const nodes = slot.assignedNodes({ flatten: true });\n this.hasSlottedIcon = nodes.length > 0;\n }\n }\n\n /\n Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n * calling this method again. The returned promise will resolve after the alert is hidden.\n */\n async toast() {\n return new Promise<void>(resolve => {\n if (toastStack.parentElement === null) {\n document.body.append(toastStack);\n }\n\n toastStack.appendChild(this);\n\n // Wait for the toast stack to render\n requestAnimationFrame(() => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- force a reflow for the initial transition\n this.clientWidth;\n this.show();\n });\n\n this.addEventListener(\n 'nile-after-hide',\n () => {\n toastStack.removeChild(this);\n resolve();\n\n // Remove the toast stack from the DOM when there are no more alerts\n if (toastStack.querySelector('nile-alert') === null) {\n toastStack.remove();\n }\n },\n { once: true }\n );\n });\n }\n\n private toastTags(content: string, imageUrl: string) {\n return html`\n <div class=\"alert__tag\">\n <img class=\"alert__tag-image\" src=\"${imageUrl}\" />\n <span class=\"alert__tag-content\"> ${content} </span>\n </div>\n `;\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n alert: true,\n 'alert--open': this.open,\n 'alert--closable': this.closable,\n 'alert--has-icon': this.hasSlotController.test('icon'),\n 'alert--success': this.variant === 'success',\n 'alert--info': this.variant === 'info',\n 'alert--warning': this.variant === 'warning',\n 'alert--error': this.variant === 'error',\n 'alert--gray': this.variant === 'gray',\n 'alert--black': this.variant === 'black',\n 'alert--no-content': this.content === '',\n })}\n role=\"alert\"\n aria-hidden=${this.open ? 'false' : 'true'}\n @mousemove=${this.handleMouseMove}\n >\n <slot name=\"icon\" part=\"icon\" ?hidden=\"${this.noIcon === true}\">\n ${!this.prefixImageUrl\n ? html`\n <div\n class=\"alert__prefix-icon-container\"\n ?hidden=\"${this.hasSlottedIcon \|\|\n this.prefixImageUrl.length > 0}\"\n >\n <nile-icon\n name=\"${this.getIconNameByVariant()}\"\n size=\"20\"\n color=\"${this.getIconColorByVariant()}\"\n method=\"stroke\"\n ></nile-icon>\n </div>\n `\n : html`\n <img src=\"${this.prefixImageUrl}\" class=\"alert__prefix-img\" />\n `}\n </slot>\n\n <slot\n name=\"message\"\n part=\"message\"\n class=\"alert__message\"\n aria-live=\"polite\"\n @slotchange=\"${this.handleSlotChange}\"\n >\n <span\n ?hidden=\"${this.hasSlottedContent && this.title === ''}\"\n class=\"alert__message--title\"\n >\n ${this.title}\n </span>\n ${this.title\n ? html` <span\n ?hidden=\"${this.content === ''}\"\n class=${classMap({\n 'alert__message--content': true,\n 'alert__message--content-only': !!this.title,\n })}\n >\n ${this.content}\n </span>`\n : null}\n ${this.tags?.length > 0\n ? html`\n <div class=\"alert__tags\">\n ${this.tags.map(\n tag =>\n html`<span\n >${this.toastTags(tag.content, tag.imageUrl)}</span\n >`\n )}\n </div>\n `\n : ``}\n </slot>\n\n ${this.closable\n ? html`\n <nile-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n class=\"alert__close-button\"\n name=\"${this.closeIconName}\"\n label=\"close\"\n size=\"20\"\n color=\"var(--nile-colors-neutral-700)\"\n @click=${this.handleCloseClick}\n ></nile-icon-button>\n `\n : null}\n </div>\n `;\n }\n}\n\nsetDefaultAnimation('alert.show', {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 },\n ],\n options: { duration: 250, easing: 'ease' },\n});\n\nsetDefaultAnimation('alert.hide', {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 },\n ],\n options: { duration: 250, easing: 'ease' },\n});\n\nexport default NileToast;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-toast': NileToast;\n }\n}\n"],"names":["toastStack","Object","assign","document","createElement","className","_export","NileToast","_a","h","this","hasSlotController","HasSlotController","open","noIcon","closable","hasSlottedContent","hasSlottedIcon","prefixImageUrl","closeIconName","variant","duration","Infinity","title","content","tags","_this","_inherits","_createClass","key","value","firstUpdated","base","hidden","restartAutoHide","clearTimeout","autoHideTimeout","window","setTimeout","hide","handleCloseClick","handleMouseMove","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_j","_i","_n","_j2","_i2","_n2","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","animateTo","keyframes","options","stop","handleOpenChange","handleDurationChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_callee3","_callee3$","_context4","getIconNameByVariant","getIconColorByVariant","handleSlotChange","e","slot","target","assignedNodes","flatten","name","nodes","length","_toast","_callee4","_this3","_callee4$","_context5","abrupt","Promise","resolve","parentElement","body","append","appendChild","requestAnimationFrame","clientWidth","addEventListener","removeChild","querySelector","remove","once","toast","toastTags","imageUrl","html","_templateObject","_taggedTemplateLiteral","render","_this$tags","_this4","_templateObject2","classMap","alert","test","_templateObject3","_templateObject4","_templateObject5","_templateObject6","map","tag","_templateObject7","_templateObject8","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","String","Number","Array","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","easing"],"mappings":"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"}
1	+ {"version":3,"file":"nile-toast.cjs.js","sources":["../../../src/nile-toast/nile-toast.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, CSSResultArray, TemplateResult } from 'lit';\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 {\n getAnimation,\n setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-toast.css';\nimport type { CSSResultGroup } from 'lit';\n\nconst toastStack = Object.assign(document.createElement('div'), {\n className: 'nile-toast-stack',\n});\n\n/\n Nile icon component.\n \n @tag nile-toast\n \n @dependency nile-icon-button\n \n @slot - The alert's main content.\n * @slot icon - An icon to show in the alert. Works best with `<nile-icon>`.\n \n @event nile-show - Emitted when the alert opens.\n * @event nile-after-show - Emitted after the alert opens and all animations are complete.\n * @event nile-hide - Emitted when the alert closes.\n * @event nile-after-hide - Emitted after the alert closes and all animations are complete.\n \n @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n \n @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n /\n\n@customElement('nile-toast')\nexport class NileToast extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private autoHideTimeout: number;\n private readonly hasSlotController = new HasSlotController(\n this,\n 'icon',\n 'suffix'\n );\n\n @query('[part~=\"base\"]') base: HTMLElement;\n\n /\n Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\n * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n /\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, reflect: true }) noIcon = false;\n\n /* Enables a close button that allows the user to dismiss the alert. /\n\n @property({ type: Boolean, reflect: true }) closable = false;\n\n @property({ type: Boolean, reflect: true }) hasSlottedContent = false;\n\n @property({ type: Boolean, reflect: true }) hasSlottedIcon = false;\n\n @property({ type: String, reflect: true }) prefixImageUrl = '';\n \n @property({ type: String, reflect: true }) closeIconName = 'close';\n\n /* The alert's theme variant. /\n @property({ reflect: true }) variant:\n \| 'success'\n \| 'info'\n \| 'warning'\n \| 'error'\n \| 'gray'\n \| 'black' = 'success';\n\n /\n The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\n * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\n * the alert will not close on its own.\n /\n @property({ type: Number }) duration = Infinity;\n\n @property({ type: String }) title = '';\n\n @property({ type: String }) content = '';\n\n @property({ type: Array, reflect: true }) tags: any[] = [];\n\n firstUpdated() {\n this.base.hidden = !this.open;\n }\n\n private restartAutoHide() {\n clearTimeout(this.autoHideTimeout);\n if (this.open && this.duration < Infinity) {\n this.autoHideTimeout = window.setTimeout(\n () => this.hide(),\n this.duration\n );\n }\n }\n\n private handleCloseClick() {\n this.hide();\n }\n\n private handleMouseMove() {\n this.restartAutoHide();\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n // Show\n this.emit('nile-show');\n\n if (this.duration < Infinity) {\n this.restartAutoHide();\n }\n\n await stopAnimations(this.base);\n this.base.hidden = false;\n const { keyframes, options } = getAnimation(this, 'alert.show', {\n dir: 'ltr',\n });\n await animateTo(this.base, keyframes, options);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n\n clearTimeout(this.autoHideTimeout);\n\n await stopAnimations(this.base);\n const { keyframes, options } = getAnimation(this, 'alert.hide', {\n dir: 'ltr',\n });\n await animateTo(this.base, keyframes, options);\n this.base.hidden = true;\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch('duration')\n handleDurationChange() {\n this.restartAutoHide();\n }\n\n /* Shows the alert. /\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 alert /\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 getIconNameByVariant() {\n switch (this.variant) {\n case 'success':\n return 'check-circle';\n case 'info':\n return 'info-circle';\n case 'warning':\n return 'alert-circle';\n case 'error':\n return 'alert-circle';\n case 'gray':\n return 'info-circle';\n case 'black':\n return 'info-circle';\n }\n }\n\n getIconColorByVariant() {\n switch (this.variant) {\n case 'success':\n return 'var(--nile-toast-color-icon-color-success, var(--ng-colors-fg-success-primary))';\n case 'info':\n return 'var(--nile-toast-color-icon-color-info, var(--ng-colors-fg-brand-primary-600))';\n case 'warning':\n return 'var(--nile-toast-color-icon-color-warning, var(--ng-colors-fg-warning-primary))';\n case 'error':\n return 'var(--nile-toast-color-icon-color-error, var(--ng-colors-fg-error-primary))';\n case 'gray':\n return 'var(--nile-toast-color-icon-color-gray, var(--ng-colors-fg-tertiary-600))';\n case 'black':\n return 'var(--nile-toast-color-icon-color-black)';\n }\n }\n\n handleSlotChange(e: any) {\n const slot = e.target;\n const nodes = slot.assignedNodes({ flatten: true });\n if (slot.name === 'message') {\n const nodes = slot.assignedNodes({ flatten: true });\n this.hasSlottedContent = nodes.length > 0;\n }\n\n if (slot.name === 'icon') {\n const nodes = slot.assignedNodes({ flatten: true });\n this.hasSlottedIcon = nodes.length > 0;\n }\n }\n\n /\n Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n * calling this method again. The returned promise will resolve after the alert is hidden.\n */\n async toast() {\n return new Promise<void>(resolve => {\n if (toastStack.parentElement === null) {\n document.body.append(toastStack);\n }\n\n toastStack.appendChild(this);\n\n // Wait for the toast stack to render\n requestAnimationFrame(() => {\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- force a reflow for the initial transition\n this.clientWidth;\n this.show();\n });\n\n this.addEventListener(\n 'nile-after-hide',\n () => {\n toastStack.removeChild(this);\n resolve();\n\n // Remove the toast stack from the DOM when there are no more alerts\n if (toastStack.querySelector('nile-alert') === null) {\n toastStack.remove();\n }\n },\n { once: true }\n );\n });\n }\n\n private toastTags(content: string, imageUrl: string) {\n return html`\n <div class=\"alert__tag\">\n <img class=\"alert__tag-image\" src=\"${imageUrl}\" />\n <span class=\"alert__tag-content\"> ${content} </span>\n </div>\n `;\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n alert: true,\n 'alert--open': this.open,\n 'alert--closable': this.closable,\n 'alert--has-icon': this.hasSlotController.test('icon'),\n 'alert--success': this.variant === 'success',\n 'alert--info': this.variant === 'info',\n 'alert--warning': this.variant === 'warning',\n 'alert--error': this.variant === 'error',\n 'alert--gray': this.variant === 'gray',\n 'alert--black': this.variant === 'black',\n 'alert--no-content': this.content === '',\n })}\n role=\"alert\"\n aria-hidden=${this.open ? 'false' : 'true'}\n @mousemove=${this.handleMouseMove}\n >\n <slot name=\"icon\" part=\"icon\" ?hidden=\"${this.noIcon === true}\">\n ${!this.prefixImageUrl\n ? html`\n <div\n class=\"alert__prefix-icon-container\"\n ?hidden=\"${this.hasSlottedIcon \|\|\n this.prefixImageUrl.length > 0}\"\n >\n <nile-icon\n name=\"${this.getIconNameByVariant()}\"\n size=\"20\"\n color=\"${this.getIconColorByVariant()}\"\n method=\"stroke\"\n ></nile-icon>\n </div>\n `\n : html`\n <img src=\"${this.prefixImageUrl}\" class=\"alert__prefix-img\" />\n `}\n </slot>\n\n <slot\n name=\"message\"\n part=\"message\"\n class=\"alert__message\"\n aria-live=\"polite\"\n @slotchange=\"${this.handleSlotChange}\"\n >\n <span\n ?hidden=\"${this.hasSlottedContent && this.title === ''}\"\n class=\"alert__message--title\"\n >\n ${this.title}\n </span>\n ${this.title\n ? html` <span\n ?hidden=\"${this.content === ''}\"\n class=${classMap({\n 'alert__message--content': true,\n 'alert__message--content-only': !!this.title,\n })}\n >\n ${this.content}\n </span>`\n : null}\n ${this.tags?.length > 0\n ? html`\n <div class=\"alert__tags\">\n ${this.tags.map(\n tag =>\n html`<span\n >${this.toastTags(tag.content, tag.imageUrl)}</span\n >`\n )}\n </div>\n `\n : ``}\n </slot>\n\n ${this.closable\n ? html`\n <nile-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n class=\"alert__close-button\"\n name=\"${this.closeIconName}\"\n label=\"close\"\n size=\"20\"\n color=\"var(--nile-colors-neutral-700,var(--ng-colors-fg-quaternary-400))\"\n @click=${this.handleCloseClick}\n ></nile-icon-button>\n `\n : null}\n </div>\n `;\n }\n}\n\nsetDefaultAnimation('alert.show', {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 },\n ],\n options: { duration: 250, easing: 'ease' },\n});\n\nsetDefaultAnimation('alert.hide', {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 },\n ],\n options: { duration: 250, easing: 'ease' },\n});\n\nexport default NileToast;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-toast': NileToast;\n }\n}\n"],"names":["toastStack","Object","assign","document","createElement","className","_export","NileToast","h","constructor","this","hasSlotController","HasSlotController","open","noIcon","closable","hasSlottedContent","hasSlottedIcon","prefixImageUrl","closeIconName","variant","duration","Infinity","title","content","tags","_this","_inherits","_a","_createClass","key","value","firstUpdated","base","hidden","restartAutoHide","clearTimeout","autoHideTimeout","window","setTimeout","hide","handleCloseClick","handleMouseMove","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_j","_i","_n","_j2","_i2","_n2","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","keyframes","options","animateTo","stop","handleOpenChange","handleDurationChange","_show","_callee2","_callee2$","_context3","abrupt","waitForEvent","show","_callee3","_callee3$","_context4","getIconNameByVariant","getIconColorByVariant","handleSlotChange","e","slot","target","assignedNodes","flatten","name","nodes","length","_toast","_callee4","_this3","_callee4$","_context5","Promise","resolve","parentElement","body","append","appendChild","requestAnimationFrame","clientWidth","addEventListener","removeChild","querySelector","remove","once","toast","toastTags","imageUrl","html","_templateObject","_taggedTemplateLiteral","render","_this$tags","_this4","_templateObject2","classMap","alert","test","_templateObject3","_templateObject4","_templateObject5","_templateObject6","map","tag","_templateObject7","_templateObject8","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","String","Number","Array","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","easing"],"mappings":"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"}

package/dist/nile-toast/nile-toast.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: contents;\n\n    /* For better DX, we'll reset the margin here so the base part can inherit it */\n    margin: 0;\n  }\n\n  .alert {\n    max-width: 100%;\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    border: solid 2px 2px;\n    border-radius: 8px;\n    margin: inherit;\n    padding: 16px;\n    gap: 16px;\n    width: max-content;\n    min-width: 400px;\n  }\n\n  .alert:not(.alert--has-icon) .alert__icon,\n  .alert:not(.alert--closable) .alert__close-button {\n    display: none;\n  }\n\n  .alert__prefix-icon-container {\n    background-color: red;\n    border-radius: 4px;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .alert__icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 10px;\n  }\n\n  .alert--success {\n    border: 1px solid var(--nile-toast-color-border-success);\n    background: var(--nile-toast-color-background-success);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--success .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-success);\n  }\n\n  .alert--info {\n    border: 1px solid var(--nile-toast-color-border-info);\n    background: var(--nile-toast-color-background-info);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--info .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-info);\n  }\n\n  .alert--warning {\n    border: 1px solid var(--nile-toast-color-border-warning);\n    background: var(--nile-toast-color-background-warning);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--warning .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-warning);\n  }\n\n  .alert--error {\n    border: 1px solid var(--nile-toast-color-border-error);\n    background: var(--nile-toast-color-background-error);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--error .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-error);\n  }\n\n  .alert--gray {\n    border: 1px solid var(--nile-toast-color-border-gray);\n    background: var(--nile-toast-color-background-gray);\n    box-shadow: var(--nile-toast-color-box-shadow);\n  }\n\n  .alert--gray .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-gray);\n  }\n\n  .alert--black {\n    border: 1px solid var(--nile-toast-color-border-black);\n    background: var(--nile-toast-color-background-black);\n    box-shadow: var(--nile-toast-color-box-black);\n  }\n\n  .alert--black .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-black);\n  }\n\n  .alert__message {\n    flex: 1 1 auto;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    line-height: 20px;\n    color: black;\n    gap:3px;\n  }\n\n  .alert__message--title {\n    font-weight: 600;\n    color:var(--nile-colors-dark-900);\n  }\n\n  .alert__message--content {\n    font-weight:400;\n    color:var(--nile-colors-dark-500);\n  }\n\n  .alert__message--content-only {\n    margin-top: 3px;\n  }\n\n  .alert__close-button {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .alert__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 4px;\n  }\n\n  .alert__tag {\n    height: 24px;\n    display: flex;\n    border-radius: 4px;\n    border: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-colors-white-base);\n  }\n\n  .alert__tag-content {\n    border-left: 1px solid var(--nile-colors-neutral-400);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 6px;\n\n    color: var(--nile-colors-dark-900);\n    font-family:  var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n  }\n\n  .alert__tag-image {\n    height: 24px;\n    width: 24px;\n    border-radius: 4px 0 0 4px;\n  }\n\n  .alert__prefix-img {\n    height: 24px;\n    border-radius: 4px;\n  }\n\n  .alert--no-content{\n    align-items:center ;\n  }\n\n  [hidden] {\n    display: none;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",a=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: contents;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\n    /* For better DX, we'll reset the margin here so the base part can inherit it */\n    margin: var(--nile-spacing-none);\n  }\n\n  .alert {\n    max-width: 100%;\n    box-sizing: border-box;\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    border: solid 2px;\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    margin: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: max-content;\n    min-width: 400px;\n  }\n\n  .alert:not(.alert--has-icon) .alert__icon,\n  .alert:not(.alert--closable) .alert__close-button {\n    display: none;\n  }\n\n  .alert__prefix-icon-container {\n    background-color: var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-sm);\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .alert__icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .alert--success {\n    border: 1px solid var(--nile-toast-color-border-success, var(--ng-colors-border-secondary-alt));\n    background: var(--nile-toast-color-background-success, var(--ng-colors-bg-primary-alt));\n    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n  }\n\n  .alert--success .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-success, var(--ng-colors-bg-primary-alt));\n  }\n\n  .alert--info {\n    border: 1px solid var(--nile-toast-color-border-info, var(--ng-colors-border-secondary-alt));\n    background: var(--nile-toast-color-background-info, var(--ng-colors-bg-primary-alt));\n    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n  }\n\n  .alert--info .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-info, var(--ng-colors-bg-primary-alt));\n  }\n\n  .alert--warning {\n    border: 1px solid var(--nile-toast-color-border-warning, var(--ng-colors-border-secondary-alt));\n    background: var(--nile-toast-color-background-warning, var(--ng-colors-bg-primary-alt));\n    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n  }\n\n  .alert--warning .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-warning, var(--ng-colors-bg-primary-alt));\n  }\n\n  .alert--error {\n    border: 1px solid var(--nile-toast-color-border-error, var(--ng-colors-border-secondary-alt));\n    background: var(--nile-toast-color-background-error, var(--ng-colors-bg-primary-alt));\n    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n  }\n\n  .alert--error .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-error, var(--ng-colors-bg-primary-alt));\n  }\n\n  .alert--gray {\n    border: 1px solid var(--nile-toast-color-border-gray, var(--ng-colors-border-secondary-alt));\n    background: var(--nile-toast-color-background-gray, var(--ng-colors-bg-primary-alt));\n    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n  }\n\n  .alert--gray .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-gray, var(--ng-colors-bg-primary-alt));\n  }\n\n  .alert--black {\n    border: 1px solid var(--nile-toast-color-border-black);\n    background: var(--nile-toast-color-background-black);\n    box-shadow: var(--nile-toast-color-box-black);\n  }\n\n  .alert--black .alert__prefix-icon-container {\n    background: var(--nile-toast-color-icon-background-color-black);\n  }\n\n  .alert__message {\n    flex: 1 1 auto;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-display));\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .alert__message--title {\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n    color:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n  }\n\n  .alert__message--content {\n    font-weight:var(--nile-font-weight-regular, var(--ng-font-weight-400));\n    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .alert__message--content-only {\n  }\n\n  .alert__close-button {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .alert__tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .alert__tag {\n    height: 24px;\n    display: flex;\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n    border: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-colors-white-base);\n  }\n\n  .alert__tag-content {\n    border-left: 1px solid var(--nile-colors-neutral-400);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-sm, var(--ng-spacing-sm));\n\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    font-family:  var(--nile-font-family-serif, var(--ng-font-family-display));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .alert__tag-image {\n    height: 24px;\n    width: 24px;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .alert__prefix-img {\n    height: 24px;\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n  }\n\n  .alert--no-content{\n    align-items:center ;\n  }\n\n  [hidden] {\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-toast.css.cjs.js.map

package/dist/nile-toast/nile-toast.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-toast.css.cjs.js","sources":["../../../src/nile-toast/nile-toast.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Toast CSS\n /\nexport const styles = css`\n :host {\n display: contents;\n\n / For better DX, we'll reset the margin here so the base part can inherit it */\n margin: 0;\n }\n\n .alert {\n max-width: 100%;\n box-sizing: border-box;\n position: relative;\n display: flex;\n align-items: flex-start;\n border: solid 2px ~~2px~~;\n border-radius: ~~8px~~;\n margin: inherit;\n padding: ~~16px~~;\n gap: ~~16px~~;\n width: max-content;\n min-width: 400px;\n }\n\n .alert:not(.alert--has-icon) .alert__icon,\n .alert:not(.alert--closable) .alert__close-button {\n display: none;\n }\n\n .alert__prefix-icon-container {\n background-color: red;\n border-radius: ~~4px~~;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .alert__icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: ~~10px~~;\n }\n\n .alert--success {\n border: 1px solid var(--nile-toast-color-border-success);\n background: var(--nile-toast-color-background-success);\n box-shadow: var(--nile-toast-color-box-shadow);\n }\n\n .alert--success .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-success);\n }\n\n .alert--info {\n border: 1px solid var(--nile-toast-color-border-info);\n background: var(--nile-toast-color-background-info);\n box-shadow: var(--nile-toast-color-box-shadow);\n }\n\n .alert--info .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-info);\n }\n\n .alert--warning {\n border: 1px solid var(--nile-toast-color-border-warning);\n background: var(--nile-toast-color-background-warning);\n box-shadow: var(--nile-toast-color-box-shadow);\n }\n\n .alert--warning .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-warning);\n }\n\n .alert--error {\n border: 1px solid var(--nile-toast-color-border-error);\n background: var(--nile-toast-color-background-error);\n box-shadow: var(--nile-toast-color-box-shadow);\n }\n\n .alert--error .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-error);\n }\n\n .alert--gray {\n border: 1px solid var(--nile-toast-color-border-gray);\n background: var(--nile-toast-color-background-gray);\n box-shadow: var(--nile-toast-color-box-shadow);\n }\n\n .alert--gray .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-gray);\n }\n\n .alert--black {\n border: 1px solid var(--nile-toast-color-border-black);\n background: var(--nile-toast-color-background-black);\n box-shadow: var(--nile-toast-color-box-black);\n }\n\n .alert--black .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-black);\n }\n\n .alert__message {\n flex: 1 1 auto;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-direction: column;\n align-items: flex-start;\n font-family: var(--nile-font-family-serif);\n font-size: ~~14px;\n line~~-~~height: 20px~~;\n color: ~~black~~;\n gap:~~3px~~;\n }\n\n .alert__message--title {\n font-weight: 600;\n color:var(--nile-colors-dark-900);\n }\n\n .alert__message--content {\n font-weight:400;\n color:var(--nile-colors-dark-500);\n }\n\n .alert__message--content-only {\n ~~margin-top: 3px;\n~~ }\n\n .alert__close-button {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .alert__tags {\n display: flex;\n flex-wrap: wrap;\n gap: ~~10px~~;\n margin-top: ~~4px~~;\n }\n\n .alert__tag {\n height: 24px;\n display: flex;\n border-radius: ~~4px~~;\n border: 1px solid var(--nile-colors-neutral-400);\n background: var(--nile-colors-white-base);\n }\n\n .alert__tag-content {\n border-left: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 ~~6px~~;\n\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-size: ~~14px~~;\n font-style: normal;\n font-weight: ~~400~~;\n line-height: ~~20px~~;\n letter-spacing: 0.2px;\n }\n\n .alert__tag-image {\n height: 24px;\n width: 24px;\n border-radius: ~~4px~~ 0 0 ~~4px~~;\n }\n\n .alert__prefix-img {\n height: 24px;\n border-radius: ~~4px~~;\n }\n\n .alert--no-content{\n align-items:center ;\n }\n\n [hidden] {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-toast.css.cjs.js","sources":["../../../src/nile-toast/nile-toast.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Toast CSS\n /\nexport const styles = css`\n :host {\n display: contents;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\n / For better DX, we'll reset the margin here so the base part can inherit it */\n margin: var(--nile-spacing-none);\n }\n\n .alert {\n max-width: 100%;\n box-sizing: border-box;\n position: relative;\n display: flex;\n align-items: flex-start;\n border: solid 2px;\n border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n margin: inherit;\n padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n width: max-content;\n min-width: 400px;\n }\n\n .alert:not(.alert--has-icon) .alert__icon,\n .alert:not(.alert--closable) .alert__close-button {\n display: none;\n }\n\n .alert__prefix-icon-container {\n background-color: var(--nile-colors-red-500);\n border-radius: var(--nile-radius-sm);\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .alert__icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: var(--nile-type-scale-1);\n }\n\n .alert--success {\n border: 1px solid var(--nile-toast-color-border-success, var(--ng-colors-border-secondary-alt));\n background: var(--nile-toast-color-background-success, var(--ng-colors-bg-primary-alt));\n box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n }\n\n .alert--success .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .alert--info {\n border: 1px solid var(--nile-toast-color-border-info, var(--ng-colors-border-secondary-alt));\n background: var(--nile-toast-color-background-info, var(--ng-colors-bg-primary-alt));\n box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n }\n\n .alert--info .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-info, var(--ng-colors-bg-primary-alt));\n }\n\n .alert--warning {\n border: 1px solid var(--nile-toast-color-border-warning, var(--ng-colors-border-secondary-alt));\n background: var(--nile-toast-color-background-warning, var(--ng-colors-bg-primary-alt));\n box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n }\n\n .alert--warning .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .alert--error {\n border: 1px solid var(--nile-toast-color-border-error, var(--ng-colors-border-secondary-alt));\n background: var(--nile-toast-color-background-error, var(--ng-colors-bg-primary-alt));\n box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n }\n\n .alert--error .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .alert--gray {\n border: 1px solid var(--nile-toast-color-border-gray, var(--ng-colors-border-secondary-alt));\n background: var(--nile-toast-color-background-gray, var(--ng-colors-bg-primary-alt));\n box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));\n }\n\n .alert--gray .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-gray, var(--ng-colors-bg-primary-alt));\n }\n\n .alert--black {\n border: 1px solid var(--nile-toast-color-border-black);\n background: var(--nile-toast-color-background-black);\n box-shadow: var(--nile-toast-color-box-black);\n }\n\n .alert--black .alert__prefix-icon-container {\n background: var(--nile-toast-color-icon-background-color-black);\n }\n\n .alert__message {\n flex: 1 1 auto;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-direction: column;\n align-items: flex-start;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-display));\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-dark-900);\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .alert__message--title {\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .alert__message--content {\n font-weight:var(--nile-font-weight-regular, var(--ng-font-weight-400));\n color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n }\n\n .alert__message--content-only {\n }\n\n .alert__close-button {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .alert__tags {\n display: flex;\n flex-wrap: wrap;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .alert__tag {\n height: 24px;\n display: flex;\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n border: 1px solid var(--nile-colors-neutral-400);\n background: var(--nile-colors-white-base);\n }\n\n .alert__tag-content {\n border-left: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-sm, var(--ng-spacing-sm));\n\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-display));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .alert__tag-image {\n height: 24px;\n width: 24px;\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-xs, var(--ng-radius-xs));\n }\n\n .alert__prefix-img {\n height: 24px;\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n .alert--no-content{\n align-items:center ;\n }\n\n [hidden] {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-toast/nile-toast.css.esm.js CHANGED Viewed

@@ -1,9 +1,12 @@
-import{css as o}from"lit";const r=o`
+import{css as r}from"lit";const a=r`
   :host {
     display: contents;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
     /* For better DX, we'll reset the margin here so the base part can inherit it */
-    margin: 0;
+    margin: var(--nile-spacing-none);
   }
   .alert {
@@ -12,11 +15,11 @@ import{css as o}from"lit";const r=o`
     position: relative;
     display: flex;
     align-items: flex-start;
-    border: solid 2px 2px;
-    border-radius: 8px;
+    border: solid 2px;
+    border-radius: var(--nile-radius-md, var(--ng-radius-xl));
     margin: inherit;
-    padding: 16px;
-    gap: 16px;
+    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
+    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
     width: max-content;
     min-width: 400px;
   }
@@ -27,8 +30,8 @@ import{css as o}from"lit";const r=o`
   }
   .alert__prefix-icon-container {
-    background-color: red;
-    border-radius: 4px;
+    background-color: var(--nile-colors-red-500);
+    border-radius: var(--nile-radius-sm);
     box-sizing: border-box;
     display: flex;
     justify-content: center;
@@ -39,57 +42,57 @@ import{css as o}from"lit";const r=o`
     flex: 0 0 auto;
     display: flex;
     align-items: center;
-    font-size: 10px;
+    font-size: var(--nile-type-scale-1);
   }
   .alert--success {
-    border: 1px solid var(--nile-toast-color-border-success);
-    background: var(--nile-toast-color-background-success);
-    box-shadow: var(--nile-toast-color-box-shadow);
+    border: 1px solid var(--nile-toast-color-border-success, var(--ng-colors-border-secondary-alt));
+    background: var(--nile-toast-color-background-success, var(--ng-colors-bg-primary-alt));
+    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));
   }
   .alert--success .alert__prefix-icon-container {
-    background: var(--nile-toast-color-icon-background-color-success);
+    background: var(--nile-toast-color-icon-background-color-success, var(--ng-colors-bg-primary-alt));
   }
   .alert--info {
-    border: 1px solid var(--nile-toast-color-border-info);
-    background: var(--nile-toast-color-background-info);
-    box-shadow: var(--nile-toast-color-box-shadow);
+    border: 1px solid var(--nile-toast-color-border-info, var(--ng-colors-border-secondary-alt));
+    background: var(--nile-toast-color-background-info, var(--ng-colors-bg-primary-alt));
+    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));
   }
   .alert--info .alert__prefix-icon-container {
-    background: var(--nile-toast-color-icon-background-color-info);
+    background: var(--nile-toast-color-icon-background-color-info, var(--ng-colors-bg-primary-alt));
   }
   .alert--warning {
-    border: 1px solid var(--nile-toast-color-border-warning);
-    background: var(--nile-toast-color-background-warning);
-    box-shadow: var(--nile-toast-color-box-shadow);
+    border: 1px solid var(--nile-toast-color-border-warning, var(--ng-colors-border-secondary-alt));
+    background: var(--nile-toast-color-background-warning, var(--ng-colors-bg-primary-alt));
+    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));
   }
   .alert--warning .alert__prefix-icon-container {
-    background: var(--nile-toast-color-icon-background-color-warning);
+    background: var(--nile-toast-color-icon-background-color-warning, var(--ng-colors-bg-primary-alt));
   }
   .alert--error {
-    border: 1px solid var(--nile-toast-color-border-error);
-    background: var(--nile-toast-color-background-error);
-    box-shadow: var(--nile-toast-color-box-shadow);
+    border: 1px solid var(--nile-toast-color-border-error, var(--ng-colors-border-secondary-alt));
+    background: var(--nile-toast-color-background-error, var(--ng-colors-bg-primary-alt));
+    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));
   }
   .alert--error .alert__prefix-icon-container {
-    background: var(--nile-toast-color-icon-background-color-error);
+    background: var(--nile-toast-color-icon-background-color-error, var(--ng-colors-bg-primary-alt));
   }
   .alert--gray {
-    border: 1px solid var(--nile-toast-color-border-gray);
-    background: var(--nile-toast-color-background-gray);
-    box-shadow: var(--nile-toast-color-box-shadow);
+    border: 1px solid var(--nile-toast-color-border-gray, var(--ng-colors-border-secondary-alt));
+    background: var(--nile-toast-color-background-gray, var(--ng-colors-bg-primary-alt));
+    box-shadow: var(--nile-toast-color-box-shadow, var(--ng-shadow-xs));
   }
   .alert--gray .alert__prefix-icon-container {
-    background: var(--nile-toast-color-icon-background-color-gray);
+    background: var(--nile-toast-color-icon-background-color-gray, var(--ng-colors-bg-primary-alt));
   }
   .alert--black {
@@ -109,25 +112,23 @@ import{css as o}from"lit";const r=o`
     align-items: center;
     flex-direction: column;
     align-items: flex-start;
-    font-family: var(--nile-font-family-serif);
-    font-size: 14px;
-    line-height: 20px;
-    color: black;
-    gap:3px;
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-display));
+    font-size: var(--nile-type-scale-3);
+    color: var(--nile-colors-dark-900);
+    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
   }
   .alert__message--title {
-    font-weight: 600;
-    color:var(--nile-colors-dark-900);
+    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
+    color:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
   }
   .alert__message--content {
-    font-weight:400;
-    color:var(--nile-colors-dark-500);
+    font-weight:var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
   }
   .alert__message--content-only {
-    margin-top: 3px;
   }
   .alert__close-button {
@@ -139,14 +140,14 @@ import{css as o}from"lit";const r=o`
   .alert__tags {
     display: flex;
     flex-wrap: wrap;
-    gap: 10px;
-    margin-top: 4px;
+    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
   .alert__tag {
     height: 24px;
     display: flex;
-    border-radius: 4px;
+    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
     border: 1px solid var(--nile-colors-neutral-400);
     background: var(--nile-colors-white-base);
   }
@@ -156,26 +157,26 @@ import{css as o}from"lit";const r=o`
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 0 6px;
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-sm, var(--ng-spacing-sm));
-    color: var(--nile-colors-dark-900);
-    font-family:  var(--nile-font-family-serif);
-    font-size: 14px;
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
+    font-family:  var(--nile-font-family-serif, var(--ng-font-family-display));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
   .alert__tag-image {
     height: 24px;
     width: 24px;
-    border-radius: 4px 0 0 4px;
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-xs, var(--ng-radius-xs));
   }
   .alert__prefix-img {
     height: 24px;
-    border-radius: 4px;
+    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
   }
   .alert--no-content{
@@ -185,4 +186,4 @@ import{css as o}from"lit";const r=o`
   [hidden] {
     display: none;
   }
-`;export{r as s};
+`;export{a as s};

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

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{s,a 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{w as g}from"../internal/event.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as v}from"../internal/nile-element.esm.js";import{s as j}from"./nile-toast.css.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";const d=Object.assign(document.createElement("div"),{className:"nile-toast-stack"});let h=class extends v{constructor(){super(...arguments),this.hasSlotController=new l(this,"icon","suffix"),this.open=!1,this.noIcon=!1,this.closable=!1,this.hasSlottedContent=!1,this.hasSlottedIcon=!1,this.prefixImageUrl="",this.closeIconName="close",this.variant="success",this.duration=1/0,this.title="",this.content="",this.tags=[]}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.duration<1/0&&this.restartAutoHide(),await s(this.base),this.base.hidden=!1;const{keyframes:i,options:n}=r(this,"alert.show",{dir:"ltr"});await o(this.base,i,n),this.emit("nile-after-show")}else{this.emit("nile-hide"),clearTimeout(this.autoHideTimeout),await s(this.base);const{keyframes:i,options:n}=r(this,"alert.hide",{dir:"ltr"});await o(this.base,i,n),this.base.hidden=!0,this.emit("nile-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"nile-after-hide")}getIconNameByVariant(){switch(this.variant){case"success":return"check-circle";case"info":case"gray":case"black":return"info-circle";case"warning":case"error":return"alert-circle"}}getIconColorByVariant(){switch(this.variant){case"success":return"var(--nile-toast-color-icon-color-success)";case"info":return"var(--nile-toast-color-icon-color-info)";case"warning":return"var(--nile-toast-color-icon-color-warning)";case"error":return"var(--nile-toast-color-icon-color-error)";case"gray":return"var(--nile-toast-color-icon-color-gray)";case"black":return"var(--nile-toast-color-icon-color-black)"}}handleSlotChange(i){const s=i.target;if(s.assignedNodes({flatten:!0}),"message"===s.name){const i=s.assignedNodes({flatten:!0});this.hasSlottedContent=i.length>0}if("icon"===s.name){const i=s.assignedNodes({flatten:!0});this.hasSlottedIcon=i.length>0}}async toast(){return new Promise((i=>{null===d.parentElement&&document.body.append(d),d.appendChild(this),requestAnimationFrame((()=>{this.clientWidth,this.show()})),this.addEventListener("nile-after-hide",(()=>{d.removeChild(this),i(),null===d.querySelector("nile-alert")&&d.remove()}),{once:!0})}))}toastTags(i,s){return p`
+import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{s,a 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{w as g}from"../internal/event.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as v}from"../internal/nile-element.esm.js";import{s as j}from"./nile-toast.css.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";const d=Object.assign(document.createElement("div"),{className:"nile-toast-stack"});let h=class extends v{constructor(){super(...arguments),this.hasSlotController=new l(this,"icon","suffix"),this.open=!1,this.noIcon=!1,this.closable=!1,this.hasSlottedContent=!1,this.hasSlottedIcon=!1,this.prefixImageUrl="",this.closeIconName="close",this.variant="success",this.duration=1/0,this.title="",this.content="",this.tags=[]}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.duration<1/0&&this.restartAutoHide(),await s(this.base),this.base.hidden=!1;const{keyframes:i,options:n}=r(this,"alert.show",{dir:"ltr"});await o(this.base,i,n),this.emit("nile-after-show")}else{this.emit("nile-hide"),clearTimeout(this.autoHideTimeout),await s(this.base);const{keyframes:i,options:n}=r(this,"alert.hide",{dir:"ltr"});await o(this.base,i,n),this.base.hidden=!0,this.emit("nile-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,g(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"nile-after-hide")}getIconNameByVariant(){switch(this.variant){case"success":return"check-circle";case"info":case"gray":case"black":return"info-circle";case"warning":case"error":return"alert-circle"}}getIconColorByVariant(){switch(this.variant){case"success":return"var(--nile-toast-color-icon-color-success, var(--ng-colors-fg-success-primary))";case"info":return"var(--nile-toast-color-icon-color-info, var(--ng-colors-fg-brand-primary-600))";case"warning":return"var(--nile-toast-color-icon-color-warning, var(--ng-colors-fg-warning-primary))";case"error":return"var(--nile-toast-color-icon-color-error, var(--ng-colors-fg-error-primary))";case"gray":return"var(--nile-toast-color-icon-color-gray, var(--ng-colors-fg-tertiary-600))";case"black":return"var(--nile-toast-color-icon-color-black)"}}handleSlotChange(i){const s=i.target;if(s.assignedNodes({flatten:!0}),"message"===s.name){const i=s.assignedNodes({flatten:!0});this.hasSlottedContent=i.length>0}if("icon"===s.name){const i=s.assignedNodes({flatten:!0});this.hasSlottedIcon=i.length>0}}async toast(){return new Promise((i=>{null===d.parentElement&&document.body.append(d),d.appendChild(this),requestAnimationFrame((()=>{this.clientWidth,this.show()})),this.addEventListener("nile-after-hide",(()=>{d.removeChild(this),i(),null===d.querySelector("nile-alert")&&d.remove()}),{once:!0})}))}toastTags(i,s){return p`
       <div class="alert__tag">
         <img class="alert__tag-image" src="${s}" />
         <span class="alert__tag-content"> ${i} </span>
@@ -65,7 +65,7 @@ import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.e
                 name="${this.closeIconName}"
                 label="close"
                 size="20"
-                color="var(--nile-colors-neutral-700)"
+                color="var(--nile-colors-neutral-700,var(--ng-colors-fg-quaternary-400))"
                 @click=${this.handleCloseClick}
               ></nile-icon-button>
             `:null}