npm - @aquera/nile-elements - Versions diffs - 0.0.42 → 0.0.44 - Mend

@aquera/nile-elements 0.0.42 → 0.0.44

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 (297) 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-element';\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 /* The alert's theme variant. /\n @property({ reflect: true }) variant:\n \| 'success'\n \| 'info'\n \| 'warning'\n \| 'error' = '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 'tick';\n case 'info':\n return 'helpsupport';\n case 'warning':\n return 'info-icon';\n case 'error':\n return 'cancel';\n default:\n return 'tick';\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 /\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 })}\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=\"15\"\n color=\"white\"\n ></nile-icon>\n </div>\n `\n : ``}\n\n ${this.prefixImageUrl\n ? html`\n <img src=\"${this.prefixImageUrl}\" class=\"alert__prefix-img\" />\n `\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 <div\n ?hidden=\"${this.hasSlottedContent && this.title === ''}\"\n class=\"alert__message--title\"\n >\n ${this.title}\n </div>\n <div\n ?hidden=\"${this.hasSlottedContent && this.content === ''}\"\n class=\"alert__message--content ${this.title === ''\n ? 'alert__message--content-only'\n : ''}\"\n >\n ${this.content}\n </div>\n\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=\"close\"\n label=\"close\"\n size=\"14\"\n @click=${this.handleCloseClick}\n ></nile-icon-button>\n `\n : ''}\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","_inherits","h","_super","_createSuper","constructor","this","hasSlotController","HasSlotController","open","noIcon","closable","hasSlottedContent","hasSlottedIcon","prefixImageUrl","variant","duration","Infinity","title","content","tags","_this","_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","apply","arguments","handleDurationChange","_show","_callee2","_callee2$","_context3","waitForEvent","show","_hide","_callee3","_callee3$","_context4","abrupt","getIconNameByVariant","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","map","tag","_templateObject6","_templateObject7","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-element';\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 /* The alert's theme variant. /\n @property({ reflect: true }) variant:\n \| 'success'\n \| 'info'\n \| 'warning'\n \| 'error' = '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 'tick';\n case 'info':\n return 'helpsupport';\n case 'warning':\n return 'info-icon';\n case 'error':\n return 'cancel';\n default:\n return 'tick';\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 /\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 })}\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=\"15\"\n color=\"white\"\n ></nile-icon>\n </div>\n `\n : ``}\n\n ${this.prefixImageUrl\n ? html`\n <img src=\"${this.prefixImageUrl}\" class=\"alert__prefix-img\" />\n `\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 <div\n ?hidden=\"${this.hasSlottedContent && this.title === ''}\"\n class=\"alert__message--title\"\n >\n ${this.title}\n </div>\n <div\n ?hidden=\"${this.hasSlottedContent && this.content === ''}\"\n class=\"alert__message--content ${this.title === ''\n ? 'alert__message--content-only'\n : ''}\"\n >\n ${this.content}\n </div>\n\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=\"close\"\n label=\"close\"\n size=\"14\"\n @click=${this.handleCloseClick}\n ></nile-icon-button>\n `\n : ''}\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","NileToast","h","this","hasSlotController","HasSlotController","open","noIcon","closable","hasSlottedContent","hasSlottedIcon","prefixImageUrl","variant","duration","Infinity","title","content","tags","_this","_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","apply","arguments","handleDurationChange","_show","_callee2","_callee2$","_context3","abrupt","waitForEvent","show","_hide","_callee3","_callee3$","_context4","getIconNameByVariant","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","map","tag","_templateObject6","_templateObject7","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","String","Number","Array","watch","waitUntilFirstUpdate","_export","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(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_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    position: relative;\n    display: flex;\n    align-items: stretch;\n    border: solid 2px 2px;\n    border-radius: var(--nile-radius-base-standard);\n    margin: inherit;\n    padding: 12px;\n    gap: 10px;\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    height: 26px;\n    width: 26px;\n    border-radius: 4px;\n    padding: 6px;\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-colors-green-500);\n    background: var(--nile-colors-green-100);\n    box-shadow: 0px 14px 28px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--success .alert__prefix-icon-container {\n    background: var(--nile-colors-green-500);\n  }\n\n  .alert--info {\n    border: 1px solid var(--nile-colors-blue-500);\n    background: var(--nile-colors-blue-100);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--info .alert__prefix-icon-container {\n    background: var(--nile-colors-blue-500);\n  }\n\n  .alert--warning {\n    border: 1px solid var(--nile-colors-yellow-500);\n    background: var(--nile-colors-yellow-100);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--warning .alert__prefix-icon-container {\n    background: var(--nile-colors-yellow-500);\n  }\n\n  .alert--error {\n    border: 1px solid var(--nile-colors-red-500);\n    background: var(--nile-colors-red-100);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--error .alert__prefix-icon-container {\n    border: 1px solid var(--nile-colors-red-500);\n    background: var(--nile-colors-red-500);\n  }\n\n  .alert__message {\n    flex: 1 1 auto;\n    display: block;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 14px;\n    color: black;\n  }\n\n  .alert__message--title {\n    font-weight: 600;\n  }\n\n  .alert__message--content {\n    line-height: 21px;\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 #e5e9eb;\n    background: var(--nile-colors-white-base);\n  }\n\n  .alert__tag-content {\n    border-left: 1px solid #e5e9eb;\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: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\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  [hidden] {\n    display: none;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_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    position: relative;\n    display: flex;\n    align-items: stretch;\n    border: solid 2px 2px;\n    border-radius: var(--nile-radius-base-standard);\n    margin: inherit;\n    padding: 12px;\n    gap: 10px;\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    height: 26px;\n    width: 26px;\n    border-radius: 4px;\n    padding: 6px;\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-colors-green-500);\n    background: var(--nile-colors-green-100);\n    box-shadow: 0px 14px 28px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--success .alert__prefix-icon-container {\n    background: var(--nile-colors-green-500);\n  }\n\n  .alert--info {\n    border: 1px solid var(--nile-colors-blue-500);\n    background: var(--nile-colors-blue-100);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--info .alert__prefix-icon-container {\n    background: var(--nile-colors-blue-500);\n  }\n\n  .alert--warning {\n    border: 1px solid var(--nile-colors-yellow-500);\n    background: var(--nile-colors-yellow-100);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--warning .alert__prefix-icon-container {\n    background: var(--nile-colors-yellow-500);\n  }\n\n  .alert--error {\n    border: 1px solid var(--nile-colors-red-500);\n    background: var(--nile-colors-red-100);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .alert--error .alert__prefix-icon-container {\n    border: 1px solid var(--nile-colors-red-500);\n    background: var(--nile-colors-red-500);\n  }\n\n  .alert__message {\n    flex: 1 1 auto;\n    display: block;\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    font-weight: 400;\n    line-height: 14px;\n    color: black;\n  }\n\n  .alert__message--title {\n    font-weight: 600;\n  }\n\n  .alert__message--content {\n    line-height: 21px;\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 #e5e9eb;\n    background: var(--nile-colors-white-base);\n  }\n\n  .alert__tag-content {\n    border-left: 1px solid #e5e9eb;\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: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\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  [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-element';\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 position: relative;\n display: flex;\n align-items: stretch;\n border: solid 2px 2px;\n border-radius: var(--nile-radius-base-standard);\n margin: inherit;\n padding: 12px;\n gap: 10px;\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 height: 26px;\n width: 26px;\n border-radius: 4px;\n padding: 6px;\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-colors-green-500);\n background: var(--nile-colors-green-100);\n box-shadow: 0px 14px 28px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--success .alert__prefix-icon-container {\n background: var(--nile-colors-green-500);\n }\n\n .alert--info {\n border: 1px solid var(--nile-colors-blue-500);\n background: var(--nile-colors-blue-100);\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--info .alert__prefix-icon-container {\n background: var(--nile-colors-blue-500);\n }\n\n .alert--warning {\n border: 1px solid var(--nile-colors-yellow-500);\n background: var(--nile-colors-yellow-100);\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--warning .alert__prefix-icon-container {\n background: var(--nile-colors-yellow-500);\n }\n\n .alert--error {\n border: 1px solid var(--nile-colors-red-500);\n background: var(--nile-colors-red-100);\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--error .alert__prefix-icon-container {\n border: 1px solid var(--nile-colors-red-500);\n background: var(--nile-colors-red-500);\n }\n\n .alert__message {\n flex: 1 1 auto;\n display: block;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-direction: column;\n align-items: flex-start;\n font-family: ~~Colfax~~-~~regular~~;\n font-size: 14px;\n font-weight: 400;\n line-height: 14px;\n color: black;\n }\n\n .alert__message--title {\n font-weight: 600;\n }\n\n .alert__message--content {\n line-height: 21px;\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 #e5e9eb;\n background: var(--nile-colors-white-base);\n }\n\n .alert__tag-content {\n border-left: 1px solid #e5e9eb;\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: Colfax-regular;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px;\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 [hidden] {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,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-element';\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 position: relative;\n display: flex;\n align-items: stretch;\n border: solid 2px 2px;\n border-radius: var(--nile-radius-base-standard);\n margin: inherit;\n padding: 12px;\n gap: 10px;\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 height: 26px;\n width: 26px;\n border-radius: 4px;\n padding: 6px;\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-colors-green-500);\n background: var(--nile-colors-green-100);\n box-shadow: 0px 14px 28px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--success .alert__prefix-icon-container {\n background: var(--nile-colors-green-500);\n }\n\n .alert--info {\n border: 1px solid var(--nile-colors-blue-500);\n background: var(--nile-colors-blue-100);\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--info .alert__prefix-icon-container {\n background: var(--nile-colors-blue-500);\n }\n\n .alert--warning {\n border: 1px solid var(--nile-colors-yellow-500);\n background: var(--nile-colors-yellow-100);\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--warning .alert__prefix-icon-container {\n background: var(--nile-colors-yellow-500);\n }\n\n .alert--error {\n border: 1px solid var(--nile-colors-red-500);\n background: var(--nile-colors-red-100);\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .alert--error .alert__prefix-icon-container {\n border: 1px solid var(--nile-colors-red-500);\n background: var(--nile-colors-red-500);\n }\n\n .alert__message {\n flex: 1 1 auto;\n display: block;\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 font-weight: 400;\n line-height: 14px;\n color: black;\n }\n\n .alert__message--title {\n font-weight: 600;\n }\n\n .alert__message--content {\n line-height: 21px;\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 #e5e9eb;\n background: var(--nile-colors-white-base);\n }\n\n .alert__tag-content {\n border-left: 1px solid #e5e9eb;\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: Colfax-regular;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px;\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 [hidden] {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -89,7 +89,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
     align-items: center;
     flex-direction: column;
     align-items: flex-start;
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-weight: 400;
     line-height: 14px;

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"../index-cd2f9c12.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.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/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/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.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-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-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/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/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-01.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.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/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table-1.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../property-09139d3c.esm.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.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":default:return"tick";case"info":return"helpsupport";case"warning":return"info-icon";case"error":return"cancel"}}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"../index-cd2f9c12.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.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/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/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.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-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-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/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/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-01.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.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/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table-1.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../property-09139d3c.esm.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.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":default:return"tick";case"info":return"helpsupport";case"warning":return"info-icon";case"error":return"cancel"}}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>

package/dist/src/nile-badge/nile-badge.css.js CHANGED Viewed

@@ -18,12 +18,12 @@ export const styles = css `
     height: 16px;
     font-size: 10.24px;
     display: inline-flex;
-    align-items: center;/
+    align-items: center;
     justify-content: center;
   }
   .badge__content {
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 10.24px;
     font-style: normal;
     font-weight: 400;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-badge.css.js","sourceRoot":"","sources":["../../../src/nile-badge/nile-badge.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDxB,CAAC;AACF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Tag CSS\n */\nexport const styles = css`\n :host {\n }\n\n .badge {\n padding: 0 4px;\n border-radius: 4px;\n height: 16px;\n font-size: 10.24px;\n display: inline-flex;\n align-items: center~~;/\~~n justify-content: center;\n }\n\n .badge__content {\n font-family: ~~Colfax~~-~~regular~~;\n font-size: 10.24px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0.2px;\n }\n\n .badge--primary {\n background: #005EA6;\n }\n\n .badge--success {\n background: #A5F3E1;\n }\n\n .badge--normal {\n background: #E5E9EB;\n }\n\n .badge--warning {\n background: #F3E0A5;\n }\n\n .badge--error {\n background: #F3A5AA;\n }\n\n .badge--info {\n background: #A5D3F3;\n }\n\n .badge--rounded {\n border-radius: 100px;\n padding: 0 6px;\n }\n`;\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-badge.css.js","sourceRoot":"","sources":["../../../src/nile-badge/nile-badge.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDxB,CAAC;AACF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Tag CSS\n */\nexport const styles = css`\n :host {\n }\n\n .badge {\n padding: 0 4px;\n border-radius: 4px;\n height: 16px;\n font-size: 10.24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n .badge__content {\n font-family: var(--nile-font-family-serif);\n font-size: 10.24px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0.2px;\n }\n\n .badge--primary {\n background: #005EA6;\n }\n\n .badge--success {\n background: #A5F3E1;\n }\n\n .badge--normal {\n background: #E5E9EB;\n }\n\n .badge--warning {\n background: #F3E0A5;\n }\n\n .badge--error {\n background: #F3A5AA;\n }\n\n .badge--info {\n background: #A5D3F3;\n }\n\n .badge--rounded {\n border-radius: 100px;\n padding: 0 6px;\n }\n`;\nexport default [styles];\n"]}

package/dist/src/nile-breadcrumb/nile-breadcrumb.js CHANGED Viewed

@@ -38,6 +38,10 @@ let NileBreadcrumb = class NileBreadcrumb extends NileElement {
     changeLastItem() {
         const items = [...this.querySelectorAll('nile-breadcrumb-item')];
         const itemslength = items.length;
+        for (let i = 0; i < itemslength - 1; i++) {
+            const element = items[i];
+            element.isLast = false;
+        }
         const lastItem = items[itemslength - 1];
         lastItem.isLast = true;
     }
@@ -47,6 +51,7 @@ let NileBreadcrumb = class NileBreadcrumb extends NileElement {
     render() {
         return html `
       <slot
+        @slotchange=${this.changeLastItem}
         @nile-click-item=${this.handleRemoveClick}
         class="breadcrumb"
       ></slot>

package/dist/src/nile-breadcrumb/nile-breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-breadcrumb.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,0BAA0B,CAAC;~~AACnD~~;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAC7C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACH,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc;QACpB,MAAM,KAAK,GAAQ,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;QACtE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACxC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,iBAAiB,CAAC,KAAU;QAClC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;~~2BAEY~~,IAAI,CAAC,iBAAiB;;;KAG5C,CAAC;IACJ,CAAC;CAGF,CAAA;~~AA7CY~~,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,~~CA6C1B~~;~~SA7CY~~,cAAc;~~AA+C3B~~,eAAe,cAAc,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\n/\n Nile BreadCrumb component.\n \n @tag nile-breadcrumb\n \n /\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n /*\n The styles for Breadcrumb\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n connectedCallback() {\n super.connectedCallback();\n this.updateComplete.then(() => {\n this.changeLastItem();\n });\n }\n\n private changeLastItem() {\n const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n const itemslength = items.length;\n const lastItem = items[itemslength - 1];\n lastItem.isLast = true;\n }\n\n private handleRemoveClick(event: any) {\n this.emit('nile-click', { value: event.target.innerText });\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n @nile-click-item=${this.handleRemoveClick}\n class=\"breadcrumb\"\n ></slot>\n `;\n }\n \n / #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb': NileBreadcrumb;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-breadcrumb.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAC7C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACH,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc;QACpB,MAAM,KAAK,GAAQ,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;QACtE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YACxC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACzB,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;SACxB;QACD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACxC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,iBAAiB,CAAC,KAAU;QAClC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,cAAc;2BACd,IAAI,CAAC,iBAAiB;;;KAG5C,CAAC;IACJ,CAAC;CAGF,CAAA;AAlDY,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAkD1B;SAlDY,cAAc;AAoD3B,eAAe,cAAc,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\nimport { foreach } from '../nile-icon/icons/svg';\n/\n Nile BreadCrumb component.\n \n @tag nile-breadcrumb\n \n /\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n /*\n The styles for Breadcrumb\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n /\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n / #endregion /\n\n / #region Methods /\n\n /\n Render method\n * @slot This is a slot test\n /\n connectedCallback() {\n super.connectedCallback();\n this.updateComplete.then(() => {\n this.changeLastItem();\n });\n }\n\n private changeLastItem() {\n const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n const itemslength = items.length;\n for (let i = 0; i < itemslength - 1; i++) {\n const element = items[i];\n element.isLast = false;\n }\n const lastItem = items[itemslength - 1];\n lastItem.isLast = true;\n }\n\n private handleRemoveClick(event: any) {\n this.emit('nile-click', { value: event.target.innerText });\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n @slotchange=${this.changeLastItem}\n @nile-click-item=${this.handleRemoveClick}\n class=\"breadcrumb\"\n ></slot>\n `;\n }\n\n / #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb': NileBreadcrumb;\n }\n}\n"]}

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js CHANGED Viewed

@@ -14,7 +14,7 @@ export const styles = css `
     align-items: center;
     text-align: center;
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: var(--nile-font-family-serif);
+    font-family: var(--nile-font-family-serif);
     font-size: var(--nile-font-size-small);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);

package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-breadcrumb-item.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-font-size-small);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height:16.8px;\n letter-spacing: 0.2px;\n }\n\n .nile-breadcrumb-item__arrow {\n margin: 0 8px;\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500);\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600);\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: #026e78;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-breadcrumb-item.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif); \n font-size: var(--nile-font-size-small);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height:16.8px;\n letter-spacing: 0.2px;\n }\n\n .nile-breadcrumb-item__arrow {\n margin: 0 8px;\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500);\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600);\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: #026e78;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-button-toggle/nile-button-toggle.css.js CHANGED Viewed

@@ -20,7 +20,7 @@ export const styles = css `
     border-radius: 4px;
     color: #000;
     text-align: center;
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     line-height: 14px;
     letter-spacing: 0.2px;

package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-button-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n ButtonToggle CSS\n */\nexport const styles = css`\n :host {\n }\n\n .nile-button-toggle {\n display: flex;\n padding: 12px;\n border: 1px solid #ccc;\n cursor: pointer;\n border-radius: 4px;\n color: #000;\n text-align: center;\n font-family: ~~Colfax~~-~~regular~~;\n font-size: 14px;\n line-height: 14px;\n letter-spacing: 0.2px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n }\n\n .nile-button-toggle:hover {\n background: var(--nile-colors-neutral-100);\n }\n\n .nile-button-toggle:active {\n background: #E5E9EB;\n }\n\n .nile-button-toggle__initial {\n border-radius: 4px 0 0 4px;\n }\n\n .nile-button-toggle__end {\n border-radius: 0 4px 4px 0;\n border-left: 0;\n }\n\n .nile-button-toggle__middle {\n border-width: 1px 1px 1px 0;\n border-style: solid;\n border-color: #ccc;\n border-radius: 0;\n }\n\n .nile-button-toggle__active {\n background-color: #c7ced4;\n }\n\n .nile-button-toggle__active:hover {\n background-color: #c7ced4;\n }\n\n .nile-button-toggle__disabled {\n cursor: not-allowed;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-button-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n ButtonToggle CSS\n */\nexport const styles = css`\n :host {\n }\n\n .nile-button-toggle {\n display: flex;\n padding: 12px;\n border: 1px solid #ccc;\n cursor: pointer;\n border-radius: 4px;\n color: #000;\n text-align: center;\n font-family: var(--nile-font-family-serif);\n font-size: 14px;\n line-height: 14px;\n letter-spacing: 0.2px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n }\n\n .nile-button-toggle:hover {\n background: var(--nile-colors-neutral-100);\n }\n\n .nile-button-toggle:active {\n background: #E5E9EB;\n }\n\n .nile-button-toggle__initial {\n border-radius: 4px 0 0 4px;\n }\n\n .nile-button-toggle__end {\n border-radius: 0 4px 4px 0;\n border-left: 0;\n }\n\n .nile-button-toggle__middle {\n border-width: 1px 1px 1px 0;\n border-style: solid;\n border-color: #ccc;\n border-radius: 0;\n }\n\n .nile-button-toggle__active {\n background-color: #c7ced4;\n }\n\n .nile-button-toggle__active:hover {\n background-color: #c7ced4;\n }\n\n .nile-button-toggle__disabled {\n cursor: not-allowed;\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-calendar/nile-calendar.css.js CHANGED Viewed

@@ -13,7 +13,7 @@ export const styles = css `
   }
   .calendar-container {
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     width: 290px;
     height: auto;
     text-align: center;
@@ -165,7 +165,7 @@ export const styles = css `
   }
   .base__relative {
-    width: 494px;
+    width: 352px;
   }
   .calender-input {
@@ -175,7 +175,7 @@ export const styles = css `
   }
   .calender-input--relative {
-    width: 494px;
+    width: 352px;
     padding: 0;
   }
@@ -233,15 +233,17 @@ export const styles = css `
   .unit-container {
     display: flex;
     flex-direction: column;
-    width: 494px;
+    width: 352px;
+    gap:10px;
     padding: 24px 24px 0 24px;
   }
   .time-unit-group {
     display: flex;
-    align-items: center;
-    margin-bottom: 24px;
-    gap: 24px;
+    flex-direction: column;
+    align-items: start;
+    justify-content:center;
+    gap: 12px;
   }
   .time-unit-name {
@@ -261,6 +263,7 @@ export const styles = css `
   .time-unit-value {
     display: flex;
+    gap: 3px;
   }
   .time-value {
@@ -273,7 +276,7 @@ export const styles = css `
     cursor: pointer;
     justify-content: center;
     align-items: center;
-    margin-right: 16px;
+    /* margin-right: 16px; */
     border-radius: 4px;
     border: 1px solid #c7ced4;
     background: rgba(255, 255, 255, 0.2);
@@ -316,6 +319,26 @@ export const styles = css `
     padding: 24px;
     box-sizing: border-box;
   }
+  .duration-input {
+    width: 140px;
+  }
+  .time-input {
+    width: 140px;
+  }
+  .minute-values {
+    gap: 16px;
+  }
+  .weeks-values {
+    gap: 16px;
+  }
+  .months-values {
+    gap: 16px;
+  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-calendar.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-calendar.css.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoTxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n DatePicker CSS\n */\nexport const styles = css`\n :host {\n }\n\n .calendar-container {\n font-family: ~~Colfax~~-~~regular~~;\n width: 290px;\n height: auto;\n text-align: center;\n background: white;\n border-radius: 8px;\n }\n\n .calendar-header {\n display: flex;\n justify-content: space-between;\n padding: 10px;\n padding: 22px 20px;\n font-size: 14px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .header-divider {\n background: #c7ced4;\n height: 1px;\n width: 100%;\n }\n\n .calendar-header__month-navigation {\n cursor: pointer;\n }\n\n .divider {\n width: 100%;\n height: 1px;\n background: #c7ced4;\n }\n\n .day-names {\n font-size: 14px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: 0.2px;\n height: 50px;\n padding: 0 12px 0 12px;\n }\n\n .day-names,\n .days {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 4px 7px;\n }\n\n .days {\n height: auto;\n padding: 0 12px 12px 12px;\n }\n\n .day {\n flex-basis: auto;\n min-width: 32px;\n min-height: 32px;\n flex-grow: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n }\n\n .current-date {\n border: 1px solid #1978b8;\n }\n\n .day:hover {\n background-color: #e5e9eb;\n }\n\n .filler {\n color: #7f7f7f;\n pointer-events: none;\n }\n\n .selected-date {\n color: white;\n border-radius: 4px;\n background: #a5d3f3;\n }\n\n .selected-date:hover {\n background: #a5d3f3;\n }\n\n .calendar-wrapper {\n background: white;\n display: flex;\n justify-content: space-between;\n width: 290px;\n border-radius: 8px;\n }\n\n .selected-date,\n .range-start,\n .range-end {\n border-radius: 4px;\n background: #a5d3f3;\n color: white;\n }\n\n .range-start {\n background: #a5d3f3;\n border-radius: 4px 0 0 4px;\n color: white;\n }\n\n .range-end {\n background: #a5d3f3;\n border-radius: 0 4px 4px 0;\n color: white;\n }\n\n .range-middle {\n background: #a5d3f3;\n color: white;\n border-radius: 0;\n }\n\n .day.selected {\n background: #a5d3f3;\n color: white;\n border-radius: 4px;\n }\n\n .day.in-range {\n background: #a5d3f3;\n color: white;\n }\n\n .selected-date {\n color: white;\n border-radius: 4px;\n background: #a5d3f3;\n }\n\n .base {\n background-color: white;\n border-radius: 8px;\n width: 290px;\n }\n\n .base__relative {\n width: ~~494px~~;\n }\n\n .calender-input {\n margin-top: 6px;\n padding: 0 16px;\n width: 290px;\n }\n\n .calender-input--relative {\n width: ~~494px~~;\n padding: 0;\n }\n\n .from {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n margin-top: 12px;\n width: 125px;\n }\n\n .manual-input {\n width: 100%;\n }\n\n .manual-input-label {\n color: #7f7f7f;\n font-family: Colfax-regular;\n font-size: 12px;\n font-weight: 500;\n line-height: 12px;\n letter-spacing: 0.2px;\n }\n\n .button-container {\n width: 100%;\n text-align: right;\n padding: 12px 16px 16px 16px;\n box-sizing: border-box;\n }\n\n .calendar-config {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n }\n\n .calendar-switcher {\n width: 100%;\n margin-right: 24px;\n margin-top: 16px;\n }\n\n .calendar-switch {\n padding-bottom: 12px;\n cursor: pointer;\n }\n\n .calendar-switch__active {\n padding-bottom: 12px;\n border-bottom: 4px solid #005ea6;\n }\n\n .unit-container {\n display: flex;\n flex-direction: column;\n width: ~~494px~~;\n padding: 24px 24px 0 24px;\n }\n\n .time-unit-group {\n display: flex;\n align-items: ~~center~~;\n ~~margin~~-~~bottom~~: ~~24px~~;\n gap: ~~24px~~;\n }\n\n .time-unit-name {\n width: 54px;\n }\n\n .time-unit-name span {\n margin-right: 24px;\n color: var(--color-text-default, #000);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .time-unit-value {\n display: flex;\n }\n\n .time-value {\n display: inline-flex;\n width: 48px;\n height: 32px;\n box-sizing: border-box;\n padding: 5px;\n border: 1px solid #ddd;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n margin-right: 16px;\n border-radius: 4px;\n border: 1px solid #c7ced4;\n background: rgba(255, 255, 255, 0.2);\n }\n\n .time-value--selected {\n background: #a5d3f3;\n }\n\n .time-value:last-child {\n margin-right: 0;\n }\n\n .time-value:hover {\n background: #e5e9eb;\n }\n\n .time-value--selected:hover {\n background-color: #a5d3f3;\n }\n\n .hidden {\n display: none !important;\n }\n\n .calendar-timezone {\n padding: 0 16px;\n }\n\n .unit-input-container {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n padding: 0px 24px;\n }\n\n .button-container--relative {\n width: 100%;\n text-align: right;\n padding: 24px;\n box-sizing: border-box;\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-calendar.css.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2UxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n DatePicker CSS\n /\nexport const styles = css`\n :host {\n }\n\n .calendar-container {\n font-family:var(--nile-font-family-serif);\n width: 290px;\n height: auto;\n text-align: center;\n background: white;\n border-radius: 8px;\n }\n\n .calendar-header {\n display: flex;\n justify-content: space-between;\n padding: 10px;\n padding: 22px 20px;\n font-size: 14px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .header-divider {\n background: #c7ced4;\n height: 1px;\n width: 100%;\n }\n\n .calendar-header__month-navigation {\n cursor: pointer;\n }\n\n .divider {\n width: 100%;\n height: 1px;\n background: #c7ced4;\n }\n\n .day-names {\n font-size: 14px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: 0.2px;\n height: 50px;\n padding: 0 12px 0 12px;\n }\n\n .day-names,\n .days {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 4px 7px;\n }\n\n .days {\n height: auto;\n padding: 0 12px 12px 12px;\n }\n\n .day {\n flex-basis: auto;\n min-width: 32px;\n min-height: 32px;\n flex-grow: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n }\n\n .current-date {\n border: 1px solid #1978b8;\n }\n\n .day:hover {\n background-color: #e5e9eb;\n }\n\n .filler {\n color: #7f7f7f;\n pointer-events: none;\n }\n\n .selected-date {\n color: white;\n border-radius: 4px;\n background: #a5d3f3;\n }\n\n .selected-date:hover {\n background: #a5d3f3;\n }\n\n .calendar-wrapper {\n background: white;\n display: flex;\n justify-content: space-between;\n width: 290px;\n border-radius: 8px;\n }\n\n .selected-date,\n .range-start,\n .range-end {\n border-radius: 4px;\n background: #a5d3f3;\n color: white;\n }\n\n .range-start {\n background: #a5d3f3;\n border-radius: 4px 0 0 4px;\n color: white;\n }\n\n .range-end {\n background: #a5d3f3;\n border-radius: 0 4px 4px 0;\n color: white;\n }\n\n .range-middle {\n background: #a5d3f3;\n color: white;\n border-radius: 0;\n }\n\n .day.selected {\n background: #a5d3f3;\n color: white;\n border-radius: 4px;\n }\n\n .day.in-range {\n background: #a5d3f3;\n color: white;\n }\n\n .selected-date {\n color: white;\n border-radius: 4px;\n background: #a5d3f3;\n }\n\n .base {\n background-color: white;\n border-radius: 8px;\n width: 290px;\n }\n\n .base__relative {\n width: 352px;\n }\n\n .calender-input {\n margin-top: 6px;\n padding: 0 16px;\n width: 290px;\n }\n\n .calender-input--relative {\n width: 352px;\n padding: 0;\n }\n\n .from {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n margin-top: 12px;\n width: 125px;\n }\n\n .manual-input {\n width: 100%;\n }\n\n .manual-input-label {\n color: #7f7f7f;\n font-family: Colfax-regular;\n font-size: 12px;\n font-weight: 500;\n line-height: 12px;\n letter-spacing: 0.2px;\n }\n\n .button-container {\n width: 100%;\n text-align: right;\n padding: 12px 16px 16px 16px;\n box-sizing: border-box;\n }\n\n .calendar-config {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n }\n\n .calendar-switcher {\n width: 100%;\n margin-right: 24px;\n margin-top: 16px;\n }\n\n .calendar-switch {\n padding-bottom: 12px;\n cursor: pointer;\n }\n\n .calendar-switch__active {\n padding-bottom: 12px;\n border-bottom: 4px solid #005ea6;\n }\n\n .unit-container {\n display: flex;\n flex-direction: column;\n width: 352px;\n gap:10px;\n padding: 24px 24px 0 24px;\n }\n\n .time-unit-group {\n display: flex;\n flex-direction: column;\n align-items: start;\n justify-content:center;\n gap: 12px;\n }\n\n .time-unit-name {\n width: 54px;\n }\n\n .time-unit-name span {\n margin-right: 24px;\n color: var(--color-text-default, #000);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .time-unit-value {\n display: flex;\n gap: 3px;\n }\n\n .time-value {\n display: inline-flex;\n width: 48px;\n height: 32px;\n box-sizing: border-box;\n padding: 5px;\n border: 1px solid #ddd;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n / margin-right: 16px; */\n border-radius: 4px;\n border: 1px solid #c7ced4;\n background: rgba(255, 255, 255, 0.2);\n }\n\n .time-value--selected {\n background: #a5d3f3;\n }\n\n .time-value:last-child {\n margin-right: 0;\n }\n\n .time-value:hover {\n background: #e5e9eb;\n }\n\n .time-value--selected:hover {\n background-color: #a5d3f3;\n }\n\n .hidden {\n display: none !important;\n }\n\n .calendar-timezone {\n padding: 0 16px;\n }\n\n .unit-input-container {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n padding: 0px 24px;\n }\n\n .button-container--relative {\n width: 100%;\n text-align: right;\n padding: 24px;\n box-sizing: border-box;\n }\n\n .duration-input {\n width: 140px;\n }\n\n .time-input {\n width: 140px;\n }\n\n .minute-values {\n gap: 16px;\n }\n\n .weeks-values {\n gap: 16px;\n }\n\n .months-values {\n gap: 16px;\n }\n`;\n\nexport default [styles];\n"]}